File: /var/www/html/wpprm/wp-content/themes/ronneby/redux_framework/ReduxCore/assets/css/sass/screen.scss
/*
*
* Don't forget to set $args['admin_stylesheet'] to 'custom' in options.php!
*
*/
$background-light: #f2f2f2;
$color-white: #ffffff;
$color-black: #000000;
$color-titles: #282828;
$color-text: #a4a4a4;
$color-blue: #3498db;
$color-green: #52d298;
$color-red: #e86763;
$color-yellow: #faedc9;
$border-color: #ececec;
@mixin clearfix() {
&:before,
&:after {
content: "";
display: table;
}
&:after {
float: none;
clear: both;
}
}
.qtip-default.qtip-dark {
background: #505050 !important;
}
.clearfix {
@include clearfix();
}
.overfow-hidden {
overflow: hidden;
}
.redux-main .description {
margin-top: 7px;
color: #929292;
}
.form-table > tbody > tr > th {
width: 30%;
}
.redux-container {
font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
margin-top: 20px;
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-input-placeholder {
color: $color-text;
}
:-moz-placeholder {
color: $color-text;
}
::-moz-placeholder {
color: $color-text;
}
:-ms-input-placeholder {
color: $color-text;
}
a:focus .gravatar, a:focus, a:focus .media-icon img,
.wp-core-ui .button-link:focus, .wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.hr {
height: 20px;
line-height: 20px;
float: none;
display: block;
width: 100%;
height: 35px !important;
line-height: 35px !important;
position: relative;
margin: 15px 0 10px 0;
}
.inner {
position: absolute;
top: 50%;
left: 0 !important;
width: 100% !important;
height: 1px;
width: 100%;
margin-top: -1px;
border-top-width: 1px;
border-top-style: solid;
border-color: $border-color;
}
.redux-group-tab .redux-notice-field {
margin: 0;
padding: 0 40px;
background: $border-color;
/*border-left: 2px solid $color-blue;*/
border-bottom: 1px solid $border-color;
&.redux-custom {
.redux-info-desc {
overflow: hidden;
width: 100%;
.info-title {
float: left;
width: 25%;
padding: 25px 25px 25px 0;
}
.info-description {
float: left;
width: 75%;
padding: 20px 0;
}
}
}
&.dfd-no-bg {
padding: 20px 40px;
background: transparent;
}
h3 {
font-size: 14px;
font-weight: 700;
line-height: 50px;
letter-spacing: -.5px;
margin: 0;
span {
font-style: italic;
color: rgba($color-titles, .5);
}
}
}
#redux_ajax_overlay {
display: none;
}
#redux-footer {
text-align: right;
padding: 6px 10px;
}
#redux-header {
padding: 30px 0;
background: $background-light;
.display_header {
font-style: normal;
h2 {
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
line-height: 2;
display: block;
margin: 0;
padding: 0;
color: $color-titles;
}
span {
}
p {
font-size: 13px;
margin: 0;
color: $color-titles;
a {
text-decoration: none;
color: $color-blue;
-webkit-transition: color .3s ease 0s;
-moz-transition: color .3s ease 0s;
transition: color .3s ease 0s;
&:hover {
color: darken($color-blue, 5%);
}
&.docs-icon {
position: relative;
float: right;
padding-right: 60px;
color: $color-titles;
i {
position: absolute;
right: 16px;
top: 50%;
height: 1em;
line-height: 1;
margin-top: -.5em;
&:before {
position: relative;
color: $color-white;
z-index: 1;
}
&:after {
$s: 42px;
content: "";
display: block;
width: $s;
height: $s;
position: absolute;
top: 50%;
left: 50%;
margin-top: -$s/2;
margin-left: -$s/2;
background: $color-blue;
z-index: 0;
}
}
}
}
}
}
.icon32 {
float: right;
margin: 16px 16px 0;
}
}
#redux-footer {
background: #eeeeee;
border-top: 1px solid #E7E7E7;
z-index: 9999;
.redux-action_bar {
.dfd-nav-tabs-section {
ul {
li {
a {
background: $color-white;
}
}
}
}
}
#redux-share {
float: left;
line-height: 28px;
font-size: 15px;
a {
text-decoration: none;
margin-right: 10px;
img {
margin-bottom: -3px;
}
}
}
}
#redux_notification_bar {
margin: 0 10px;
strong {
font-weight: normal;
}
}
.notice-green {
margin: 0;
padding: 15px 20px;
color: $color-white;
background-color: $color-green;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.notice-blue {
margin: 0;
padding: 15px 20px;
color: $color-white;
background-color: $color-blue;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.notice-yellow {
margin: 0;
padding: 15px 20px;
color: $color-titles;
background-color: $color-yellow;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.notice-red,
.redux-field-errors {
margin: 0;
padding: 15px 20px;
color: $color-white;
background-color: $color-red;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.redux-field-errors,
.redux-field-warnings,
.redux-save-warn {
display: none;
}
.sticky-save-warn {
min-height: 76px;
.redux-save-warn {
position: fixed;
top: 32px;
right: 21px;
left: 183px;
opacity: 1;
z-index: 9999;
}
}
#info_bar {
overflow: hidden;
background: $color-white;
border-bottom: 1px solid #e7e7e7;
padding: 6px 10px 6px 6px;
text-align: right;
.expand_options {
cursor: pointer;
display: block;
height: 36px;
width: 36px;
float: left;
font-size: 0;
text-indent: -9999px;
margin: 2px 0 0 4px;
background: url("../../img/toggle_tabs.png") no-repeat;
&.expanded {
background: url("../../img/toggle_tabs.png") no-repeat;
}
&:hover {
border-color: #888;
}
}
}
.redux-sections-wrap {
/* background-color: $color-white;
box-shadow: 0 5px 13px 5px rgba($color-black, .1);
border-radius: 3px;*/
}
.redux-group-tab {
display: none;
margin-bottom: 30px;
.redux-theme-data {
padding: 20px 0;
border-top: 1px solid $border-color;
&.theme-description {
padding: 10px 0;
border-width: 0;
}
&.theme-uri,
&.theme-author,
&.theme-version {
padding: 0;
border-width: 0;
}
}
h3 {
margin-top: 0;
line-height: 2em;
color: #454545;
border-bottom: 1px solid $border-color;
}
.redux-section-desc {
margin-bottom: 15px;
}
}
.redux-action_bar {
@include clearfix();
&.dev-mode {
.dfd-nav-tabs-section {
max-width: calc(100% - 500px);
}
}
.dfd-nav-tabs-section {
float: left;
max-width: calc(100% - 160px);
padding: 0 10px 0 30px;
ul {
@include clearfix();
list-style: none;
margin: 0;
li {
float: left;
margin-right: 7px;
margin-top: 7px;
margin-bottom: 7px;
&:last-child {
margin-right: 0;
}
a {
display: block;
text-decoration: none;
white-space: nowrap;
line-height: 30px;
padding: 0 15px;
color: $color-titles;
background: $border-color;
border-radius: 4px;
-webkit-box-shadow: 0 8px 20px 3px transparent;
-moz-box-shadow: 0 8px 20px 3px transparent;
-ms-box-shadow: 0 8px 20px 3px transparent;
-o-box-shadow: 0 8px 20px 3px transparent;
box-shadow: 0 8px 20px 3px transparent;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
&:hover {
background: $color-white;
-webkit-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
-moz-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
-ms-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
-o-box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
box-shadow: 0 8px 20px 3px rgba(0,0,0,.2);
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
}
}
}
}
}
.options-header-buttons-section {
float: right;
}
}
.redux-ajax-loading {
display: none;
background: red url("../../img/ajax.gif") no-repeat;
width: 16px;
height: 16px;
margin: 3px 4px 0;
float: right;
}
#redux-intro-text {
background: #f3f3f3;
border-bottom: 1px solid #dedede;
-moz-box-shadow: inset 0 1px 0 #fcfcfc;
-webkit-box-shadow: inset 0 1px 0 #fcfcfc;
box-shadow: inset 0 1px 0 #fcfcfc;
padding: 3px;
padding: 10px 10px;
display: none;
p {
margin: 0;
font-family: "Lucida Grande", Sans-serif;
color: #888;
}
}
.sticky-footer-fixed {
background: $color-white;
border-top: 1px solid $border-color !important;
}
.redux-sidebar,
.redux-main {
min-height: 300px;
}
.redux-hint-qtip {
float: left;
margin-right: 15px;
}
}
/* redux-container */
.no-js {
border: 1px solid #ffbaba;
margin: 0;
border-bottom: 1px solid #E7E7E7;
background-color: #F2DEDE;
color: #B94A48;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.redux-container .redux-main {
#native-header_links_typography_option {
.redux-typography-container .picker-wrapper {
display: none;
}
}
.redux-typography-container {
max-width: 100%;
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
* label {
font-size: 13px !important;
margin: 10px 0 !important;
color: $color-titles;
}
.select_wrapper {
height: auto;
.redux-typography {
height: 50px !important;
line-height: 50px !important;
min-width: 0 !important;
}
}
.input_wrapper {
width: 20%;
max-width: 20%;
height: auto;
margin: 0 10px 0 0;
.input-append {
position: relative;
line-height: 50px;
input[type="text"] {
height: 50px;
line-height: inherit;
border-radius: 3px;
}
.add-on {
height: 50px;
line-height: inherit;
margin: 0 0 0 -2px;
padding: 0 10px;
background: $color-white;
border: 1px solid $border-color;
}
}
}
.picker-wrapper {
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
}
}
.redux-container-import_export {
padding: 0 40px;
.notice-red {
margin: 10px -30px;
}
h4 {
}
#redux-import-code-button,
#redux-export-code-copy,
#redux-import-link-button,
#redux-export-code-dl,
#redux-import,
#redux-export-link {
height: auto;
line-height: 50px;
padding: 0 47px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#redux-import-code-button,
#redux-export-code-copy,
#redux-import-link-button,
#redux-export-code-dl {
color: $color-titles;
background: $color-white;
border: 1px dashed $border-color;
-webkit-transition: border .3s ease 0s;
-moz-transition: border .3s ease 0s;
transition: border .3s ease 0s;
&:hover,
&:active,
&:focus {
border-color: $color-green;
}
}
#redux-import,
#redux-export-link {
color: $color-white;
background: $color-green;
border-color: $color-green;
-webkit-transition: background .3s ease 0s, border .3s ease 0s;
-moz-transition: background .3s ease 0s, border .3s ease 0s;
transition: background .3s ease 0s, border .3s ease 0s;
&:hover,
&:active,
&:focus {
background: darken($color-green, 5%);
border-color: $color-green;
}
}
}
@-webkit-keyframes dfdImportSpinnerAnim {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes dfdImportSpinnerAnim {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes dfdImportSpinnerAnim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@mixin importButton() {
font-size: 13px;
font-weight: bold;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0 37px;
color: $color-white;
background: $color-blue;
border: none;
-webkit-border-radius: 44px;
-moz-border-radius: 44px;
border-radius: 44px;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
transition: background .3s ease;
&:hover {
background: darken($color-blue, 5%);
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.wbc_importer {
.theme-browser {
@include clearfix();
padding: 15px 40px;
.description {
margin-top: 5px;
margin-bottom: 20px;
}
.themes {
margin: 0 -10px;
@include clearfix();
.clear {
&.clear-two-cols,
&.clear-three-cols {
display: none;
}
}
.wrap-importer {
width: 25%;
padding: 0 10px;
margin-right: 0;
margin-bottom: 25px;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: default;
transition: opacity .3s ease;
&.active,
&.imported {
&:not(:hover) {
opacity: .4;
}
&:hover {
opacity: 1;
}
.dfd-import-wrap-cover {
.theme-actions {
.wbc-importer-buttons.button-secondary.importer-button {
display: none;
}
}
}
h3.theme-name {
padding: 15px;
color: #2e2e2e;
background: transparent;
}
}
&.not-imported {
}
&.import-started {
.dfd-import-wrap-cover {
&:before {
background: rgba(0,0,0,.4);
}
}
}
&:hover {
.dfd-import-wrap-cover {
&:before {
background: rgba(0,0,0,.18);
}
}
}
&:hover,
&.import-started {
&:hover,
&:not(:hover) {
opacity: 1;
}
.dfd-import-wrap-cover {
.theme-actions {
opacity: 1;
visibility: visible;
}
}
}
.dfd-import-wrap-cover {
position: relative;
overflow: hidden;
margin-bottom: 5px;
border: 1px solid $border-color;
&:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent;
z-index: 1;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
transition: background .3s ease;
}
.theme-screenshot {
&:after {
display: none;
}
img.wbc_image {
position: relative;
display: block;
opacity: 1 !important;
}
}
.more-details {
display: none;
}
.theme-actions {
position: absolute;
bottom: 50%;
right: 50%;
display: block;
height: auto;
margin: 0;
padding: 0;
background: transparent;
border: none;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-transform: translate3d(50%, 50%, 0);
-moz-transform: translate3d(50%, 50%, 0);
transform: translate3d(50%, 50%, 0);
-webkit-transition: opacity .3s ease, visibility .3s ease;
-moz-transition: opacity .3s ease, visibility .3s ease;
transition: opacity .3s ease, visibility .3s ease;
.wbc-importer-buttons {
@include clearfix();
> * {
float: left;
}
}
.spinner {
font-size: 11px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 30px 0 0;
color: $color-white;
background-image: none;
opacity: 1;
&:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
border-top: 2px solid $color-white;
border-left: 2px solid $color-white;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-animation: dfdImportSpinnerAnim 1s linear infinite;
-moz-animation: dfdImportSpinnerAnim 1s linear infinite;
animation: dfdImportSpinnerAnim 1s linear infinite;
}
}
.import-demo-data,
#wbc-importer-reimport {
@include importButton();
> span {
color: #2b2a2a;
}
}
}
}
h3.theme-name {
font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
height: auto;
color: #2e2e2e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
}
}
}
}
@media only screen and (max-width: 1280px) {
.redux-container .redux-main {
.wbc_importer {
.theme-browser {
.themes {
.wrap-importer {
width: 33.3333%;
}
.clear {
&.clear-two-cols,
&.clear-main {
display: none;
}
}
}
}
}
}
}
@media only screen and (max-width: 768px) {
.redux-container .redux-main {
.wbc_importer {
.theme-browser {
.themes {
.wrap-importer {
width: 50%;
}
.clear {
&.clear-three-cols,
&.clear-main {
display: none;
}
}
}
}
}
}
}
@media only screen and (max-width: 480px) {
.redux-container .redux-main {
.wbc_importer {
.theme-browser {
.themes {
.wrap-importer {
width: 100%;
}
.clear {
display: none;
}
}
}
}
}
}
.redux-main .redux-typography-container .select_wrapper.typography-family .redux-typography.redux-typography-family.select2-container + .redux-typography.redux-typography-family.select2-container {
display: none !important
}
.select2-drop {
::-webkit-scrollbar {
width: 9px;
margin-right: 20px;
}
::-webkit-scrollbar-track {
background-color: transparent;
border: none;
}
::-webkit-scrollbar-thumb {
height: 110px;
background-color: #3d3d3d;
border-radius: 14px;
}
::-webkit-scrollbar-thumb:hover {
background-color: darken(#3d3d3d, 5%);
}
&.select2-drop-active {
font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 13px;
margin-top: 0;
border-color: $border-color !important;
-webkit-box-shadow: 0 5px 10px 2px rgba($color-black, .1);
-moz-box-shadow: 0 5px 10px 2px rgba($color-black, .1);
box-shadow: 0 5px 10px 2px rgba($color-black, .1);
.select2-search {
padding: 0;
background: transparent;
border: none;
input[type="text"] {
font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 20px !important;
background: $color-white url(../../img/search_icon.png) center right 15px no-repeat;
border: none;
&:hover,
&:focus {
box-shadow: none;
}
}
}
ul.select2-results {
margin: 0;
padding: 0;
background: $color-white;
li.select2-result {
//height: 46px;
line-height: 50px;
margin: 0;
background: $color-white;
color: $color-titles;
border-radius: 0;
border-top: 1px solid $border-color;
-webkit-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s, border-top-color .3s ease-in-out 0s;
&:hover {
background: $background-light;
border-top-color: $background-light;
+ li.select2-result {
border-top-color: $background-light;
}
}
.select2-result-label {
font-size: 14px;
padding: 0 20px;
}
}
}
}
}
.redux-main {
border-radius: 0 6px 6px 6px;
-webkit-box-shadow: -5px 0 15px 0px rgba($color-black, .1);
-moz-box-shadow: -5px 0 15px 0px rgba($color-black, .1);
box-shadow: -5px 0 15px 0px rgba($color-black, .1);
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
background-image: none !important;
}
}
.form-table.no-border {
border-top: none;
}
.form-table tr {
border-bottom: 1px solid $border-color;
&:last-child {
border-bottom: none !important;
}
th,
td {
color: #333;
}
}
.form-table tr td {
table.mceLayout,
table.mceLayout tr,
table.mceLayout tr td {
padding: 0;
border-width: 0;
}
.redux-th-warning {
font-size: 1em;
font-weight: normal;
display: block;
color: $color-yellow;
}
.redux-field-warning {
border-color: $color-yellow;
}
.redux-th-error {
font-size: 1em;
font-weight: normal;
display: block;
color: $color-red;
}
}
input.large-text {
width: 100%;
}
.hide {
display: none;
}
.redux-field-container {
padding: 15px 20px;
}
.mini,
input[type=text].mini {
width: 50px;
text-align: center;
}
input {
line-height: 19px;
}
img {
&:not(.customization-icons) {
max-width: 100%;
height: auto;
width: auto !important;
}
}
.screenshot .redux-option-image {
border-width: 0;
border-radius: 0;;
}
div.upload_button_div {
position: relative;
overflow: hidden;
.buttons-cover {
float: left;
position: relative;
overflow: hidden;
.media_upload_button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
float: left;
min-width: 50px;
min-height: 50px;
padding: 10px;
cursor: pointer;
border: 1px dashed $border-color;
-webkit-transition: border-color .3s ease 0s;
-moz-transition: border-color .3s ease 0s;
-o-transition: border-color .3s ease 0s;
transition: border-color .3s ease 0s;
.screenshot {
display: block;
width: 100%;
&.hide {
display: none;
}
.redux-option-image {
display: block;
margin: 0 auto;
padding: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
}
.no-image-holder {
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 47px;
white-space: nowrap;
&.hide {
display: none;
}
i {
font-size: 12px;
margin-right: 10px;
color: rgba($color-black, .2);
-webkit-transition: color .3s ease 0s;
-moz-transition: color .3s ease 0s;
transition: color .3s ease 0s;
}
}
}
.remove-image {
font-size: 11px;
position: absolute;
top: 6px;
right: 6px;
color: #a1a1a1;
cursor: pointer;
-webkit-transition: color .3s ease 0s;
-moz-transition: color .3s ease 0s;
transition: color .3s ease 0s;
}
&:hover {
.media_upload_button {
border-color: $color-green;
.no-image-holder {
i {
color: $color-green;
}
}
}
.remove-image {
color: $color-red;
}
}
}
}
.hide.screenshot + div.upload_button_div {
.button {
height: 60px;
line-height: 60px;
padding: 0 50px;
&:hover {
background: #edc27d;
color: $color-white;
}
}
}
.select2-default {
width: auto !important;
}
.showDefaults {
display: block;
font-weight: normal;
font-size: .8em;
color: #888;
}
span.description {
display: block;
font-style: normal;
font-weight: 400;
}
#redux-system-info textarea {
min-height: 730px;
width: 100%;
}
.field-desc {
clear: both;
font-size: 13px;
}
.data-full li {
width: 100%;
}
.data-half li {
width: 50%;
float: left;
}
.data-third li {
width: 33.3%;
float: left;
}
.data-quarter li {
width: 25%;
float: left;
}
.ui-helper-hidden-accessible {
top: inherit;
}
.form-table {
clear: none;
}
.input-append {
input {
border-right: 0;
margin-bottom: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
float:left;
margin-top: 0;
display: block;
}
.add-on {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: -2px;
float: left;
}
}
.input-prepend input {
border-left: 0;
margin-bottom: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: 0;
padding-top: 2px;
padding-bottom: 5px;
float:left;
margin-top: 0;
display: block;
}
.input-prepend .add-on {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
float: left;
}
.input-append {
margin-right: 10px;
font-size: 0;
white-space: nowrap;
float: left;
display: inline-block;
margin-bottom: 6px;
}
.input-append .add-on, .input-prepend .add-on {
width: auto;
display: inline-block;
min-width: 16px;
padding: 3px 4px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: center;
text-shadow: none;
color: rgba($color-black, .5);
background-color: $color-white;
border: none;
}
.input-prepend {
font-size: 0;
white-space: nowrap;
float: left;
display: inline-block;
margin-bottom: 6px;
}
#redux-object-browser {
overflow: auto;
word-wrap: break-word;
max-height: 600px;
max-width: 100%;
}
&.expand {
.redux-group-tab h3 {
display: none;
}
}
}
/* main */
.redux-sidebar {
width: 310px;
float: left;
.redux-group-menu {
margin-top: 0 !important;
margin-bottom: 0px;
overflow: hidden;
border-radius: 6px 0 0 6px;
li {
-webkit-transition: border-color .3s ease-in-out 0s;
-moz-transition: border-color .3s ease-in-out 0s;
-o-transition: border-color .3s ease-in-out 0s;
transition: border-color .3s ease-in-out 0s;
}
> li {
margin: 0px;
border-top: 1px solid lighten($color-blue, 5%);
&.dark {
a {
background: #1b1b1b;
i {
color: #ffffff;
}
&:hover {
background: #1b1b1b;
}
}
}
&:first-child {
border-top: none;
}
&:not(.hasSubSections) {
&.active {
border-color: #2a3135;
+ li {
border-color: #2a3135;
}
> a {
color: $color-white;
background: #2a3135;
i {
color: $color-white;
}
}
}
}
&.hasSubSections {
> a {
&:after {
content: "";
display: block;
width: 2px;
height: 2px;
position: absolute;
top: 50%;
right: 38px;
background: $color-titles;
box-shadow: 4px 0 0 0 $color-titles, 8px 0 0 0 $color-titles;
-webkit-transition: background .3s ease 0s, -webkit-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
-moz-transition: background .3s ease 0s, -moz-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
transition: background .3s ease 0s, -webkit-box-shadow .3s ease 0s, box-shadow .3s ease 0s;
}
}
ul li {
border-color: darken($border-color, 2%);
a {
/* &:after {
content: "\f111";
font-size: 10px;
font-family: "dashicons";
position: absolute;
top: 50%;
right: 30px;
height: 1em;
line-height: 1;
margin-top: -.5em;
color: rgba($color-titles, .5);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}*/
}
}
&.active,
&.activeChild {
a {
color: $color-titles;
background: $color-white;
}
ul li {
border-top: 1px solid $border-color;
&:hover {
border-color: $background-light;
+ li {
border-color: $background-light;
}
a {
color: $color-titles;
background: $background-light;
&:after {
color: $color-blue;
}
}
}
&.active {
border-color: #2a3135;
+ li {
border-color: #2a3135;
}
a {
color: $color-white;
background: #2a3135;
&:after {
color: $color-white;
}
i {
color: $color-white;
}
}
&:hover {
a {
&:after {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
}
}
}
}
}
}
&.active {
border-color: #2a3135;
> a {
color: $color-white;
background: #2a3135;
}
}
&.activeChild {
border-color: darken($color-blue, 5%);
+ li {
border-color: darken($color-blue, 5%);
}
> a {
color: $color-white;
background: darken($color-blue, 5%);
i {
color: $color-white;
}
}
}
}
a {
font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 13px;
font-weight: 600;
display: block;
position: relative;
padding: 13px 40px 13px 30px;
color: $color-white;
background: $color-blue;
text-decoration: none;
-webkit-transition: background .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
}
&:hover {
border-color: darken($color-blue, 5%);
+ li {
border-color: darken($color-blue, 5%);
}
a {
background: darken($color-blue, 5%);
i {
/*color: $color-blue;*/
}
}
}
i {
font-size: 17px;
line-height: 15px;
float: left;
color: #2e4350;
-webkit-transition: color .3s ease-in-out 0s;
-moz-transition: color .3s ease-in-out 0s;
-o-transition: color .3s ease-in-out 0s;
transition: color .3s ease-in-out 0s;
&.el-info-circle,
&.el-refresh {
font-size: 12px;
}
}
span {
display: block;
margin-left: 35px;
-webkit-transition: color .3s ease-in-out 0s;
-moz-transition: color .3s ease-in-out 0s;
-o-transition: color .3s ease-in-out 0s;
transition: color .3s ease-in-out 0s;
}
}
}
.redux-menu-warning,
.redux-menu-error,
.hasSubSections .extraIconSubsections {
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
font-family: sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 9px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 0 solid transparent;
margin-right: 5px;
i {
margin-left: -3px;
margin-top: -3px;
}
}
.redux-menu-error {
color: $color-white;
background-color: $color-red;
}
.redux-menu-warning {
color: $color-titles;
background-color: $color-yellow;
}
ul {
.subsection {
display: none;
i {
opacity: 0;
}
}
}
.redux-group-tab-link-a {
position: relative;
outline: 0;
i {
vertical-align: middle;
font-size: 1.35em;
position: absolute;
}
span {
display: block;
}
}
.redux-group-tab-link-li a.hasError span.group_title {
padding-right: 25px;
}
}
/* sidebar */
.form-table th, .form-table td {
margin: 0;
padding: 0;
width: auto;
}
/*
*
* NHP_Options_color
*
*/
.farb-popup-wrapper {
position: relative;
display: block;
}
.farb-popup {
position: absolute;
left: 40px;
top: 40px;
background-color: white;
border: 1px solid #222;
padding: 5px;
z-index: 100;
}
#ui-datepicker-div {
display: none;
}
.mp6 {
.icon-themes {
display: none;
}
.redux-container {
#info_bar {
padding: 6px 10px 6px 6px;
a {
margin-top: 2px;
}
}
}
}
.redux-timer {
text-align: center;
font-size: 10px;
color: #888;
}
.wrap {
margin-top: 0;
}
@media screen and (max-width: 1124px) {
.redux-sidebar ul .subsection i {
opacity: 1;
}
.redux-sidebar {
width: 44px !important;
.extraIconSubsections {
display: none !important;
}
.redux-group-menu li a,
.redux-group-menu li a:hover,
.redux-group-menu li.active a,
.redux-group-menu li.active a:hover,
.redux-group-menu li.activeChild a,
.redux-group-menu li.activeChild a:hover {
width: auto;
height: 44px;
}
.redux-group-tab-link-a {
position: relative;
line-height: 1em;
padding: 14px !important;
i {
position: inherit;
}
&:after {
display: none !important;
}
span {
display: none !important;
position: absolute;
top: 0;
left: 44px;
padding: 12px;
width: 200px;
background: #eeeeee;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
box-shadow: 2px 2px 8px rgba(0, 0, 0, .2);
border-width: 1px 1px 1px 0px;
z-index: 3;
}
/*&:hover > span {
display: block;
}*/
}
}
.redux-main {
margin-left: 44px !important;
width: auto;
max-width: 100%;
}
table.form-table,
.form-table > thead,
.form-table > tbody,
.form-table > tbody > tr > th,
.form-table > tbody > tr > td,
.form-table > tbody > tr {
display: block;
width: 100% !important;
}
}
//mp6 fixes
@media screen and (max-width: 783px) {
.mp6 {
.redux-container {
#info_bar {
height: auto;
padding-bottom: 1px;
a {
margin-top: 5px;
}
}
}
}
}
pre {
overflow: hidden;
}
/* Default admin theme */
@media screen and (max-width: 1124px) {
// .redux-group-tab-link-a span { margin-top: -2px; }
.redux-group-tab-link-a span {
//background: #222;
//color: white;
padding: 11px 12px;
color: #555;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
&:hover {
//color: #2ea2cc;
//background: black;
background: #e5e5e5;
}
}
}
@media screen and (max-width: 782px) {
#redux-footer #redux-share {
line-height: 38px;
font-size: 18px;
}
.sticky-save-warn .redux-save-warn {
right: 13px;
top: 46px;
}
.redux-container .expand_options {
margin-top: 5px;
}
.redux-action_bar input {
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 650px) {
#redux-footer #redux-share,
.redux-hint-qtip {
display: none;
}
.redux-container .redux-action_bar {
float: none;
}
}
@media screen and (max-width: 476px) {
.redux-container .expand_options {
display: none;
}
#redux-footer, .redux-container #info_bar {
text-align: center;
}
}
// WP Engine CSS fix
.redux-sidebar .icon-large,
.redux-main .icon-large {
background-image: inherit !important;
width: inherit;
height: inherit;
}
.redux-main dd, .redux-main li, .redux-sidebar li {
margin-bottom: 0 !important;
}
.fully-expanded {
.redux-sidebar {
margin-left: -500px;
}
.redux-main {
margin-left: 0;
}
.redux-group-tab {
display: block;
}
}
@media screen and (max-width: 1124px) {
.form-table > tbody > tr > th {
padding-bottom: 0 !important;
}
.redux_field_th {
padding-left: 20px;
padding-bottom: 0;
}
.redux-main {
.redux-field-container {
padding-top: 0;
padding-bottom: 0;
}
}
}
@media screen and (min-width: 601px) and (max-width: 782px) {
.redux-container {
.sticky-save-warn .redux-save-warn {
top: 47px !important;
right: 13px !important;
}
}
}
@media screen and (max-width: 782px) {
.redux-main {
.form-table-section-indented {
input[type=text] {
width: 95% !important;
}
}
.redux-container-sortable {
input[type=text] {
width: 80%;
display: initial;
}
}
.redux-typography-container {
.input_wrapper input.mini {
font-size: 16px !important;
height: 40px !important;
padding: 7px 10px !important;
line-height: 24px !important;
}
.picker-wrapper label {
margin-top: 16px !important;
}
}
.input-append {
height: 50px !important;
.add-on {
font-size: 16px;
line-height: 24px !important;
padding: 7px;
height: 32px !important;
float: right;
margin-top: -40px;
}
}
.redux-hint-qtip {
float: left !important;
}
}
}
@media screen and (max-width: 600px) {
.sticky-save-warn .redux-save-warn {
top: 0 !important;
right: 14px !important;
}
}
@media screen and (max-width: 570px) {
.redux-main {
.redux-container-sortable {
.checkbox-container {
width: 85%;
padding-bottom: 5px;
label {
display: initial;
}
}
}
}
}
/* Leftovers? */
/*.shadow1 {
position: relative;
&:before,
&:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 300px;
background: #777;
-webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 0 15px 10px rgba(0,0,0,0.4);
box-shadow: 0 15px 10px rgba(0,0,0,0.4);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
&:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
}*/
/*.redux-menu-warning {
background-color: #C09853;
color: #FCF8E3;
}
.redux-menu-error {
background-color: #B94A48;
color: #F2DEDE;
}*/
/*.redux-screenshot {
max-width: 300px;
display: block;
}*/
/*.redux-container {
.ajax-loading-img-top {
margin: 5px 4px 0;
float: left;
}
.ajax-loading {
margin: 3px 4px 0;
float: right;
}
.ajax-reset-loading-img {
display: block;
margin-left: 100px;
}
}*/
.redux-container #redux-header .display_header span.redux-dev-mode-notice {
position: absolute;
left: 20px;
bottom: 9px;
background-color: #f0ad4e;
display: inline;
padding: .2em .6em .3em;
font-weight: 700;
line-height: 1;
color: #252525 !important;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
#redux-heading {
margin-bottom: 20px;
}
#redux-footer {
text-align: right;
padding: 20px;
.footer-buttons-section {
display: inline-block;
}
}
.dfd-options-button-cover {
position: relative;
float: left;
overflow: hidden;
margin: 0 5px;
border-radius: 0;
> a.button-primary,
> a.button-secondary,
input[type="submit"],
span.button {
overflow: hidden;
font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
height: auto;
line-height: 45px;
padding-left: 30px;
padding-right: 30px;
margin: 0;
background: transparent;
color: $color-titles;
border: 1px dashed $border-color;
border-radius: 45px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-text-shadow: none;
-moz-text-shadow: none;
text-shadow: none;
outline: none;
-webkit-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
-moz-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
-o-transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
transition: background .3s ease 0s, color .3s ease 0s, border-color .3s ease 0s;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
&:hover,
&:active {
background: transparent;
color: inherit;
border-color: darken($border-color, 5%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
}
&.options-button-green {
.button-primary {
color: $color-white;
background: $color-green;
border-color: $color-green;
border-style: solid;
&:hover,
&:active {
color: $color-white;
background: darken($color-green, 5%);
border-color: darken($color-green, 5%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
}
&.options-button-green-border {
.button {
background: $color-white;
border-color: $color-green;
border-style: solid;
&:hover,
&:active {
background: $color-white;
border-color: darken($color-green, 5%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
}
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
#redux-footer {
border-top: 1px solid #e7e7e7;
.options-header-buttons-section {
@include clearfix();
.dfd-options-button-cover.secondary {
input[type="submit"] {
background: $color-white;
border-color: $color-white;
&:hover,
&:active {
background: #323232;
border-color: #323232;
}
}
}
}
}
#redux-footer #redux-share {
float: left;
}
#redux-footer #redux-share a {
margin-right: 10px;
}
#redux-footer #redux-share a img {
margin-bottom: -3px;
}
#redux-sub-footer {
text-align: center;
font-size: .8em;
}
#redux-save {
margin: 0px;
border-bottom: 1px solid #e7e7e7;
background-color: #DFF0D8;
color: #468847;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#redux-imported {
margin: 0px;
border-bottom: 1px solid #e7e7e7;
background-color: #D9EDF7;
color: #3A87AD;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#redux-save-warn {
margin: 0px;
display: none;
border-bottom: 1px solid #e7e7e7;
background-color: #FCF8E3;
color: #C09853;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#redux-field-warnings {
margin: 0px;
display: none;
border-bottom: 1px solid #DFDFDF;
background-color: #FCF8E3;
color: #C09853;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#redux-field-errors {
margin: 0px;
display: none;
border-bottom: 1px solid #DFDFDF;
background-color: #F2DEDE;
color: #B94A48;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.redux-sidebar,
#redux-main {
min-height: 310px;
}
.redux-menu-warning {
background-color: #C09853;
color: #FCF8E3;
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
border-radius: 20px;
font-family: sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 9px;
}
.redux-menu-error {
background-color: #B94A48;
color: #F2DEDE;
display: inline-block;
float: right;
padding: 6px 7px 4px 7px;
margin-left: 4px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
border-radius: 20px;
font-family: sans-serif;
font-size: 9px;
font-weight: bold;
line-height: 9px;
}
.redux-main {
position: relative;
margin-left: 310px;
padding: 10px 0 0;
background: $color-white;
.redux-container-slider {
.redux-slider-container {
height: 3px;
background: $color-green;
border-width: 0;
border-radius: 0;;
box-shadow: none;
.noUi-background {
background: $border-color;
border-radius: 0;;
}
.noUi-handle {
top: -18px;
width: 38px;
height: 38px;
background: $color-green;
border-width: 0;
border-radius: 50%;
-webkit-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
-moz-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
&:before,
&:after {
display: none;
}
}
}
}
.redux-container-image_select ul.redux-image-select {
margin: 0 -4px !important;
li {
text-align: center;
padding: 0 4px;
}
}
.redux-container-image_select ul .redux-image-select {
position: relative;
img,
.tiles {
padding: 4px;
border-width: 1px;
border-color: $border-color;
-webkit-transition: padding .3s ease 0s, border .3s ease 0s;
-moz-transition: padding .3s ease 0s, border .3s ease 0s;
transition: padding .3s ease 0s, border .3s ease 0s;
&:hover {
border-color: $color-green;
}
}
span.tooltip {
font-size: 12px;
position: absolute;
top: 100%;
left: 50%;
display: block;
padding: 5px 30px;
margin-top: 5px;
background: #383838;
color: #ffffff;
white-space: nowrap;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity .3s ease 0s, visibility .3s ease 0s;
-moz-transition: opacity .3s ease 0s, visibility .3s ease 0s;
-ms-transition: opacity .3s ease 0s, visibility .3s ease 0s;
-o-transition: opacity .3s ease 0s, visibility .3s ease 0s;
transition: opacity .3s ease 0s, visibility .3s ease 0s;
&:before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
display: block;
margin-left: -1px;
border: 2px solid transparent;
border-left: 2px solid #383838;
border-bottom: 2px solid #383838;
}
}
&:hover {
span.tooltip {
opacity: 1;
visibility: visible;
}
}
$w: 90;
$h: 80;
$delim: 1;
&:nth-child(1) {
.dfd-tiles {
background-position: unquote(-($w + $delim)+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(2) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*2+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*2+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(3) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*3+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*3+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(4) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*4+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*4+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(5) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*5+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*5+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(6) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*6+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*6+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(7) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*7+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*7+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(8) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*8+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*8+px) unquote(-($h + $delim)*2+px);
}
}
}
}
&:nth-child(99) {
.dfd-tiles {
background-position: unquote(-($w + $delim)*9+px) 0px;
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)*2+px);
}
}
&:hover {
.dfd-tiles {
background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)+px);
}
.redux-image-select-selected {
.dfd-tiles {
background-position: unquote(-($w + $delim)*9+px) unquote(-($h + $delim)*2+px);
}
}
}
}
.dfd-tiles {
width: unquote(($w)+px);
height: unquote(($h)+px);
display: block;
}
&.redux-image-select-selected {
background: transparent;
img,
.tiles {
padding: 3px;
border-width: 2px;
border-color: $color-green;
}
}
}
.select2-container {
min-width: 100%;
height: 50px;
line-height: 50px;
&.select2-dropdown-open {
.select2-choice {
/* color: $color-titles;
background: $color-white;
border-color: $color-green;*/
.select2-arrow {
b {
&:after {
margin-top: -7px;
border-top-color: transparent;
border-bottom-color: $color-titles;
}
}
}
}
}
.select2-choice {
font-size: 13px;
height: 100%;
line-height: inherit;
padding-left: 25px;
background: $background-light;
color: #a4a4a4 !important;
border: 1px solid $background-light;
border-radius: 3px;
-webkit-transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
-moz-transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
transition: color .3s ease 0s, background .3s ease 0s, border .3s ease 0s;
.select2-arrow {
width: 34px;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
b {
background: transparent;
&:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-top: -3px;
margin-left: -4px;
border: 4px solid transparent;
border-top-color: $color-titles;
}
}
}
> .select2-chosen {
height: 50px;
line-height: 50px;
}
abbr {
top: 18px;
right: 35px;
background: transparent;
&:before,
&:after {
content: "";
display: block;
width: 3px;
height: 10px;
position: absolute;
top: 0;
left: 50%;
background: #d2d2d2;
-webkit-transition: background .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
}
&:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
&:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
&:hover {
color: $color-titles;
background: $color-white;
border-color: $color-green;
abbr {
&:before,
&:after {
background: $color-red;
}
}
}
}
}
input[type="checkbox"] {
position: relative;
background: transparent;
border-width: 0;
box-shadow: none;
width: 18px;
height: 18px;
cursor: pointer;
&:before {
content: "";
position: absolute;
display: block;
width: 18px;
height: 18px;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
background: $color-white;
border: 1px solid #dddddd;
box-shadow: inset 0px 0px 0px 0px #dddddd;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
-moz-transition: -moz-transform .3s ease-in-out .3s;
-o-transition: -o-transform .3s ease-in-out .3s;
transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}
&:after {
content: "\f147";
position: absolute;
display: block;
font-family: "dashicons";
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px;
left: 0;
top: 0;
text-align: center;
color: #e27863;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
-moz-transition: -moz-transform .3s ease-in-out .3s;
-o-transition: -o-transform .3s ease-in-out .3s;
transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}
&:hover {
&:before {
box-shadow: inset 0px 0px 0px 1px #dddddd;
}
}
&:checked {
&:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
-moz-transition: -moz-transform .3s ease-in-out .3s;
-o-transition: -o-transform .3s ease-in-out .3s;
transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}
&:before {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
-moz-transition: -moz-transform .3s ease-in-out .3s;
-o-transition: -o-transform .3s ease-in-out .3s;
transition: -webkit-transform .3s ease-in-out .3s, transform .3s ease-in-out .3s;
}
}
}
.redux-container-radio {
ul {
margin: 0;
@include clearfix();
> li {
float: left;
width: auto;
&:first-child {
> label {
span {
border-left-width: 1px;
border-radius: 4px 0 0 4px;
&:before {
border-radius: 0 0 0 4px;
}
}
}
}
&:last-child {
> label {
span {
border-radius: 0 4px 4px 0;
&:before {
border-radius: 0 0 4px 0;
}
}
}
}
> label {
position: relative;
input[type="radio"] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
&:checked {
+ span {
background: #eaeaea;
&:before {
border-bottom-color: $color-blue;
}
}
}
}
span {
position: relative;
display: block;
height: 45px;
line-height: 45px;
padding: 0 20px;
background: transparent;
border: 1px solid #eaeaea;
border-left-width: 0;
transition: background .3s ease;
&:before {
content: "";
display: block;
height: 0;
position: absolute;
left: -1px;
right: -1px;
bottom: -1px;
border-bottom: 2px solid transparent;
transition: border-color .3s ease;
}
}
&:hover {
span {
&:before {
border-bottom-color: $color-blue;
}
}
}
}
}
}
}
.button-secondary {
&.redux-upload {
font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
height: auto;
padding: 20px 30px;
margin-bottom: 10px;
background: transparent;
border: 1px solid #dedede;
border-radius: 0;;
-webkit-transition: border-color .3s ease-in-out 0s;
-moz-transition: border-color .3s ease-in-out 0s;
-o-transition: border-color .3s ease-in-out 0s;
transition: border-color .3s ease-in-out 0s;
i {
margin-right: 10px;
}
&:hover {
border-color: #57e0a2;
}
}
}
.redux-upload-remove {
font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
text-decoration: none;
color: #363535;
i {
margin-right: 10px;
}
}
.redux-screenshot {
}
input[type="text"] {
width: 100%;
height: 45px;
line-height: 45px;
padding: 0 25px;
&.redux-slider-input {
width: 70px !important;
padding: 0;
}
}
textarea {
padding: 25px;
}
input[type="text"],
textarea {
font-size: 13px;
color: $color-titles;
background: $background-light;
border: 1px solid #e2e2e2;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
-moz-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
-o-transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
transition: background .3s ease 0s, border-color .3s ease-in-out 0s;
&:hover,
&:focus {
background: $color-white;
border-color: $color-green;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
.ui-buttonset {
.buttons-cover {
position: relative;
display: inline-block;
border-radius: 32px;
@include clearfix();
&.dfd-options-two-buttons-set {
$s: 32px;
width: 58px;
height: $s;
input[type="radio"] {
display: none;
}
label {
position: absolute;
top: 0;
display: block;
width: 50%;
height: 100%;
padding: 0;
border: none;
color: transparent;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
z-index: 1;
> span {
display: none;
}
&.ui-state-active {
cursor: default;
}
&.ui-corner-left {
left: 0;
}
&.ui-corner-right {
right: 0;
}
}
.button-animation {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: $color-green;
border-radius: 32px;
z-index: 0;
-webkit-transition: background .3s ease 0s;
-moz-transition: background .3s ease 0s;
transition: background .3s ease 0s;
&:before {
content: "";
display: block;
width: $s+2;
height: $s+2;
position: absolute;
left: auto;
right: -1px;
top: -1px;
background: $color-white;
border-radius: 50%;
-webkit-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
-moz-box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
box-shadow: 0px 5px 9px 2px rgba($color-black, .1);
-webkit-transition: right .3s ease 0s;
-moz-transition: right .3s ease 0s;
transition: right .3s ease 0s;
}
&.right-active {
background: $background-light;
&:before {
right: 24px;
}
}
}
}
&.dfd-options-few-buttons-set {
.ui-button {
font: normal 400 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
position: relative;
height: 22px;
line-height: 22px;
padding: 0 30px;
background: transparent;
color: #2b2a2a;
border-width: 0;
box-shadow: none;
&:before {
content: "";
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 1px;
left: 1px;
background: transparent;
border-width: 1px;
border-style: solid;
border-color: #dddddd;
z-index: 1;
border-radius: 50%;
box-shadow: 0 0 0 0 transparent;
-webkit-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
-moz-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
-o-transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
transition: background .3s ease-in-out 0s, box-shadow .3s linear 0s;
}
.ui-button-text {
position: relative;
background: transparent;
color: #2b2a2a;
z-index: 2;
text-shadow: none;
}
&.ui-state-active {
&:before {
background: #454545;
border-color: #454545;
box-shadow: 0 0 0 0 transparent;
}
&:hover {
&:before {
border-color: #454545;
box-shadow: 0 0 0 0 transparent;
}
}
}
&:hover {
&:before {
box-shadow: 0 0 0 1px #dddddd;
}
}
}
}
.ui-button {
line-height: 25px;
margin: 0 !important;
background: #dedede;
}
}
}
.form-wrap p, p.description, p.help, span.description {
font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.redux-container-background {
.dropdowns-wrap {
margin: 0 -10px;
.select-cover {
float: left;
width: 50%;
padding: 0 10px;
&:nth-child(1),
&:nth-child(2) {
margin-bottom: 20px;
}
}
}
.upload_button_div {
overflow: visible;
.redux-background-upload {
height: 50px;
line-height: 50px;
padding: 0 47px;
color: $color-titles;
background: $color-white;
border: 1px dashed $border-color;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color .3s ease 0s;
-moz-transition: border-color .3s ease 0s;
transition: border-color .3s ease 0s;
i {
font-size: 12px;
margin-right: 10px;
color: rgba($color-black, .2);
-webkit-transition: color .3s ease 0s;
-moz-transition: color .3s ease 0s;
transition: color .3s ease 0s;
}
&:hover,
&:focus,
&:active {
color: $color-titles;
background: $color-white;
border-color: $color-green;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
i {
color: $color-green;
}
}
}
.redux-remove-background {
height: 50px;
line-height: 50px;
padding: 0 47px;
color: $color-titles;
background: $color-white;
border: 1px dashed $color-red;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: color .3s ease 0s, border-color .3s ease 0s;
-moz-transition: color .3s ease 0s, border-color .3s ease 0s;
transition: color .3s ease 0s, border-color .3s ease 0s;
&:hover,
&:focus,
&:active {
color: $color-red;
background: $color-white;
border-color: $color-red;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
}
.hide.screenshot + div.upload_button_div .redux-background-upload:hover {
color: $color-titles;
background: $color-white;
border-color: $color-green;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
i {
color: $color-green;
}
}
.hide.screenshot + div.upload_button_div .redux-remove-background:hover {
color: $color-red;
background: $color-white;
border-color: $color-red;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
i {
color: $color-green;
}
}
}
}
/*
.redux-sidebar .redux-group-menu {
margin-top: 0px;
margin-bottom: 0px;
li.active + li:not(.active) {
a:before {
display: none;
}
}
li:hover + li:not(:hover) {
a:before {
display: none;
}
}
li {
margin: 0px;
&.divide {
padding: 0px;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-bottom-color: #DFDFDF;
border-top-color: #F9F9F9;
}
&:first-child a:before {
display: none;
}
a {
font-family: "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 14px;
font-weight: 700;
display: block;
position: relative;
padding: 14px 14px;
background: $color-white;
color: #2e2e2e;
text-decoration: none;
-webkit-transition: background .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
&:before {
content: "";
display: block;
height: 1px;
position: absolute;
top: 0;
left: 15px;
right: 15px;
background: #e9e9e9;
}
img {
width: 16px;
height: 16px;
vertical-align:middle;
margin-bottom:-3px;
}
&:hover {
background: #f6f6f6;
&:before {
display: none;
}
i {
color: #3abbdb;
}
span {
margin-left: 15px;
}
}
}
i {
font-size: 17px;
line-height: 15px;
float: left;
-webkit-transition: color .3s ease-in-out 0s;
-moz-transition: color .3s ease-in-out 0s;
-o-transition: color .3s ease-in-out 0s;
transition: color .3s ease-in-out 0s;
&.crdash-crown {
font-size: 12px;
}
&.crdash-keyboard {
font-size: 14px;
}
}
span {
display: block;
margin-left: 10px;
-webkit-transition: margin-left .3s ease-in-out 0s;
-moz-transition: margin-left .3s ease-in-out 0s;
-o-transition: margin-left .3s ease-in-out 0s;
transition: margin-left .3s ease-in-out 0s;
}
&.active a {
//width: 174px;
//margin-right: -2px;
background: #3abbdb;
color: $color-white;
&:before {
display: none;
}
&:after {
content: "\e6d2";
font-family: "crdash";
font-size: 5px;
display: block;
height: 1em;
line-height: 1;
position: absolute;
top: 50%;
right: 15px;
margin-top: -.5em
}
i {
color: $color-white;
}
}
}
}
*/
.redux-group-tab {
display: none;
> h2 {
font-size: 20px;
font-weight: 800;
letter-spacing: -1px;
padding: 20px 40px;
margin: 0;
border-bottom: 1px solid $border-color;
}
> h3 {
position: absolute;
bottom: 100%;
margin-top: 0px;
margin-bottom: 0;
font-size: 1.8em;
line-height: 2em;
}
.redux-section-desc {
font-size: 1.2em;
color: rgba($color-titles, .5);
}
.form-table {
clear: none;
margin: 0;
&.no-border {
border-top: none;
}
tr {
border-bottom: 1px solid $border-color;
&:last-child {
border-bottom: none;
}
th,
td {
font: normal 400 13px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
vertical-align: middle;
color: $color-titles;
}
th {
width: 25%;
padding: 25px 25px 25px 40px;
}
td {
}
td .redux-th-warning {
font-size: 1em;
color: #C09853;
font-weight: normal;
display: block;
}
td .redux-field-warning {
border-color: #C09853;
}
td .redux-th-error {
font-size: 1em;
color: #B94A48;
font-weight: normal;
display: block;
}
td .redux-field-error {
border-color: #B94A48;
}
/* reset nested tables for mce */
td table.mceLayout,
td table.mceLayout tr,
td table.mceLayout tr td {
padding: 0px;
border-width: 0px;
}
}
}
.redux-item-data {
padding: 20px 0px;
border-top: 1px solid #dedede;
&.item-uri,
&.item-author,
&.item-version {
padding:0px;
border-width:0px;
}
&.item-description {
padding: 10px 0px;
border-width: 0px;
}
}
}
[class^="icon-"], [class*=" icon-"] {
color: #333333;
}
/*
*
* Redux_Options_radio_img
*
*/
.redux-radio-img {
margin: 6px;
display: inline-block;
text-align: center;
padding: 10px;
input[type='radio'] {
display: none;
}
img {
padding: 5px;
border: 1px solid #dedede;
-webkit-transition: border-color .3s ease-in-out 0s;
-moz-transition: border-color .3s ease-in-out 0s;
-o-transition: border-color .3s ease-in-out 0s;
transition: border-color .3s ease-in-out 0s;
}
span {
font: normal 700 15px "Open Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
&:hover {
img {
border-color: #57e0a2;
}
}
}
.redux-radio-img-selected {
img {
border-color: #57e0a2;
}
}
/*
*
* Redux_Options_color
*
*/
.redux-container-color {
line-height: 40px;
.color-transparency-check {
line-height: inherit;
margin-bottom: 0 !important;
}
}
.redux-main {
.redux-container-color_gradient {
/*overflow: hidden;*/
@include clearfix();
.colorGradient {
float: left;
width: 340px;
padding-left: 40px;
strong {
font-weight: norml;
position: absolute;
display: block;
left: 0;
top: 25px;
height: 1em;
line-height: 1;
margin-top: -.5em !important;
}
.color-transparency-check {
left: 180px;
}
}
}
.colorGradient,
.picker-wrap-cover {
position: relative;
.wp-picker-container {
width: 160px;
}
.color-transparency-check {
position: absolute;
display: block;
left: 140px;
top: 25px;
height: 1em;
line-height: 1;
margin-top: -.5em !important;
}
}
}
.redux-main {
.wp-picker-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
* {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
.wp-color-result {
margin-right: 5px !important;
}
}
/* .wp-picker-container,
.wp-picker-container:active {
position: relative;
z-index: 1;
.wp-color-result {
overflow: hidden;
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 4px;
left: 4px;
margin: 0;
padding: 0;
border: none;
border-radius: 50%;
margin: 0;
border: none;
box-shadow: none;
-webkit-transition: background .3s ease-in-out 0s;
-moz-transition: background .3s ease-in-out 0s;
-o-transition: background .3s ease-in-out 0s;
transition: background .3s ease-in-out 0s;
&:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-radius: 50%;
background: transparent url(../../img/picker-bg-transparent.png) center center no-repeat;
border: none;
z-index: -1;
}
&:after {
content: "";
display: block;
width: 160px;
height: 50px;
position: absolute;
top: -4px;
left: -4px;
margin: 0;
padding: 0;
background: transparent;
border: none;
z-index: 3;
}
&.wp-picker-open {
&:after {
display: none;
}
}
}
.wp-picker-input-wrap {
position: relative;
display: inline-block;
height: 50px !important;
line-height: 50px;
padding-left: 50px;
padding-right: 20px;
background: transparent;
border: 1px dashed $border-color;
border-radius: 50px;
z-index: 0;
-webkit-transition: border .3s ease 0s;
-moz-transition: border .3s ease 0s;
transition: border .3s ease 0s;
input[type="text"].wp-color-picker {
display: block !important;
width: 90px !important;
height: 50px !important;
text-align: center;
padding: 0;
background: transparent;
border: none;
}
.button.button-small {
display: none !important;
}
}
&:hover {
.wp-picker-input-wrap {
border-color: $color-green;
}
}
.wp-picker-holder {
.iris-picker.iris-border {
position: relative;
}
}
}*/
}
/*
Redux Slider
*/
.iris-picker .iris-slider-offset {
top: 0 !important;
bottom: 0 !important;
}
.iris-picker .ui-slider-vertical {
width: auto;
height: 100%;
background: none;
}
.farb-popup-wrapper {
position: relative;
display: block;
}
.farb-popup {
position: absolute;
left: 40px;
top: 40px;
background-color: white;
border: 1px solid #222;
padding: 5px;
z-index: 100;
}
#redux-import-link-wrapper,
#redux-import-code-wrapper {
display: none;
}
#redux-export-code,
#redux-export-link-value {
display: none;
}
#redux-opts-import-action {
overflow: hidden;
margin-top: 20px;
span {
display: block;
height: 40px;
line-height: 40px;
color: #B94A48;
}
}
#import_divide {
margin: 40px 0px;
border-bottom: 1px solid #DFDFDF;
}
.redux-screenshot {
max-width: 300px;
display: block;
}
@media screen and (max-width : 900px) {
#redux-header .dfd-options-logo {
display: none;
}
.redux-sidebar {
width: 42px;
}
#redux-main {
margin-left: 43px;
select {
height: auto !important;
}
}
.redux-group-tab-link-a {
position: relative;
}
.redux-sidebar .redux-group-menu li span {
display: none;
position: absolute;
top: 0;
left: 44px;
padding: 14px;
width: 200px;
background: #F7F7F7;
border: 1px solid #DFDFDF;
border-width: 1px 1px 1px 0px;
}
.redux-sidebar .redux-group-menu li i {
float: none;
clear: both;
}
.redux-group-tab-link-a:hover > span {
display: block;
}
.redux-sidebar .redux-group-menu li a,
.redux-sidebar .redux-group-menu li a:hover,
.redux-sidebar .redux-group-menu li.active a,
.redux-sidebar .redux-group-menu li.active a:hover {
//width: 15px;
}
table.form-table, .form-table > thead, .form-table > tbody, .form-table > tbody > tr > th, .form-table > tbody > tr > td, .form-table > tbody > tr {
display: block !important;
width: 100% !important;
padding: 0px !important;
}
.form-table > tbody > tr > th, .form-table > tbody > tr > td {
padding: 10px !important;
}
.form-table > tbody > tr > td span.description {
display: block;
}
}
/*
This css and associated images borrow heavily from the fantastic
chosen select box plugin.
Copyright (c) 2011 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
*/
.font-select {
font-size: 16px;
width: 210px;
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
}
.font-select .fs-drop {
background: #fff;
border: 1px solid #aaa;
border-top: 0;
position: absolute;
top: 29px;
left: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
box-shadow : 0 4px 5px rgba(0,0,0,.15);
z-index: 999;
}
.font-select > a {
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
background-image: -o-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
background-image: linear-gradient(top, #eeeeee 0%,#ffffff 50%);
-webkit-border-radius: 4px;
-moz-border-radius : 4px;
border-radius : 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
border: 1px solid #aaa;
display: block;
overflow: hidden;
white-space: nowrap;
position: relative;
height: 26px;
line-height: 26px;
padding: 0 0 0 8px;
color: #444;
text-decoration: none;
}
.font-select > a span {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
line-height: 1.8;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
}
.font-select > a div {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius : 0 4px 4px 0;
border-radius : 0 4px 4px 0;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%);
border-left: 1px solid #aaa;
position: absolute;
right: 0;
top: 0;
display: block;
height: 100%;
width: 18px;
}
.font-select > a div b {
background: url('../img/fs-sprite.png') no-repeat 0 1px;
display: block;
width: 100%;
height: 100%;
cursor: pointer;
}
.font-select .fs-drop {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius : 0 0 4px 4px;
border-radius : 0 0 4px 4px;
-moz-background-clip : padding;
-webkit-background-clip: padding-box;
background-clip : padding-box;
}
.font-select .fs-results {
margin: 0 4px 4px 0;
max-height: 190px;
width: 200px;
padding: 0 0 0 4px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.font-select .fs-results li {
line-height: 80%;
padding: 7px 7px 8px;
margin: 0;
list-style: none;
font-size: 18px;
}
.font-select .fs-results li.active {
background: #3875d7;
color: #fff;
cursor: pointer;
}
.font-select .fs-results li em {
background: #feffde;
font-style: normal;
}
.font-select .fs-results li.active em {
background: transparent;
}
.font-select-active > a {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
box-shadow : 0 0 5px rgba(0,0,0,.3);
border: 1px solid #5897fb;
}
.font-select-active > a {
border: 1px solid #aaa;
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow : 0 1px 0 #fff inset;
-o-box-shadow : 0 1px 0 #fff inset;
box-shadow : 0 1px 0 #fff inset;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
-webkit-border-bottom-left-radius : 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft : 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius : 0;
border-bottom-right-radius: 0;
}
.font-select-active > a div {
background: transparent;
border-left: none;
}
.font-select-active > a div b {
background-position: -18px 1px;
}
/* checkbox switch */
.switch_wrap input[type="checkbox"] {
position:absolute;
left:-9999px;
opacity: 0;
}
.switch_wrap input[type="checkbox"]:checked + .switch {
background-color: #6cbc43;
}
.switch_wrap input[type="checkbox"]:checked + .switch::before {
display: block;
}
.switch_wrap input[type="checkbox"]:checked + .switch::after {
display: none;
}
.switch_wrap input[type="checkbox"]:checked + .switch .bullet {
left: 33px;
}
.switch_wrap .switch {
position: relative;
display: inline-block;
width: 65px;
height: 24px;
line-height: 24px;
margin-right: 1em;
margin-top: -3px;
vertical-align: middle;
background-color: #c1272d;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgb(255,255,255);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgb(255,255,255);
}
.switch_wrap .switch::before,
.switch_wrap .switch::after {
content: 'ON';
display: none;
width: 50%;
position: absolute;
top: 0;
font-size: 11px;
font-weight: bold;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
text-align: center;
}
.switch_wrap .switch::after {
content: 'OFF';
display: block;
right: 0;
}
.switch_wrap .switch .bullet {
position: relative;
display: block;
width: 32px;
height: 26px;
top: -2px;
left: -2px;
background-color: #f0f0f0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: -moz-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: -ms-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: -o-linear-gradient(top, #f0f0f0, #e6e6e6);
background-image: linear-gradient(top, #f0f0f0, #e6e6e6);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 white inset, 0 1px 1px rgba(0, 0, 0, 0.25);
-webkit-transition: left 0.1s linear;
-moz-transition: left 0.1s linear;
-ms-transition: left 0.1s linear;
-o-transition: left 0.1s linear;
transition: left 0.1s linear;
}
.switch_wrap .switch .bullet::before,
.switch_wrap .switch .bullet::after {
content: '';
display: block;
height: 15px;
width: 3px;
position: absolute;
top: 5px;
left: 50%;
margin-left: -6px;
border: 1px solid #cccccc;
border-width: 0 1px;
-webkit-box-shadow: 1px 0 0 white, 1px 0 0 white inset;
box-shadow: 1px 0 0 white, 1px 0 0 white inset;
}
.switch_wrap .switch .bullet::after {
margin-left: 2px;
}
/* Fix datepicker empty div at bottom of the page */
#ui-datepicker-div {
display: none;
}
/* RTL support */
.rtl .redux-sidebar {
float: right;
}
.rtl .redux-main {
margin-right: 260px;
margin-left: 0;
border-right: 1px solid #e7e7e7;
border-left: none;
}
.rtl .redux-container .redux-action_bar {
float: left;
}
.rtl .redux-container #info_bar .expand_options {
float: right;
}
.rtl .redux-sidebar .redux-group-tab-link-a span.group_title {
padding-right: 30px;
padding-left: 0;
}
.rtl .redux-sidebar .redux-group-menu li span {
margin-right: 10px;
margin-left: 0;
}
.rtl .redux-sidebar .redux-menu-warning,
.rtl .redux-sidebar .redux-menu-error,
.rtl .redux-sidebar .hasSubSections .extraIconSubsections {
float: left;
margin-right: 0;
margin-left: 5px;
}
.rtl .redux-sidebar .redux-group-menu li.active a:after,
.rtl .redux-sidebar .redux-group-menu li.active a:hover:after,
.rtl .redux-sidebar .redux-group-menu li.activeChild a:after,
.rtl .redux-sidebar .redux-group-menu li.activeChild a:hover:after {
left: 15px;
right: auto;
}
.rtl .redux-main input.color-transparency {
margin-left: 3px;
margin-right: 10px;
}
.rtl .redux-container #redux-footer {
right: auto !important;
}
.rtl .redux-main .wp-picker-container .wp-color-result {
padding-right: 0;
}
@media screen and (max-width: 1124px) {
.rtl .redux-main {
margin-right: 44px !important;
margin-left: 0 !important;
}
}
.redux-sidebar .redux-group-menu>li i {
&.crdash-crown {
font-size: 11px;
}
}
@font-face {
font-family: 'crdash';
src:url('../../font/crdash.eot?9h691v');
src:url('../../font/crdash.eot?#iefix9h691v') format('embedded-opentype'),
url('../../font/crdash.woff?9h691v') format('woff'),
url('../../font/crdash.ttf?9h691v') format('truetype'),
url('../../font/crdash.svg?9h691v#crdash') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'crdash';
src: url('../inc/font/crdash.svg?9h691v#crdash') format('svg');
}
}
[class^="crdash-"], [class*=" crdash-"] {
font-family: 'crdash';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.crdash-wine_alt:before {
content: "\e600";
}
.crdash-wine:before {
content: "\e601";
}
.crdash-water:before {
content: "\e602";
}
.crdash-trophy:before {
content: "\e603";
}
.crdash-trash_can:before {
content: "\e604";
}
.crdash-test_tube:before {
content: "\e605";
}
.crdash-tea:before {
content: "\e606";
}
.crdash-tag:before {
content: "\e607";
}
.crdash-spatula:before {
content: "\e608";
}
.crdash-soda:before {
content: "\e609";
}
.crdash-shopping_bag:before {
content: "\e60a";
}
.crdash-serving_tray:before {
content: "\e60b";
}
.crdash-radioactive:before {
content: "\e60c";
}
.crdash-popsicle_alt:before {
content: "\e60d";
}
.crdash-popsicle:before {
content: "\e60e";
}
.crdash-plate:before {
content: "\e60f";
}
.crdash-planet:before {
content: "\e610";
}
.crdash-pizza_alt:before {
content: "\e611";
}
.crdash-pizza:before {
content: "\e612";
}
.crdash-mustard:before {
content: "\e613";
}
.crdash-muffin:before {
content: "\e614";
}
.crdash-memo:before {
content: "\e615";
}
.crdash-medal:before {
content: "\e616";
}
.crdash-magnet:before {
content: "\e617";
}
.crdash-life_saver:before {
content: "\e618";
}
.crdash-leaf:before {
content: "\e619";
}
.crdash-lamp:before {
content: "\e61a";
}
.crdash-knife_fork:before {
content: "\e61b";
}
.crdash-king:before {
content: "\e61c";
}
.crdash-ketchup:before {
content: "\e61d";
}
.crdash-jar:before {
content: "\e61e";
}
.crdash-ice_cream_cone2_alt:before {
content: "\e61f";
}
.crdash-ice_cream_cone2:before {
content: "\e620";
}
.crdash-ice_cream_cone_alt:before {
content: "\e621";
}
.crdash-ice_cream_cone:before {
content: "\e622";
}
.crdash-home:before {
content: "\e623";
}
.crdash-heart:before {
content: "\e624";
}
.crdash-grill_alt:before {
content: "\e625";
}
.crdash-grill:before {
content: "\e626";
}
.crdash-globe:before {
content: "\e627";
}
.crdash-glasses:before {
content: "\e628";
}
.crdash-glass_of_water:before {
content: "\e629";
}
.crdash-gavel:before {
content: "\e62a";
}
.crdash-fridge:before {
content: "\e62b";
}
.crdash-fork_spoon:before {
content: "\e62c";
}
.crdash-flask_alt:before {
content: "\e62d";
}
.crdash-flask:before {
content: "\e62e";
}
.crdash-fish:before {
content: "\e62f";
}
.crdash-eye:before {
content: "\e630";
}
.crdash-egg:before {
content: "\e631";
}
.crdash-earth:before {
content: "\e632";
}
.crdash-drumstick_alt:before {
content: "\e633";
}
.crdash-drumstick:before {
content: "\e634";
}
.crdash-dice:before {
content: "\e635";
}
.crdash-crown:before {
content: "\e636";
}
.crdash-credit_card:before {
content: "\e637";
}
.crdash-chef_hat:before {
content: "\e638";
}
.crdash-bowl_spoon:before {
content: "\e639";
}
.crdash-bowl_chop_sticks:before {
content: "\e63a";
}
.crdash-bowl:before {
content: "\e63b";
}
.crdash-bottle:before {
content: "\e63c";
}
.crdash-asterisk:before {
content: "\e63d";
}
.crdash-apple_alt:before {
content: "\e63e";
}
.crdash-apple:before {
content: "\e63f";
}
.crdash-user_delete_alt:before {
content: "\e640";
}
.crdash-user_delete:before {
content: "\e641";
}
.crdash-user_add:before {
content: "\e642";
}
.crdash-unlock_alt:before {
content: "\e643";
}
.crdash-unlock:before {
content: "\e644";
}
.crdash-umbrella:before {
content: "\e645";
}
.crdash-tie:before {
content: "\e646";
}
.crdash-thumb_tac:before {
content: "\e647";
}
.crdash-star_alt:before {
content: "\e648";
}
.crdash-star:before {
content: "\e649";
}
.crdash-square_chat_alt2:before {
content: "\e64a";
}
.crdash-square_chat_alt:before {
content: "\e64b";
}
.crdash-square_chat:before {
content: "\e64c";
}
.crdash-shield:before {
content: "\e64d";
}
.crdash-share:before {
content: "\e64e";
}
.crdash-scope:before {
content: "\e64f";
}
.crdash-recycle_alt:before {
content: "\e650";
}
.crdash-recycle:before {
content: "\e651";
}
.crdash-power:before {
content: "\e652";
}
.crdash-plus:before {
content: "\e653";
}
.crdash-pill:before {
content: "\e654";
}
.crdash-pie_chart:before {
content: "\e655";
}
.crdash-person:before {
content: "\e656";
}
.crdash-people:before {
content: "\e657";
}
.crdash-pencil:before {
content: "\e658";
}
.crdash-pen:before {
content: "\e659";
}
.crdash-paper_tray:before {
content: "\e65a";
}
.crdash-paper_clip:before {
content: "\e65b";
}
.crdash-paintbrush:before {
content: "\e65c";
}
.crdash-no:before {
content: "\e65d";
}
.crdash-move:before {
content: "\e65e";
}
.crdash-moustache:before {
content: "\e65f";
}
.crdash-minus:before {
content: "\e660";
}
.crdash-mask:before {
content: "\e661";
}
.crdash-map:before {
content: "\e662";
}
.crdash-male:before {
content: "\e663";
}
.crdash-lock_alt:before {
content: "\e664";
}
.crdash-lock:before {
content: "\e665";
}
.crdash-key:before {
content: "\e666";
}
.crdash-folder_delete:before {
content: "\e667";
}
.crdash-folder_alt:before {
content: "\e668";
}
.crdash-folder_add:before {
content: "\e669";
}
.crdash-folder:before {
content: "\e66a";
}
.crdash-first_aid:before {
content: "\e66b";
}
.crdash-female:before {
content: "\e66c";
}
.crdash-envelope_out:before {
content: "\e66d";
}
.crdash-envelope_opened:before {
content: "\e66e";
}
.crdash-envelope_in:before {
content: "\e66f";
}
.crdash-envelope_closed:before {
content: "\e670";
}
.crdash-dim:before {
content: "\e671";
}
.crdash-delete:before {
content: "\e672";
}
.crdash-cube:before {
content: "\e673";
}
.crdash-circle_chat_alt2:before {
content: "\e674";
}
.crdash-circle_chat_alt:before {
content: "\e675";
}
.crdash-circle_chat:before {
content: "\e676";
}
.crdash-check:before {
content: "\e677";
}
.crdash-caution_alt:before {
content: "\e678";
}
.crdash-caution:before {
content: "\e679";
}
.crdash-cabinet:before {
content: "\e67a";
}
.crdash-burn:before {
content: "\e67b";
}
.crdash-bright:before {
content: "\e67c";
}
.crdash-briefcase:before {
content: "\e67d";
}
.crdash-box:before {
content: "\e67e";
}
.crdash-alt:before {
content: "\e67f";
}
.crdash-zoom_out_alt:before {
content: "\e680";
}
.crdash-zoom_out:before {
content: "\e681";
}
.crdash-zoom_in_alt:before {
content: "\e682";
}
.crdash-zoom_in:before {
content: "\e683";
}
.crdash-wrench:before {
content: "\e684";
}
.crdash-windows:before {
content: "\e685";
}
.crdash-window:before {
content: "\e686";
}
.crdash-wifi:before {
content: "\e687";
}
.crdash-web_layout:before {
content: "\e688";
}
.crdash-watch:before {
content: "\e689";
}
.crdash-usb:before {
content: "\e68a";
}
.crdash-upload:before {
content: "\e68b";
}
.crdash-train:before {
content: "\e68c";
}
.crdash-shuffle:before {
content: "\e68d";
}
.crdash-shock:before {
content: "\e68e";
}
.crdash-plug:before {
content: "\e68f";
}
.crdash-plane:before {
content: "\e690";
}
.crdash-phone:before {
content: "\e691";
}
.crdash-outlet:before {
content: "\e692";
}
.crdash-megaphone:before {
content: "\e693";
}
.crdash-magnifying_glass:before {
content: "\e694";
}
.crdash-location_pin:before {
content: "\e695";
}
.crdash-link:before {
content: "\e696";
}
.crdash-light_bulb:before {
content: "\e697";
}
.crdash-iphone:before {
content: "\e698";
}
.crdash-info_alt:before {
content: "\e699";
}
.crdash-info:before {
content: "\e69a";
}
.crdash-hourglass:before {
content: "\e69b";
}
.crdash-gear:before {
content: "\e69c";
}
.crdash-gauge:before {
content: "\e69d";
}
.crdash-gas:before {
content: "\e69e";
}
.crdash-floppy_disk:before {
content: "\e69f";
}
.crdash-flashlight:before {
content: "\e6a0";
}
.crdash-flash_drive:before {
content: "\e6a1";
}
.crdash-flag_alt:before {
content: "\e6a2";
}
.crdash-flag:before {
content: "\e6a3";
}
.crdash-firewire:before {
content: "\e6a4";
}
.crdash-ethernet:before {
content: "\e6a5";
}
.crdash-edit:before {
content: "\e6a6";
}
.crdash-download_alt:before {
content: "\e6a7";
}
.crdash-download:before {
content: "\e6a8";
}
.crdash-dashboard:before {
content: "\e6a9";
}
.crdash-coverflow:before {
content: "\e6aa";
}
.crdash-contrast:before {
content: "\e6ab";
}
.crdash-compass:before {
content: "\e6ac";
}
.crdash-command:before {
content: "\e6ad";
}
.crdash-code:before {
content: "\e6ae";
}
.crdash-cloud_upload_alt:before {
content: "\e6af";
}
.crdash-cloud_upload:before {
content: "\e6b0";
}
.crdash-cloud_download:before {
content: "\e6b1";
}
.crdash-cloud_delete:before {
content: "\e6b2";
}
.crdash-cloud_check:before {
content: "\e6b3";
}
.crdash-cloud:before {
content: "\e6b4";
}
.crdash-clock:before {
content: "\e6b5";
}
.crdash-cellphone:before {
content: "\e6b6";
}
.crdash-calculator:before {
content: "\e6b7";
}
.crdash-bus:before {
content: "\e6b8";
}
.crdash-bluetooth:before {
content: "\e6b9";
}
.crdash-bell:before {
content: "\e6ba";
}
.crdash-battery_charge:before {
content: "\e6bb";
}
.crdash-battery_alt2:before {
content: "\e6bc";
}
.crdash-battery_alt:before {
content: "\e6bd";
}
.crdash-battery:before {
content: "\e6be";
}
.crdash-alarm_clock:before {
content: "\e6bf";
}
.crdash-zip_file:before {
content: "\e6c0";
}
.crdash-volume_subtract:before {
content: "\e6c1";
}
.crdash-volume_min:before {
content: "\e6c2";
}
.crdash-volume_max:before {
content: "\e6c3";
}
.crdash-volume_levels:before {
content: "\e6c4";
}
.crdash-volume_add:before {
content: "\e6c5";
}
.crdash-volume:before {
content: "\e6c6";
}
.crdash-vinyl:before {
content: "\e6c7";
}
.crdash-tv:before {
content: "\e6c8";
}
.crdash-stop:before {
content: "\e6c9";
}
.crdash-speaker:before {
content: "\e6ca";
}
.crdash-spades:before {
content: "\e6cb";
}
.crdash-rewind:before {
content: "\e6cc";
}
.crdash-record:before {
content: "\e6cd";
}
.crdash-psp:before {
content: "\e6ce";
}
.crdash-printer_alt:before {
content: "\e6cf";
}
.crdash-printer:before {
content: "\e6d0";
}
.crdash-previous:before {
content: "\e6d1";
}
.crdash-play:before {
content: "\e6d2";
}
.crdash-photos_blank:before {
content: "\e6d3";
}
.crdash-photos_alt:before {
content: "\e6d4";
}
.crdash-photos:before {
content: "\e6d5";
}
.crdash-photo:before {
content: "\e6d6";
}
.crdash-pause:before {
content: "\e6d7";
}
.crdash-page:before {
content: "\e6d8";
}
.crdash-next:before {
content: "\e6d9";
}
.crdash-new_document:before {
content: "\e6da";
}
.crdash-mute_alt:before {
content: "\e6db";
}
.crdash-mute:before {
content: "\e6dc";
}
.crdash-music_player:before {
content: "\e6dd";
}
.crdash-music_alt:before {
content: "\e6de";
}
.crdash-music:before {
content: "\e6df";
}
.crdash-mic_alt:before {
content: "\e6e0";
}
.crdash-mic:before {
content: "\e6e1";
}
.crdash-keyboard:before {
content: "\e6e2";
}
.crdash-ipod:before {
content: "\e6e3";
}
.crdash-ipad:before {
content: "\e6e4";
}
.crdash-identification:before {
content: "\e6e5";
}
.crdash-hearts:before {
content: "\e6e6";
}
.crdash-headphones:before {
content: "\e6e7";
}
.crdash-game_controller:before {
content: "\e6e8";
}
.crdash-film_strip:before {
content: "\e6e9";
}
.crdash-fast_forward:before {
content: "\e6ea";
}
.crdash-eject:before {
content: "\e6eb";
}
.crdash-document:before {
content: "\e6ec";
}
.crdash-diamonds:before {
content: "\e6ed";
}
.crdash-delete_document:before {
content: "\e6ee";
}
.crdash-computer_mouse:before {
content: "\e6ef";
}
.crdash-computer_monitor:before {
content: "\e6f0";
}
.crdash-clubs:before {
content: "\e6f1";
}
.crdash-clipboard_delete:before {
content: "\e6f2";
}
.crdash-clipboard_check:before {
content: "\e6f3";
}
.crdash-clipboard_alt:before {
content: "\e6f4";
}
.crdash-clipboard:before {
content: "\e6f5";
}
.crdash-cd:before {
content: "\e6f6";
}
.crdash-cassette:before {
content: "\e6f7";
}
.crdash-camera:before {
content: "\e6f8";
}
.crdash-calendar_alt:before {
content: "\e6f9";
}
.crdash-calendar:before {
content: "\e6fa";
}
.crdash-bookmark:before {
content: "\e6fb";
}
.crdash-book:before {
content: "\e6fc";
}
.crdash-blank_document:before {
content: "\e6fd";
}
.crdash-addressbook:before {
content: "\e6fe";
}
.crdash-action_board:before {
content: "\e6ff";
}
.crdash-window2:before {
content: "\e700";
}
.crdash-upload_alt:before {
content: "\e701";
}
.crdash-traffic:before {
content: "\e702";
}
.crdash-thumbnails_small:before {
content: "\e703";
}
.crdash-thumbnails:before {
content: "\e704";
}
.crdash-thumbnail_list:before {
content: "\e705";
}
.crdash-sync:before {
content: "\e706";
}
.crdash-subtract_window:before {
content: "\e707";
}
.crdash-stats_up_alt:before {
content: "\e708";
}
.crdash-stats_up:before {
content: "\e709";
}
.crdash-stats_down_alt:before {
content: "\e70a";
}
.crdash-stats_down:before {
content: "\e70b";
}
.crdash-return_alt:before {
content: "\e70c";
}
.crdash-return:before {
content: "\e70d";
}
.crdash-replay:before {
content: "\e70e";
}
.crdash-repeat:before {
content: "\e70f";
}
.crdash-recycle_alt2:before {
content: "\e710";
}
.crdash-panel_show:before {
content: "\e711";
}
.crdash-panel_close:before {
content: "\e712";
}
.crdash-outdent:before {
content: "\e713";
}
.crdash-multiple_windows:before {
content: "\e714";
}
.crdash-minimize:before {
content: "\e715";
}
.crdash-logout:before {
content: "\e716";
}
.crdash-login:before {
content: "\e717";
}
.crdash-list:before {
content: "\e718";
}
.crdash-layout_alt2:before {
content: "\e719";
}
.crdash-layout_alt:before {
content: "\e71a";
}
.crdash-layout:before {
content: "\e71b";
}
.crdash-indent:before {
content: "\e71c";
}
.crdash-graph_alt2:before {
content: "\e71d";
}
.crdash-graph_alt:before {
content: "\e71e";
}
.crdash-graph:before {
content: "\e71f";
}
.crdash-fullscreen:before {
content: "\e720";
}
.crdash-forward_alt:before {
content: "\e721";
}
.crdash-forward:before {
content: "\e722";
}
.crdash-expand:before {
content: "\e723";
}
.crdash-exit_fullscreen_alt:before {
content: "\e724";
}
.crdash-exit_fullscreen:before {
content: "\e725";
}
.crdash-download_alt2:before {
content: "\e726";
}
.crdash-diagonal_navigation:before {
content: "\e727";
}
.crdash-delete_alt:before {
content: "\e728";
}
.crdash-delete2:before {
content: "\e729";
}
.crdash-command_prompt:before {
content: "\e72a";
}
.crdash-close_window:before {
content: "\e72b";
}
.crdash-check_window:before {
content: "\e72c";
}
.crdash-check_alt:before {
content: "\e72d";
}
.crdash-check2:before {
content: "\e72e";
}
.crdash-back_alt:before {
content: "\e72f";
}
.crdash-back:before {
content: "\e730";
}
.crdash-arrow_up_alt:before {
content: "\e731";
}
.crdash-arrow_up:before {
content: "\e732";
}
.crdash-arrow_right_alt:before {
content: "\e733";
}
.crdash-arrow_right:before {
content: "\e734";
}
.crdash-arrow_left_alt:before {
content: "\e735";
}
.crdash-arrow_left:before {
content: "\e736";
}
.crdash-arrow_down_alt:before {
content: "\e737";
}
.crdash-arrow_down:before {
content: "\e738";
}
.crdash-Arrow3CircleRight:before {
content: "\e739";
}
.crdash-Arrow3CircleLeft:before {
content: "\e73a";
}
.crdash-Arrow2Right:before {
content: "\e73b";
}
.crdash-Arrow2Left:before {
content: "\e73c";
}
.crdash-Arrow2CircleRight:before {
content: "\e73d";
}
.crdash-Arrow2CircleLeft:before {
content: "\e73e";
}
.crdash-add_window:before {
content: "\e73f";
}
@font-face {
font-family: 'crdash-stroke';
src:url('../inc/fonts/crdash-stroke.eot?gc0d5i');
src:url('../inc/font/crdash-stroke.eot?#iefixgc0d5i') format('embedded-opentype'),
url('../inc/font/crdash-stroke.woff?gc0d5i') format('woff'),
url('../inc/font/crdash-stroke.ttf?gc0d5i') format('truetype'),
url('../inc/font/crdash-stroke.svg?gc0d5i#crdash-stroke') format('svg');
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'crdash-stroke';
src: url('../inc/font/crdash-stroke.svg?gc0d5i#crdash-stroke') format('svg');
}
}
[class^="crdash-stroke-"], [class*=" crdash-stroke-"] {
font-family: 'crdash-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.crdash-stroke-wine_alt:before {
content: "\e600";
}
.crdash-stroke-wine:before {
content: "\e601";
}
.crdash-stroke-water:before {
content: "\e602";
}
.crdash-stroke-trophy:before {
content: "\e603";
}
.crdash-stroke-trash_can:before {
content: "\e604";
}
.crdash-stroke-test_tube:before {
content: "\e605";
}
.crdash-stroke-tea:before {
content: "\e606";
}
.crdash-stroke-tag:before {
content: "\e607";
}
.crdash-stroke-spatula:before {
content: "\e608";
}
.crdash-stroke-soda:before {
content: "\e609";
}
.crdash-stroke-shopping_bag:before {
content: "\e60a";
}
.crdash-stroke-serving_tray:before {
content: "\e60b";
}
.crdash-stroke-radioactive:before {
content: "\e60c";
}
.crdash-stroke-popsicle_alt:before {
content: "\e60d";
}
.crdash-stroke-popsicle:before {
content: "\e60e";
}
.crdash-stroke-plate:before {
content: "\e60f";
}
.crdash-stroke-planet:before {
content: "\e610";
}
.crdash-stroke-pizza_alt:before {
content: "\e611";
}
.crdash-stroke-pizza:before {
content: "\e612";
}
.crdash-stroke-mustard:before {
content: "\e613";
}
.crdash-stroke-muffin:before {
content: "\e614";
}
.crdash-stroke-memo:before {
content: "\e615";
}
.crdash-stroke-medal:before {
content: "\e616";
}
.crdash-stroke-magnet:before {
content: "\e617";
}
.crdash-stroke-life_saver:before {
content: "\e618";
}
.crdash-stroke-leaf:before {
content: "\e619";
}
.crdash-stroke-lamp:before {
content: "\e61a";
}
.crdash-stroke-knife_fork:before {
content: "\e61b";
}
.crdash-stroke-king:before {
content: "\e61c";
}
.crdash-stroke-ketchup:before {
content: "\e61d";
}
.crdash-stroke-jar:before {
content: "\e61e";
}
.crdash-stroke-ice_cream_cone2_alt:before {
content: "\e61f";
}
.crdash-stroke-ice_cream_cone2:before {
content: "\e620";
}
.crdash-stroke-ice_cream_cone_alt:before {
content: "\e621";
}
.crdash-stroke-ice_cream_cone:before {
content: "\e622";
}
.crdash-stroke-home:before {
content: "\e623";
}
.crdash-stroke-heart:before {
content: "\e624";
}
.crdash-stroke-grill_alt:before {
content: "\e625";
}
.crdash-stroke-grill:before {
content: "\e626";
}
.crdash-stroke-globe:before {
content: "\e627";
}
.crdash-stroke-glasses:before {
content: "\e628";
}
.crdash-stroke-glass_of_water:before {
content: "\e629";
}
.crdash-stroke-gavel:before {
content: "\e62a";
}
.crdash-stroke-fridge:before {
content: "\e62b";
}
.crdash-stroke-fork_spoon:before {
content: "\e62c";
}
.crdash-stroke-flask_alt:before {
content: "\e62d";
}
.crdash-stroke-flask:before {
content: "\e62e";
}
.crdash-stroke-fish:before {
content: "\e62f";
}
.crdash-stroke-eye:before {
content: "\e630";
}
.crdash-stroke-egg:before {
content: "\e631";
}
.crdash-stroke-earth:before {
content: "\e632";
}
.crdash-stroke-drumstick_alt:before {
content: "\e633";
}
.crdash-stroke-drumstick:before {
content: "\e634";
}
.crdash-stroke-dice:before {
content: "\e635";
}
.crdash-stroke-crown:before {
content: "\e636";
}
.crdash-stroke-credit_card:before {
content: "\e637";
}
.crdash-stroke-chef_hat:before {
content: "\e638";
}
.crdash-stroke-bowl_spoon:before {
content: "\e639";
}
.crdash-stroke-bowl_chop_sticks:before {
content: "\e63a";
}
.crdash-stroke-bowl:before {
content: "\e63b";
}
.crdash-stroke-bottle:before {
content: "\e63c";
}
.crdash-stroke-asterisk:before {
content: "\e63d";
}
.crdash-stroke-apple_alt:before {
content: "\e63e";
}
.crdash-stroke-apple:before {
content: "\e63f";
}
.crdash-stroke-user_delete_alt:before {
content: "\e640";
}
.crdash-stroke-user_delete:before {
content: "\e641";
}
.crdash-stroke-user_add:before {
content: "\e642";
}
.crdash-stroke-unlock_alt:before {
content: "\e643";
}
.crdash-stroke-unlock:before {
content: "\e644";
}
.crdash-stroke-umbrella:before {
content: "\e645";
}
.crdash-stroke-tie:before {
content: "\e646";
}
.crdash-stroke-thumb_tac:before {
content: "\e647";
}
.crdash-stroke-star_alt:before {
content: "\e648";
}
.crdash-stroke-star:before {
content: "\e649";
}
.crdash-stroke-square_chat_alt2:before {
content: "\e64a";
}
.crdash-stroke-square_chat_alt:before {
content: "\e64b";
}
.crdash-stroke-square_chat:before {
content: "\e64c";
}
.crdash-stroke-shield:before {
content: "\e64d";
}
.crdash-stroke-share:before {
content: "\e64e";
}
.crdash-stroke-scope:before {
content: "\e64f";
}
.crdash-stroke-recycle_alt:before {
content: "\e650";
}
.crdash-stroke-recycle:before {
content: "\e651";
}
.crdash-stroke-power:before {
content: "\e652";
}
.crdash-stroke-plus:before {
content: "\e653";
}
.crdash-stroke-pill:before {
content: "\e654";
}
.crdash-stroke-pie_chart:before {
content: "\e655";
}
.crdash-stroke-person:before {
content: "\e656";
}
.crdash-stroke-people:before {
content: "\e657";
}
.crdash-stroke-pencil:before {
content: "\e658";
}
.crdash-stroke-pen:before {
content: "\e659";
}
.crdash-stroke-paper_tray:before {
content: "\e65a";
}
.crdash-stroke-paper_clip:before {
content: "\e65b";
}
.crdash-stroke-paintbrush:before {
content: "\e65c";
}
.crdash-stroke-no:before {
content: "\e65d";
}
.crdash-stroke-move:before {
content: "\e65e";
}
.crdash-stroke-moustache:before {
content: "\e65f";
}
.crdash-stroke-minus:before {
content: "\e660";
}
.crdash-stroke-mask:before {
content: "\e661";
}
.crdash-stroke-map:before {
content: "\e662";
}
.crdash-stroke-male:before {
content: "\e663";
}
.crdash-stroke-lock_alt:before {
content: "\e664";
}
.crdash-stroke-lock:before {
content: "\e665";
}
.crdash-stroke-key:before {
content: "\e666";
}
.crdash-stroke-folder_delete:before {
content: "\e667";
}
.crdash-stroke-folder_alt:before {
content: "\e668";
}
.crdash-stroke-folder_add:before {
content: "\e669";
}
.crdash-stroke-folder:before {
content: "\e66a";
}
.crdash-stroke-first_aid:before {
content: "\e66b";
}
.crdash-stroke-female:before {
content: "\e66c";
}
.crdash-stroke-envelope_out:before {
content: "\e66d";
}
.crdash-stroke-envelope_opened:before {
content: "\e66e";
}
.crdash-stroke-envelope_in:before {
content: "\e66f";
}
.crdash-stroke-envelope_closed:before {
content: "\e670";
}
.crdash-stroke-dim:before {
content: "\e671";
}
.crdash-stroke-delete:before {
content: "\e672";
}
.crdash-stroke-cube:before {
content: "\e673";
}
.crdash-stroke-circle_chat_alt2:before {
content: "\e674";
}
.crdash-stroke-circle_chat_alt:before {
content: "\e675";
}
.crdash-stroke-circle_chat:before {
content: "\e676";
}
.crdash-stroke-check:before {
content: "\e677";
}
.crdash-stroke-caution_alt:before {
content: "\e678";
}
.crdash-stroke-caution:before {
content: "\e679";
}
.crdash-stroke-cabinet:before {
content: "\e67a";
}
.crdash-stroke-burn:before {
content: "\e67b";
}
.crdash-stroke-bright:before {
content: "\e67c";
}
.crdash-stroke-briefcase:before {
content: "\e67d";
}
.crdash-stroke-box:before {
content: "\e67e";
}
.crdash-stroke-alt:before {
content: "\e67f";
}
.crdash-stroke-zoom_out_alt:before {
content: "\e680";
}
.crdash-stroke-zoom_out:before {
content: "\e681";
}
.crdash-stroke-zoom_in_alt:before {
content: "\e682";
}
.crdash-stroke-zoom_in:before {
content: "\e683";
}
.crdash-stroke-wrench:before {
content: "\e684";
}
.crdash-stroke-windows:before {
content: "\e685";
}
.crdash-stroke-window:before {
content: "\e686";
}
.crdash-stroke-wifi:before {
content: "\e687";
}
.crdash-stroke-web_layout:before {
content: "\e688";
}
.crdash-stroke-watch:before {
content: "\e689";
}
.crdash-stroke-usb:before {
content: "\e68a";
}
.crdash-stroke-upload:before {
content: "\e68b";
}
.crdash-stroke-train:before {
content: "\e68c";
}
.crdash-stroke-shuffle:before {
content: "\e68d";
}
.crdash-stroke-shock:before {
content: "\e68e";
}
.crdash-stroke-plug:before {
content: "\e68f";
}
.crdash-stroke-plane:before {
content: "\e690";
}
.crdash-stroke-phone:before {
content: "\e691";
}
.crdash-stroke-outlet:before {
content: "\e692";
}
.crdash-stroke-megaphone:before {
content: "\e693";
}
.crdash-stroke-magnifying_glass:before {
content: "\e694";
}
.crdash-stroke-location_pin:before {
content: "\e695";
}
.crdash-stroke-link:before {
content: "\e696";
}
.crdash-stroke-light_bulb:before {
content: "\e697";
}
.crdash-stroke-iphone:before {
content: "\e698";
}
.crdash-stroke-info_alt:before {
content: "\e699";
}
.crdash-stroke-info:before {
content: "\e69a";
}
.crdash-stroke-hourglass:before {
content: "\e69b";
}
.crdash-stroke-gear:before {
content: "\e69c";
}
.crdash-stroke-gauge:before {
content: "\e69d";
}
.crdash-stroke-gas:before {
content: "\e69e";
}
.crdash-stroke-floppy_disk:before {
content: "\e69f";
}
.crdash-stroke-flashlight:before {
content: "\e6a0";
}
.crdash-stroke-flash_drive:before {
content: "\e6a1";
}
.crdash-stroke-flag_alt:before {
content: "\e6a2";
}
.crdash-stroke-flag:before {
content: "\e6a3";
}
.crdash-stroke-firewire:before {
content: "\e6a4";
}
.crdash-stroke-ethernet:before {
content: "\e6a5";
}
.crdash-stroke-edit:before {
content: "\e6a6";
}
.crdash-stroke-download_alt:before {
content: "\e6a7";
}
.crdash-stroke-download:before {
content: "\e6a8";
}
.crdash-stroke-dashboard:before {
content: "\e6a9";
}
.crdash-stroke-coverflow:before {
content: "\e6aa";
}
.crdash-stroke-contrast:before {
content: "\e6ab";
}
.crdash-stroke-compass:before {
content: "\e6ac";
}
.crdash-stroke-command:before {
content: "\e6ad";
}
.crdash-stroke-code:before {
content: "\e6ae";
}
.crdash-stroke-cloud_upload_alt:before {
content: "\e6af";
}
.crdash-stroke-cloud_upload:before {
content: "\e6b0";
}
.crdash-stroke-cloud_download:before {
content: "\e6b1";
}
.crdash-stroke-cloud_delete:before {
content: "\e6b2";
}
.crdash-stroke-cloud_check:before {
content: "\e6b3";
}
.crdash-stroke-cloud:before {
content: "\e6b4";
}
.crdash-stroke-clock:before {
content: "\e6b5";
}
.crdash-stroke-cellphone:before {
content: "\e6b6";
}
.crdash-stroke-calculator:before {
content: "\e6b7";
}
.crdash-stroke-bus:before {
content: "\e6b8";
}
.crdash-stroke-bluetooth:before {
content: "\e6b9";
}
.crdash-stroke-bell:before {
content: "\e6ba";
}
.crdash-stroke-battery_charge:before {
content: "\e6bb";
}
.crdash-stroke-battery_alt2:before {
content: "\e6bc";
}
.crdash-stroke-battery_alt:before {
content: "\e6bd";
}
.crdash-stroke-battery:before {
content: "\e6be";
}
.crdash-stroke-alarm_clock:before {
content: "\e6bf";
}
.crdash-stroke-zip_file:before {
content: "\e6c0";
}
.crdash-stroke-volume_subtract:before {
content: "\e6c1";
}
.crdash-stroke-volume_min:before {
content: "\e6c2";
}
.crdash-stroke-volume_max:before {
content: "\e6c3";
}
.crdash-stroke-volume_levels:before {
content: "\e6c4";
}
.crdash-stroke-volume_add:before {
content: "\e6c5";
}
.crdash-stroke-volume:before {
content: "\e6c6";
}
.crdash-stroke-vinyl:before {
content: "\e6c7";
}
.crdash-stroke-tv:before {
content: "\e6c8";
}
.crdash-stroke-stop:before {
content: "\e6c9";
}
.crdash-stroke-speaker:before {
content: "\e6ca";
}
.crdash-stroke-spades:before {
content: "\e6cb";
}
.crdash-stroke-rewind:before {
content: "\e6cc";
}
.crdash-stroke-record:before {
content: "\e6cd";
}
.crdash-stroke-psp:before {
content: "\e6ce";
}
.crdash-stroke-printer_alt:before {
content: "\e6cf";
}
.crdash-stroke-printer:before {
content: "\e6d0";
}
.crdash-stroke-previous:before {
content: "\e6d1";
}
.crdash-stroke-play:before {
content: "\e6d2";
}
.crdash-stroke-photos_blank:before {
content: "\e6d3";
}
.crdash-stroke-photos_alt:before {
content: "\e6d4";
}
.crdash-stroke-photos:before {
content: "\e6d5";
}
.crdash-stroke-photo:before {
content: "\e6d6";
}
.crdash-stroke-pause:before {
content: "\e6d7";
}
.crdash-stroke-page:before {
content: "\e6d8";
}
.crdash-stroke-next:before {
content: "\e6d9";
}
.crdash-stroke-new_document:before {
content: "\e6da";
}
.crdash-stroke-mute_alt:before {
content: "\e6db";
}
.crdash-stroke-mute:before {
content: "\e6dc";
}
.crdash-stroke-music_player:before {
content: "\e6dd";
}
.crdash-stroke-music_alt:before {
content: "\e6de";
}
.crdash-stroke-music:before {
content: "\e6df";
}
.crdash-stroke-mic_alt:before {
content: "\e6e0";
}
.crdash-stroke-mic:before {
content: "\e6e1";
}
.crdash-stroke-keyboard:before {
content: "\e6e2";
}
.crdash-stroke-ipod:before {
content: "\e6e3";
}
.crdash-stroke-ipad:before {
content: "\e6e4";
}
.crdash-stroke-identification:before {
content: "\e6e5";
}
.crdash-stroke-hearts:before {
content: "\e6e6";
}
.crdash-stroke-headphones:before {
content: "\e6e7";
}
.crdash-stroke-game_controller:before {
content: "\e6e8";
}
.crdash-stroke-film_strip:before {
content: "\e6e9";
}
.crdash-stroke-fast_forward:before {
content: "\e6ea";
}
.crdash-stroke-eject:before {
content: "\e6eb";
}
.crdash-stroke-document:before {
content: "\e6ec";
}
.crdash-stroke-diamonds:before {
content: "\e6ed";
}
.crdash-stroke-delete_document:before {
content: "\e6ee";
}
.crdash-stroke-computer_mouse:before {
content: "\e6ef";
}
.crdash-stroke-computer_monitor:before {
content: "\e6f0";
}
.crdash-stroke-clubs:before {
content: "\e6f1";
}
.crdash-stroke-clipboard_delete:before {
content: "\e6f2";
}
.crdash-stroke-clipboard_check:before {
content: "\e6f3";
}
.crdash-stroke-clipboard_alt:before {
content: "\e6f4";
}
.crdash-stroke-clipboard:before {
content: "\e6f5";
}
.crdash-stroke-cd:before {
content: "\e6f6";
}
.crdash-stroke-cassette:before {
content: "\e6f7";
}
.crdash-stroke-camera:before {
content: "\e6f8";
}
.crdash-stroke-calendar_alt:before {
content: "\e6f9";
}
.crdash-stroke-calendar:before {
content: "\e6fa";
}
.crdash-stroke-bookmark:before {
content: "\e6fb";
}
.crdash-stroke-book:before {
content: "\e6fc";
}
.crdash-stroke-blank_document:before {
content: "\e6fd";
}
.crdash-stroke-addressbook:before {
content: "\e6fe";
}
.crdash-stroke-action_board:before {
content: "\e6ff";
}
.crdash-stroke-window2:before {
content: "\e700";
}
.crdash-stroke-upload_alt:before {
content: "\e701";
}
.crdash-stroke-traffic:before {
content: "\e702";
}
.crdash-stroke-thumbnails_small:before {
content: "\e703";
}
.crdash-stroke-thumbnails:before {
content: "\e704";
}
.crdash-stroke-thumbnail_list:before {
content: "\e705";
}
.crdash-stroke-sync:before {
content: "\e706";
}
.crdash-stroke-subtract_window:before {
content: "\e707";
}
.crdash-stroke-stats_up_alt:before {
content: "\e708";
}
.crdash-stroke-stats_up:before {
content: "\e709";
}
.crdash-stroke-stats_down_alt:before {
content: "\e70a";
}
.crdash-stroke-stats_down:before {
content: "\e70b";
}
.crdash-stroke-return_alt:before {
content: "\e70c";
}
.crdash-stroke-return:before {
content: "\e70d";
}
.crdash-stroke-replay:before {
content: "\e70e";
}
.crdash-stroke-repeat:before {
content: "\e70f";
}
.crdash-stroke-recycle_alt2:before {
content: "\e710";
}
.crdash-stroke-panel_show:before {
content: "\e711";
}
.crdash-stroke-panel_close:before {
content: "\e712";
}
.crdash-stroke-outdent:before {
content: "\e713";
}
.crdash-stroke-multiple_windows:before {
content: "\e714";
}
.crdash-stroke-minimize:before {
content: "\e715";
}
.crdash-stroke-logout:before {
content: "\e716";
}
.crdash-stroke-login:before {
content: "\e717";
}
.crdash-stroke-list:before {
content: "\e718";
}
.crdash-stroke-layout_alt2:before {
content: "\e719";
}
.crdash-stroke-layout_alt:before {
content: "\e71a";
}
.crdash-stroke-layout:before {
content: "\e71b";
}
.crdash-stroke-indent:before {
content: "\e71c";
}
.crdash-stroke-graph_alt2:before {
content: "\e71d";
}
.crdash-stroke-graph_alt:before {
content: "\e71e";
}
.crdash-stroke-graph:before {
content: "\e71f";
}
.crdash-stroke-fullscreen:before {
content: "\e720";
}
.crdash-stroke-forward_alt:before {
content: "\e721";
}
.crdash-stroke-forward:before {
content: "\e722";
}
.crdash-stroke-expand:before {
content: "\e723";
}
.crdash-stroke-exit_fullscreen_alt:before {
content: "\e724";
}
.crdash-stroke-exit_fullscreen:before {
content: "\e725";
}
.crdash-stroke-download_alt2:before {
content: "\e726";
}
.crdash-stroke-diagonal_navigation:before {
content: "\e727";
}
.crdash-stroke-delete_alt:before {
content: "\e728";
}
.crdash-stroke-delete2:before {
content: "\e729";
}
.crdash-stroke-command_prompt:before {
content: "\e72a";
}
.crdash-stroke-close_window:before {
content: "\e72b";
}
.crdash-stroke-check_window:before {
content: "\e72c";
}
.crdash-stroke-check_alt:before {
content: "\e72d";
}
.crdash-stroke-check2:before {
content: "\e72e";
}
.crdash-stroke-back_alt:before {
content: "\e72f";
}
.crdash-stroke-back:before {
content: "\e730";
}
.crdash-stroke-arrow_up_alt:before {
content: "\e731";
}
.crdash-stroke-arrow_up:before {
content: "\e732";
}
.crdash-stroke-arrow_right_alt:before {
content: "\e733";
}
.crdash-stroke-arrow_right:before {
content: "\e734";
}
.crdash-stroke-arrow_left_alt:before {
content: "\e735";
}
.crdash-stroke-arrow_left:before {
content: "\e736";
}
.crdash-stroke-arrow_down_alt:before {
content: "\e737";
}
.crdash-stroke-arrow_down:before {
content: "\e738";
}
.crdash-stroke-Arrow3CircleRight:before {
content: "\e739";
}
.crdash-stroke-Arrow3CircleLeft:before {
content: "\e73a";
}
.crdash-stroke-Arrow2Right:before {
content: "\e73b";
}
.crdash-stroke-Arrow2Left:before {
content: "\e73c";
}
.crdash-stroke-Arrow2CircleRight:before {
content: "\e73d";
}
.crdash-stroke-Arrow2CircleLeft:before {
content: "\e73e";
}
.crdash-stroke-add_window:before {
content: "\e73f";
}
#dfd_customization_services_section_group {
h2 {
font-size: 20px;
font-weight: 800;
letter-spacing: 0;
margin-bottom: 10px;
color: #181818;
border-bottom: none;
}
.spacer {
width: 100%;
height: 70px;
float: left;
}
.extra-heading {
margin-bottom: 20px;
}
.extra-content {
line-height: 2;
}
#dfd-customization-services-tab {
@include clearfix();
padding: 0 40px;
.items-wrapper {
float: left;
width: calc(100% + 20px);
margin: 0 -10px;
}
.dfd-service-item {
float: left;
width: 330px;
max-width: 100%;
text-align: center;
text-decoration: none;
padding: 10px;
a {
text-decoration: none;
}
.cover {
padding: 40px;
border-radius: 4px;
-webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
box-shadow: 0 4px 15px 0 rgba(0,0,0,.1);
-webkit-transition: box-shadow .3s ease;
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
h4 {
font-size: 16px;
font-weight: 600;
color: #181818;
}
.content {
font-size: 13px;
line-height: 1.8;
color: #6c6c6c;
}
}
&:hover {
.cover {
-webkit-box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
-moz-box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
box-shadow: 0 20px 50px 0 rgba(0,0,0,.15);
}
}
}
}
}
#ronneby-menu_dropdown_background,
#ronneby-to_top_button_hover_border,
#ronneby-to_top_button_border,
#ronneby-to_top_button_hover_bg,
#ronneby-to_top_button_background,
#ronneby-header_fourteenth_background_color,
#ronneby-header_thirteenth_background_color,
#ronneby-header_tenth_background_color,
#ronneby-header_tenth_top_panel_background_color,
#ronneby-header_seventh_background_color,
#ronneby-header_fourth_background_color,
#ronneby-header_fourth_top_panel_background_color,
#ronneby-header_second_background_color,
#ronneby-header_second_top_panel_background_color,
#ronneby-fixed_header_background_color {
.iris-strip.iris-slider.iris-alpha-slider {
display: none !important;
}
}