/**
* http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/
*/
/*
// usage of @mixin font-size
p {
  @include font-size(14px)
}
*/
/*
// FROM : https://gist.github.com/garyharan/957284
*/
.jcf-select {
    position: relative;
}

.jcf-select:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '\f0d7';
    font-family: 'FontAwesome';
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #a1a1a2;
}

#page_top_wrapper .categoryDescription {
    margin-top: 1em;
    margin-bottom: 1em;
}

.search-form {
    display: block;
    margin: 15px auto;
}

@media only screen and (min-width: 1024px) {
    .search-form {
        margin: 2.5rem 0 0 -2.1875rem;
    }
}

.searchFilters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.searchFilters .dropdown-container {
    width: 80%;
    margin: 0 auto;
    flex-basis: 15%;
    text-align: left;
}

.searchFilters .dropdown-container #submitform:after {
    content: none;
}

.searchFilters .dropdown-container .jcf-unselectable {
    width: 100%;
    text-align: center;
}

.searchFilters .dropdown-container .jcf-unselectable .jcf-select-text {
    height: 41.8px;
}

.searchFilters .dropdown-container .jcf-select:after {
    content: '';
}

.searchFilters .dropdown-container .jcf-select-refineorderby-select .jcf-select-text {
    border: none;
    background-color: transparent;
}

.searchFilters .dropdown-container .jcf-select-refineorderby-select .jcf-select-text:before {
    content: "SORT: ";
    font-weight: bold;
}

.searchFilters .dropdown-container .jcf-select-text,
.searchFilters .dropdown-container a.button {
    border: 1px solid #aaa;
    border-radius: 0;
    margin: 10px 0px;
    color: grey;
    background: transparent;
    width: 100%;
    position: relative;
    font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
}

.searchFilters .dropdown-container .jcf-select-text:after,
.searchFilters .dropdown-container a.button:after {
    content: "\f0dc";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

@media only screen and (min-width: 642px) {
    .searchFilters .dropdown-container {
        width: 220px;
    }
}

.searchFilters .dropdown-container .f-dropdown.content.open {
    max-width: 15%;
    margin: 0;
    border-width: 1px;
    border-color: #aaa;
}

.searchFilters .dropdown-container .f-dropdown.content.open:before, .searchFilters .dropdown-container .f-dropdown.content.open:after {
    content: none;
}

.searchFilters .dropdown-container .f-dropdown.content.open:focus {
    outline: none;
}

.searchFilters .dropdown-container #drop-deliverymethod.f-dropdown.content.open {
    max-width: 25%;
}

.searchResultsList {
    margin: 0;
    font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
}

.searchResultsList p {
    margin: 2px 0;
}

.searchResultsList .row-to-col-mobile {
    padding: 0 30px;
}

.searchResultsList article {
    border-top: 1px solid grey;
    padding: 25px 0;
}

.searchResultsList article:last-child {
    border-bottom: 1px solid grey;
}

.searchResultsList article .class-title {
    font-size: 18px;
    margin-bottom: 0;
}

.searchResultsList article .class-title a {
    color: #00245D;
}

