{"version":3,"sources":["style_4.scss","../../scss_components/_mixins.scss"],"names":[],"mappings":"AAGA;EACI,cAAa;EACb,kBAAiB;EACjB,+BAA8B;EAC9B,oBAAmB;EACnB,kBAAiB;EACjB,iBAAgB,EA6BnB;EAnCD;IAQQ,wBAAuB;IACvB,cAAa;IACb,iBAAgB;IAChB,kBAAiB;IACjB,cAAa;IACb,oBAAmB;IACnB,wBAAuB;IACvB,qBAAoB;IACpB,oBAAmB,EAkBtB;IAlCL;MAkBY,mBAAkB,EAYrB;MA9BT;QAoBgB,eAAc;QACd,oBAAmB;QACnB,gBAAe;QACf,YAAW,EACd;MAxBb;QA0BgB,gBAAe;QACf,iBAAgB;QAChB,YAAW,EACd;IA7Bb;MAgCY,qCAA4B;cAA5B,6BAA4B,EAC/B;;AC2KD;EDtKJ;IACI,eAAc;IACd,oBAAmB;IACnB,aAAY,EAoBf;IAvBD;MAKQ,sBAAqB;MACrB,eAAc;MACd,wBAAuB,EAe1B;MAtBL;QASY,cAAa;QACb,gBAAe;QACf,wBAAuB;QACvB,oBAAmB;QACnB,uBAAsB;QACtB,kBAAiB,EAOpB;QArBT;UAgBgB,YAAW,EACd;QAjBb;UAmBgB,YAAW,EACd,EAAA;;AC+HT;EDxHJ;IAEQ,yBAAwB;IACxB,eAAc,EAOjB;IAVL;MAKY,kBAAiB,EACpB;IANT;MAQY,mBAAkB,EACrB,EAAA","file":"../course_category/style_4.css","sourcesContent":["@import \"../../scss_components/base_variables\";\n@import \"../../scss_components/mixins\";\n\n.stm_lms_courses_categories.style_4 {\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    margin: -10px 0 7px;\n    padding-top: 10px;\n    overflow-x: auto;\n    .stm_lms_courses_category {\n        width: calc(20% - 10px);\n        padding: 15px;\n        margin: 0 0 33px;\n        min-height: 220px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: .3s ease;\n        border-radius: 10px;\n        > a {\n            text-align: center;\n            i {\n                display: block;\n                margin-bottom: 20px;\n                font-size: 64px;\n                color: #fff;\n            }\n            h4 {\n                font-size: 18px;\n                font-weight: 600;\n                color: #fff;\n            }\n        }\n        &:hover {\n            transform: translateY(-10px);\n        }\n    }\n}\n\n@include breakpoint(tabletonly) {\n    .stm_lms_courses_categories.style_4 {\n        display: block;\n        white-space: nowrap;\n        font-size: 0;\n        .stm_lms_courses_category {\n            display: inline-block;\n            margin: 0 10px;\n            width: calc(50% - 20px);\n            > a {\n                display: flex;\n                flex-wrap: wrap;\n                justify-content: center;\n                align-items: center;\n                flex-direction: column;\n                min-height: 190px;\n                i {\n                    width: 100%;\n                }\n                h4 {\n                    width: 100%;\n                }\n            }\n        }\n    }\n}\n\n@include breakpoint(mobile) {\n    .stm_lms_courses_categories.style_4 {\n        .stm_lms_courses_category {\n            width: calc(100% - 30px);\n            margin: 0 30px;\n            &:first-child {\n                margin-left: 15px;\n            }\n            &:last-child {\n                margin-right: 15px;\n            }\n        }\n    }\n}","@mixin rounded($radius: 2px){\n    -webkit-border-radius: $radius;\n    -moz-border-radius: $radius;\n    border-radius: $radius;\n}\n\n@mixin bordered($top-color: #EEE, $right-color: #EEE, $bottom-color: #EEE, $left-color: #EEE){\n    border-top: solid 1px $top-color;\n    border-left: solid 1px $left-color;\n    border-right: solid 1px $right-color;\n    border-bottom: solid 1px $bottom-color;\n}\n\n@mixin transformY(){\n    -webkit-transform: translateY(-50%);\n    -ms-transform: translateY(-50%);\n    transform: translateY(-50%);\n}\n\n@mixin noTransform(){\n    -webkit-transform: translateY(0%);\n    -ms-transform: translateY(0%);\n    transform: translateY(0%);\n}\n\n@mixin transformX(){\n    -webkit-transform: translateX(-50%);\n    -ms-transform: translateX(-50%);\n    transform: translateX(-50%);\n}\n\n@mixin transform($arguments){\n    -webkit-transform: $arguments;\n    -moz-transform: $arguments;\n    -o-transform: $arguments;\n    -ms-transform: $arguments;\n    transform: $arguments;\n}\n\n@mixin background-gradient($start, $end){\n    background: -moz-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -webkit-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -o-linear-gradient(90deg, $start 0%, $end 100%);\n    background: -ms-linear-gradient(90deg, $start 0%, $end 100%);\n    background: linear-gradient(180deg, $start 0%, $end 100%);\n}\n\n@mixin box-shadow($x: 0, $y: 0, $blur: 10px, $color: #666){\n    -webkit-box-shadow: $arguments;\n    -moz-box-shadow: $arguments;\n    box-shadow: $arguments;\n}\n\n@mixin drop-shadow($x-axis: 0, $y-axis: 1px, $blur: 2px, $alpha: rgba(0, 0, 0, 0.1)){\n    -webkit-box-shadow: $x-axis $y-axis $blur $alpha;\n    -moz-box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\n    box-shadow: $x-axis $y-axis $blur rgba(0, 0, 0, $alpha);\n}\n\n@mixin inner-shadow($horizontal:0, $vertical:1px, $blur:2px, $alpha: 0.4){\n    -webkit-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n    -moz-box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n    box-shadow: inset $horizontal $vertical $blur rgba(0, 0, 0, $alpha);\n}\n\n@mixin bw-gradient($color: #F5F5F5, $start: 0, $stop: 255){\n    background: $color;\n    background: -webkit-gradient(linear,\n            left bottom,\n            left top,\n            color-stop(0, rgb($start,$start,$start)),\n            color-stop(1, rgb($stop,$stop,$stop)));\n    background: -ms-linear-gradient(bottom,\n            rgb($start,$start,$start) 0%,\n            rgb($stop,$stop,$stop) 100%);\n    background: -moz-linear-gradient(center bottom,\n            rgb($start,$start,$start) 0%,\n            rgb($stop,$stop,$stop) 100%);\n    background: -o-linear-gradient(rgb($stop,$stop,$stop),\n            rgb($start,$start,$start));\n}\n\n@mixin background-clip($argument: padding-box){\n    -moz-background-clip: $argument;\n    -webkit-background-clip: $argument;\n    background-clip: $argument;\n}\n\n@mixin opacity($opacity: 0.5){\n    -moz-opacity: $opacity;\n    -khtml-opacity: $opacity;\n    -webkit-opacity: $opacity;\n    opacity: $opacity;\n    -ms-filter: #{\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\"};\n    filter: #{\"alpha(opacity=${opperc})\"};\n}\n\n@mixin user-select($argument: none){\n    -webkit-user-select: $argument;\n    -moz-user-select: $argument;\n    -ms-user-select: $argument;\n    user-select: $argument;\n}\n\n@mixin box-sizing($sizing: border-box){\n    -ms-box-sizing: $sizing;\n    -moz-box-sizing: $sizing;\n    -webkit-box-sizing: $sizing;\n    box-sizing: $sizing;\n}\n\n@mixin transition($name, $duration:0.5s, $ease:ease-out){\n    -webkit-transition: $name $duration $ease;\n    -moz-transition: $name $duration $ease;\n    -o-transition: $name $duration $ease;\n    transition: $name $duration $ease;\n}\n\n@mixin scale($ratio:1.5){\n    @include transform(scale($ratio));\n}\n\n@mixin rotation($deg:5deg){\n    @include transform(rotate($deg));\n}\n\n@mixin pseudo($position,$width,$height){\n    content: '';\n    display: block;\n    position: $position;\n    width: $width;\n    height: $height;\n    z-index: 10;\n}\n\n@mixin set_bg($img-name, $position, $repeat, $type: 'png'){\n    background-image: url('../img/' + $img-name + '.' + $type);\n    background-position: $position;\n    background-repeat: $repeat;\n}\n\n@mixin fa(){\n    font: normal normal normal 14px/1 FontAwesome;\n    font-size: inherit;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    transform: translate(0, 0);\n}\n\n@mixin antialiased(){\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\n\n@mixin absoluted(){\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n}\n\n@mixin clearing(){\n    content: '';\n    clear: both;\n    display: block;\n}\n\n@mixin breakpoint($point) {\n    @if $point == laptop {\n        @media (max-width: 1440px) { @content ; }\n    }\n    @else if $point == onlyLaptop {\n        @media (max-width: 1440px) and (min-width: 1100px) { @content ; }\n    }\n    @else if $point == xs {\n        @media (max-width: 767px) { @content ; }\n    }\n    @else if $point == sm {\n        @media (max-width:991px) and (min-width:768px) { @content ; }\n    }\n    @else if $point == sm-xs {\n        @media (max-width:991px) { @content ; }\n    }\n    @else if $point == md {\n        @media (max-width:1199px) and (min-width:992px) { @content ; }\n    }\n    @else if $point == mobile {\n        @media (max-width:515px) { @content ; }\n    }\n\n    @else if $point == underLaptop {\n        @media (min-width: 1500px) { @content ; }\n    }\n    @else if $point == afterLaptop {\n        @media (max-width: 1500px) { @content ; }\n    }\n    @else if $point == tablet {\n        @media (max-width: 1024px) { @content ; }\n    }\n    @else if $point == tabletland {\n        @media (max-width: 1025px) and (min-width: 992px)  { @content ; }\n    }\n    @else if $point == tabletunder {\n        @media (max-width: 1023px) { @content ; }\n    }\n    @else if $point == tabletonly {\n        @media (max-width: 769px) { @content ; }\n    }\n    @else if $point == mobile {\n        @media (max-width: 550px)  { @content ; }\n    }\n    @else if $point == tabletized {\n        @media (max-width: 769px) and (min-width: 425px)  { @content ; }\n    }\n    @else if $point == mobilized {\n        @media (max-width: 425px) { @content ; }\n    }\n    @else if $point == iphone5portrait {\n        @media (max-width: 570px) and (min-width: 551px)  { @content ; }\n    }\n    @else if $point == min {\n        @media (max-width: 360px) { @content ; }\n    }\n    @else {\n        @media (max-width: $point) { @content ; }\n    }\n}"]}