@import "variables"; @color-primary: #f4645a; @color-secondary: #fff3f2; @color-tertiary: #242b32; @color-quaternary: #000; @import "skin"; // Less Mixin .keyframes(@name; @arguments) { @-moz-keyframes @name { @arguments(); } @-webkit-keyframes @name { @arguments(); } @keyframes @name { @arguments(); } } /* * Svg Animation Colors */ .keyframes(icons;{ 0% { stroke: fade(@color-primary, 100%); fill: fade(@color-primary, 0%); } 90% { stroke: fade(@color-primary, 100%); fill: fade(@color-primary, 0%); } 100% { stroke: fade(@color-primary, 0%); fill: fade(@color-primary, 100%); } }); /* * General Styles */ svg { circle { &.icons-circle { stroke: @color-primary; } } } .custom-bg-color-1 { background-color: hsl(hue(@color-primary), 78%, 56%) !important; } /* * Custom Classes */ // button .custom-btn-style-1 { &, &:active { background: @color-primary; background: -moz-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, @color-primary), color-stop(100%, hsl(hue(@color-primary), 100%, 75%))); background: -webkit-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -o-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -ms-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: linear-gradient(to right, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4645a', endColorstr='#ff857c', GradientType=1 ); } &._borders { border: 1px solid hsl(hue(@color-primary), 100%, 75%); &:hover, &:active, &:focus { border-color: hsl(hue(@color-primary), 100%, 75%); background: -moz-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, @color-primary), color-stop(100%, hsl(hue(@color-primary), 100%, 75%))); background: -webkit-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -o-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: -ms-linear-gradient(left, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); background: linear-gradient(to right, @color-primary 0%, hsl(hue(@color-primary), 100%, 75%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4645a', endColorstr='#ff857c', GradientType=1 ); } } } // bar h2 { &.custom-bar { &:after { border-bottom-color: @color-primary; } } } /* * FAQ'S */ .custom-accordion-style-1 { .card-header { .card-title { a { &:not(.collapsed) { color: @color-primary !important; border-left-color: @color-primary; background: @color-secondary; &:after { border-color: @color-primary transparent transparent transparent; } } } } } } #footer { .footer-copyright { nav { ul { li { &:hover { a { color: @color-primary !important; } } } } } } }