.searchResultsList article .class-title a:hover {
    color: tint(#00245D, 40%);
}

.searchResultsList article .description-text-medium,
.searchResultsList article .description-text-medium * {
    font-size: 12px;
}

.searchResultsList article .description-text-small,
.searchResultsList article .description-text-small * {
    font-size: 12px;
}

.searchResultsList article .date-time {
    text-transform: uppercase;
}

.searchResultsList article .compare-list {
    text-transform: capitalize;
}

.searchResultsList article .prices .price,
.course-info .prices .price {
    font-weight: 300;
    font-size: 1.5em;
    float: left;
    clear: right;
}

.searchResultsList article .prices .price.regular {
    color: orange;
}

.searchResultsList article .prices .price.regular.strikethrough,
.course-info .prices .price.regular.strikethrough {
    color: #58585b;
    text-decoration: line-through;
    font-size: 1.2em;
    padding: .2em .2em;
}

.searchResultsList article .prices .price.sale,
.course-info .prices .price.sale {
    color: red;
}

.searchResultsList article .prices .old-price {
    font-weight: 100;
    text-decoration: line-through;
    float: left;
    clear: right;
    color: #283961;
}

.searchResultsList article .prices .price-icon,
.course-info .prices .price-icon {
    position: relative;
    width: 100px;
    height: 35px;
    float: left;
    clear: right;
}

.searchResultsList article .prices .earlybird,
.course-info .prices .earlybird {
    background: url("../images/earlybird-saleprice.jpg") no-repeat;
    background-size: contain;
}

.searchResultsList article .prices .last-minute,
.course-info .prices .last-minute {
    background: url("../images/lastminute-saleprice.jpg") no-repeat;
    background-size: contain;
}

.searchResultsList article .compare-list {
    visibility: hidden;
    display: none;
}

.searchResultsList article .register {
    display: block;
    margin: 10px auto;
}

.searchResultsList article .only-mobile {
    visibility: visible;
    display: initial;
}

@media only screen and (min-width: 642px) {
    .searchResultsList article .description-text-medium,
    .searchResultsList article .description-text-medium * {
        font-size: 14px;
    }

    .searchResultsList article .compare-list {
        visibility: visible;
    }

    .searchResultsList article .register {
        margin-top: 0;
        display: inline-block;
    }

    .searchResultsList article .class-title {
        font-size: 24px;
    }

    .searchResultsList article .only-mobile {
        visibility: hidden;
    }

    .searchResultsList article .row {
        position: relative;
    }

    .searchResultsList article .button-operations-row {
        position: absolute;
        top: 0;
        right: 0;
    }

    .searchResultsList article .info-row {
        width: 75%;
        padding-bottom: 10px;
    }

    .searchResultsList article .adjust-to-column {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .searchResultsList article .main-image {
        width: 100%;
        height: 210px;
    }

    .searchResultsList article .columns p {
        margin: 0;
    }

    .searchResultsList article .rating {
        float: right;
        clear: left;
        width: 50%;
        padding: 10px;
    }

    .searchResultsList article .rating img {
        width: 50%;
    }

    .searchResultsList article .adjust-to-column {
        display: block;
    }
}

.course-summary-wrapper .virtual-course.virtual-desk {
    width: 400px;
    height: 200px;
    background-image: url(../images/virtual-instructor-course_400x200.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center center;
}

#categoryModal {
    height: 90%;
}

#categoryModal .modal-content {
    overflow-y: scroll;
    height: 95%;
    display: block;
    position: relative;
}


/**
 * Default SCSS style template.
 */
.regular-pricing {
    padding-right: 76px;
    font-size: 42px;
    float: right;
    color: orange;
}

.extra-sale-padding {
    background-color: red;
    padding-top: 5px;
    position: relative;
}

.padding-top-16px {
    padding-top: 25px;
}

.icon-course-start-large {
    background-image: url("../images/course-icons/icon-course-large-course-start.png");
    background-repeat: no-repeat;
    height: 58px;
    width: 30%;
    background-position: center center;
}

.categoryclasses-wrapper {
    width: 100%;
}

.categoryclasses-wrapper .ul {
    width: 33%;
}

.strikethrough {
    text-decoration: line-through;
    padding: 0px 25px 0px 10px;
}

.sale {
    bottom: 19px;
    font-size: 42px;
    color: orange;
    font-weight: bold;
}

.courselisting #page_top_wrapper {
    background-color: #0971ce;
    background-image: url("../images/course-icons/course-fullsize-background.png");
    background-size: cover;
    background-position: top right;
}

.courselisting-page-top-wrapper {
    background-color: #0971ce;
    background-image: url("../images/course-icons/course-fullsize-background.png");
    background-size: cover;
    background-position: top right;
}


.orange {
    color: #ff9933;
}

.discount {
    color: #41cb1f;
}

.uppercase {
    text-transform: uppercase;
}

.course-registration-subtext {
    font-style: italic;
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
    font-weight: bolder;
    font-size: 0.65em;
    margin-right: 10px;
}

.coursepage-rating-block {
    background-color: #00235d;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    padding: 3px 8px;
}

.coursepage-rating-block .star, .coursepage-rating-block .text {
    text-align: center;
    clear: both;
}

.coursepage-rating-block .text {
    text-transform: uppercase;
    font-weight: bold;
}

.coursepage-rating-block.stars-container {
    padding: 5px 25px;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}

