{"version":3,"sources":["style_1.scss"],"names":[],"mappings":"AAGA;EACI,mBAAkB,EAgCrB;EAjCD;IAIY,mBAAkB;IAClB,eAAc,EACjB;EANT;IAQY,iBAAgB,EACnB;EATT;IAaY,2CAA0C,EAC7C;EAdT;IAiBQ,cAAa,EAChB;EAlBL;IAoBQ,mBAAkB,EAYrB;IAhCL;MAsBY,yBAAwB,EAC3B;IAvBT;MAyBY,qBAAoB,EACvB;IA1BT;MA6BgB,aAAY,EACf;;AAKb;EACI,kBAAiB;EACjB,eAAc,EA0HjB;EA5HD;IAIQ,cAAa,EA6BhB;IAjCL;MAMY,cAAa;MACb,eAAc,EAyBjB;MAhCT;QASgB,cAAa;QACb,uBAAsB;QACtB,oBAAmB;QACnB,gBAAe,EAmBlB;QA/Bb;UAcoB,YAAW;UACX,cAAa;UACb,gBAAe;UACf,uBAAsB;UACtB,aAAY,EAYf;UA9BjB;YAqB4B,kBAAiB;YACjB,UAAS,EACZ;UAvBzB;YA0BwB,oBAAmB;YACnB,8BAA6B;YAC7B,iBAAgB,EACnB;EA7BrB;IAoCY,aAAY,EACf;EArCT;IAuCY,eAAc,EACjB;EAxCT;IA2CQ,mBAAkB;IAClB,UAAS,EACZ;EA7CL;IAgDY,YAAW;IACX,UAAS,EACZ;EAlDT;IAoDY,cAAa,EAChB;EAOL;IACI,oBAAmB;IACnB,mBAAkB;IAClB,aAAY;IACZ,YAAW,EACd;EACD;IACI,sBAAqB;IACrB,oBAAmB;IACnB,YAAW;IACX,aAAY;IACZ,kBAAiB;IACjB,mBAAkB;IAClB,gBAAe;IACf,eAAc;IACd,0BAAyB;IACzB,gBAAe;IACf,qBAAoB;IACpB,uBAAsB,EAIzB;IAhBA;MAcO,YAAW,EACd;EAEL;IACI,cAAa;IACb,oBAAmB;IACnB,gBAAe;IACf,iBAAgB,EAgBnB;IApBA;MAMO,iBAAgB;MAChB,mBAAkB;MAClB,YAAW,EACd;IATJ;MAWO,kBAAiB;MACjB,gBAAe,EAOlB;MAnBJ;QAcW,mBAAkB;QAClB,iBAAgB;QAChB,SAAQ;QACR,gBAAe,EAClB;EAGT;IACI,cAAa;IACb,gBAAe;IACf,wBAAuB,EAC1B;EACD;IACI,kBAAiB;IACjB,cAAa;IACb,kBAAiB;IACjB,oBAAmB;IACnB,gBAAe;IACf,qBAAoB;IACpB,eAAc,EAOjB;IAdA;MASO,uBAAsB,EACzB;IAVJ;MAYO,eAAc,EACjB;;AAIT;EACI;IACI,gBAAe,EAelB;IAhBD;MAMQ,WAAU;MACV,iBAAgB;MAChB,4BAA2B;MAC3B,YAAW,EAMd;MAfL;QAYgB,eAAc,EACjB,EAAA;;AAMjB;EACI;IACI,gBAAe,EAYlB;IAbD;MAGQ,YAAW,EACd;IAJL;MAMQ,eAAc,EACjB;IAPL;MAUY,oBAAmB,EACtB,EAAA","file":"../courses_carousel/style_1.css","sourcesContent":["@import \"../../scss_components/base_variables\";\n@import \"../../scss_components/mixins\";\n\n.stm_lms_courses_carousel_wrapper {\n    position: relative;\n    &.no-nav {\n        .owl-controls {\n            position: relative;\n            z-index: 10000;\n        }\n        .owl-dots {\n            margin-top: 60px;\n        }\n    }\n    .owl-dots {\n        .owl-dot {\n            border: 2px solid rgba(255, 255, 255, 0.4);\n        }\n    }\n    .stm_lms_courses__single--info {\n        display: none;\n    }\n    .stm_lms_courses__grid {\n        position: relative;\n        &:before {\n            display: none !important;\n        }\n        .stm_lms_courses__single {\n            transition: .3s ease;\n        }\n        &.loading {\n            .stm_lms_courses__single {\n                opacity: 0.5;\n            }\n        }\n    }\n}\n\n.stm_lms_courses_carousel {\n    max-width: 1750px;\n    margin: 0 auto;\n    .owl-stage {\n        display: flex;\n        .owl-item {\n            display: flex;\n            flex: 1 0 auto;\n            .stm_lms_courses__single__inner {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                flex-wrap: wrap;\n                .stm_lms_courses__single--inner {\n                    width: 100%;\n                    display: flex;\n                    flex-wrap: wrap;\n                    flex-direction: column;\n                    flex-grow: 1;\n                    .stm_lms_courses__single--title {\n                        h5 {\n                            padding-bottom: 0;\n                            border: 0;\n                        }\n                    }\n                    .stm_lms_courses__single--meta {\n                        padding: 12px 0 5px;\n                        border-top: 1px solid #e0e0e0;\n                        margin-top: auto;\n                    }\n                }\n            }\n        }\n    }\n    &.active {\n        .stm_lms_courses__grid {\n            z-index: 100;\n        }\n        .owl-stage-outer {\n            z-index: 99999;\n        }\n    }\n    .stm_lms_courses__grid {\n        position: relative;\n        margin: 0;\n    }\n    .owl-item {\n        .stm_lms_courses__single {\n            width: 100%;\n            margin: 0;\n        }\n        &:hover {\n            z-index: 9999;\n        }\n    }\n    .owl-carousel {\n        .owl-stage-outer {\n\n        }\n    }\n    &__buttons {\n        margin: 50px auto 0;\n        text-align: center;\n        font-size: 0;\n        z-index: 20;\n    }\n    &__button {\n        display: inline-block;\n        vertical-align: top;\n        width: 46px;\n        height: 46px;\n        line-height: 44px;\n        text-align: center;\n        font-size: 14px;\n        color: #e0e0e0;\n        border: 1px solid #e0e0e0;\n        cursor: pointer;\n        transition: .3s ease;\n        background-color: #fff;\n        &:hover {\n            color: #fff;\n        }\n    }\n    &__top {\n        display: flex;\n        align-items: center;\n        padding: 0 10px;\n        margin: 0 0 50px;\n        h3 {\n            margin-bottom: 0;\n            margin-right: 60px;\n            color: #fff;\n        }\n        .h4 {\n            margin-left: auto;\n            font-size: 14px;\n            i {\n                position: relative;\n                margin-left: 5px;\n                top: 1px;\n                font-size: 16px;\n            }\n        }\n    }\n    &__terms {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n    }\n    &__term {\n        padding: 5px 15px;\n        margin: 0 7px;\n        line-height: 30px;\n        border-radius: 20px;\n        cursor: pointer;\n        transition: .3s ease;\n        color: #109d87;\n        &.active {\n            color: #fff !important;\n        }\n        &:hover {\n            color: #777777;\n        }\n    }\n}\n\n@media (max-width: 1440px) {\n    .stm_lms_courses_carousel__top {\n        flex-wrap: wrap;\n        h3 {\n\n        }\n        .stm_lms_courses_carousel__terms {\n            order: 100;\n            margin-top: 30px;\n            justify-content: flex-start;\n            width: 100%;\n            .stm_lms_courses_carousel__term {\n                &:first-child {\n                    margin-left: 0;\n                }\n            }\n        }\n    }\n}\n\n@media (max-width: 650px) {\n    .stm_lms_courses_carousel__top {\n        flex-wrap: wrap;\n        h3 {\n            width: 100%;\n        }\n        a.h4 {\n            margin-left: 0;\n        }\n        .stm_lms_courses_carousel__terms {\n            .stm_lms_courses_carousel__term {\n                margin-bottom: 15px;\n            }\n        }\n    }\n}"]}