{"version":3,"sources":["style_3.scss","../../scss_components/_mixins.scss"],"names":[],"mappings":"AAGA;EACI,cAAa;EACb,gBAAe;EACf,+BAA8B;EAC9B,gBAAe,EAsClB;EA1CD;IAMQ,wBAAuB;IACvB,iBAAgB,EAkCnB;IAzCL;MASY,mBAAkB;MAClB,mBAAkB;MAClB,eAAc;MACd,0BAAyB;MACzB,oBAAmB;MACnB,0BAAyB;MACzB,oBAAmB;MACnB,iBAAgB;MAChB,wBAAuB,EAuB1B;MAxCT;QAmBgB,sBAAqB;QACrB,uBAAsB;QACtB,qBAAoB,EACvB;MAtBb;QAwBgB,gBAAe;QACf,iBAAgB;QAChB,gBAAe;QACf,eAAc,EACjB;MA5Bb;QA8BgB,mBAAkB;QAClB,SAAQ;QACR,UAAS;QACT,iBAAgB,EACnB;MAlCb;QAqCoB,YAAW,EACd;;ACsKT;ED/JJ;IACI,wBAAuB,EAC1B,EAAA;;AC0IG;EDtIJ;IACI,YAAW,EACd,EAAA","file":"../course_category/style_3.css","sourcesContent":["@import \"../../scss_components/base_variables\";\n@import \"../../scss_components/mixins\";\n\n.stm_lms_courses_categories.style_3 {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin: 0 0 7px;\n    .stm_lms_courses_category {\n        width: calc(25% - 20px);\n        margin: 0 0 33px;\n        > a {\n            position: relative;\n            padding: 16px 32px;\n            display: block;\n            border: 1px solid #e4e6e8;\n            border-radius: 33px;\n            background-color: #f6f8fa;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            i, h4 {\n                display: inline-block;\n                vertical-align: middle;\n                transition: .3s ease;\n            }\n            i {\n                min-width: 42px;\n                text-align: left;\n                font-size: 30px;\n                color: #273044;\n            }\n            h4 {\n                position: relative;\n                top: 2px;\n                margin: 0;\n                font-weight: 400;\n            }\n            &:hover {\n                i, h4 {\n                    color: #fff;\n                }\n            }\n        }\n    }\n}\n\n@include breakpoint(tabletonly) {\n    .stm_lms_courses_categories.style_3 .stm_lms_courses_category {\n        width: calc(50% - 20px);\n    }\n}\n\n@include breakpoint(mobile) {\n    .stm_lms_courses_categories.style_3 .stm_lms_courses_category {\n        width: 100%;\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}"]}