.icon-cut:before {
    content: "\f0c4";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-duration:before {
    content: "\f013";
}

ul.inline-list li.ratings-block {
    margin-left: 0;
    margin-right: 1.375rem;
    margin-bottom: 10px;
}

ul.course-details, ul.course-details li {
    list-style: none;
    color: white;
    font-weight: normal;
    font-family: "proxima_nova_rgregular", Helvetica, Arial, sans-serif;
    margin-left: 0;
}

ul.course-details li {
    background-position: left center;
    background-size: 40px auto;
    background-repeat: no-repeat;
    padding: 7px 0px 7px 45px;
    border: 0px solid #900;
}

ul.course-details li.course-start {
    background-image: url("../images/course-icons/icon-course-start.png");
    display: inline-block;
}

ul.course-details li.course-delivery-method {
    background-image: url("../images/course-icons/icon-course-delivery-method.png");
    display: inline-block;
}

ul.course-details li.course-duration {
    background-image: url("../images/course-icons/icon-course-duration.png");
    display: inline-block;
}

ul.course-details li.course-location {
    background-image: url("../images/course-icons/icon-course-location.png");
    display: inline-block;
}

ul.course-details li.course-time {
    background-image: url("../images/course-icons/icon-course-time.png");
    display: inline-block;
}

ul.course-details li span {
    color: #ff9933;
    font-weight: bold;
    text-transform: uppercase;
}

section#page_top_wrapper {
    margin-bottom: 105px;
}

span.course-guaranteed-to-run {
    color: white;
}

li.guarantee {
    height: 60px;
    background-image: url("../images/course-icons/icon-course-guaranteed-to-run.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 42px 42px;
    padding-left: 50px;
    line-height: 58px;
    margin-left: 0px;
}

span.course-large-course-start {
    background-image: url("../images/course-icons/icon-course-large-course-start.png");
    background-position: left center;
    background-size: contain;
    color: transparent;
    padding: 4px 0 4px 50px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

span.logo-lmt-sale-price {
    background-image: url("../images/course-icons/logo-lmt-sale-price.png");
    background-position: center center;
    background-size: contain;
    color: transparent;
    width: 183px;
    height: 57px;
    display: inline-block;
}

span.logo-lmt-earlybird-price {
    background-image: url("../images/course-icons/logo-lmt-earlybird-price.png");
    background-position: center center;
    background-size: contain;
    color: transparent;
    width: 183px;
    height: 57px;
    display: inline-block;
}

.registration-wrapper {
    margin-top: 20px;
    font-family: "proxima_nova_rgregular", Helvetica, Arial, sans-serif !important;
}

.registration-wrapper p {
    font-family: "proxima_nova_rgregular", Helvetica, Arial, sans-serif;
}

.registration-wrapper p.semibold {
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
}

.registration-wrapper .discount-seats {
    padding-right: 30px;
    text-align: right;
    letter-spacing: 1.5px;
    font-size: 20px;
}

.registration-wrapper .course-large-course-start {
    font-size: 1.5em;
}

.registration-wrapper #moreInfo {
    text-align: center;
    margin: 0 auto;
}

.registration-wrapper #actions {
    margin-top: 15px;
}

.registration-wrapper .seats {
    text-transform: uppercase;
}

.registration-wrapper .single-seat-price-wrapper {
    background-color: #2f5283;
    -webkit-border-radius: 0px 12px 0px 0px;
    -moz-border-radius: 0px 12px 0px 0px;
    border-radius: 0px 12px 0px 0px;
}

.registration-wrapper .tabs .tab-title {
    -webkit-border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    background: #00235d;
    border: solid #00235d 3px;
    width: 50%;
}

.registration-wrapper .tabs .tab-title > a {
    padding: 3px 5px;
    font-size: 12px;
    font-size: .7rem;
    background-color: #00235d;
    color: #fff;
}

.registration-wrapper .tabs .tab-title.active {
    border: solid #2f5283 3px;
    background: #2f5283;
}

.registration-wrapper .tabs .tab-title.active > a {
    background: #2f5283;
    color: #fff;
}

.registration-wrapper .tabs-content {
    background-color: #00235d;
    color: #fff;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

.registration-wrapper .tabs-content > .content {
    padding-top: 0px;
    padding-bottom: 10px;
}

.registration-wrapper #topbarbuttons {
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
}

.registration-wrapper #topbarbuttons ul {
    margin: 10px 0;
    padding: 0;
}

.registration-wrapper #topbarbuttons ul li {
    list-style-type: none;
    display: inline;
    font-size: 1.1em;
}

.registration-wrapper #topbarbuttons ul li:before {
    content: "  |  ";
    padding: 0 5px;
    color: #ff9933;
}

.registration-wrapper #topbarbuttons ul li:first-child:before {
    content: none;
}

.vendor-quick-actions a {
    display: block;
    font-size: 14px;
}

.deliveryMethodContainer input {
    margin-right: 6px;
}

div.saleDays {
    width: 20%;
    display: inline-block;
}

#defaultCourseTimePicker span {
    display: block;
    margin-bottom: 16px;
}

#defaultCourseTimePicker input {
    width: 100%;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #2f5283;
    margin: auto;
}

.button.register-button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    background: #32bd0f;
    padding: 10px 20px 10px 20px;
    border: solid #fff 3px;
    text-decoration: none;
}

.button.register-button:hover {
    background: #33cc00;
    text-decoration: none;
}

p.course-short-description {
    color: #fff;
    padding-right: 10rem;
}

input:focus, textarea:focus {
    outline-style: solid;
    outline-width: 2px;
}

/**
Utility Classes
 */
.m-0 {
    margin: 0 !important;;
}

.mr-auto {
    margin-right: auto !important;;
}

.mr-1 {
    margin-right: 0.5rem !important;
}

.mr-2 {
    margin-right: 1rem !important;
}

.ml-auto {
    margin-left: auto !important;;
}

.ml-1 {
    margin-left: 0.5rem !important;
}

.ml-2 {
    margin-left: 1rem !important;
}

.mb-1 {
    margin-bottom: 0.5rem !important;
}

.mb-2 {
    margin-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 2rem !important;
}

.mt-1 {
    margin-top: 0.5rem !important;
}

.mt-2 {
    margin-top: 1rem !important;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.font-size-small {
    font-size: 0.8rem;
}

.flex-1 {
    flex: 1;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
}

.flex-baseline {
    display: flex;
    align-items: baseline;
}

.flex-column {
    flex-direction: column;
}

.flex-align-center {
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.flex-basis-100 {
    flex-basis: 100%;
}

.hr-border-b {
    margin: 0.5rem 0 1rem 0;
}

.hr-border-b-2 {
    margin: 0.5rem 0 1rem 0;
}

.fa-1 {
    font-size: 0.5rem;
}

.fa-2 {
    font-size: 1rem;
}

.disabled-link {
    opacity: 0.7;
    pointer-events: none;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    p.course-short-description {
        padding-right: 0;
    }

    /*Utility Classes*/
    .flex-wrap-sm {
        flex-wrap: wrap;
    }

    .flex-basis-100-sm {
        flex-basis: 100%;
    }

    .text-center-sm {
        text-align: center;
    }

    .flex-column-sm {
        flex-direction: column;
    }
}

/* Medium(Tablets) */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    /*Utility Classes*/
    .flex-wrap-md {
        flex-wrap: wrap;
    }

    .flex-basis-100-md {
        flex-basis: 100%;
    }

    .text-center-md {
        text-align: center;
    }

    .flex-column-md {
        flex-direction: column;
    }

    .text-center-md {
        text-align: center;
    }
}

h2.vendor-name a {
    color: #ffffff;
}

#page_bottom_wrapper section {
    margin: 0 0 125px;
    text-align: center;
}

#page_bottom_wrapper h1 {
    color: #00245D;
    font-size: 2.5rem;
    line-height: 2.75rem;
    font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;
}

#page_bottom_wrapper .block-heading {
    margin-bottom: 105px;
}

#page_bottom_wrapper .block-heading h1 {
    margin: 0 0 36px;
    text-align: center;
    position: relative;
}

#page_bottom_wrapper .block-heading h1:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #d0d2d4;
}

#page_bottom_wrapper .block-heading h1 span {
    padding: 0 1.875rem;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 2;
}

#closeGoToOldWebsiteNotification {
    color: #fff;
    padding: 0 5px
}

/*# sourceMappingURL=main.css.map */
