File: /var/www/html/wpprm/wp-content/themes/ronneby/assets/less/custom-styles.less
/*
Created on : 13.05.2016, 5:21:39
Author : DFD
Styles for : Custom clients' styles from theme options
*/
@import "../less.lib/variables.less";
@import "../less.lib/sb_mixins.less";
@import "../less.lib/layouts/style_mixins.less";
/*foundation.less*/
body *::-moz-selection {
background: @third-site-dark-color;
color: @main-site-dark-color;
}
body *::-webkit-selection {
background: @third-site-dark-color;
color: @main-site-dark-color;
}
body *::selection {
background: @third-site-dark-color;
color: @main-site-dark-color;
}
body {
.dfd-font-styles(@default-text-font-style, @default-text-font-weight, @default-text-font-size, @default-text-font-family, @default-text-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
}
input, textarea {
font-family: @default-text-font-family;
}
a {
color: @link-color;
text-decoration: none;
line-height: inherit;
}
a[href^="mailto:"] {
.subtitle();
color: @main-site-light-color;
&:hover {
color: @main-site-light-color;
}
}
a:hover {
color: @link-color-hover;
}
a:focus {
color: @link-color-hover;
}
.highlight {
background: @main-site-light-color;
color: @main-site-dark-color;
}
h1 {
.dfd-font-styles(@widget-title-h1-font-style, @widget-title-h1-font-weight, @widget-title-h1-font-size, @widget-title-h1-font-family, @widget-title-h1-color, @widget-title-h1-line-height, @widget-title-h1-text-transform, @widget-title-h1-letter-spacing, @widget-title-h1-word-spacing);
}
h2 {
.dfd-font-styles(@widget-title-h2-font-style, @widget-title-h2-font-weight, @widget-title-h2-font-size, @widget-title-h2-font-family, @widget-title-h2-color, @widget-title-h2-line-height, @widget-title-h2-text-transform, @widget-title-h2-letter-spacing, @widget-title-h2-word-spacing);
}
h3 {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @widget-title-h3-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, @widget-title-h3-letter-spacing, @widget-title-h3-word-spacing);
}
h4 {
.dfd-font-styles(@widget-title-h4-font-style, @widget-title-h4-font-weight, @widget-title-h4-font-size, @widget-title-h4-font-family, @widget-title-h4-color, @widget-title-h4-line-height, @widget-title-h4-text-transform, @widget-title-h4-letter-spacing, @widget-title-h4-word-spacing);
}
h5 {
.dfd-font-styles(@widget-title-h5-font-style, @widget-title-h1-font-weight, @widget-title-h5-font-size, @widget-title-h5-font-family, @widget-title-h5-color, @widget-title-h5-line-height, @widget-title-h5-text-transform, @widget-title-h5-letter-spacing, @widget-title-h5-word-spacing);
}
h6 {
.dfd-font-styles(@widget-title-h6-font-style, @widget-title-h6-font-weight, @widget-title-h6-font-size, @widget-title-h6-font-family, @widget-title-h6-color, @widget-title-h6-line-height, @widget-title-h6-text-transform, @widget-title-h6-letter-spacing, @widget-title-h6-word-spacing);
}
::-webkit-input-placeholder {
.dfd-font-styles(@link-font-style, @link-font-weight, @link-font-size, @link-font-family, @default-text-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
color: #888888;
line-height: 1;
}
:-moz-placeholder {
.dfd-font-styles(@link-font-style, @link-font-weight, @link-font-size, @link-font-family, @default-text-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
color: #888888;
line-height: 1;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
font-size: @default-text-font-size;
}
table thead tr th, table tfoot tr td {
font-size: @default-text-font-size;
}
table tbody tr.even, table tbody tr.alt {
background: @background-grey;
}
table tbody tr:nth-child(even) {
background: @background-grey;
}
blockquote, blockquote p {
font-family: @subtitles-font-family;
font-style: @subtitles-font-style;
font-size: @subtitles-font-size + 2;
color: @title-color;
}
blockquote {
border-left: 2px solid @third-site-light-color;
.slug {
.box-name();
font-size: @box-name-font-size - 2;
text-transform: uppercase;
}
}
abbr, acronym {
border-bottom: 1px solid @border-color;
}
label {
font-size: @default-text-font-size;
font-weight: @default-text-font-weight;
}
@media only screen and (min-width: @screen-medium) {
body {
&.dfd-custom-padding-html {
.vc-row-wrapper {
&.full_width_content_paddings {
> .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -10px;
padding: 0;
}
}
&.full_width_small_paddings {
> .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -3px;
padding: 0;
}
}
}
}
}
}
/*app.less*/
.light {
color: @main-site-dark-color;
}
.main_site_color {
color: @main-site-light-color;
}
.secondary_site_color {
color: @second-site-light-color;
}
.third_site_color {
color: @third-site-light-color;
}
.forth_site_color {
color: @font-site-light-color;
}
body.dfd-custom-padding-html {
.dfd-fixed-button {
margin-left: -(@layout-white-space-size + 50);
&.dfd-buy {
&:hover {
margin-left: -(@layout-white-space-size + 180);
}
}
&.dfd-mail {
&:hover {
margin-left: -(@layout-white-space-size + 200);
}
}
}
.dfd-new-fixed-buttons {
margin-bottom: @layout-white-space-size;
&.dfd-envato-profile {
margin-left: @layout-white-space-size;
}
&.dfd-mail {
margin-right: @layout-white-space-size;
}
&.dfd-buy {
margin-right: @layout-white-space-size;
}
}
}
.dfd-new-fixed-buttons {
&.dfd-buy {
font-family: @box-name-font-family;
font-weight: @box-name-font-weight;
span {
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
}
}
}
.dfd-custom-link {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
.dfd-custom-link-decorated {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
/*footer.less*/
#footer {
.rel();
z-index: 1;
background: @footer-background;
.dfd-footer-menu {
ul {
li {
.subtitle();
color: @title-color;
&:before {
background: fade(@title-color, 40%);
}
}
}
}
.widget {
&.widget_nav_menu {
ul {
li {
a {
color: @title-color;
i {
color: fade(@subtitle-color, 80%);
}
&:hover i {
color: @main-site-light-color;
}
}
}
}
}
}
}
@media only screen and (min-width: @screen-x-large) {
#footer {
.vc-row-wrapper.full_width_content,
.vc-row-wrapper.full_width_small_paddings,
.vc-row-wrapper.full_width_content_paddings {
padding: 0 100px;
}
}
}
@media (max-width: @screen-x-large - 1) and (min-width: @screen-medium) {
#footer {
.vc-row-wrapper.full_width_content,
.vc-row-wrapper.full_width_small_paddings,
.vc-row-wrapper.full_width_content_paddings {
padding: 0 20px;
}
}
}
#sub-footer {
.subfooter-copyright {
font-size: @default-text-font-size - 1;
color: fade(@default-text-color, 80%);
.copyright-section {
span {
color: @subtitle-color;
}
a {
color: @title-color;
}
}
}
}
/*additioal-menu.less*/
.dfd-additional-header-menu {
height: @top-panel-height;
line-height: @top-panel-height;
li {
a {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
&:hover {
border-bottom-color: @third-site-light-color;
}
}
}
}
/*header-cart.less*/
.total_cart_header {
height: @menu-inner-height;
line-height: @menu-inner-height;
&.advanced,
&.progressive {
.woo-cart-contents {
.woo-cart-details {
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
background: @third-site-light-color;
}
}
}
.woo-cart-contents {
&:before {
top: -@top-menu-padding / 2;
bottom: -@top-menu-padding;
background: @menu-dropdown-background;
}
.woo-cart-details {
color: @menu_titles-color;
}
}
&:hover {
&.simple {
.woo-cart-contents {
.woo-cart-details {
color: @menu_dropdowns-color !important;
}
}
}
.woo-cart-contents {
.woo-cart-items {
i {
color: @menu_dropdowns-color;
}
}
}
}
}
/*header-lang-sel.less*/
.lang-sel {
font-size: @menu_titles-font-size;
font-style: @menu_titles-font-style;
font-family: @menu_titles-font-family;
font-weight: @menu_titles-font-weight;
text-transform: @menu_titles-text-transform;
letter-spacing: @menu_titles-letter-spacing;
word-spacing: @menu_titles-word-spacing;
height: @menu-inner-height;
line-height: @menu-inner-height;
> .active {
color: @menu_titles-color;
}
ul {
> li {
color: @menu_dropdowns-color;
background: @menu-dropdown-background;
a {
font-size: @menu_titles-font-size;
font-style: @menu_titles-font-style;
font-family: @menu_titles-font-family;
font-weight: @menu_titles-font-weight;
text-transform: @menu_titles-text-transform;
letter-spacing: @menu_titles-letter-spacing;
word-spacing: @menu_titles-word-spacing;
&:before {
background: @menu-dropdown-items-color;
}
}
}
}
}
#header-container.dfd-new-headers {
.lang-sel {
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
ul {
> li {
color: @title-color;
a {
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
}
}
}
}
}
#header-container {
.menu-item-language-current {
> a {
font-size: @menu_titles-font-size;
font-style: @menu_titles-font-style;
font-family: @menu_titles-font-family;
font-weight: @menu_titles-font-weight;
text-transform: @menu_titles-text-transform;
letter-spacing: @menu_titles-letter-spacing;
word-spacing: @menu_titles-word-spacing;
}
ul {
background: @menu-dropdown-background;
li {
a {
.dfd-font-styles(@menu_dropdowns-font-style, @menu_dropdowns-font-weight, @menu_dropdowns-font-size, @menu_dropdowns-font-family, @menu-dropdown-items-color, @menu_dropdowns-line-height, @menu_dropdowns-text-transform, @menu_dropdowns-letter-spacing, @menu_dropdowns-word-spacing);
}
}
}
}
&.header-style-1,
&.header-style-2,
&.header-style-3,
&.header-style-4 {
.menu-item-language-current {
> a {
height: @menu-inner-height;
line-height: @menu-inner-height;
}
ul {
top: @menu-inner-height + @top-menu-padding;
li {
a {
&:after {
background: @menu-dropdown-items-color;
}
&:hover {
color: @menu-dropdown-hover-color;
background: @menu-dropdown-hover-bg;
i {
color: fade(@menu-dropdown-items-color, 50%);
}
}
}
}
}
}
}
&.small {
&.header-style-1,
&.header-style-2,
&.header-style-3,
&.header-style-4 {
.menu-item-language-current {
> a {
height: @header-logo-min-height;
line-height: @header-logo-min-height;
}
ul {
top: @menu-inner-height + @top-menu-padding + 6;
}
}
}
}
}
/*header-login.less*/
.login-header {
&:before {
background: @border-color;
}
.links {
height: @top-panel-height;
line-height: @top-panel-height;
a {
font-size: @default-text-font-size;
span {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
}
}
}
#loginModal {
&.open + .reveal-modal-bg + .links {
a i {
color: @third-site-light-color;
}
}
label {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
}
input {
color: @main-site-dark-color;
background: fade(@main-site-dark-color, 5%);
border-color: fade(@main-site-dark-color, 10%);
}
.login-submit {
button {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
}
}
.login-lost-password,
.login-registration {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
}
/*header-search.less*/
@search-form-height: @menu-inner-height;
@search-form-submit-size: @search-form-height;
.form-search-wrap {
height: @search-form-height;
line-height: @search-form-height;
a {
color: @title-color;
}
}
.form-search-section {
::-webkit-input-placeholder {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @main-site-dark-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, 0, @widget-title-h3-word-spacing);
}
::-moz-placeholder {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @main-site-dark-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, 0, @widget-title-h3-word-spacing);
}
:-ms-input-placeholder {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @main-site-dark-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, 0, @widget-title-h3-word-spacing);
}
input:-moz-placeholder {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @main-site-dark-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, 0, @widget-title-h3-word-spacing);
}
input[type="text"] {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @main-site-dark-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, 0, @widget-title-h3-word-spacing);
}
}
.dfd-custom-padding-html {
.form-search-section {
top: @layout-white-space-size;
bottom: @layout-white-space-size;
left: @layout-white-space-size;
right: @layout-white-space-size;
width: auto;
height: auto;
}
}
/*header-topinfo.less*/
.header-top-panel {
.header-info-panel {
line-height: @top-panel-height;
.top-info {
font-size: @default-text-font-size - 1;
height: @top-panel-height;
line-height: @top-panel-height;
.dfd-top-info-delim {
&:before {
height: @default-text-font-size;
margin-top: -@default-text-font-size / 2;
}
}
}
}
}
#header-container.dfd-new-headers {
.header-top-panel {
.header-info-panel {
.top-info {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
}
}
}
}
/*header-wishlist.less*/
.header-wishlist-button {
height: @top-panel-height;
line-height: @top-panel-height;
}
body {
&.dfd-custom-padding-html {
#header-container {
top: @layout-white-space-size;
}
&.admin-bar {
#header-container {
top: @layout-white-space-size + 32px;
}
}
}
}
/*header.less*/
#header-container {
&.small.with-top-panel:not(.header-style-7):not(.header-style-14) #header {
.transform(translateY(-(@top-menu-padding + @top-panel-height + @top-menu-margin)));
}
&.small.without-top-panel:not(.header-style-7):not(.header-style-14) #header {
.transform(translateY(-(@top-menu-padding + @top-menu-margin)));
}
&.small:not(.header-style-7):not(.header-style-14) {
height: @header-logo-min-height;
#header {
.header-wrap {
> .row:last-child {
> .columns.header-main-panel {
height: @header-logo-min-height;
}
}
}
}
&.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button {
> a {
.icon-wrap:before,
.icon-wrap:after {
background: @fixed-header-text-color;
}
}
}
#header {
background: @fixed-header-background;
nav.mega-menu {
@top-menu-height: @fixed-menu-height;
div.sub-nav {
&.open {
top: @top-menu-height + @top-menu-padding - 6;
}
}
.main-menu-link {
height: @header-logo-min-height;
line-height: @header-logo-min-height;
}
}
.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item,
.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor {
&:before {
border-color: fade(@fixed-header-text-color, 10%);
}
}
.nav-menu .mega-menu-item:before,
.nav-menu .mega-menu-item .item-title:after {
background: fade(@fixed-header-text-color, 20%);
}
.header-button-section,
.pop-up-soc-icons,
.form-search-container .form-search .searchsubmit-icon,
.form-search-wrap,
.lang-sel,
.total_cart_header,
.side-area-controller-wrap {
height: @header-logo-min-height;
line-height: @header-logo-min-height;
}
.header-wrap > .row:last-child .header-main-panel .side-area-controller-wrap {
a {
span {
&:before,
&:after {
background: @fixed-header-text-color;
}
}
}
}
.form-search-wrap a,
.lang-sel > .active,
.total_cart_header.simple .woo-cart-contents .woo-cart-details,
.total_cart_header .woo-cart-contents .woo-cart-items {
color: @fixed-header-text-color;
}
.total_cart_header {
.shopping-cart-box {
top: @header-logo-min-height - 2;
}
}
.nav-menu .mega-menu-item .item-title {
color: @fixed-header-text-color;
}
.icon-mobile-menu:before {
background-color: @fixed-header-text-color;
.box-shadow(~"0 4px 0 @{fixed-header-text-color}, 0 8px 0 @{fixed-header-text-color}");
&.active {
background-color: @menu_dropdowns-color;
.box-shadow(~"0 4px 0 @{menu_dropdowns-color}, 0 8px 0 @{menu_dropdowns-color}");
}
}
}
&.dfd-new-headers {
&.dfd-highlight-has-submenu {
@shadow: @menu_dropdowns-color;
#header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title {
&:after {
background: @shadow;
.box-shadow(~"4px 0 0 0 @{shadow}, 8px 0 0 0 @{shadow}");
}
}
}
}
}
&.small {
&.header-style-7,
&.header-style-14 {
&:not(.opened) {
.dfd-top-row {
background: @fixed-header-background;
.columns {
height: @header-logo-min-height - 20;
.logo-for-panel {
> div.inline-block {
&:before {
background: @fixed-header-logo-background-color;
}
}
}
.dfd-menu-button {
.icon-wrap {
&:before,
&:after {
background: @fixed-header-text-color;
}
}
}
}
}
}
}
}
&:not(.small) {
&.logo-position-middle {
.logo-wrap.header-top-logo-panel {
width: @header-logo-width;
height: @header-logo-height;
margin-left: -(@header-logo-width / 2);
margin-top: -(@header-logo-height / 2);
}
}
}
#header {
.header-top-logo-panel {
height: @header-logo-height + 40;
}
.header-wrap {
> .row:last-child {
margin-top: @top-menu-margin;
padding-top: @top-menu-padding;
padding-bottom: @top-menu-padding;
> .columns.header-main-panel {
height: @menu-inner-height;
}
.header-main-panel {
.header-col-left {
.mobile-logo {
height: @header-logo-height;
}
}
.header-col-fluid {
.fixed-header-logo {
height: @header-logo-min-height * .65;
line-height: @header-logo-min-height * .65;
margin: @header-logo-min-height * .175 0;
&:before {
top: -@header-logo-min-height * .175;
bottom: -@header-logo-min-height * .175;
background: @fixed-header-logo-background-color;
}
}
}
}
}
}
.header-additional-menu {
> ul {
li {
height: @header-logo-height;
line-height: @header-logo-height;
&:before {
background: @border-color;
}
&:hover {
color: @title-color;
}
}
}
}
}
}
@media only screen and (min-width: @screen-large){
.header-col-settings(@header-logo-width, 280px);
}
@media only screen and (min-width: @header-responsive-breakpoint) {
.header-col-settings(@header-logo-width, 280px);
#header-container.small,
#header-container:not(.small) {
&.dfd-header-buttons-disabled,
&.dfd-header-buttons-disabled.logo-position-left {
.header-col-settings(@header-logo-width, 0);
#header .header-wrap > .row:last-child .header-main-panel {
.header-col-right {
border-left: none;
> * {
.hide();
}
}
.header-col-fluid {
padding-right: 0;
nav.mega-menu {
&:not(#top_left_mega_menu) {
padding-right: 0 !important;;
ul.nav-menu {
padding-right: 0;
}
}
}
}
}
}
}
#header-container.logo-position-right {
&.dfd-header-buttons-disabled {
.header-col-settings(0, @header-logo-width);
#header .header-wrap > .row:last-child .header-main-panel {
.header-col-right > * {
.block();
}
.header-col-left {
border-right: none;
> * {
.hide();
}
}
}
}
#header .header-wrap > .row:last-child .header-main-panel {
.header-col-left {
.header-icons-wrapper > * {
float: left;
margin-right: 15px;
&.form-search-wrap {
margin-right: 10px;
}
&.side-area-controller-wrap {
margin-right: 20px;
}
}
.side-area-controller-wrap {
margin-left: 0;
margin-right: 15px;
}
}
.header-col-right {
.rel();
z-index: 9999;
.header-icons-wrapper > * {
float: none;
clear: both;
}
}
}
&:not(.small) {
&.dfd-header-buttons-disabled {
.header-col-settings(0, @header-logo-width);
#header .header-wrap > .row:last-child .header-main-panel {
.header-col-left > * {
.hide();
}
.header-col-fluid {
padding-left: 0;
nav.mega-menu ul.nav-menu {
padding-left: 0;
}
}
}
}
.header-col-settings(280px, @header-logo-width);
#header .header-wrap > .row:last-child .header-main-panel {
.logo-for-panel {
.rel();
//height: @top-menu-height * .65;
//margin: @top-menu-height * .175 0;
.inline-block {
width: 100%;
height: 100%;
img {
//.abs();
}
}
}
}
}
&.small {
&.dfd-header-buttons-disabled {
#header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {
margin-left: 0;
margin-right: @header-logo-width;
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-left {
width: 0;
}
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {
margin-left: 280px;
margin-right: @header-logo-width;
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-left {
width: 280px;
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-right {
width: @header-logo-width;
}
#header .header-wrap > .row:last-child .header-main-panel .logo-for-panel img {
visibility: hidden;
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo {
left: auto;
right: 0;
z-index: 9999;
}
}
}
#header-container.logo-position-left {
&:not(.small) {
.header-col-settings(@header-logo-width, 280px);
#header .header-wrap > .row:last-child .header-main-panel {
.logo-for-panel {
.rel();
.inline-block {
width: 100%;
height: 100%;
img {
.abs();
}
}
}
}
}
&.small {
#header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {
visibility: hidden;
}
}
}
#header-container {
&.dfd-new-headers {
&.header-style-1,
&.header-style-2 {
&.logo-position-right {
.header-col-left {
border-right-width: 0px;
border-right-style: solid;
}
}
&:not(.logo-position-right) {
.header-col-right {
border-left-width: 0px;
border-left-style: solid;
}
}
}
&.small {
.lang-sel > .active:before {
border-color: fade(@fixed-header-text-color, 10%);
}
#header .nav-menu .mega-menu-item.menu-item-depth-0 {
.item-title {
&:hover,
&.hover,
&.open {
color: @menu_dropdowns-color;
.transition(none);
&:before {
bottom: 0;
.opacity(1);
}
}
}
}
}
}
}
}
@media only screen and (min-width : @screen-x-large) {
.boxed_layout {
#header-container {
left: auto;
max-width: 1280px;
width: 1280px;
&.header-style-1,
&.header-style-2,
&.header-style-3,
&.header-style-4,
&.header-style-6,
&.header-style-7 {
#header > * {
max-width: 1280px;
width: 1280px;
margin: 0 auto;
padding: 0 10px;
}
#header .header-wrap > .row:last-child {
width: 100%;
}
}
}
.header-layout-fullwidth > #header .header-top-panel .row,
.header-layout-fullwidth > #header > .logo-wrap > .row, .header-layout-fullwidth > #header > .header-wrap > .row {
padding-left: 0;
padding-right: 0;
> .columns {
padding: 0;
}
}
}
}
@media only screen
and (min-width : @header-responsive-breakpoint) {
#header-container.header-layout-fullwidth.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu,
#header-container.header-layout-fullwidth.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu {
text-align: left;
}
#header-container.header-layout-fullwidth.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu,
#header-container.header-layout-fullwidth.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu {
text-align: right;
}
.header-layout-fullwidth + #stuning-header {
.row {
width: 100%;
padding: 0 20px;
}
}
}
@media only screen
and (min-width : @screen-x-large) {
.header-layout-fullwidth > .dfd-top-row .row,
.header-layout-fullwidth > #header .header-top-panel .row,
.header-layout-fullwidth > #header > .logo-wrap > .row,
.header-layout-fullwidth > #header > .header-wrap > .row {
width: 100%;
padding: 0 20px;
}
.header-layout-fullwidth + #stuning-header {
.row {
width: 100%;
padding: 0 20px;
}
}
}
@media only screen and (min-width : @header-responsive-breakpoint) {
body {
&.dfd-custom-padding-html {
#header-container.menu-position-bottom:not(.small) {
#header {
padding-top: 0;
bottom: @layout-white-space-size
}
}
}
}
#header-container.menu-position-bottom:not(.small) {
&.dfd-new-headers {
&.header-style-1,
&.header-style-2,
&.header-style-3,
&.header-style-4,
&.header-style-9,
&.header-style-10 {
nav.mega-menu {
ul.nav-menu {
.mega-menu-item {
&.menu-item-depth-0 {
&:after {
top: auto;
bottom: -@top-menu-padding;
}
.item-title {
&:before {
top: -@top-menu-padding;
bottom: -(@top-menu-padding - 14);
.rounded-top(0);
.rounded-bottom(2px);
}
}
}
}
}
}
#header {
.lang-sel ul {
top: auto;
bottom: 0;
}
}
}
}
}
#header-container.logo-position-right {
.total_cart_header .shopping-cart-box {
left: 0;
right: auto;
}
.mobile-logo {
display: none !important;
}
}
#header-container.menu-position-bottom {
&:not(.small) {
&.logo-position-bottom-left,
&.logo-position-bottom-center,
&.logo-position-bottom-right {
#header .header-top-logo-panel {
.rel();
top: auto;
}
}
#header {
position: fixed;
top: auto;
bottom: 0;
border-top: 1px solid transparent;
.transition(~"bottom .2s ease-in, top .2s ease-in");
.nav-menu {
.carousel-nav {
&.prev {
border-right-color: @forth-site-dark-color;
}
&.next {
border-left-color: @forth-site-dark-color;
}
}
.mega-menu-item .top-line {
top: auto;
bottom: -@top-menu-padding;
}
div.sub-nav {
top: auto;
bottom: 100%;
margin-bottom: 20px;
&.open {
top: auto;
bottom: 100%;
.transition(~"opacity 500ms linear 500ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s");
}
&:after {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -5px;
border-left-width: 0;
border-top-width: 0;
border-right: 1px solid @border-color;
border-bottom: 1px solid @border-color;
}
.sub-sub-menu {
top: auto;
bottom: 0;
margin-bottom: -20px;
}
}
}
.total_cart_header {
.woo-cart-contents {
&:before {
top: -@top-menu-padding;
bottom: -@top-menu-padding / 2;
.rounded-top(0);
.rounded-bottom(2px);
}
}
.shopping-cart-box {
top: auto;
bottom: 100%;
margin-bottom: @top-menu-padding;
}
}
.lang-sel ul {
top: auto;
bottom: -14px;
}
}
.form-search-section {
bottom: 100%;
}
}
&.small {
#header {
top: auto;
bottom: auto;
}
}
}
}
@media only screen and (max-width : @screen-x-large - 1) {
.top-inner-page {
.hide();
}
.nav-menu .mega-menu-item .item-title {
padding: 0 15px;
}
}
@media only screen and (max-width : @header-responsive-breakpoint + 40) {
.nav-menu .mega-menu-item.menu-item-depth-0 {
&:before {
.hide();
}
}
}
@media only screen and (max-width : @header-responsive-breakpoint - 1) {
body {
&.dfd-custom-padding-html {
#header-container {
top: 0;
}
&.admin-bar {
#header-container {
top: 0;
}
}
}
&.admin-bar {
#header-container {
top: 0;
}
}
}
.dfd-search-mobile-show {
display: block !important;
}
.dfd-header-responsive-hide {
.hide();
}
.header-top-panel {
border-color: fade(@mobile-header-color, 10%);
}
.header-top-panel .header-info-panel .top-info .dfd-top-info-delim:before {
background: fade(@mobile-header-color, 10%);
}
#header-container {
#header {
margin-top: 0;
}
&.small,
&.slide-up {
&.with-top-panel,
&.without-top-panel {
#header {
margin-top: 0;
}
}
}
}
#header-container:not(.small) {
top: 0;
&.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel {
.hide();
}
&.header-style-3 #header .header-wrap > .row:last-child .header-main-panel,
&.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-left {
.block();
.mobile-logo {
.block();
}
}
.dfd-side-bar-logo {
.hide();
}
&.header-style-7 .dfd-top-row,
&.header-style-7 .header-soc-icons {
.hide();
}
#header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {
.hide();
}
#header {
.rel();
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo,
#header .header-wrap > .row:last-child .header-main-panel .header-col-right .mobile-logo {
.block();
.logo-for-panel {
.block();
}
}
#header .header-wrap > .row:last-child {
padding-top: 0;
padding-bottom: 0;
.columns.header-main-panel {
height: auto;
.header-col-left {
height: @header-logo-height + 40;
line-height: @header-logo-height;
padding: 20px 0;
.mobile-logo {
max-height: 100%;
* {
max-height: 100% !important;
}
}
}
.header-col-right {
width: 215px;
height: @header-logo-height + 40;
line-height: @header-logo-height;
text-align: right;
padding: 20px 0;
.header-icons-wrapper {
.inline-block();
height: @header-logo-height;
> * {
float: left;
.vertical-align();
}
}
}
.header-col-fluid {
.hide();
}
}
.form-search-wrap,
.lang-sel {
&:before {
@s: 40px;
content: "";
.block();
width: @s;
height: @s;
.abs();
top: 50%;
left: 50%;
margin-top: -@s/2;
margin-left: -@s/2;
//border: 1px solid @border-color;
z-index: -1;
visibility: visible;
.transition(visibility 0s ease .4s);
}
}
.form-search-wrap {
padding: 0 20px;
a {
&:before {
font-size: 14px;
color: @mobile-header-background;
}
&:after {
content: "";
.block();
width: 42px;
height: 42px;
.abs();
top: 50%;
left: 50%;
margin-top: -21px;
margin-left: -21px;
background: @mobile-header-color;
z-index: -1;
.rounded(50%);
}
&:hover {
.opacity(.8);
}
}
}
.lang-sel {
font-size: @menu_titles-font-size + 1;
letter-spacing: 0;
&:hover {
&:before {
visibility: hidden;
.transition(visibility 0s ease);
}
}
}
.total_cart_header {
margin-right: 0;
.woo-cart-contents {
width: 45px;
margin-top: 5px;
}
}
}
&:not(.logo-position-right) {
.form-search-wrap {
margin-left: 20px;
}
.total_cart_header {
margin-left: 20px;
}
.lang-sel {
margin-left: 20px;
}
}
&.logo-position-right {
.form-search-wrap {
margin-right: 20px;
}
.total_cart_header {
margin-right: 20px;
}
.lang-sel {
margin-right: 20px;
}
#header .header-wrap {
> .row:last-child {
.columns.header-main-panel {
.header-col-right {
height: @header-logo-height + 40;
line-height: @header-logo-height;
padding: 20px 0;
.mobile-logo {
height: @header-logo-height;
//.vertical-align();
}
}
.header-col-left {
width: 215px;
height: @header-logo-height + 40;
line-height: @header-logo-height;
text-align: left;
padding: 20px 0;
.header-icons-wrapper {
.inline-block();
height: @header-logo-height;
> * {
float: right;
.vertical-align();
}
}
.dl-menuwrapper {
margin-right: 0;
}
}
}
}
}
}
&.dfd-new-headers {
&.logo-position-right {
}
#header .header-wrap > .row:last-child .form-search-wrap a {
&:before {
color: @mobile-header-color;
}
&:after {
.hide();
}
}
&:not(.small) #header .header-wrap > .row:last-child .total_cart_header {
margin-left: 0;
}
#header .header-wrap > .row:last-child .header-main-panel .header-col-right .header-icons-wrapper > *.side-area-controller-wrap {
.hide();
}
}
}
#header-container,
#header-container #header {
.rel();
}
.header-top-panel .row {
min-width: 0;
width: 100%;
}
body.dfd-custom-padding-html #header-container #header {
padding: 0;
}
#header-container #header .header-top-logo-panel {
display: none !important;
}
}
@media only screen
and (max-width : @header-responsive-breakpoint - 1) {
.header-style-news #header .header-wrap > .row .header-wrap-shadow {
left: 0;
right: 0;
}
}
/*mega-menu.less*/
@menu-font-family: @font-titles;
@mega-menu-item-color: inherit;
@mega-menu-active-item-hover-height: @fixed-menu-height;
nav.mega-menu {
color: @mega-menu-item-color;
.carousel-nav {
top: -@top-menu-padding;
height: @top-menu-height;
line-height: @top-menu-height;
}
}
.nav-menu {
padding: 0 @menu_titles-font-size;
.mega-menu-item {
&.menu-item-depth-0 {
&:before {
height: @menu_titles-font-size * 1.2;
margin-top: -@menu_titles-font-size * .6;
}
&.current-menu-item,
&.current-menu-ancestor {
&:before {
height: @menu_titles-font-size * 2.5;
margin-top: -@menu_titles-font-size * 1.25;
}
}
}
.item-title {
font-size: @menu_titles-font-size;
font-style: @menu_titles-font-style;
font-family: @menu_titles-font-family;
font-weight: @menu_titles-font-weight;
text-transform: @menu_titles-text-transform;
letter-spacing: @menu_titles-letter-spacing;
word-spacing: @menu_titles-word-spacing;
height: @menu-inner-height;
line-height: @menu-inner-height;
&:hover {
color: @main-site-light-color;
}
}
.top-line {
top: -@top-menu-padding;
background: @main-site-light-color;
}
.menu-subtitle {
.dfd-font-styles(@menu_dropdown_subtitles-font-style, @menu_dropdown_subtitles-font-weight, @menu_dropdown_subtitles-font-size, @menu_dropdown_subtitles-font-family, @menu_dropdown_subtitles-color, @menu_dropdown_subtitles-line-height, @menu_dropdown_subtitles-text-transform, @menu_dropdown_subtitles-letter-spacing, @menu_dropdown_subtitles-word-spacing);
}
}
@media only screen
and (min-width : @header-responsive-breakpoint) {
div.sub-nav {
.abs();
z-index: -1;
pointer-events: none;
background: @menu-dropdown-background;
.transition(~"opacity 500ms ease 500ms, max-height 700ms ease, visibility 0s linear 500ms, top 250ms linear 250ms");
top: @menu-inner-height;
overflow: hidden;
left: 0;
&.open {
pointer-events: auto;
z-index: 1001;
top: @menu-inner-height + @top-menu-padding;
overflow: visible;
.transition(~"opacity 500ms linear 0ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s");
}
}
.sub-sub-menu {
.abs();
visibility: hidden;
display: none;
left: 100%;
top: -20px;
padding: 20px 2px 20px 0;
z-index: 1;
background: @menu-dropdown-background;
}
}
div.sub-nav {
a {
.dfd-font-styles(@menu_dropdowns-font-style, @menu_dropdowns-font-weight, @menu_dropdowns-font-size, @menu_dropdowns-font-family, @menu-dropdown-items-color, @menu_dropdowns-line-height, @menu_dropdowns-text-transform, @menu_dropdowns-letter-spacing, @menu_dropdowns-word-spacing);
&:after {
background: @menu-dropdown-items-color;
}
&:hover {
color: @menu-dropdown-hover-color;
background: @menu-dropdown-hover-bg;
i {
color: fade(@menu-dropdown-items-color, 50%);
}
}
i {
color: fade(@menu-dropdown-items-color, 15%);
}
}
.mega-menu-item-has-subtitle > a {
line-height: @menu_dropdowns-line-height - 5;
}
}
}
#header-container.header-style-1,
#header-container.header-style-2,
#header-container.header-style-3,
#header-container.header-style-4,
#header-container.header-style-9,
#header-container.header-style-10,
#header-container.header-style-11,
#header-container.header-style-12,
#header-container.header-style-13 {
.nav-menu {
@media only screen
and (min-width : @header-responsive-breakpoint) {
div.sub-nav {
.sub-menu-wide.sub-nav-group {
overflow: hidden;
.sub-nav-item.menu-item-depth-1.has-submenu {
> a.menu-link.sub-menu-link {
.rel();
.dfd-font-styles(@menu_titles-font-style, @menu_titles-font-weight, @menu_titles-font-size, @menu_titles-font-family, @menu-dropdown-hover-color, @menu_dropdowns-line-height, @menu_titles-text-transform, 0, @menu_titles-word-spacing);
padding-bottom: 15px;
&:before {
.hide();
}
&:after {
content: "";
.block();
width: auto;
height: 1px;
.abs();
left: 20px;
right: 20px;
top: auto;
bottom: 5px;
margin: 0;
background: fade(@main-site-dark-color, 10%);
.opacity(1);
visibility: visible;
.transform(none);
-webkit-animation: none;
-moz-animation: none;
animation: none;
}
}
}
}
> ul.sub-menu.sub-menu-wide {
background-size: cover;
> li {
float: left;
&:last-child > a > span.without-icon:after,
&:last-child > a > i:after {
.block();
}
&.has-submenu > a.sub-menu-link:after {
content: '';
display: none;
}
ul.sub-sub-menu {
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
}
}
> li > ul.menu-depth-2 {
position: static;
visibility: visible;
top: auto;
left: auto;
background: none;
}
}
> ul.sub-menu.sub-menu-full-width {
.block();
overflow: visible;
&:after {
content: "";
.block();
.abs();
top: -1px;
bottom: -1px;
left: -1000px;
right: -1000px;
background: @menu-dropdown-background;
z-index: -1;
border: 1px solid @border-color;
.box-shadow(@top-submenu-shadow);
}
.sub-sub-menu {
padding-top: 0;
padding-bottom: 0;
}
li {
.inline-block();
}
}
}
}
}
}
#side-area,
#header-container.header-style-5,
#header-container.header-style-6,
#header-container.header-style-7,
#header-container.header-style-8 {
.nav-menu {
@media only screen
and (min-width : @header-responsive-breakpoint) {
> li {
background: transparent;
.transition(~"background .3s ease, color .3s ease, border-bottom-width .3s ease");
&:first-child {
.item-title {
border-top-width: 0;
}
}
.item-title {
background: transparent;
border-top: 1px dotted fade(@menu_titles-color, 10%);
.transition(border-top-width .3s ease);
}
&:hover {
background: @menu-dropdown-background;
.item-title {
background: transparent;
color: @menu_dropdowns-color;
border-top-color: transparent;
}
+ li .item-title {
border-top-color: transparent !important;
}
}
}
li {
> a {
background: transparent;
.transition(~"color .3s ease, background .3s ease");
}
&:first-child > a:after {
.hide();
}
&:hover {
> a {
background: darken(@menu-dropdown-background, 2%);
color: @menu_dropdowns-color;
&:after {
visibility: hidden !important;
}
}
+ li {
> a {
&:after {
visibility: hidden !important;
}
}
}
}
}
div.sub-nav {
background: transparent;
ul {
background-image: none !important;
&:before {
content: "";
.block();
width: 100%;
height: 5000px;
.abs();
top: -2000px;
left: 0;
background: @menu-dropdown-background;
}
li {
padding: 0;
> a {
padding: 5px 90px 5px 50px;
&:before {
right: 30px;
}
}
ul {
.transition(visibility 0s ease .2s);
}
&:hover {
ul {
.transition(visibility 0s ease 0s);
li {
> a {
&:after {
visibility: visible;
}
}
&:hover > a {
background: darken(@menu-dropdown-background, 4%);
}
}
}
}
}
}
> ul {
&:before {
.opacity(1);
}
> li > a {
padding-left: 60px;
padding-right: 110px;
&:after {
visibility: visible;
}
}
ul {
&:before {
background: darken(@menu-dropdown-background, 2%);
}
ul {
&:before {
background: darken(@menu-dropdown-background, 4%);
}
}
}
}
.sub-sub-menu {
background: transparent;
}
}
}
}
}
#side-area,
#header-container.header-style-5,
#header-container.header-style-7,
#header-container.header-style-8 {
.nav-menu div.sub-nav {
a:after {
border-top: 1px dotted fade(@menu-dropdown-items-color, 10%);
}
}
}
#header-container {
&.dfd-new-headers {
&.header-style-1,
&.header-style-2,
&.header-style-3,
&.header-style-4,
&.header-style-9,
&.header-style-10,
&.header-style-12,
&.header-style-13 {
&.small,
&:not(.small) {
#header .header-wrap nav.mega-menu {
ul.nav-menu {
.mega-menu-item {
&.menu-item-depth-0 {
&.has-submenu {
.item-title {
&:hover,
&.focus,
&.hover,
&.open {
color: @menu_dropdowns-color;
}
}
}
}
}
}
}
}
#header .header-wrap nav.mega-menu {
ul.nav-menu {
.mega-menu-item {
&.menu-item-depth-0 {
&:after {
top: -@top-menu-padding;
}
&.current-menu-item,
&.current-menu-ancestor {
&:after {
background: @third-site-light-color;
}
}
&.has-submenu {
.item-title {
&:before {
top: -(@top-menu-padding - 14);
bottom: -@top-menu-padding;
background: @menu-dropdown-background;
}
}
}
}
}
div.sub-nav {
.sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link {
color: @third-site-light-color;
}
}
}
}
}
&.dfd-highlight-has-submenu {
&.header-style-5,
&.header-style-8 {
#header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu {
&:hover {
.item-title {
&:after {
background: @menu_dropdowns-color;
.box-shadow(~"4px 0 0 0 @{menu_dropdowns-color}, 8px 0 0 0 @{menu_dropdowns-color}");
}
}
}
}
}
}
}
}
/*stunning-header.less*/
div.page-title-inner {
@breadcrumbs-height: 2.9em;
min-height: @stunning-header-min-height;
height: @stunning-header-min-height;
.dfd-news-categories {
.byline.category {
a {
font-size: @link-font-size - 2;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
background: @third-site-light-color;
&:hover {
color: @box-name-color;
}
}
}
}
.page-title {
.stunning-header-title();
}
.page-subtitle {
font-size: @subtitles-font-size + 2;
font-family: @subtitles-font-family;
font-style: @subtitles-font-style;
color: @subtitle-color;
}
.breadcrumbs {
font: @entry-meta-font-style @entry-meta-font-weight @entry-meta-font-size @entry-meta-font-family;
height: @breadcrumbs-height;
line-height: @breadcrumbs-height;
> nav {
color: @subtitle-color;
a {
color: @title-color;
}
.del {
&:before {
background: fade(@title-color, 40%);
}
}
}
}
&.page-title-inner-bgcheck {
.entry-meta {
.author {
a {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
.entry-comments {
color: @third-site-light-color;
}
}
}
}
@import "../less.lib/header/smart-header.less";
@import "../less.lib/header/style-1.less";
@import "../less.lib/header/style-2.less";
@import "../less.lib/header/style-3-4.less";
@import "../less.lib/header/style-5-8-11.less";
@import "../less.lib/header/style-6.less";
@import "../less.lib/header/style-7-14.less";
@import "../less.lib/header/style-9-10.less";
@import "../less.lib/header/style-12-13.less";
/*responsive-navigation.less*/
@dl-trigger-size: 40px;
.icon-mobile-menu {
span.icon-wrap {
background: @mobile-header-color;
}
}
@dl-menu-offsety: 0;
.header-wrap.fixed .dl-menuwrapper > .dl-trigger {
top: -((@fixed-menu-height / 2) + (@dl-trigger-size / 2));
}
.dl-menuwrapper {
height: @menu-inner-height;
text-align: center;
}
.dfd-sidr-close {
left: @sidr-width;
}
.sidr {
width: @sidr-width;
background: @mobile-menu-background;
color: @mobile-menu-color-value;
.sidr-top {
.dfd-sidr-close {
color: @mobile-menu-color;
border: 1px solid fade(@mobile-menu-color, 10%);
}
}
&.right {
right: -@sidr-width;
+ .dfd-sidr-close {
right: @sidr-width;
}
}
&.left {
left: -@sidr-width;
}
ul {
&.sidr-dropdown-menu {
border-top: 1px dotted fade(@mobile-menu-color, 10%);
border-bottom: 1px dotted fade(@mobile-menu-color, 10%);
}
li {
border-top: 1px dotted fade(@mobile-menu-color, 10%);
a.active {
background: darken(@mobile-menu-background, 3%);
border-bottom: 1px dotted fade(@mobile-menu-color, 10%);
}
a {
font-size: @default-text-font-size - 1;
color: @mobile-menu-color-value;
&:hover {
color: @mobile-menu-color;
background: darken(@mobile-menu-background, 3%);
.sidr-dropdown-toggler {
&:before {
background: @mobile-menu-color;
.box-shadow(~"-3px 0 0 0 @{mobile-menu-color}, 3px 0 0 0 @{mobile-menu-color}");
}
}
}
.sidr-dropdown-toggler {
&:before {
background: @mobile-menu-color-value;
.box-shadow(~"-3px 0 0 0 @{mobile-menu-color-value}, 3px 0 0 0 @{mobile-menu-color-value}");
.transition(~"background .3s ease, box-shadow .3s ease");
}
}
.menu-subtitle {
.subtitle();
font-size: @subtitles-font-size - 1;
color: @mobile-menu-color;
}
}
ul {
background: darken(@mobile-menu-background, 3%);
li {
a {
&:hover {
background: darken(@mobile-menu-background, 6%);
}
}
}
}
}
}
.sidr-inner > ul > li {
> a {
font-family: @menu_titles-font-family;
font-size: @menu_titles-font-size - 1;
}
}
.form-search-container {
.search-query {
background: darken(@mobile-menu-background, 3%);
}
.searchsubmit-icon {
color: @mobile-menu-color-value;
}
}
.sidr-text-container {
color: @mobile-menu-color;
p {
a {
color: @mobile-menu-color-value;
}
}
}
::-webkit-input-placeholder {
color: @mobile-menu-color-value;
}
:-moz-placeholder {
color: @mobile-menu-color-value;
}
::-moz-placeholder {
color: @mobile-menu-color-value;
}
:-ms-input-placeholder {
color: @mobile-menu-color-value;
}
}
/*buttons.less*/
.button.wc-backward,
button, .button, #wp-submit, #commentform #submit {
&:not(.ubtn) {
.default-button();
}
}
.button.flat,
.button.button-primary,
#wp-submit.flat,
#wp-submit.button-primary,
#commentform #submit.flat,
#commentform #submit.button-primary {
font-size: @default-text-font-size;
}
.button-gray(@h: 26px, @bg: #f3f3f3, @bg-hover: @main-site-light-color, @color: #696969, @color-hover: @main-site-dark-color) {
@button-shadow-color: @bg - #101010;
@shadow-hover: @bg-hover - #120a0a;
display: block;
height: @h;
padding: 0px (@h * 0.7);
color: @color;
background: @bg;
box-shadow: 0 1px @button-shadow-color;
.rounded(1px);
line-height: @h;
&.active,
&:hover {
background: @bg-hover;
box-shadow: 0 1px @shadow-hover;
color: @color-hover;
}
}
.button-nav {
.button-gray();
}
.additional-button {
border: 1px solid @border-color;
&:hover {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
}
.dfd-dotted-link {
> span {
&:before {
background: fade(@title-color, 30%);
}
}
&:hover {
> span {
&:after {
background: fade(@title-color, 30%);
}
}
}
}
.read-more {
color: @main-site-light-color;
span {
.rel();
&:after {
background: @title-color;
}
}
&:hover {
color: @title-color;
}
}
.more-button {
.box-name();
font-size: @box-name-font-size - 2;
text-transform: uppercase;
color: @main-site-light-color;
&:hover {
color: @title-color;
}
&.slide-up {
text-shadow: 0 0 @main-site-light-color, 0 @box-name-font-size + 2 @title-color;
&:hover {
text-shadow: 0 -(@box-name-font-size + 2) @main-site-light-color, 0 0 @title-color;
}
}
}
.dfd-animate-first-last {
span {
&.dfd-first {
color: @second-site-light-color;
}
&.dfd-last {
color: @title-color;
}
}
}
/*filter.less*/
.filter {
li {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @box-name-font-size / 2;
background: fade(@box-name-color, 20%);
}
&:hover {
color: @main-site-light-color !important;
}
}
&.active {
a {
border-color: @third-site-light-color;
}
}
}
}
/*soc-icons.less*/
@soc-icons-default-size: 50px;
@color: @title-color;
.widget.soc-icons {
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8 {
a {
&:before {
border: 3px solid @border-color;
}
}
}
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a {
&:before {
border: 1px solid @border-color;
}
}
}
&.dfd-soc-icons-hover-style-15 {
a {
border-left: 1px solid @border-color;
}
}
&.dfd-soc-icons-hover-style-24,
&.dfd-soc-icons-hover-style-25 {
a {
border: 1px solid @border-color;
}
}
}
#header-container {
&.header-style-5 {
.dfd-side-header-container .widget.soc-icons {
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a {
&:before {
border-color: fade(@header-fifth-text-color, 10%);
}
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-fifth-text-color, 10%);
a {
border-left-color: fade(@header-fifth-text-color, 10%);
&:hover {
&:before {
color: fade(@header-fifth-text-color, 50%);
}
}
}
}
}
}
&.header-style-8 {
.dfd-side-header-container .widget.soc-icons {
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a {
&:before {
border-color: fade(@header-eighth-text-color, 10%);
}
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-eighth-text-color, 10%);
a {
border-left-color: fade(@header-eighth-text-color, 10%);
&:hover {
&:before {
color: fade(@header-eighth-text-color, 50%) !important;
}
}
}
}
}
}
&.header-style-7 {
.header-main-panel .widget.soc-icons {
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a {
&:before {
border-color: fade(@header-seventh-active-text-color, 10%);
}
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-seventh-active-text-color, 10%);
a {
border-left-color: fade(@header-seventh-active-text-color, 10%);
&:hover {
&:before {
color: fade(@header-seventh-active-text-color, 50%) !important;
}
}
}
}
}
}
}
@media only screen and (min-width: @header-responsive-breakpoint) {
#header-container {
&.header-style-1 {
.header-info-panel .soc-icons {
&.dfd-soc-icons-hover-style-4 {
a:after {
background: @header-first-top-panel-color;
}
}
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a:before {
border-color: fade(@header-first-top-panel-color, 10%);
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-first-top-panel-color, 10%);
a {
border-left-color: fade(@header-first-top-panel-color, 10%);
&:hover {
&:before {
color: fade(@header-first-top-panel-color, 50%) !important;
}
}
}
}
&.dfd-soc-icons-hover-style-24,
&.dfd-soc-icons-hover-style-25 {
a {
border-color: fade(@header-first-top-panel-color, 10%);
}
}
}
}
&.header-style-2 {
.header-info-panel .soc-icons {
&.dfd-soc-icons-hover-style-4 {
a:after {
background: @header-second-top-panel-color;
}
}
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a:before {
border-color: fade(@header-second-top-panel-color, 10%);
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-second-top-panel-color, 10%);
a {
border-left-color: fade(@header-second-top-panel-color, 10%);
&:hover {
&:before {
color: fade(@header-second-top-panel-color, 50%) !important;
}
}
}
}
}
}
&.header-style-3 {
.header-info-panel .soc-icons {
&.dfd-soc-icons-hover-style-4 {
a:after {
background: @header-third-top-panel-color;
}
}
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a:before {
border-color: fade(@header-third-top-panel-color, 10%);
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-third-top-panel-color, 10%);
a {
border-left-color: fade(@header-third-top-panel-color, 10%);
&:hover {
&:before {
color: fade(@header-third-top-panel-color, 50%) !important;
}
}
}
}
}
}
&.header-style-4 {
.header-info-panel .soc-icons {
&.dfd-soc-icons-hover-style-4 {
a:after {
background: @header-fourth-top-panel-color;
}
}
&.dfd-soc-icons-hover-style-7,
&.dfd-soc-icons-hover-style-8,
&.dfd-soc-icons-hover-style-12,
&.dfd-soc-icons-hover-style-13 {
a:before {
border-color: fade(@header-fourth-top-panel-color, 10%);
}
}
&.dfd-soc-icons-hover-style-15 {
border-color: fade(@header-fourth-top-panel-color, 10%);
a {
border-left-color: fade(@header-fourth-top-panel-color, 10%);
&:hover {
&:before {
color: fade(@header-fourth-top-panel-color, 50%) !important;
}
}
}
}
}
}
}
}
/*social-share.less*/
.social-share {
a {
&:hover {
color: @main-site-light-color;
}
}
}
.dfd-share-cover {
.dfd-blog-share-popup-wrap {
.dfd-share-title {
font-size: @box-name-font-size - 3;
}
}
}
.dfd-read-share {
border-top: 1px dotted @border-color;
border-bottom: 1px dotted @border-color;
.read-more-wrap {
a {
&:not(.slide-up) {
color: @box-name-color;
}
&.chaffle {
&:hover {
color: @main-site-light-color;
}
}
&.simple {
&:hover {
border-left-color: @third-site-light-color;
}
}
}
}
}
.dfd-single-share-fixed {
ul {
li {
a {
border: 1px solid @border-color;
span {
font-size: @link-font-size - 3;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
/*article.less*/
.post,
.search-results #main-content .post,
.search-results #main-content article {
border-bottom: 1px dotted @border-color;
h6.widget-title {
a {
&:hover {
color: @main-site-light-color;
}
}
}
.entry-media {
.like-comments-style();
}
.entry-meta {
.entry-comments {
a {
color: @title-color;
}
}
}
&.format-gallery {
.dfd-gallery-bar {
background: fade(@main-site-dark-color, 50%);
}
}
}
#layout.single-post {
.dfd-single-style-advanced {
.post {
.dfd-single-post-heading {
.dfd-news-categories {
.byline.category {
a {
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
font-size: @link-font-size - 2;
color: @main-site-dark-color;
background: @third-site-light-color;
&:hover {
color: @box-name-color;
}
}
}
}
.entry-meta {
a {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
}
&.format-video {
.entry-content .flex-video iframe {
border: 4px solid @border-color;
}
}
&.format-gallery {
.dfd-gallery-cover {
border: 7px solid @background-sidebars;
}
}
}
.about-author {
border: 1px solid @border-color;
.author-content {
.author-top-inner {
border-bottom: 1px dotted @border-color;
.widget.soc-icons {
a {
border-left: 1px solid @border-color;
}
}
}
}
}
}
}
.post {
&.sticky {
border: 1px solid @border-color;
border-top: 2px solid @link-color-inverted-hover;
background-color: @white-dark;
}
&.format-gallery {
.slick-list + .slick-dots {
li button {
color: fade(@main-site-dark-color, 80%);
}
}
.slider-control {
&.prev,
&.next {
background: @third-site-dark-color;
color: @main-site-dark-color;
}
}
}
.entry-tags.entry-tags-bordered {
ul {
li {
a {
border: 1px solid @border-color;
}
}
}
}
.entry-thumb .entry-tags {
color: @main-site-dark-color;
}
&.format-quote {
.entry-content,
.entry-media {
background: @third-site-dark-color;
color: @main-site-dark-color;
.entry-thumb {
.icon-wrap {
i {
color: fade(@main-site-dark-color, 20%);
}
}
a.quote-content {
font: @subtitles-font-style @subtitles-font-weight @subtitles-font-size + 2 @subtitles-font-family;
line-height: 2;
color: @main-site-dark-color;
}
.quote-author {
.box-name();
font-size: @box-name-font-size - 3;
text-transform: uppercase;
color: @main-site-light-color;
}
}
}
}
}
.post-format-left-image,
.post-format-right-image {
.post {
&.format-quote {
.entry-media {
.entry-thumb {
background: @third-site-dark-color;
}
}
}
}
}
.blockquote-icon {
&:before {
color: @font-site-light-color;
}
}
.single-post {
article.post {
&.format-quote {
.entry-content {
background: @third-site-dark-color;
.entry-thumb {
a {
p {
color: @main-site-dark-color;
}
&:hover span {
border-bottom: 1px dotted @border-color;
}
}
}
}
}
}
}
.calend_date {
.calend_date__month {
font-family: @box-name-font-family;
color: @title-color;
}
.calend_date__day {
font-family: @box-name-font-family;
color: @title-color;
}
}
/*pagination.less*/
.pagination {
ul.page-numbers {
li {
span,
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @box-name-color;
&:hover {
color: @main-site-light-color;
}
}
}
}
.prev-link,
.next-link {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
&.dfd-pagination-style-1,
&.dfd-pagination-style-2 {
ul.page-numbers {
li {
&:last-child {
a {
border-right: 1px solid @border-color;
}
}
span,
a {
border-top: 1px solid @border-color;
border-bottom: 1px solid @border-color;
border-left: 1px solid @border-color;
}
}
}
}
&.dfd-pagination-style-1 {
.prev-next-links {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
border-top: 1px solid @border-color;
border-bottom: 1px solid @border-color;
border-left: 1px solid @border-color;
color: @box-name-color;
&:hover {
color: @main-site-light-color;
}
}
}
}
&.dfd-pagination-style-3,
&.dfd-pagination-style-4 {
ul.page-numbers {
li {
&:before,
&:after {
margin-top: @link-font-size/4;
background: @border-color;
}
&:before {
margin-right: @link-font-size/2;
}
&:after {
margin-left: @link-font-size/2;
}
}
}
}
&.dfd-pagination-style-3 {
ul.page-numbers {
li {
.current {
background: @third-site-light-color;
}
}
}
.prev-link,
.next-link {
a {
border: 1px solid @border-color;
&:hover {
.box-shadow(0 2px 6px 1px fade(@forth-site-dark-color, 20%));
}
}
}
}
&.dfd-pagination-style-4 {
ul.page-numbers {
li {
.current {
border: 1px solid @border-color;
&:hover {
.box-shadow(0 2px 6px 1px fade(@forth-site-dark-color, 20%));
}
}
}
}
}
&.dfd-pagination-style-5 {
ul.page-numbers {
li {
span,
a {
border: 1px solid @border-color;
}
a {
&:hover {
.box-shadow(0 2px 6px 1px fade(@forth-site-dark-color, 20%));
}
}
.current {
background: @third-site-light-color;
border-color: @third-site-light-color;
}
}
}
.prev-link,
.next-link {
a {
border: 1px solid @border-color;
&:hover {
.box-shadow(0 2px 6px 1px fade(@forth-site-dark-color, 20%));
}
}
}
}
&.ajax-pagination {
#ajax-pagination-load-more {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @title-color;
border: 1px solid fade(@title-color, 10%);
&.last-page {
color: @box-name-color;
}
&:hover {
color: @link-hover-color;
}
&:focus {
border-color: @main-site-light-color;
}
}
}
}
.fullheight_nav {
li {
a {
@color: @font-site-light-color;
border: 2px solid @color;
&.active,
&:hover {
background-color: @color;
}
}
}
}
.inner-nav {
.inner-nav-prev,
.inner-nav-next {
color: @main-site-light-color;
&:before {
color: @main-site-light-color;
}
&:after {
background: @title-color;
}
&:hover {
color: @title-color;
&:before {
color: @title-color;
}
}
}
}
.body-back-to-top {
font-size: @to-top-button-font-size;
width: @to-top-button-size;
height: @to-top-button-size;
line-height: @to-top-button-size;
.to-top-button();
}
.back-to-top {
&:after {
background: @second-site-light-color;
}
}
/*form.less*/
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
color: @font-site-light-color;
font-size: @default-text-font-size;
border: 1px solid @border-color;
}
input[type="checkbox"] {
&:before {
border: 1px solid @border-color;
}
&:hover {
&:before {
border-color: @third-site-light-color;
}
}
&:checked {
&:before {
border-color: @border-color;
}
}
}
input[type="radio"] {
&:before {
border: 1px solid @border-color;
}
}
::-webkit-input-placeholder {
color: @subtitles-color;
}
:-moz-placeholder {
color: @subtitles-color;
}
::-moz-placeholder {
color: @subtitles-color;
}
:-ms-input-placeholder {
color: @subtitles-color;
}
/*title.less*/
.wpb_wrapper {
h1.widget-title {
.dfd-font-styles(@widget-title-h1-font-style, @widget-title-h1-font-weight, @widget-title-h1-font-size, @widget-title-h1-font-family, @widget-title-h1-color, @widget-title-h1-line-height, @widget-title-h1-text-transform, @widget-title-h1-letter-spacing, @widget-title-h1-word-spacing);
}
h2.widget-title {
.dfd-font-styles(@widget-title-h2-font-style, @widget-title-h2-font-weight, @widget-title-h2-font-size, @widget-title-h2-font-family, @widget-title-h2-color, @widget-title-h2-line-height, @widget-title-h2-text-transform, @widget-title-h2-letter-spacing, @widget-title-h2-word-spacing);
}
h3.widget-title {
.dfd-font-styles(@widget-title-h3-font-style, @widget-title-h3-font-weight, @widget-title-h3-font-size, @widget-title-h3-font-family, @widget-title-h3-color, @widget-title-h3-line-height, @widget-title-h3-text-transform, @widget-title-h3-letter-spacing, @widget-title-h3-word-spacing);
}
h4.widget-title {
.dfd-font-styles(@widget-title-h4-font-style, @widget-title-h4-font-weight, @widget-title-h4-font-size, @widget-title-h4-font-family, @widget-title-h4-color, @widget-title-h4-line-height, @widget-title-h4-text-transform, @widget-title-h4-letter-spacing, @widget-title-h4-word-spacing);
}
h5.widget-title {
.dfd-font-styles(@widget-title-h5-font-style, @widget-title-h5-font-weight, @widget-title-h5-font-size, @widget-title-h5-font-family, @widget-title-h5-color, @widget-title-h5-line-height, @widget-title-h5-text-transform, @widget-title-h5-letter-spacing, @widget-title-h5-word-spacing);
}
h6.widget-title {
.dfd-font-styles(@widget-title-h6-font-style, @widget-title-h6-font-weight, @widget-title-h6-font-size, @widget-title-h6-font-family, @widget-title-h6-color, @widget-title-h6-line-height, @widget-title-h6-text-transform, @widget-title-h6-letter-spacing, @widget-title-h6-word-spacing);
}
h1.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h1-font-style, @widget-subtitle-h1-font-weight, @widget-subtitle-h1-font-size, @widget-subtitle-h1-font-family, @widget-subtitle-h1-color, @widget-subtitle-h1-line-height, @widget-subtitle-h1-text-transform, @widget-subtitle-h1-letter-spacing, @widget-subtitle-h1-word-spacing);
}
h2.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h2-font-style, @widget-subtitle-h2-font-weight, @widget-subtitle-h2-font-size, @widget-subtitle-h2-font-family, @widget-subtitle-h2-color, @widget-subtitle-h2-line-height, @widget-subtitle-h2-text-transform, @widget-subtitle-h2-letter-spacing, @widget-subtitle-h2-word-spacing);
}
h3.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h3-font-style, @widget-subtitle-h3-font-weight, @widget-subtitle-h3-font-size, @widget-subtitle-h3-font-family, @widget-subtitle-h3-color, @widget-subtitle-h3-line-height, @widget-subtitle-h3-text-transform, @widget-subtitle-h3-letter-spacing, @widget-subtitle-h3-word-spacing);
}
h4.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h4-font-style, @widget-subtitle-h4-font-weight, @widget-subtitle-h4-font-size, @widget-subtitle-h4-font-family, @widget-subtitle-h4-color, @widget-subtitle-h4-line-height, @widget-subtitle-h4-text-transform, @widget-subtitle-h4-letter-spacing, @widget-subtitle-h4-word-spacing);
}
h5.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h5-font-style, @widget-subtitle-h5-font-weight, @widget-subtitle-h5-font-size, @widget-subtitle-h5-font-family, @widget-subtitle-h5-color, @widget-subtitle-h5-line-height, @widget-subtitle-h5-text-transform, @widget-subtitle-h5-letter-spacing, @widget-subtitle-h5-word-spacing);
}
h6.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h6-font-style, @widget-subtitle-h6-font-weight, @widget-subtitle-h6-font-size, @widget-subtitle-h6-font-family, @widget-subtitle-h6-color, @widget-subtitle-h6-line-height, @widget-subtitle-h6-text-transform, @widget-subtitle-h6-letter-spacing, @widget-subtitle-h6-word-spacing);
}
}
h6.widget-sub-title {
.dfd-font-styles(@widget-subtitle-h6-font-style, @widget-subtitle-h6-font-weight, @widget-subtitle-h6-font-size, @widget-subtitle-h6-font-family, @widget-subtitle-h6-color, @widget-subtitle-h6-line-height, @widget-subtitle-h6-text-transform, @widget-subtitle-h6-letter-spacing, @widget-subtitle-h6-word-spacing);
}
.dfd-background-dark,
.row .background--dark {
h1, h2, h3, h4, h5, h6 {
color: @main-site-dark-color;
&.widget-title {
color: @main-site-dark-color;
}
&.widget-sub-title {
color: fade(@main-site-dark-color, 60%);
}
}
}
.dfd-blog-title {
.blog-title();
}
.block-title {
.block-title();
}
.subtitle {
.subtitle();
}
h3.entry-title {
.block-title();
}
.box-name {
color: @title-color;
.box-name();
}
.dopinfo {
.subtitle(@color: @subtitle-color, @size: 15px);
text-transform: none;
}
.entry-meta,
.entry-meta.dopinfo {
.entry-meta();
}
.widget h3.widget-title,
.module .widget h3.widget-title {
.widget-title();
}
.widget.widget-title-decoration-red-line {
.widget-title {
&:after {
background-color: @second-site-light-color;
}
}
}
.feature-title {
.feature-title();
}
/*backgroundcheck.less*/
.dfd-background-dark,
#side-area.dfd-background-dark,
.row .background--dark {
.more-button.slide-up {text-shadow: 0 0 @main-site-light-color, 0 16px @main-site-dark-color;}
.more-button.slide-up:hover {text-shadow: 0 -16px @main-site-light-color, 0 0 @main-site-dark-color;}
.more-button {
&.dfd-animate-first-last,
&.chaffle {
&:hover {
color: @main-site-light-color;
}
}
}
.audioplayer {
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover:before,
.audioplayer.audioplayer-playing .audioplayer-playpause a:hover:before {
color: @main-site-light-color;
}
}
.recent-posts-list .post-item .entry-content-wrap .subtitle span.author a {
&:hover {
color: @main-site-light-color;
}
}
.recent-posts-list .post-item .entry-content-wrap .subtitle span.entry-comments a {
color: @main-site-light-color;
}
.slick-slider {
.slick-dots {
li {
&.slick-active {
.dfd-line-dots {
&:before {
background: @main-site-light-color;
}
&:hover {
&:after {
background: @main-site-light-color;
}
}
}
}
}
}
}
.dfd-contact-block-horizontal {
&.style-4 .block-icon {
i {
color: @title-color;
}
}
}
.wpcf7-form {
p {
span.chaffle {
&:hover {
color: @main-site-light-color;
}
}
}
.dfd-contact-from-style-2 {
p span.chaffle {
&:hover {
color: @main-site-light-color;
}
}
}
.dfd-contact-from-style-3 {
input[type="submit"] {
&:hover {
color: @main-site-light-color;
}
}
}
}
.dk_container {
.dk_toggle {
&:hover {
&:before {
.box-shadow(~"0 -2px 0 @{third-site-light-color}, 0 2px 0 @{third-site-light-color}");
background-color: @third-site-light-color;
}
}
}
}
.dk_options_inner {
li {
a {
color: @title-color;
.transition(color .3s ease-in-out);
}
}
}
.dk-select,
.dk-select-multi {
.dk-selected {
&:hover {
&:before {
.box-shadow(~"0 -2px 0 @{third-site-light-color}, 0 2px 0 @{third-site-light-color}");
background-color: @third-site-light-color;
}
}
}
.dk-select-options li {
color: @title-color;
}
}
.gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3a .gw-go-header,
.gw-go.gw-go-enlarge-current.gw-go-hover .gw-go-col-wrap.gw-go-current.gw-go-hover .gw-go-blue3a .gw-go-header,
.gw-go.gw-go-enlarge-current:not(.gw-go-hover) .gw-go-col-wrap.gw-go-current.gw-go-hover .gw-go-blue3a .gw-go-header,
.gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3b .gw-go-header,
.gw-go.gw-go-enlarge-current.gw-go-hover .gw-go-col-wrap.gw-go-current.gw-go-hover .gw-go-blue3b .gw-go-header,
.gw-go.gw-go-enlarge-current:not(.gw-go-hover) .gw-go-col-wrap.gw-go-current.gw-go-hover .gw-go-blue3b .gw-go-header {
background: @main-site-light-color !important;
}
.dfd-pricing-block {
&.style-03 {
.feat-mark.style-01 {
color: @default-text-color;
}
}
}
.dfd-progressbar {
&.layout-4 {
.progress-bar-line {
color: fade(@forth-site-dark-color, 30%);
}
}
}
/* Side area menu */
.onclick-menu {
.onclick-nav-menu {
> li {
a {
&:hover {
color: @main-site-light-color !important;
}
}
}
}
}
.widget.soc-icons {
&.dfd-soc-icons-hover-style-10,
&.dfd-soc-icons-hover-style-11,
&.dfd-soc-icons-hover-style-26 {
a {
color: @title-color !important;
}
}
&.dfd-soc-icons-hover-style-18 {
a {
color: @title-color !important;
}
}
}
.twitter-row .twitter-slider .date {
color: fade(@main-site-dark-color, 60%) !important;
}
.dfd-twitter-module {
.tweet-item .tweet .tweet-content a {
&:hover {
color: @third-site-light-color;
}
}
}
.widget {
.widget-title {
color: fade(@main-site-dark-color, 30%);
}
}
.widget:not(.widget_recent_posts_widget) {
.entry-content-wrap {
h3.entry-title {
font-family: @box-name-font-family;
font-size: @box-name-font-size;
}
}
&.widget_recent_entries,
&.widget_product_categories,
&.widget_crum_cat_arch,
&.widget_display_forums {
ul {
li {
.icon-wrap i {
color: @third-site-light-color;
}
&:hover {
.count {
color: @third-site-light-color;
}
}
}
&.post-categories li,
&.widget-archive li {
&:hover {
color: @third-site-light-color;
}
}
}
}
&.widget_top_rated_products,
&.widget_recent_reviews,
&.widget_products,
&.widget_best_sellers {
a {
&:hover {
color: @main-site-light-color;
}
}
}
&.widget_crum_widget_tabs,
&.widget_crum_cat_tabs {
.box-name {
a:hover {
color: @main-site-light-color;
}
}
}
&.widget_bp_groups_widget,
&.widget_bp_core_members_widget {
.item-options {
a {
&.selected {
color: @second-site-light-color;
}
}
}
}
&.widget_dfd_recent_comments,
&.widget_recent_comments {
.recentcomments {
a:hover {
color: @main-site-light-color;
}
a.dfd-post-link {
color: @main-site-light-color;
}
}
}
&.widget_counter_mail_subscribe {
button[type="submit"] {
&:hover {
color: @main-site-light-color;
}
}
}
&.bbp_widget_login {
.bbp-logged-in {
h4 a {
&:hover {
color: @second-site-light-color;
}
}
}
}
&.widget_bp_core_login_widget {
.bp-login-widget-user-link {
&:hover {
color: @second-site-light-color;
}
}
}
&.widget_crum_tags_widget,
&.widget_tag_cloud,
&.widget_product_tag_cloud {
.tags-widget a,
.tagcloud a {
&:hover {
border-color: @main-site-light-color;
}
}
}
&.widget_rss {
ul {
li {
a:hover {
color: @main-site-light-color;
}
}
}
}
&.widget_twitter-widget {
.tweet-list .tweet .tweet-inner a {
color: @main-site-light-color;
}
}
}
.dfd-single-product-module {
.onsale {
color: @link-color;
}
}
.dfd-woocomposer_list {
.dfd-woo-product-list li {
.amount {
color: @third-site-light-color;
ins {
color: @third-site-light-color;
}
}
}
}
.products .product .woo-title-wrap {
.price-wrap {
color: @third-site-light-color;
.amount {
color: @third-site-light-color;
}
ins {
.amount {
color: @third-site-light-color;
}
}
}
}
}
#side-area.dfd-background-dark,
#footer.dark {
.widget_dfd_recent_posts .recent-posts-list li a {
&:hover {
color: @main-site-light-color;
}
}
}
#side-area.background-dark {
.side-area-bottom {
.side_area_title {
a {
color: @main-site-light-color;
}
}
}
}
/*dropdowns.less*/
.dropdown-font-style(@size: @default-text-font-size, @color: @font-site-light-color) {
color: @color;
font-size: @size;
}
.dropdown {
border: 1px solid @border-color;
.dropdown-toggle {
span {
.dropdown-font-style();
}
}
}
.dropdown-menu {
border: 1px solid @border-color;
> li > a {
.dropdown-font-style();
&:hover {
color: @main-site-light-color;
}
}
}
.dk_container-background() {
border: 1px solid @border-color;
}
.dk_container {
.dropdown-font-style(15px);
.dk_container-background();
}
.dk_toggle {
&:hover {
&:before {
background-color: @third-site-light-color;
.box-shadow(~"0 -2px 0 @{third-site-light-color}, 0 2px 0 @{third-site-light-color}");
}
}
}
.dk_open .dk_toggle {
color: @font-site-light-color;
border-color: @border-color;
}
.dk_options {
li {
font-size: @default-text-font-size - 1;
border-bottom: 1px dotted @border-color;
}
}
.click-dropdown {
> a {
font-size: @default-text-font-size - 1;
color: @title-color;
border: 1px solid @border-color;
}
> div {
ul {
&.category-filer {
.icon-wrap {
i {
&.none:before {
font-family: @default-text-font-family;
}
}
}
}
li {
color: @title-color;
border-bottom: 1px dotted @border-color;
}
}
}
&:hover {
> a {
&:before {
background: @third-site-light-color;
.box-shadow(~"0 2px 0 0 @{third-site-light-color}, 0 4px 0 0 @{third-site-light-color}");
}
}
}
}
.dk-select,
.dk-select-multi {
.dk-selected {
border: 1px solid @border-color;
&:hover {
&:before {
.box-shadow(~"0 -2px 0 @{third-site-light-color}, 0 2px 0 @{third-site-light-color}");
background-color: @third-site-light-color;
}
}
}
.dk-select-options {
li {
font-size: @default-text-font-size - 1;
border-bottom: 1px dotted @border-color;
}
}
}
/*audioplayer.less*/
.audioplayer-enable-icon(@font-size: 15px, @color: @title-color) {
font-family: @font-icons-main;
color: @color;
font-size: @font-size;
}
.audioplayer {
color: @title-color;
&:not(.audioplayer-playing) .audioplayer-playpause a {
&:before {
.audioplayer-enable-icon(17px, @title-color);
}
&:hover {
&:before {
color: @main-site-light-color;
}
}
}
&.audioplayer-playing .audioplayer-playpause a {
&:before {
.audioplayer-enable-icon(12px, @title-color);
}
&:hover {
&:before {
color: @main-site-light-color;
}
}
}
.audioplayer-playpause {
border-right: 1px solid @border-color;
}
.audioplayer-time {
font-size: @subtitles-font-size - 1;
}
.audioplayer-bar {
&:before {
border: 1px solid @border-color;
}
.audioplayer-bar-loaded {
background: fade(@main-site-dark-color, 50%);
}
.audioplayer-bar-played {
background: @title-color;
}
}
.audioplayer-volume {
border-left: 1px solid @border-color;
.audioplayer-volume-button {
> a {
&:before {
.audioplayer-enable-icon();
}
&:hover {
&:before {
color: @main-site-light-color;
}
}
}
}
.audioplayer-volume-adjust {
background: @main-site-dark-color;
border-left: 1px solid @border-color;
.transition(~"width .3s ease, opacity .0s ease, visibility .0s ease");
> div {
&:before {
border: 1px solid @border-color;
}
> div {
background-color:@third-site-dark-color;
}
}
}
}
}
/*login-form.less*/
.reveal-modal-bg {
opacity: 0.1 !important;
}
#loginModal {
top: @top-menu-height + @top-menu-padding * 2 + @top-panel-height + 34 !important;
&:before {
border-color: transparent transparent @third-site-light-color transparent;
}
h3 {
font-size: @default-text-font-size;
}
p {
a {
font-size: @default-text-font-size;
}
}
}
/*tooltips.less*/
.tooltipster-base {
.tooltipster-content {
.tooltipster-content-head {
font-family: @box-name-font-family;
font-size: @box-name-font-size;
font-weight: @box-name-font-weight;
}
.tooltipster-content-body {
color: @subtitle-color;
}
}
}
/*top-inner-panel.less*/
.top-inner-page {
span {
background: @menu_titles-color;
&:before,
&:after {
background: @menu_titles-color;
}
}
&:hover {
span {
background: @second-site-light-color;
&:before {
background: @second-site-light-color;
}
&:after {
background: @second-site-light-color;
}
}
}
}
#top-panel-inner {
.top-panel-inner-wrapper {
background: @top-panel-inner-bg-option;
}
&.open {
.top-panel-inner-wrapper {
&:after {
border-bottom: 1px solid @border-color;
}
}
}
}
/*side-area.less*/
.dfd-custom-padding-html {
#side-area {
top: @layout-white-space-size;
bottom: @layout-white-space-size;
&.opened {
right: @layout-white-space-size;
&.side-area-left {
left: @layout-white-space-size;
}
}
}
&.admin-bar {
#side-area {
top: @layout-white-space-size + 32;
}
}
}
#side-area {
right: -@side-area-width - 30;
width: @side-area-width;
&:before {
border-top: 1px dotted @border-color;
}
.side-area-bottom {
.side-area-subbottom {
.side_area_copyright {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @subtitle-color;
}
}
}
.side-area-button-section a {
font-family: @block-title-font-family;
}
div.widget.widget_text {
div.textwidget {
color: @subtitle-color;
}
}
&.side-area-widget {
.widget-vertical-scroll {
width: @side-area-width + 17;
}
}
}
body.admin-bar #side-area {
&.dfd-frame-border {
top: @layout-white-space-size + 32;
}
}
#side-area {
nav.mega-menu {
ul.nav-menu {
> li {
.item-title {
&:after {
background: fade(@menu_titles-color, 20%);
}
}
&.current-menu-ancestor {
.item-title {
border: 1px solid fade(@menu_titles-color, 10%);
}
}
}
}
}
}
.dfd-click-menu-activation-button,
.side-area-controller-wrap {
height: @menu-inner-height;
a {
border: 1px solid fade(@menu_titles-color, 10%);
.icon-wrap {
&:before,
&:after {
background: @menu_titles-color;
}
}
}
}
body.side-area-opened {
#main-wrap {
left: -@side-area-width / 3;
}
#side-area.side-area-left + #main-wrap {
left: @side-area-width / 3;
}
#header-container.small,
#header-container:not(.small) {
left: -@side-area-width / 3;
&.header-style-19,
&.header-style-20 {
right: -@side-area-width / 3;
}
}
}
/*layout-settings.less*/
@media only screen and (min-width: @screen-medium - 1) {
#left-sidebar,
#right-sidebar {
background: @background-sidebars;
&:before {
background: @background-sidebars;
}
}
}
@media only screen and (min-width: @screen-medium) {
#layout {
&.single-folio.folio_inside_1 {
.folio-info.desc-left,
.folio-info.desc-right {
&:before {
background: @background-sidebars;
}
}
}
}
}
@media only screen and (min-width : @screen-medium) {
body {
&.dfd-custom-padding-html {
.dfd-parallax-footer {
margin-bottom: 0;
#footer-wrap {
padding-left: @layout-white-space-size;
padding-right: @layout-white-space-size;
margin-bottom: @layout-white-space-size;
}
}
}
}
}
body {
&.dfd-custom-padding-html {
margin: @layout-white-space-size;
.dfd-frame-line {
&.line-top,
&.line-bottom {
height: @layout-white-space-size;
background: @layout-white-space-color;
}
&.line-left,
&.line-right {
width: @layout-white-space-size;
background: @layout-white-space-color;
}
}
#header-container {
#header {
padding: 0 @layout-white-space-size;
}
}
}
}
@media only screen and (min-width: @screen-medium - 1) {
.blog-section {
&.sidebar-both {
#main-content {
padding: 0 40px;
}
}
&.sidebar-left {
#main-content {
padding-left: 40px;
}
}
&.sidebar-right {
#main-content {
padding-right: 40px;
}
}
}
.single-folio {
.folio-entry-media.desc-right {
padding-right: 40px;
}
.folio-entry-media.desc-left {
padding-left: 40px;
}
}
#grid-posts {
&.grid-left-sidebar {
padding-left: 40px;
}
&.grid-right-sidebar {
padding-right: 40px;
}
}
#layout.portfolio-page {
&.dfd-sidebar-left .nine.columns {
padding-left: 40px;
}
&.dfd-sidebar-right .nine.columns {
padding-right: 40px;
}
}
.dfd-news-layout {
#main-content {
padding-right: 100px;
}
}
.dfd-woo-archive {
.nine.columns {
padding-right: 40px;
}
}
}
@media only screen
and (min-width : @screen-x-large) {
.row.dfd-masonry-full-width-offset {
width: 100%;
padding: 0 70px;
}
}
/*revslider-navigation.less*/
.rev_slider_wrapper {
.tp-bullets.simplebullets {
&.custom {
.bullet {
background: @icon-base-color;
&.selected {
background: @main-site-light-color;
}
}
}
&.round {
.bullet {
background: @icon-base-color;
&.selected {
border: 2px solid @main-site-light-color;
}
}
}
&.square-old {
.bullet {
background: @icon-base-color;
&.selected {
background: @main-site-light-color;
}
}
}
&.round-old {
.bullet {
border: 1px solid @icon-base-color;
&.selected {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
}
}
.tp-caption {
a.tp-button {
.box-name();
&.darkgrey {
&:before {
background: @main-site-light-color;
}
&.transparent {
&:hover {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
&.green {
background: @main-site-light-color;
border: 1px solid @main-site-light-color;
&.transparent {
&:hover {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
&.lightgrey {
color: @title-color !important;
&.transparent {
&:hover {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
&.white-hover {
&:hover {
color: @title-color !important;
}
}
}
&.alternative {
&:hover {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
}
}
/*blog-top-panel.less*/
.blog-top-block {
border-bottom: 1px dotted @border-color;
.title {
font-size: @default-text-font-size;
font-family: @entry-meta-font-family;
font-style: @entry-meta-font-style;
font-weight: @entry-meta-font-weight;
}
}
.dfd-blog-page-icon {
background: @third-site-light-color;
> span {
background: @main-site-dark-color;
}
}
/*slick-dots.less*/
.slick-dots {
li {
&.slick-active {
button {
border-color: @main-site-light-color;
}
}
button {
background: @border-color;
}
}
}
/*top-panel-links.less*/
.header-wishlist-link-wrap,
.header-login-link {
line-height: @top-panel-height;
&:hover {
color: @title-color;
}
}
.header-wishlist-link-wrap {
&:before {
height: @top-panel-height - 10;
background: @border-color;
}
}
/*onclick-menu.less*/
#header .onclick-menu-wrap {
nav.onclick-menu {
.onclick-nav-menu {
background: @menu-dropdown-background;
li {
border-top: 1px dotted fade(@menu_dropdowns-color, 10%);
}
li.has-submenu {
> a {
&:before {
border-left: 3px solid @menu-dropdown-items-color;
}
&.open {
&:before {
border-left-color: @menu-dropdown-hover-color;
}
}
}
}
.item-title {
font-size: @menu_titles-font-size - 1;
font-style: @menu_titles-font-style;
font-family: @menu_titles-font-family;
font-weight: @menu_titles-font-weight;
text-transform: @menu_titles-text-transform;
letter-spacing: @menu_titles-letter-spacing;
word-spacing: @menu_titles-word-spacing;
color: @menu_dropdowns-color;
&:hover {
color: @third-site-light-color;
}
&.open {
color: @menu_dropdowns-color;
background: @menu-dropdown-background;
}
}
ul {
&.sub-menu {
background: @menu-dropdown-background;
}
li {
.dfd-font-styles(@menu_dropdowns-font-style, @menu_dropdowns-font-weight, @menu_dropdowns-font-size, @menu_dropdowns-font-family, @menu-dropdown-items-color, @menu_dropdowns-line-height, @menu_dropdowns-text-transform, @menu_dropdowns-letter-spacing, @menu_dropdowns-word-spacing);
&:hover {
color: @menu_dropdowns-color;
}
}
ul {
background: @menu-dropdown-background;
}
}
.menu-subtitle {
.dfd-font-styles(@menu_dropdown_subtitles-font-style, @menu_dropdown_subtitles-font-weight, @menu_dropdown_subtitles-font-size, @menu_dropdown_subtitles-font-family, @menu_dropdown_subtitles-color, @menu_dropdown_subtitles-line-height, @menu_dropdown_subtitles-text-transform, @menu_dropdown_subtitles-letter-spacing, @menu_dropdown_subtitles-word-spacing);
}
}
}
}
#header-container {
&.dfd-new-headers.header-style-6 #header .header-wrap > .row:last-child .header-main-panel {
.onclick-menu-wrap {
nav.onclick-menu {
.onclick-nav-menu {
li.has-submenu {
> a {
&:before {
background: @menu_dropdowns-color;
}
}
}
.item-title {
font-size: @menu_titles-font-size;
}
ul {
li {
ul {
background: darken(@menu-dropdown-background, 2%);
li {
ul {
background: darken(@menu-dropdown-background, 4%);
}
}
}
}
}
}
}
}
}
}
/*tabs-boxes.less*/
.tabs {
> dd,
> li {
&.active {
> a {
background-color: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
&.horisontal {
dd,
li {
a {
color: @title-color;
border: 1px solid @border-color;
}
&.active {
> a {
background-color: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
}
&.vertical {
dd {
a {
color: @title-color;
border: 1px solid @border-color;
}
&.active {
a {
background-color: @main-site-light-color;
border-color: @main-site-light-color;
}
}
}
}
}
/*accordion-box.less*/
ul.accordion {
li {
.title {
border-bottom: 1px solid @border-color;
.icon {
border: 2px solid @border-color;
&:before {
background: @border-color;
}
&:after {
background: @border-color;
}
}
}
.content {
color: @font-site-light-color;
}
&.active {
.title {
color: @second-site-light-color;
.icon {
background: @second-site-light-color;
border-color: @second-site-light-color;
&:after {
background: @main-site-dark-color;
}
}
}
.icon-wrap i {
color: @main-site-dark-color;
}
}
}
}
/*entry-meta.less*/
.entry-meta {
.byline {
color: @title-color;
&:hover {
color: @main-site-light-color;
}
}
.delim {
border-right: 1px solid @border-color;
}
.entry-tags {
ul {
li {
a {
font-weight: @default-text-font-weight;;
color: @title-color;
}
}
}
}
}
/*inside-pagination.less*/
body.dfd-custom-padding-html {
.dfd-controls {
.page-inner-nav {
&.nav-prev {
left: @layout-white-space-size + 10;
}
&.nav-next {
right: @layout-white-space-size + 10;
}
}
}
}
.dfd-controls.dfd-arrows-nav {
.page-inner-nav {
.dfd-controler {
color: @box-name-color;
}
&:hover {
.dfd-controler {
color: @box-name-color;
}
}
}
}
.dfd-controls {
.page-inner-nav {
.thumb {
color: @title-color;
.entry-comments {
background: @third-site-light-color;
&:before {
border-top: 3px solid darken(@third-site-light-color, 10%);
border-left: 3px solid darken(@third-site-light-color, 10%);
}
}
}
.pagination-title {
border: 1px solid @border-color;
div.box-name {
font-size: @box-name-font-size;
border-bottom: 1px dotted @border-color;
}
div.subtitle {
font-size: @subtitles-font-size - 1;
}
}
.dfd-controler {
color: @box-name-color;
&.prev,
&.next {
span {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
&:hover,
&.active {
.dfd-controler {
background: @third-site-light-color;
border-color: @third-site-light-color;
}
}
}
}
.dfd-controls-top {
border-bottom: 1px dotted @border-color;
.page-inner-nav {
.dfd-controler {
border: 1px solid @border-color;
}
}
}
/*single-comments.less*/
#comments {
h5 {
font-size: @block-title-font-size;
}
.commentlist {
.comment {
>.clearfix {
border-bottom: 1px dotted @border-color;
.avatar-box {
i {
color: @border-color;
}
}
}
}
li {
.comment-author {
.author {
font-size: @box-name-font-size - 2;
color: @title-color;
}
}
.reply {
.dop-link {
color: @subtitle-color;
a {
.slide-up {
text-shadow: 0 0 @subtitle-color, 0 @box-name-font-size + 2 @title-color;
}
&:hover {
.slide-up {
text-shadow: 0 -(@box-name-font-size + 2) @subtitle-color, 0 0 @title-color;
}
}
}
}
a {
.box-name();
font-size: @box-name-font-size - 2;
text-transform: uppercase;
color: @main-site-light-color;
&.comment-reply-link {
.slide-up {
text-shadow: 0 0 @main-site-light-color, 0 @box-name-font-size + 2 @title-color;
}
&:hover {
.slide-up {
text-shadow: 0 -(@box-name-font-size + 2) @main-site-light-color, 0 0 @title-color;
}
}
}
}
}
}
}
}
#respond {
> div.block-title {
border-bottom: 1px dotted @border-color;
}
.cancel-comment-reply {
> a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&.box-name {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
form {
label {
color: @block-title-color;
}
p {
div.box-name {
color: @second-site-light-color;
}
}
}
}
#layout.single-post,
#layout.single-folio.folio_inside_2 {
#comments {
div.block-title {
border-bottom: 1px dotted @border-color;
}
.commentlist {
.comment {
>.clearfix {
border: 1px solid @border-color;
.avatar-box {
border: 4px solid @border-color;
}
header.comment-author {
border-bottom: 1px dotted @border-color;
.author.box-name {
.box-name();
line-height: inherit;
}
.reply {
.dop-link {
&:before {
color: @link-color;
}
a {
span {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
}
.comment-reply-link {
&:before {
color: @link-color;
}
span {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
}
}
#respond {
#commentform {
label {
color: @default-text-color;
}
}
}
}
/*inside-share-popup.less*/
.dfd-share-popup-wrap {
.dfd-share-popup {
border: 1px solid @border-color;
&:hover {
border-color: @main-site-light-color;
}
}
.entry-share-popup {
li {
> a {
color: @title-color;
border: 1px solid @border-color;
span {
font-size: @box-name-font-size - 3;
font-family: @box-name-font-family;
font-weight: @box-name-font-weight;
}
}
span.box-name {
font-size: @box-name-font-size - 3;
}
&:hover {
a {
border-color: @main-site-light-color;
}
}
}
}
}
.share-cover {
@s: @box-name-font-size + 4;//36px;
.entry-share {
line-height: @s;
border-bottom: 1px solid @border-color;
.entry-share-popup {
line-height: @s;
li {
height: @s;
a {
line-height: @s;
&.entry-share-link-facebook {
text-shadow: 0 0 @title-color, 0 @s #3c599f;
}
&.entry-share-link-twitter {
text-shadow: 0 0 @title-color, 0 @s #32ccfe;
}
&.entry-share-link-linkedin {
text-shadow: 0 0 @title-color, 0 @s #0085ae;
}
&:hover {
&.entry-share-link-facebook {
text-shadow: 0 -@s @title-color, 0 0 #3c599f;
}
&.entry-share-link-twitter {
text-shadow: 0 -@s @title-color, 0 0 #32ccfe;
}
&.entry-share-link-linkedin {
text-shadow: 0 -@s @title-color, 0 0 #0085ae;
}
}
}
}
}
}
}
/*single-meta.less*/
.dfd-meta-container {
border-top: 1px dotted @border-color;
.post-like-wrap {
.social-share {
background: @gray-light;
.like-hover-title {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
.transition(~"max-width .3s ease, margin-left .3s ease, color .3s ease");
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
.dfd-single-tags {
.post-tags {
ul {
.post-tags-item {
border: 1px solid @border-color;
a {
color: @title-color;
}
}
}
}
}
}
#layout.folio_inside_1 .project {
.dfd-meta-container {
.post-like-wrap {
.social-share {
background: transparent;
border: 1px solid @border-color;
}
}
}
}
#layout.single-post .dfd-single-style-advanced,
#layout.folio_inside_2 .project,
#layout.dfd-single-gallery {
.dfd-meta-container {
.dfd-commentss-tags {
border-bottom: 1px dotted @border-color;
.post-comments-wrap {
.entry-comments {
a {
font-size: @link-font-size - 2;
font-family: @link-font-family;
background: @third-site-light-color;
&:before {
border-top: 3px solid darken(@third-site-light-color, 10%);
border-left: 3px solid darken(@third-site-light-color, 10%);
}
}
}
span.box-name {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
.dfd-single-tags {
.post-tags {
ul {
li {
background: @main-site-dark-color;
border: 1px solid @border-color;
&:hover {
.box-shadow(0 2px 6px 1px fade(@forth-site-dark-color, 20%));
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
}
.dfd-like-share {
.post-like-wrap {
span.count {
font-size: @link-font-size - 2;
font-family: @link-font-family;
}
}
}
}
}
/*gallery-taxonomy.less */
.dfd-single-gallery {
.dfd-gallery-carousel {
img {
border: 7px solid @background-sidebars;
&:hover {
.box-shadow(0px 0px 0px 1px @border-color);
}
}
}
.dfd-gallery-thumbnails {
.dfd-gallery-thumb-item {
.cover {
img {
border: 7px solid @background-sidebars;
}
&:hover {
img {
.box-shadow(0px 2px 11px 3px @border-color);
}
}
}
&.slick-center {
.cover {
img {
.box-shadow(0px 0px 0px 1px @border-color);
}
}
}
}
}
}
.dfd-gallery-single-item {
.entry-thumb {
.portfolio-custom-hover {
background-color: fade(@dfd-gallery-hover-bg, @dfd-gallery-hover-bg-opacity);
.title-wrap {
h6.widget-title {
color: @dfd-gallery-hover-text-color;
}
h6.widget-sub-title {
color: fade(@dfd-gallery-hover-text-color, 50%);
}
&.diagonal-line {
&:before {
border-bottom: 1px solid fade(@dfd-gallery-hover-text-color, 20%);
}
}
&.title-underline {
h6.widget-title {
&:before {
border-bottom: 1px solid fade(@dfd-gallery-hover-text-color, 20%);
}
}
}
&.square-behind-heading {
&:before {
border: 1px solid fade(@dfd-gallery-hover-text-color, 20%);
}
}
}
.dfd-folio-icons-wrap {
> a {
color: @dfd-gallery-hover-text-color;
&:after {
background: fade(@dfd-gallery-hover-text-color, 10%);
}
}
}
.plus-link {
.folio-plus-link(140px, 10px, 1px, 70px, @dfd-gallery-hover-text-color);
&.dfd-top-right,
&.dfd-top-left,
&.dfd-bottom-right,
&.dfd-bottom-left {
.folio-plus-link(32px, 10px, 1px, 16px, @dfd-gallery-hover-text-color);
}
}
.dfd-dotted-link {
> span {
&:before,
&:after {
background: @dfd-gallery-hover-text-color;
}
}
}
.dfd-dots-link {
span {
background: @dfd-gallery-hover-text-color;
}
}
}
}
}
/*blog.less*/
.dfd-blog-loop,
#layout.single-post .dfd-single-style-advanced {
.post {
&.format-audio {
.audioplayer {
background: @third-site-dark-color;
.audioplayer-bar {
.audioplayer-bar-played {
background: @third-site-light-color;
}
}
.audioplayer-volume {
.audioplayer-volume-adjust {
background: @third-site-dark-color;
> div {
> div {
background: @third-site-light-color;
}
}
}
}
}
}
&.format-quote {
.entry-media,
.entry-content {
border: 1px solid @border-color;
.icon-wrap {
i {
color: fade(@block-title-color, 20%);
}
}
a.quote-content {
font-size: @subtitles-font-size + 2;
line-height: 2.5;
text-decoration: underline;
padding-bottom: 0;
color: @block-title-color;
}
.quote-author {
font-size: @box-name-font-size;
text-transform: @box-name-text-transform;
color: @box-name-color;
}
}
}
}
}
.dfd-blog-loop {
.dfd-blog-wrap {
.dfd-blog-fitRows {
&.dfd-smart-grid {
.post {
&.format-quote {
.entry-content {
font-size: @subtitles-font-size + 2;
font-family: @subtitles-font-family;
font-style: @subtitles-font-style;
}
}
&.format-audio {
.entry-media .entry-thumb {
&:after {
font-family: @font-icons-main;
color: @blog-hover-text-color;
}
}
}
&.format-video {
.entry-media .entry-thumb {
&:after {
border-left: 10px solid @main-site-dark-color;
}
}
}
.entry-media {
&:before,
&:after {
background: fade(@blog-hover-bg, @blog-hover-bg-opacity);
}
.post-comments-wrap {
&:after {
border-right-color: @third-site-light-color;
}
}
}
.dfd-blog-heading-wrap {
.dfd-blog-title {
font-size: @blog-title-font-size + 5;
a {
background-image: -webkit-linear-gradient(to right, fade(@blog-hover-text-color,0%) 50%, fade(@blog-hover-text-color,20%) 50%);
background-image: -moz-linear-gradient(to right, fade(@blog-hover-text-color,0%) 50%, fade(@blog-hover-text-color,20%) 50%);
background-image: -ms-linear-gradient(to right, fade(@blog-hover-text-color,0%) 50%, fade(@blog-hover-text-color,20%) 50%);
background-image: -o-linear-gradient(to right, fade(@blog-hover-text-color,0%) 50%, fade(@blog-hover-text-color,20%) 50%);
background-image: linear-gradient(to right, fade(@blog-hover-text-color,0%) 50%, fade(@blog-hover-text-color,20%) 50%);
}
}
.entry-meta > * {
color: @blog-hover-text-color;
}
}
.entry-content {
color: @blog-hover-text-color;
}
}
}
}
.dfd-blog-left-image,
.dfd-blog-right-image {
.post {
&.format-quote {
.entry-media {
.entry-thumb {
border: 1px solid @border-color;
}
}
}
}
}
.post {
.cover {
.dfd-news-categories {
.byline.category {
a {
font-size: @link-font-size - 2;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
background: @third-site-light-color;
&:hover {
color: @box-name-color;
}
}
}
}
.dfd-meta-wrap {
> div.entry-meta {
a {
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
}
}
}
}
}
/*folio-gallery-hovers*/
.project,
.dfd-single-gallery,
.dfd-gallery-single-item,
.product .woo-title-wrap {
.dfd-folio-categories {
.byline.category {
a {
font-size: @link-font-size - 2;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
background: @third-site-light-color;
&:hover {
color: @box-name-color;
}
}
}
}
}
.my-product,
.project,
.dfd-gallery-single-item {
.entry-thumb {
.like-comments-style();
}
}
.project,
.dfd-gallery-single-item {
.entry-thumb {
.portfolio-custom-hover {
.plus-link {
&.dfd-top-right {
&:before {
border-right: @bs solid @third-site-light-color;
}
}
&.dfd-top-left {
&:before {
border-left: @bs solid @third-site-light-color;
}
}
&.dfd-bottom-right {
&:before {
border-right: @bs solid @third-site-light-color;
}
}
&.dfd-bottom-left {
&:before {
border-left: @bs solid @third-site-light-color;
}
}
}
}
}
}
/*read-more-styles.less*/
.dfd-module-readmore {
.read-more-01,
.read-more-08 {
.box-name();
font-size: @box-name-font-size - 2;
text-transform: uppercase;
}
.read-more-01 {
color: @box-name-color;
&:hover {
border-left-color: @third-site-light-color;
}
}
.read-more-02 {
span {
background: @box-name-color;
}
}
.read-more-03 {
span {
background: @box-name-color;
}
}
.read-more-04 {
span {
background: @third-site-dark-color;
}
&:hover {
span {
background: @third-site-light-color;
}
}
}
.read-more-05 {
span {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-color;
&:before {
border-bottom-style: solid;
}
}
}
}
.read-more-06 {
i {
text-shadow: -30px 0 0 @third-site-light-color, 0 0 0 @box-name-color;
}
&:hover {
i {
text-shadow: 0 0 0 @third-site-light-color, 30px 0 0 @box-name-color;
}
}
}
.read-more-07 {
i {
color: @box-name-color;
}
&:hover {
i {
text-shadow: -10px 0 0 @box-name-color, -20px 0 0 @box-name-color;
}
}
}
.read-more-08 {
.default-button();
}
}
/*portfolio.less*/
.project {
.entry-thumb {
.portfolio-custom-hover {
.title-wrap {
h6.widget-title {
color: @folio-hover-text-color;
}
h6.widget-sub-title {
color: fade(@folio-hover-text-color, 50%);
}
&.diagonal-line {
&:before {
border-bottom: 1px solid fade(@folio-hover-text-color, 20%);
}
}
&.title-underline {
h6.widget-title {
&:before {
border-bottom: 1px solid fade(@folio-hover-text-color, 20%);
}
}
}
&.square-behind-heading {
&:before {
border: 1px solid fade(@folio-hover-text-color, 20%);
}
}
}
.dfd-folio-icons-wrap {
> a {
color: @folio-hover-text-color;
&:after {
background: fade(@folio-hover-text-color, 10%);
}
}
}
.plus-link {
.folio-plus-link(140px, 10px, 1px, 70px, @folio-hover-text-color);
&.dfd-top-right,
&.dfd-top-left,
&.dfd-bottom-right,
&.dfd-bottom-left {
.folio-plus-link(32px, 10px, 1px, 16px, @folio-hover-text-color);
}
}
.dfd-dotted-link {
> span {
&:before,
&:after {
background: @folio-hover-text-color;
}
}
}
.dfd-dots-link {
span {
background: @folio-hover-text-color;
}
}
}
}
.entry-thumb {
.portfolio-custom-hover {
background-color: fade(@folio-hover-bg, @folio-hover-bg-opacity);
}
.portfolio-entry-hover {
background-color: fade(@folio-hover-bg, @folio-hover-bg-opacity);
.title-wrap {
h6.widget-title {
color: @folio-hover-text-color;
}
.entry-tags {
.folio-inner-subtitle,
a {
color: fade(@folio-hover-text-color, 50%);
}
}
}
> a {
color: @folio-hover-text-color;
&.plus-link {
.folio-plus-link();
}
&.quick-view {
.box-name();
font-size: @box-name-font-size - 3;
text-transform: uppercase;
color: @folio-hover-text-color;
}
}
}
}
.entry-tags {
ul{
li {
&:before {
height: @entry-meta-font-size;
margin-top: -@entry-meta-font-size / 2;
background: fade(@folio-hover-text-color, 50%);
}
a {
.subtitle();
color: @folio-hover-text-color;
}
}
}
.folio-inner-subtitle {
color: @folio-hover-text-color;
}
}
&.portfolio-hover-style-1 {
.portfolio-hover-style-1();
}
&.portfolio-hover-style-2 {
.portfolio-hover-style-2();
}
&.portfolio-hover-style-3 {
.portfolio-hover-style-3();
}
&.portfolio-hover-style-4 {
.portfolio-hover-style-4();
}
&.portfolio-hover-style-5 {
.portfolio-hover-style-5();
}
&.portfolio-hover-style-6 {
.portfolio-hover-style-6();
}
&.portfolio-hover-style-7 {
.portfolio-hover-style-7();
}
&.portfolio-hover-style-8 {
.portfolio-hover-style-8();
}
&.portfolio-hover-style-9 {
.portfolio-hover-style-9();
}
&.portfolio-hover-style-10 {
.portfolio-hover-style-10();
}
&.portfolio-hover-style-11 {
.portfolio-hover-style-11();
}
&.portfolio-hover-style-12 {
.portfolio-hover-style-12();
}
&.portfolio-hover-style-13 {
.portfolio-hover-style-13();
}
&.portfolio-hover-style-14 {
.portfolio-hover-style-14();
}
&.portfolio-hover-style-15 {
.portfolio-hover-style-15();
}
&.portfolio-hover-style-16 {
.portfolio-hover-style-16();
}
&.portfolio-hover-style-17 {
.portfolio-hover-style-17();
}
&.portfolio-hover-style-18 {
.portfolio-hover-style-18();
}
&.portfolio-hover-style-19 {
.portfolio-hover-style-19();
}
&.portfolio-hover-style-20 {
.portfolio-hover-style-20();
}
&.portfolio-hover-style-21 {
.portfolio-hover-style-21();
}
&.portfolio-hover-style-22 {
.portfolio-hover-style-22();
}
&.portfolio-hover-style-23 {
.portfolio-hover-style-23();
}
&.portfolio-hover-style-24 {
.portfolio-hover-style-24();
}
}
#portfolio-page, #grid-folio {
.project {
.cover {
> .entry-tags {
ul {
li {
&:before {
background: fade(@subtitle-color, 50%);
}
a {
color: @subtitle-color;
}
}
}
}
.entry-content {
a {
color: @title-color;
&:hover {
color: @main-site-light-color;
}
}
}
}
}
}
.project.project-one-column {
.entry-tags {
ul li {
&:before {
background: fade(@subtitle-color, 50%);
}
a {
color: @subtitle-color;
}
}
}
}
.single-folio {
.portfolio-inside-thumbs-carousel {
.carousel();
}
.folio-info {
.folio-info-field {
.entry-tags {
ul li {
&:before {
background: fade(@title-color, 50%);
}
a {
color: @title-color;
&:hover {
color: @main-site-light-color;
}
}
}
}
}
}
.folio-client {
color: @second-site-light-color;
a {
line-height: @default-button-line-height;
border: 1px solid fade(@title-color, 10%);
color: @title-color;
&:hover {
border-color: @main-site-light-color;
}
}
}
.folio-inside-like {
> div {
a {
color: @subtitle-color;
&:hover {
color: @second-site-light-color;
}
}
.count {
font-size: @entry-meta-font-size;
}
}
}
.share-cover {
.entry-share {
ul {
a:not(:hover){
color: @entry-meta-color;
}
}
}
}
&.folio_inside_2 {
.project {
.dfd-folio-add-fields .folio-info-field {
> span:first-child {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
.folio-inside-add-info {
.folio-client {
&:before {
color: @link-color;
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
.folio-entry-media {
.portfolio-inside-width-slider,
.slides {
img {
border: 7px solid @background-sidebars;
&:hover {
border-color: @main-site-dark-color;
.box-shadow(0px 0px 0px 1px @border-color);
}
}
}
.portfolio-inside-thumbs-carousel {
.carousel-gradient();
.thumb-slide {
.thumb-cover {
&:hover {
img {
.box-shadow(0px 2px 11px 3px @border-color);
}
}
}
&.slick-center {
.thumb-cover {
img {
.box-shadow(0px 0px 0px 1px @border-color);
}
}
}
}
}
}
.folio-info-field {
.folio-field-name {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-color;
}
}
}
.folio-info.desc-top,
.folio-info.desc-bottom {
.dfd-folio-add-fields-wrap {
&:before {
border-bottom: 1px dotted @border-color;
}
.four.columns {
&:before {
border-left: 1px dotted @border-color;
}
}
}
}
.folio-info.desc-left,
.folio-info.desc-right {
> .row {
.folio-info-field {
background: @background-sidebars;
.dfd-zigzags();
}
.dfd-folio-add-fields .folio-info-field {
> span:first-child {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
}
.dfd-portfolio-loop {
.dfd-portfolio {
&.dfd-folio-title-deco-line {
.dfd-folio-heading-wrap {
div.dfd-portfolio-title {
a {
&:before,
&:after {
border-bottom: 1px solid @border-color;
}
}
}
}
}
}
}
/*testimonials.less*/
.dfd-testimonials-page-template {
.testimonial-item {
border: 1px solid @border-color;
.left {
.box-name {
color: @gray-dark;
.block-title();
}
}
.right {
blockquote {
color: @font-site-light-color;
&:before {
color: @font-site-light-color;
}
}
}
&:hover {
.box-name {
color: @main-site-light-color;
}
}
}
}
/*404.less*/
.wishlist-empty,
.cart-empty-page,
article.not-found404 {
.info-wrap-empty {
.rel();
.info-background-empty {
font-family: @widget-title-font-family;
}
.info-content-empty {
.icon-empty {
i {
color: @main-site-light-color;
}
}
.info-empty {
.namber404 {
font-family: @widget-title-font-family;
}
.cart-empty-text {
font-family: @widget-title-font-family;
}
.cart-empty-subtext {
font-family: @subtitles-font-family;
}
.button-on-page {
.wc-backward {
.default-button();
height: @default-button-line-height + @default-button-border-width * 2;
}
}
}
}
}
.container-shortcodes {
border-top: 1px dotted @border-color;
border-bottom: 1px dotted @border-color;
.search404 {
form {
input[type="text"] {
border: 1px solid @border-color;
}
&:hover {
&:before {
color: @third-site-light-color;
}
}
}
}
}
}
/*widgets.less*/
.widget {
.textwidget {
font-size: @default-text-font-size;
}
}
.widget.widget-highlight {
border: 1px solid @border-color;
}
#layout {
.widget {
&.background-main,
&.background-main-with-delim {
background: @main-site-light-color;
.subtitle,
a,
.dopinfo,
.entry-meta,
.entry-meta * {
color: lighten(@main-site-light-color, 30%) !important;
}
&.widget_dfd_author {
.author-image i {
color: @title-color !important;
}
}
}
}
}
.widget {
&.widget_dfd_category,
&.widget_categories,
&.widget_archive,
&.widget_crum_cat_arch {
li {
color: @subtitles-color;
border-bottom: 1px dotted @border-color;
.icon-wrap i.dfd-uncategoriesed:before,
&:before {
background: @third-site-light-color;
}
.icon-wrap {
color: @third-site-light-color;
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-color;
}
}
&:hover {
color: @third-site-light-color;
a {
color: @third-site-light-color;
}
}
}
.dk_options_inner {
li {
&:hover {
a {
color: @third-site-light-color;
}
}
}
}
}
}
.widget_counter_mail_subscribe {
.follow-widget {
.follow-widget-item {
a {
color: @box-name-color;
}
}
}
.subscribe-widget {
p {
color: @font-site-light-color;
}
}
}
.instagram-autor {
.instagram-stat {
> span {
border-bottom: 1px solid @third-light-site-light-color;
}
}
}
.intagram-gallery {
.item {
.item-authorinfo {
color: @footer-background;
background: @main-site-light-color;
a {
font-size: @default-text-font-size;
}
}
}
}
.widget_crum_news_cat {
.row {
.entry-title {
color: @title-color;
a {
&:hover {
color: @second-site-light-color;
}
}
}
}
}
.widget_dfd_recent_posts,
.widget_crum_widget_tabs,
.widget_crum_cat_tabs {
.tabs {
&.horisontal {
dd {
&.active {
border-color: @border-color;
}
}
}
}
.recent-posts-list {
.post-list-item {
.entry-thumb {
i {
border: 1px solid @border-color;
}
.post-comments-wrap {
font-size: @default-text-font-size - 1;
background: @third-site-light-color;
&:after {
border-top: 3px solid darken(@third-site-light-color, 10%);
border-left: 3px solid darken(@third-site-light-color, 10%);
}
}
}
.entry-content-wrap {
div.box-name {
&:hover {
color: @third-site-light-color;
}
}
div.entry-meta {
color: @box-name-color;
border-top: 1px dotted @border-color;
.byline.author {
a {
.rel();
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
&:before {
border-bottom-style: solid;
}
}
}
}
}
}
}
}
}
.widget_recent_posts_widget {
.post {
div.box-name {
border-bottom: 1px dotted @border-color;
}
}
}
.widget_dfd_recent_comments {
.widget-recentcomments {
.recentcomments {
p {
color: @subtitle-color;
&.comment-text-meta,
&.comment-text {
.subtitle();
}
&.comment-text {
color: @box-name-color;
}
&.comment-text-meta {
.author {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
&.comment-text {
font-style: @subtitles-font-style;
border: 1px solid @border-color;
&:before {
border-top: 12px solid @border-color;
}
&:after{
border-top: 10px solid @main-site-dark-color;
}
}
}
}
}
}
.widget {
&.widget_dfd_recent_comments {
.widget-recentcomments {
.recentcomments {
border-bottom: 1px dotted @border-color;
p {
&.comment-text {
font-style: @subtitles-font-style;
border: 1px solid @border-color;
&:before {
border-top: 12px solid @border-color;
}
}
}
}
}
}
}
#buddypress div.message-search,
#buddypress li.groups-members-search,
#buddypress div.dir-search,
#bbpress-forums div.bbp-search-form,
.widget_display_search,
.widget_product_search,
.widget_search {
form {
&:after {
color: @title-color;
}
}
}
.styled-widget-list > li:hover {
background-color: @main-site-light-color;
}
.styled-widget-list > li [class*="icon-"] {
color: @font-site-light-color;
}
.widget_crum_tags_widget,
.widget_product_tag_cloud,
.widget_tag_cloud {
.tags-widget,
.tagcloud {
a {
font-size: @link-font-size !important;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
border: 1px solid @border-color;
&:hover {
color: @link-hover-color;
}
}
}
.read-more-section {
a {
&:hover {
color: @main-site-light-color !important;
}
}
}
}
.twitter-row {
&.twitter-module {
.tweet-item {
.tweet {
.tweet-content {
color: @subtitle-color;
a {
color: @title-color;
}
}
.tweet-author {
font-family: @box-name-font-family;
font-size: @box-name-font-size;
color: @title-color;
}
i {
color: @title-color;
}
&:hover {
background: @main-site-light-color;
}
}
}
}
.twitter-slider {
.tweet-item {
.tweet {
.twitter-row-icon-container {
> i {
background: @main-site-light-color;
}
}
.date {
.subtitle();
color: @subtitle-color;
}
}
}
}
}
.widget_twitter-widget {
.tweets-author {
strong {
.block-title();
}
}
.tweet-list {
&.without-carousel {
.tweet {
border-bottom: 1px dotted @border-color;
}
}
.tweet {
.tweet-inner a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
.tweet-inner {
color: @default-text-color;
a {
color: @title-color;
}
}
}
}
.twitter-read-more {
a {
color: @subtitle-color;
&:hover {
color: @main-site-light-color !important;
}
}
}
}
.widget_dfd_vcard_simple {
.dfd-vcard-wrap {
background: @third-site-light-color;
.vcard-field {
i {
color: @title-color;
}
.vcard-field-name {
color: @title-color;
}
p {
a {
.subtitle();
&:hover {
color: @main-site-light-color;
}
}
}
&.vcard-field-value {
font-family: @default-text-font-family;
}
}
}
}
.widget.widget_dfd_author {
.author-box {
border: 1px solid @border-color;
}
}
.widget.widget_bp_groups_widget,
.widget.widget_bp_core_members_widget {
.item-options {
.dfd-font-styles(@box-name-font-style, @box-name-font-weight, @box-name-font-size + 1, @box-name-font-family, @box-name-color, @box-name-line-height, @box-name-text-transform, -.8px, @box-name-word-spacing);
a {
color: @box-name-color;
border-bottom: 1px solid @border-color;
&.selected {
color: @second-site-light-color;
border-top: 1px solid @border-color;
border-right: 1px solid @border-color;
border-left: 1px solid @border-color;
}
&:before {
background: @border-color;
}
}
}
ul.item-list {
li,
.vcard {
.item {
.item-title {
.dfd-font-styles(@default-text-font-style, 400, @default-text-font-size, @default-text-font-family, @box-name-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
a {
&:hover {
color: @second-site-light-color;
}
}
}
.item-meta {
.subtitle();
}
}
}
}
}
.widget.widget_calendar {
#calendar_wrap {
table {
caption {
font-size: @default-text-font-size - 1;
}
thead {
tr {
th {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
color: @third-site-light-color;
&:hover {
color: @link-hover-color;
}
}
}
}
tbody {
tr {
border-bottom: 1px dotted @border-color;
td#today {
color: @main-site-dark-color;
&:before {
background: @third-site-light-color;
}
}
}
}
tfoot {
tr {
td[colspan="3"] {
border: 1px solid @border-color;
a {
font-size: @default-text-font-size - 1;
font-weight: @default-text-font-weight;
&:hover {
color: @main-site-light-color;
}
}
}
}
}
}
}
}
.widget_facebook_widget {
.widget-mask {
background-color: @main-site-light-color;
}
}
ul.widget-sidebar-menu {
a {
color: @title-color;
}
}
.widget.widget_rss {
.widget-title {
.rsswidget {
.widget-title();
}
}
ul {
li {
border-bottom: 1px solid @border-color;
}
.rss-date {
.subtitle();
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
cite {
.subtitle();
}
a {
&:hover {
color: @title-color;
}
}
}
}
.widget {
&.bbp_widget_login {
.bbp-login-form {
fieldset {
.bbp-remember-me {
.dfd-font-styles(@default-text-font-style, @default-text-font-weight, @default-text-font-size, @default-text-font-family, @subtitles-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
}
.bbp-submit-wrapper {
button[type="submit"] {
.dfd-font-styles(@default-button-font-style, @default-button-font-weight, @default-button-font-size, @default-button-font-family, @default-button-color, @default-button-line-height, @default-button-text-transform, @default-button-letter-spacing, @default-button-word-spacing);
background: @button-bg-color;
border: @default-button-border-width @default-button-border-style @button-border-color;
.rounded(@default-button-border-radius);
&:hover {
color: @default-button-hover-color;
background: @button-hover-background;
border: @default-button-border-width @default-button-border-style @button-hover-border-color;
}
}
}
}
}
.bbp-logged-in {
h4 {
.dfd-font-styles(@box-name-font-style, 400, @box-name-font-size + 2, @font-default, @box-name-color, @box-name-line-height, none, 0, @box-name-word-spacing);
a {
&:hover {
color: @second-site-light-color;
}
}
}
a.button.logout-link {
font-family: @font-subtitles;
}
}
}
&.widget_bp_core_login_widget {
.standard-form {
input[type="submit"] {
.dfd-font-styles(@default-button-font-style, @default-button-font-weight, @default-button-font-size, @default-button-font-family, @default-button-color, @default-button-line-height, @default-button-text-transform, @default-button-letter-spacing, @default-button-word-spacing);
background: @button-bg-color;
border: @default-button-border-width @default-button-border-style @button-border-color;
.rounded(@default-button-border-radius);
&:hover {
color: @default-button-hover-color;
background: @button-hover-background;
border: @default-button-border-width @default-button-border-style @button-hover-border-color;
}
}
}
.bp-login-widget-user-links {
.bp-login-widget-user-link {
.dfd-font-styles(@box-name-font-style, 400, @box-name-font-size + 2, @font-default, @box-name-color, @box-name-line-height, none, 0, @box-name-word-spacing);
a {
&:hover {
color: @second-site-light-color;
}
}
}
.bp-login-widget-user-logout {
font-family: @font-subtitles;
}
}
}
&.widget_crum_login {
form {
p {
a {
font-size: @default-text-font-size - 1;
color: @box-name-color;
}
&.login-submit {
border-bottom: 1px dotted @border-color;
}
&.login-lost-password {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
&.login-registration {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
}
.login-logout {
.button {
line-height: @default-button-line-height;
}
}
}
}
.widget {
&.widget_dfd_widget_sidebar_menu,
&.widget_product_categories,
&.widget_pages,
&.widget_nav_menu,
&.widget_layered_nav,
&.widget_meta {
ul {
li {
border-bottom: 1px dotted @border-color;
&:before {
background: @third-site-light-color;
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
.count {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @subtitles-color;
&:hover {
color: @link-hover-color;
}
}
&:hover {
.count,
a {
color: @third-site-light-color;
}
}
}
}
}
&.widget_recent_entries,
&.widget_recent_comments {
ul {
li {
border-bottom: 1px dotted @border-color;
.comment-author-link {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @title-color;
&:before {
border-bottom-style: solid;
}
}
}
span.post-date {
.subtitle();
}
}
}
}
&.widget_display_views,
&.widget_display_forums {
ul.menu,
ul {
li {
border-bottom: 1px dotted @border-color;
}
}
}
&.widget_crum_news_categories_list {
ul {
li {
&:after {
border-bottom: 1px dotted @border-color;
}
&:before {
background: @third-site-light-color;
}
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
}
&:hover {
color: @link-hover-color;
a {
color: @third-site-light-color;
}
}
}
}
}
&.widget_display_replies {
ul {
li {
a {
.dfd-font-styles(@default-text-font-style, 400, @default-text-font-size, @default-text-font-family, @box-name-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
&:hover {
color: @second-site-light-color;
}
}
div {
.subtitle();
}
}
}
}
&.widget_display_topics {
ul {
li {
a {
.dfd-font-styles(@default-text-font-style, 400, @default-text-font-size, @default-text-font-family, @box-name-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
&:hover {
color: @second-site-light-color;
}
}
span {
a {
img {
border: 4px double @border-color;
}
}
}
div {
.subtitle();
}
}
&:before {
background: @border-color;
}
}
}
&.widget_display_stats {
dl {
.dfd-font-styles(@box-name-font-style, @box-name-font-weight, @box-name-font-size - 1, @box-name-font-family, @box-name-color, @box-name-line-height, @box-name-text-transform, -.8px, @box-name-word-spacing);
dd {
color: @second-site-light-color;
}
}
}
&.widget_bp_core_sitewide_messages {
.bp-site-wide-message {
.info {
p {
.dfd-font-styles(@default-text-font-style, @default-text-font-weight, @default-text-font-size, @default-text-font-family, @subtitles-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
strong {
.dfd-font-styles(@default-text-font-style, bold, @default-text-font-size, @default-text-font-family, @box-name-color, @default-text-line-height, @default-text-text-transform, @default-text-letter-spacing, @default-text-word-spacing);
}
a#close-notice {
.dfd-font-styles(@box-name-font-style, @box-name-font-weight, @box-name-font-size, @box-name-font-family, @second-site-light-color, @box-name-line-height, @box-name-text-transform, @box-name-letter-spacing, @box-name-word-spacing);
&:hover {
color: @box-name-color;
}
}
}
}
}
}
&.widget_akismet_widget {
.a-stats {
a {
color: @box-name-color;
border-color: @border-color;
strong {
span {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
&:before {
color: @third-site-light-color;
}
}
}
}
}
/*tta_tabs.less*/
.dfd_tabs_block {
.dfd_tta_tabs {
.vc_tta-panels-container {
&:before {
border-top: 1px dotted fade(@box-name-color, 20%);
}
&:after {
border-top:1px dotted fade(@box-name-color, 20%);
}
}
.vc_tta-tabs-container{
overflow:visible;
.vc_tta-tabs-list{
li{
&.vc_tta-tab{
a{
&:hover{
color: @main-site-light-color !important;
.boxhadow_acc_tab();
}
}
}
&.vc_active{
a{
background: @third-site-light-color;
}
}
}
}
}
.vc_tta-panels-container{
.vc_tta-panels{
.vc_tta-panel-heading{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
.vc_active{
.vc_tta-panel-heading{
border-color:@third-site-light-color !important;
}
}
}
}
&.classic_empty {
.vc_tta-tabs-container{
.vc_tta-tabs-list{
li{
&.vc_tta-tab{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover{
color: @main-site-light-color !important;
}
&:before{
margin-top: @box-name-font-size / 2;
background: fade(@box-name-color, 20%);
}
}
}
&.vc_active{
a{
border:1px solid @third-site-light-color !important;
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
//.underline();
}
&.big_icon{
.vc_tta-tabs-container{
.vc_tta-tabs-list{
li{
&.vc_active{
&:after{
border: 0px solid @third-site-light-color;
}
a{
border-color: lighten(@forth-site-dark-color, 90%);
color: @link-color;
&:hover{
color: @link-color !important;
}
}
}
}
}
}
}
}
}
.dfd_tabs_block{
.vc_tta-accordion{
.vc_tta-panel{
margin-bottom:4px;
.vc_tta-panel-heading{
&:hover{
.boxhadow_acc_tab();
}
h4{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
&:hover {
color: @link-hover-color;
}
i{
&:before,&:after{
border-color: @third-site-light-color; //brown
}
}
}
}
}
&.vc_active{
.vc_tta-panel-heading{
border-color:@third-site-light-color;
}
}
.vc_tta-panel-title a{
.vc_tta-title-text{
.accordion_inner_text{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color !important;
&:hover {
color: @link-hover-color;
}
&:hover {
color: @link-hover-color !important;
}
}
}
}
}
.underline();
.style-2{
.vc_tta-panel{
&.vc_active{
.vc_tta-panel-heading{
background-color: @third-site-light-color;
}
}
}
}
.style-4{
.vc_tta-panel{
&.vc_active{
.vc_tta-panel-heading{
background-color: @third-site-light-color;
}
}
}
}
.style-6{
.vc_tta-panel{
&.vc_active{
.vc_tta-panel-heading{
border-bottom-color: @third-site-light-color;
}
}
}
}
}
}
.dfd_tabs_block{
.dfd_tta_tour{
.vc_tta-tabs-container{
.vc_tta-tab{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover{
color: @link-hover-color;
.boxhadow_acc_tab();
}
&:before, &:after{
border-color: @third-site-light-color !important;
}
}
&.vc_active{
a{
background: @third-site-light-color;
}
}
}
}
.vc_tta-panels-container{
&:after{
border-bottom:1px dotted fade(@box-name-color, 20%);
}
.vc_tta-panels{
.vc_tta-panel{
.vc_tta-panel-heading{
.vc_tta-panel-title{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
.vc_active{
.vc_tta-panel-heading{
border-color:@third-site-light-color !important;
}
}
}
}
}
.underline();
&.style-2{
.vc_tta-tab{
&.vc_active{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
border-color: @third-site-light-color;
&:hover{
color: inherit;
}
}
}
}
}
&.style-3{
.vc_tta-tab{
&.vc_active{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
border-color: @third-site-light-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
&.style-5{
.vc_tta-tab{
&.vc_active{
a{
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
border-bottom-color: @third-site-light-color;
&:hover{
color: inherit;
}
}
}
}
}
}
}
.dfd_pagination();
/*accordion.less*/
.wpb_accordion {
.wpb_accordion_section {
.wpb_accordion_header {
font-family: @box-name-font-family;
font-size: @box-name-font-size - 2;
font-weight: @box-name-font-weight;
color: @box-name-color;
.box-shadow(0px 0px 0px 1px @border-color);
&.ui-accordion-header-active {
border-color: @title-color;
.box-shadow(0px 0px 0px 1px @title-color);
}
}
}
}
/*blog-posts-module.less*/
.dfd-blog-module {
&.blog_masonry {
.clearfix();
.sort-panel {
.filter {
li {
a {
color: @box-name-color;
}
}
}
}
}
&.wide_posts {
.post {
border-bottom: 1px dotted @border-color;
}
}
&.last_three_posts {
&.dfd-title-on-image {
.posts-list {
&:not(.additional-posts) {
.post {
.entry-media {
.entry-thumb {
.dfd-image-mask {
background: @third-site-dark-color;
}
}
}
}
}
}
}
}
}
/*carousel-styles.less*/
.slick-slider {
.slick-prev,
.slick-next {
span.count {
font-size: @default-text-font-size;
}
&:hover {
color: @main-site-light-color !important;
}
}
}
.slick-slider {
.slick-dots {
li {
.dfd-square-dots {
background: @icon-base-color;
}
.dfd-circle-large-dots {
background: @icon-base-color;
}
.dfd-circle-small-dots {
border: 1px solid @icon-base-color;
}
.dfd-line-dots {
&:before {
background: fade(@title-color, 30%);
}
&:hover {
&:after {
background: fade(@title-color, 30%);
}
}
}
&.slick-active {
.dfd-square-dots {
background: @main-site-light-color;
.box-shadow(0 0 0 1px @main-site-light-color);
}
.dfd-circle-large-dots {
.box-shadow(0 0 0 2px @main-site-light-color);
}
.dfd-circle-small-dots {
background: @main-site-light-color;
border-color: @main-site-light-color;
}
.dfd-line-dots {
&:before,
&:after {
background: @main-site-light-color;
}
}
}
}
}
}
.dfd-carousel-arrows();
/*contact-form-7.less*/
.wpcf7 {
form {
input[type="submit"] {
.box-name();
&:hover {
color: @main-site-light-color;
}
}
.dfd-contact-form-style-1 {
.wpcf7-form-control-wrap {
border-bottom: 1px solid @border-color;
}
span.chaffle,
input[type="submit"] {
.default-button();
&:hover {
background: darken(@main-site-light-color, 3%);
}
}
.right-border,
.top-border,
.left-border {
background: @gray-light;
}
::-webkit-input-placeholder {color: @title-color;}
-moz-placeholder {color: @title-color;}
:-moz-placeholder {color: @title-color;}
-ms-input-placeholder {color: @title-color;}
}
.dfd-contact-from-style-2 {
border: 2px solid @title-color;
p {
&.dfd-border-bottom {
border-bottom: 2px solid @border-color;
}
&.dfd-border-right {
border-right: 2px solid @border-color;
}
}
}
.dfd-contact-from-style-3 {
input[type="submit"] {
color: @title-color;
&:hover {
color: @main-site-light-color;
}
}
}
.dfd-contact-from-style-4 {
border: 2px solid @main-site-dark-color;
p {
&.dfd-border-bottom {
border-bottom: 2px solid @main-site-dark-color;
}
&.dfd-border-right {
border-right: 2px solid @main-site-dark-color;
}
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="submit"],
textarea {
color: @title-color;
}
}
.dfd-contact-form-style-5 {
.wpcf7-form-control-wrap {
border-bottom: 1px solid @border-color;
}
input[type="submit"] {
.default-button();
&:hover {
background: darken(@main-site-light-color, 3%);
}
}
}
.dfd-contact-from-style-6 {
input[type="submit"] {
.default-button();
}
}
.wpcf7-not-valid-tip {
color: @subtitles-color;
}
&.dfd_contact_form {
.error {
font-family: @link-font-family;
color: @link-color;
}
&.preset1,
&.preset3 {
.dfd-option-size {
.wpcf7-submit {
padding-left: @default-button-padding-left !important;
padding-right: @default-button-padding-right !important;
}
}
}
&.preset2 {
.wpcf7-submit {
color: @title-color;
}
}
.wpcf7-validation-errors {
.dfd-diagonal-bg();
font-family: @link-font-family;
color: @link-color;
}
::-webkit-input-placeholder { font-family: @subtitles-font-family; }
:-moz-placeholder { font-family: @subtitles-font-family; }
::-moz-placeholder { font-family: @subtitles-font-family; }
:-ms-input-placeholder { font-family: @subtitles-font-family; }
}
.dk_container,
.dk-selected {
background: @main-site-dark-color;
}
}
}
@media (max-width: @screen-small - 1) {
.wpcf7 form.dfd_contact_form p.dfd-third-size{
width: 100%;
}
}
/*dfd-twitter.less*/
.dfd-twitter-module {
.tweet-item {
.tweet {
.tweet-content {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
}
&.icon-style-1 {
.tweet-item .icon-module-twitt {
color: @border-color;
}
.tweet {
color: @border-color;
}
}
}
/*facts-module.less*/
.dfd-facts {
.dfd-fact-item {
.fact-number {
font-family: @block-title-font-family;
font-weight: @block-title-font-weight;
color: @title-color;
}
}
}
/*portfolio-module.less*/
.dfd-portfolio-module {
&.portfolio_wide {
.project .entry-thumb .portfolio-entry-hover .title-wrap .feature-title {
.dfd-font-styles(@widget-title-h4-font-style, @widget-title-h4-font-weight, @widget-title-h4-font-size, @widget-title-h4-font-family, @folio-hover-text-color, @widget-title-h4-line-height, @widget-title-h4-text-transform, @widget-title-h4-letter-spacing, @widget-title-h4-word-spacing);
}
}
&.portfolio_wide_title {
.work-cover {
.heading {
h4.widget-title {
color: @folio-hover-text-color;
}
.entry-tags ul {
a {
.subtitle();
color: fade(@folio-hover-text-color, 50%);
}
}
}
}
.project .entry-thumb .portfolio-entry-hover .title-wrap .feature-title {
.dfd-font-styles(@widget-title-h4-font-style, @widget-title-h4-font-weight, @widget-title-h4-font-size, @widget-title-h4-font-family, @folio-hover-text-color, @widget-title-h4-line-height, @widget-title-h4-text-transform, @widget-title-h4-letter-spacing, @widget-title-h4-word-spacing);
}
}
}
/*pricing-table.less*/
.full_width_content .row .row .columns,
.full_width_content .row .columns {
&:first-child {
.ult_pricing_table_wrap.ult_design_1 {
border-left: 1px solid @border-color;
}
}
}
.ult_pricing_table_wrap {
border: 1px solid @border-color;
.ult_pricing_table {
.top-part {
.ult_price_body_block {
.ult_price_body {
.ult_price {
color: @title-color;
font-family: @box-name-font-family;
}
}
}
&:before {
background: @border-color;
}
}
.bottom-part {
.ult_price_link {
.button {
color: @title-color;
background: @border-color;
border-color: @border-color;
}
}
}
}
&.ult_design_1 {
.ult_pricing_table {
.top-part {
.inscription-hot {
background: @title-color;
}
}
.bottom-part {
.ult_price_features {
p {
border-bottom: 1px dotted darken(@border-color, 10%);
}
}
.ult_price_link {
color: @title-color;
.ult_price_action_button {
font-family: @box-name-font-family;
border: 1px solid darken(@border-color, 10%);
&:hover {
border-color: @main-site-light-color;
}
}
}
}
}
&.ult_hot {
.ult_pricing_table {
.top-part {
background: @main-site-light-color;
}
.bottom-part {
.ult_price_features {
p {
border-color: @border-color;
}
}
.ult_price_link {
.ult_price_action_button {
border-color: @main-site-light-color;
background: @main-site-light-color;
&:hover {
border-color: darken(@main-site-light-color, 10%);
background: darken(@main-site-light-color, 10%);
}
}
}
}
}
}
}
&.ult_design_2 {
.ult_pricing_table {
.top-part {
.inscription-hot {
background: @second-site-light-color;
}
.ult_price_body_block {
.ult_price_body {
.ult_price {
font-weight: @box-name-font-weight;
.ult_price_term {
&:before {
background: @title-color;
}
}
}
}
}
}
}
&.ult_featured {
border: 2px solid @second-site-light-color;
.ult_pricing_table {
.top-part {
&:before {
background: @border-color;
}
}
.bottom-part {
.ult_price_link {
.button {
background: @second-site-light-color;
border-color: @second-site-light-color;
}
}
}
}
}
&:hover {
.ult_pricing_table {
.bottom-part {
.ult_price_link {
.button {
&:hover {
background: @second-site-light-color;
border-color: @second-site-light-color;
}
}
}
}
}
&.ult_featured {
.ult_pricing_table {
.top-part {
&:before {
background: @second-site-light-color;
}
}
.bottom-part {
.ult_price_link {
.button {
&:hover {
background: darken(@second-site-light-color, 5%);
border-color: darken(@second-site-light-color, 5%);
}
}
}
}
}
}
}
}
}
/*progress-bar-module.less*/
.dfd-progress {
.progress {
.label-wrap {
label {
.dfd-font-styles();
}
.skill-percent {
.widget-title();
line-height: (@default-text-font-size - 1) * 1.5;
}
}
.progress-bar {
&:before {
border: 1px solid @border-color;
}
}
}
}
/*share-module.less*/
.dfd-share-module {
ul {
li {
a {
span {
&.dfd-first {
color: @title-color;
}
}
}
}
}
&.dfd-default,
&.dfd-background-hover {
ul {
li {
&:last-child {
a {
border-right: 1px solid @border-color;
}
}
a {
border-top: 1px solid @border-color;
border-bottom: 1px solid @border-color;
border-left: 1px solid @border-color;
&:before {
background: @main-site-light-color;
}
}
}
}
}
&.dfd-background-hover {
ul {
li {
&:hover {
+ li {
a {
border-left-color: @main-site-light-color;
}
}
a {
border-color: @main-site-light-color;
}
}
}
}
}
}
/*testimonials-module.less*/
.dfd-testimonial-item {
&.style-3,
&.style-2 {
.content-wrap-bg {
background: @background-sidebars;
}
}
&.dfd-no-image {
&.text-left,
&.text-right {
.icon-wrap {
i {
color: @subtitle-color;
}
}
}
}
&.top-image-position {
&.text-left {
.subtitle {
&:before {
height: @subtitles-font-size;
margin-top: -@subtitles-font-size/2;
background: fade(@widget-title-color, 20%);
}
}
}
&.text-right {
.subtitle {
&:before {
height: @subtitles-font-size;
margin-top: -@subtitles-font-size/2;
background: fade(@widget-title-color, 20%);
}
}
}
}
.icon-wrap {
i {
color: @icon-base-color;
}
}
}
.dfd-testimonial-content {
font-family: @subtitles-font-family;
font-size: @subtitles-font-size + 4;
font-weight: @subtitles-font-weight;
font-style: @subtitles-font-style;
}
.dfd-testimonials-carousel {
.slick-prev.simple-bg i,
.slick-next.simple-bg i,
.slick-prev.long-bg i,
.slick-next.long-bg i {
background: @main-site-light-color;
}
.dfdline{
background: fade(@icon-base-color, 80%);
}
.dfdrounded,
.dfdemptyrounded{
color: fade(@icon-base-color, 80%);
&.active{
background: @main-site-light-color;
}
}
.dfdfillrounded, .dfdfillsquare, .dfdadvancesquare{
background: fade(@icon-base-color, 80%);
}
.slick-active {
.dfdrounded, .dfdfillrounded, .dfdfillsquare, .dfdadvancesquare, .dfdline {
background: @main-site-light-color;
}
.dfdemptyrounded {
color: @main-site-light-color;
}
.dfdadvancesquare:before {
border-color: transparent transparent @main-site-light-color transparent;
}
}
}
/*video-module.less*/
body {
&.dfd-custom-padding-html {
.dfd-fullscreen-video-container {
top: @layout-white-space-size;
bottom: @layout-white-space-size;
left: @layout-white-space-size;
right: @layout-white-space-size;
}
}
&.admin-bar {
&.dfd-custom-padding-html {
.dfd-fullscreen-video-container {
top: @layout-white-space-size + 32;
}
}
}
}
/*dfd-scrolling-content.less*/
.dfd-custom-padding-html {
.dfd-parallax-bg-container.active {
left: 0;
> div {
left: @layout-white-space-size !important;
right: @layout-white-space-size !important;
}
}
&.admin-bar {
.dfd-full-screen-scroll-content-wrapper {
padding-top: @layout-white-space-size + 32;
}
}
.dfd-full-screen-scroll-content-wrapper {
padding-top: @layout-white-space-size;
}
}
.dfd-parallax-bg-container {
left: 0;
> div {
left: 0 !important;
}
}
/*google-maps.less*/
.dfd-gmap-module {
.dfd-gmap-tooltip-wrap {
.cover {
.dfd-gmap-tooltip {
color: @title-color;
ul.dfd-gmap-infobox {
li {
&:before {
border-bottom: 1px dotted @border-color;
}
p {
a {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @third-site-light-color;
&:hover {
color: @link-hover-color;
}
}
}
}
}
}
}
}
}
/*woo-single-product-module.less*/
.dfd-single-product-module {
&.dfd-shop-new-styles {
.buttons-wrap {
&.dfd-buttons-light {
* {
color: @title-color;
}
a {
&.added_to_cart {
color: @title-color;
&:hover {
color: @title-color;
}
}
i {
color: @title-color;
}
&:hover {
i {
color: @title-color;
}
}
}
}
a {
&.add_to_cart_button {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
&.added_to_cart {
font-size: @link-font-size - 1;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:hover {
color: @link-hover-color;
}
}
}
}
&.dfd-style-2 {
.dfd-bottom-heading {
&.dfd-buttons-light {
div.box-name {
color: @box-name-color;
}
.dfd-price {
.amount {
color: @box-name-color;
}
del {
color: fade(@box-name-color, 50%);
}
ins {
color: @box-name-color;
}
}
}
}
}
}
&.dfd-style-1 {
div.dfd-woo-single-title {
font-size: @block-title-font-size + 5;
}
}
&.dfd-style-2 {
.dfd-product-top {
.dfd-out-stock {
.subtitle();
color: fade(@main-site-dark-color, 50%);
}
div.dfd-woo-single-title {
font-family: @box-name-font-family;
font-weight: @box-name-font-weight;
}
.dfd-price {
color: @third-site-light-color;
.amount {
font-family: @box-name-font-family;
font-size: @box-name-font-size + 2;
font-weight: @box-name-font-weight;
color: @third-site-light-color;
}
del {
font-size: @box-name-font-size;
}
ins {
color: @third-site-light-color;
}
}
}
.dfd-bottom-heading {
.dfd-price {
.amount {
font-size: @box-name-font-size - 2;
color: @third-site-light-color;
}
del {
font-size: @box-name-font-size - 2;
}
ins {
font-size: @box-name-font-size - 2;
color: @third-site-light-color;
}
}
}
}
.dfd-star-ratings {
span.subtitle {
color: @default-text-color;
}
}
.dfd-price {
.block-title();
del {
color: @subtitles-color;
}
}
.buttons-wrap {
a {
&.add_to_cart_button {
.box-name();
font-size: @box-name-font-size - 3;
}
}
}
}
body {
&.dfd-custom-padding-html {
.woocommerce.woo-msg {
top: @layout-white-space-size !important;
}
}
}
/*woo-single-product-category.less*/
.dfd-woo-single-category {
.dfd-heading {
.inline-block {
background: @third-site-dark-color;
}
}
}
/*woo-products-list.less*/
.dfd-woocomposer_list {
.dfd-woo-product-list {
li {
a.box-name {
&:hover {
color: @third-site-light-color;
}
}
.woo-delim {
font-family: @subtitles-font-family;
font-size: @subtitles-font-size;
}
.amount {
.box-name();
del {
color: @subtitle-color;
}
}
.dfd-list-menu-mode {
.woo-delim {
border-bottom: 1px dotted fade(@box-name-color, 30%);
}
}
}
}
}
/*tabs-module.less*/
.wpb_tabs.wpb_content_element {
.wpb_tour_tabs_wrapper {
.wpb_tabs_nav {
li {
&.ui-tabs-active {
border-color: @border-color;
}
.ui-tabs-anchor {
font-family: @box-name-font-family;
font-size: @box-name-font-size - 2;
font-weight: @box-name-font-weight;
color: @box-name-color;
&:before {
height: @box-name-font-size;
background: @border-color;
}
}
}
}
}
}
/*subscribe-module.less*/
.dfd-subscribe-module {
.dfd-subscribe-module-form {
input[type="text"] {
height: @default-button-line-height + 20;
}
.submit {
height: @default-button-line-height;
margin-top: -@default-button-line-height/2;
}
::-webkit-input-placeholder {
color: @subtitle-color;
}
:-moz-placeholder {
color: @subtitle-color;
}
::-moz-placeholder {
color: @subtitle-color;
}
:-ms-input-placeholder {
color: @subtitle-color;
}
}
}
/*button-module.less*/
span.ubtn {
font-family: @default-button-font-family;
font-size: @default-button-font-size;
font-weight: @default-button-font-weight;
font-style: @default-button-font-style;
letter-spacing: @default-button-letter-spacing;
text-transform: @default-button-text-transform;
}
.dfd-button-module-wrap {
.dfd-button-module {
.dfd-button-link {
.dfd-button-inner-cover {
&:before {
background: @button-background-color;
border: @default-button-border-width @default-button-border-style @button-border-color;
.rounded(@default-button-border-radius);
}
&:after,
.dfd-button-text-hover {
background: @button-hover-background;
border: @default-button-border-width @default-button-border-style @button-hover-border-color;
.rounded(@default-button-border-radius);
}
.dfd-button-text-hover,
.dfd-button-text-main {
font-family: @default-button-font-family;
font-size: @default-button-font-size;
font-weight: @default-button-font-weight;
font-style: @default-button-font-style;
letter-spacing: @default-button-letter-spacing;
text-transform: @default-button-text-transform;
line-height: @default-button-line-height;
padding-left: @default-button-padding-left;
padding-right: @default-button-padding-right;
color: @default-button-color;
}
}
}
}
}
/*countdown-module.less*/
.ult_countdown {
.ult_countdown-section {
.ult_countdown-amount {
.dfd-font-styles(@widget-title-h1-font-style, @widget-title-h1-font-weight, @widget-title-h1-font-size, @widget-title-h1-font-family, inherit, @widget-title-h1-line-height, @widget-title-h1-text-transform, @widget-title-h1-letter-spacing, @widget-title-h1-word-spacing);
}
.ult_countdown-period {
.subtitle();
font-size: @subtitles-font-size !important;
}
}
}
.dfd-countdown {
.number,
.dot {
.dfd-font-styles(@widget-title-h1-font-style, @widget-title-h1-font-weight, @widget-title-h1-font-size, @widget-title-h1-font-family, inherit, @widget-title-h1-line-height, @widget-title-h1-text-transform, @widget-title-h1-letter-spacing, @widget-title-h1-word-spacing);
color: @widget-title-h1-color;
}
.dot {
.table_vert_align_dot{
.table_cell_align_dot{
font-size: @widget-title-h1-font-size;
}
}
}
.period {
border-top: 1px solid fade((@forth-site-dark-color), 10%);
font-family: @subtitles-font-family;
}
.number-wrap.shadow {
box-shadow: 0 6px 14px fade((@forth-site-dark-color), 10%), 0 10px 10px fade((@forth-site-dark-color), 10%);
}
&.layout-2,
&.layout-3 {
.number-wrap {
border: 1px solid fade((@forth-site-dark-color), 10%);
}
}
}
/*vertical-tabs.less*/
.wpb_tour.dfd-vertical-tabs {
.wpb_tabs_nav {
li {
font-family: @box-name-font-family;
font-size: @box-name-font-size - 2;
font-weight: @box-name-font-weight;
color: @box-name-color;
&:not(.ui-tabs-active) {
border-top: 1px dotted @border-color;
}
&.ui-tabs-active {
border-color: @border-color;
}
}
}
.wpb_tour_next_prev_nav {
a {
font-size: @box-name-font-size;
color: @title-color;
&:hover {
color: @main-site-light-color;
}
}
}
}
/*text-module.less*/
.dfd-textmodule-dropcaps {
&.bordered {
border: 1px solid @border-color;
}
}
.wpb_wrapper {
p {
>a:not(.dk_toggle) {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
&:before {
margin-top: @link-font-size/2;
border-bottom-style: @link-decoration;
border-bottom-color: @link-decoration-color;
}
&:hover {
color: @link-hover-color;
&:before {
border-bottom-style: solid;
}
}
}
}
}
/*fancy-text-module.less*/
.uvc-type-wrap {
.block-title();
}
/*dfd-services-module*/
.dfd-service-item {
&.style-01 {
.featured-icon {
color: @third-site-light-color;
}
}
&.style-02 {
.module-icon {
background: @third-site-light-color;
}
}
&.style-03 {
.featured-icon {
color: @widget-title-h1-color;
}
}
}
/*dfd-scrolling-effect-module.less*/
.dfd-full-screen-scroll-content {
@start-s: 100px;
@s: 2000px;
@border-size: 500px;
.dfd-animate-before,
.dfd-animate-after {
> div {
border: @border-size solid @main-site-light-color;
&:before,
&:after {
background: @main-site-light-color;
}
}
}
}
.dfd-full-screen-scroll-content-wrapper {
.dfd-full-screen-scroll-content-second {
> .slick-dots {
li {
&.slick-active {
button {
border-color: @main-site-light-color;
&:active {
border: 1px solid @main-site-light-color;
}
}
}
button {
background: @border-color;
}
> span {
.box-name();
font-size: @box-name-font-size - 2;
}
}
}
}
}
/*dfd-presentation-module.less*/
.dfd-presentation-module-wrap {
.dfd-presentation-box {
.dfd-presentation-back {
.dfd-presentation-content {
padding-bottom: @default-button-line-height + 20;
}
div.block-title {
font-size: @block-title-font-size + 2;
}
}
}
}
/*dfd-side-by-side.less*/
.dfd-custom-padding-html {
#multiscroll-nav {
&.right {
margin-right: @layout-white-space-size;
}
&.left {
margin-left: @layout-white-space-size;
}
}
}
#multiscroll-nav {
&.dfd-dots-light {
ul {
li {
a {
span {
background: @title-color;
}
&.active {
span {
border-color: @title-color;
}
}
}
}
}
}
ul {
li {
a {
span {
background: @border-color;
}
&.active {
span {
border-color: @main-site-light-color;
}
}
}
}
}
}
/*dfd-horizontal-scroll.less*/
.dfd-horizontal-scroll-wrap {
.scrollbar {
.handle {
background: @border-color;
}
}
}
/*dfd-news-scroller.less*/
.dfd-scrolling-news-wrap {
.post {
.dfd-title-wrap {
.dfd-news-categories {
margin-bottom: 15px;
.byline.category {
a {
font-size: @link-font-size - 2;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
background: @third-site-light-color;
&:hover {
color: @box-name-color;
}
}
}
}
.entry-meta {
> * {
a {
&:hover {
color: @main-site-light-color;
}
}
}
}
}
&.dfd-post-style-default {
.dfd-title-wrap {
.entry-meta {
color: @title-color;
}
}
}
}
}
/*dfd-announce-module.less*/
.dfd-announce-module-wrap {
&.style-2{
.dfd-announce-module {
&:before {
border: 1px solid @border-color;
}
}
}
&.layout-1,
&.layout-2 {
.dfd-announce-module {
.module-icon {
background: @main-site-light-color;
}
}
}
&.layout-3,
&.layout-4{
.dfd-announce-module {
.module-icon{
color: @main-site-light-color;
}
}
}
.dfd-announce-module {
.module-text {
font-family: @subtitles-font-family;
}
}
}
/*dropcaps.less*/
.dfd-dropcap {
font-style: @widget-title-h1-font-style;
font-weight: @widget-title-h1-font-weight;
font-family: @widget-title-h1-font-family;
color: @widget-title-h1-color;
&.border.main {
border-color: @third-site-light-color;
&.double:after, &.double:before{
border-color: @third-site-light-color;
}
}
&.filled {
background-color: @third-site-light-color;
}
&.raised{
box-shadow: 0 1px 1px darken(@third-site-light-color, 20%)
}
.text-colored{
color: @third-site-light-color;
}
}
/*tooltips.less*/
.has-popover, .has-tooltip {
font-size: @link-font-size;
font-family: @link-font-family;
font-weight: @link-font-weight;
font-style: @link-font-style;
text-transform: @link-text-transform;
letter-spacing: @link-letter-spacing;
color: @link-color;
border-bottom: 1px solid @third-site-light-color;
&:hover {
color: @link-hover-color;
}
}
.tooltip {
font-family: @subtitles-font-family;
}
.popover {
font-family: @subtitles-font-family;
}
/*new-facts.less*/
.facts-number {
font-size: @widget-title-h1-font-size;
line-height: 1;
font-style: @widget-title-h1-font-style;
font-weight: @widget-title-h1-font-weight;
font-family: @widget-title-h1-font-family;
color: @widget-title-h1-color;
}
.dfd-facts-counter {
.module-icon {
color: @widget-title-h1-color;
}
}
/*piechart-module.less*/
.dfd-piecharts {
.piecharts-number{
font-style: @widget-title-h1-font-style;
font-weight: @widget-title-h1-font-weight;
font-family: @widget-title-h1-font-family;
color: @widget-title-h1-color;
}
.inner-circle{
i {
color: @widget-title-h1-color;
}
}
&.layout-4 {
.module-icon i{
color:@widget-title-h1-color;
}
}
}
/*progressbar-module.less*/
.dfd-progressbar {
.progressbar-number{
font-family: @subtitles-font-family;
}
.progressbar-title {
font-family: @subtitles-font-family;
}
.meter {
background-color: @third-site-light-color;
}
}
/*dfd-icon-list-module.less*/
.dfd-icon-list-wrap {
overflow: hidden;
.dfd-list-content-block {
font-family: @link-font-family;
color: @link-color;
}
.dfd-list-icon-block {
color: @icon-base-color;
border-color: @border-color;
i {
&.none {
&:before {
background: @third-site-light-color;
}
}
}
}
.dfd-icon-item-delimiter {
border-color: @border-color;
}
}
/*dfd-new-share-module-module.less*/
.dfd-new-share-module {
ul {
li {
a {
span {
&.dfd-first {
color: @title-color;
}
}
}
}
}
&.style-1,
&.style-3 {
ul {
li {
a {
border-top: 1px solid @border-color;
border-bottom: 1px solid @border-color;
}
&:last-child {
a {
border-right: 1px solid @border-color;
}
}
}
}
}
&.style-1 {
ul {
li {
a {
border-left: 1px solid @border-color;
}
}
}
}
&.style-3 {
ul {
li {
a {
border-left: 1px solid @border-color;
}
}
}
}
&.style-3,
&.style-4 {
ul {
li {
a {
border-right: 1px solid @border-color;
}
}
}
}
&.style-6 {
ul {
li {
a {
border: 1px solid @border-color;
}
}
}
}
}
/*dfd-new-subscribe-module.less*/
.dfd-new-subscribe-module {
.dfd-subscribe-module-form {
input[type="text"] {
font-family: @link-font-family;
color: @box-name-color;
}
&.dfd-subscribe-style-4 {
.cell-submit {
.submit {
color: @box-name-color;
&:before {
border-bottom: 1px dotted @third-site-light-color;
}
}
}
}
::-webkit-input-placeholder {
color: @box-name-color;
font-family: @link-font-family;
}
:-moz-placeholder {
color: @box-name-color;
font-family: @link-font-family;
}
::-moz-placeholder {
color: @box-name-color;
font-family: @link-font-family;
}
:-ms-input-placeholder {
color: @box-name-color;
font-family: @link-font-family;
}
}
}
/*dfd_info_box.less*/
.dfd-info-box {
.featured-icon {
color: @widget-title-h1-color;
}
.info-box-icon-text {
font-family: @widget-title-font-family;
}
&.style-02 {
.module-icon {
background: @third-site-light-color;
}
}
}
/*dfd-pricing-block.less*/
.dfd-pricing-block {
&.style-01 {
.block-head {
background: @background-sidebars;
.dfd-zigzags();
}
}
&.style-02,
&.style-03 {
border-color: @border-color;
}
&.style-03 {
.featured-icon, .subtitle, .currency-symbol, .payment-amount, .time-interval, .options-list, .options-list div { color: #fff; }
.block-head {
background: @third-site-light-color;
}
.block-desc {
background: @third-site-light-color;
}
}
&.style-04 {
.block-head {
background: @background-sidebars;
}
}
.feat-mark {
font-family: @subtitles-font-family;
&.style-02 {
background: @third-site-light-color;
}
}
.price-sep {
border-bottom: 2px solid @third-site-light-color;
}
.featured-icon {
color: @widget-title-h1-color;
}
.currency-symbol,
.payment-amount {
color: @widget-title-h1-color;
font-style: @widget-title-h1-font-style;
font-weight: @widget-title-h1-font-weight;
font-family: @widget-title-h1-font-family;
}
.time-interval {
font-family: @subtitles-font-family;
}
.option-icon {
color: @third-site-light-color;
}
.price-block-dot {
&.dot-enabled {
background-color: @third-site-light-color;
}
}
}
/*dfd-heading-module.less*/
.dfd-heading-module-wrap {
&.style_13,
&.style_14 {
.widget-title {
font-size: @widget-title-h1-font-size;
color: @gray-light;
}
.widget-sub-title {
color: @title-color;
}
}
}
/*dfd-blog-posts-module.less*/
.dfd-blog-posts-module.dfd-blog-loop,
#layout.single-post .dfd-single-style-advanced .dfd-blog-posts-module.dfd-blog-loop {
&.simple {
.post {
&.desc-hover {
&:hover {
.cover {
.content-wrap {
.dfd-blog-heading-wrap {
margin-top: -(@default-text-font-size) * 3.2;
}
}
}
}
}
.cover {
border-bottom: 1px dotted @border-color;
}
}
}
&.featured,
&.recent {
.dfd-additional-post {
border-bottom: 1px dotted @border-color;
.dfd-blog-add-heading-wrap {
div.box-name.widget-title {
a {
background-image: -webkit-linear-gradient(to right, fade(@main-site-dark-color,0) 50%, @background-sidebars 50%);
background-image: -moz-linear-gradient(to right, fade(@main-site-dark-color,0) 50%, @background-sidebars 50%);
background-image: -ms-linear-gradient(to right, fade(@main-site-dark-color,0) 50%, @background-sidebars 50%);
background-image: -o-linear-gradient(to right, fade(@main-site-dark-color,0) 50%, @background-sidebars 50%);
background-image: linear-gradient(to right, fade(@main-site-dark-color,0) 50%, @background-sidebars 50%);
}
}
}
}
}
}
/*dfd-contact-block-module.less*/
.dfd-contact-block-container {
.fild-content{
.delimiter {
border-bottom: 1px dotted @border-color;
}
.fild-name {
color: @title-color;
}
}
&.style-1,
&.style-2 {
.fild-content{
i {
background: @third-site-light-color;
}
}
}
&.style-2 {
border: 1px solid @border-color;
}
&.style-3 {
background: @third-site-light-color;
.fild-content{
i {
color: @title-color;
}
}
}
}
/*dfd-portfolio-module.less*/
.dfd-portfolio-module {
&.simple {
.project {
text-align: left;
margin-bottom: 0;
&.desc-hover {
&:hover {
.cover {
.content-wrap {
.dfd-folio-heading-wrap {
margin-top: -(@default-text-font-size) * 3.2;
}
}
}
}
}
.cover {
border-bottom: 1px dotted @border-color;
}
}
}
}
/*dfd-contact-block-horizontal-module.less*/
.dfd-contact-block-horizontal {
* {
color: @title-color;
}
.fild-name {
font-family: @widget-title-font-family;
}
.delimiter {
border-bottom: 1px dotted @border-color;
}
&.style-2,
&.style-3 {
.block-icon {
border: 1px solid @border-color;
}
}
&.style-4 {
.block-icon {
background: @title-color;
border-color: @border-color;
}
}
}
/*dfd_new_social_accoun_module.less*/
.dfd-new-soc-icon {
&.with-border {
a:before {
border-color: @border-color;
}
}
}
/*animated-text-module.less*/
.dfd-animated-text-wrap {
.dfd-animated-text-block {
span {
.dfd-font-styles(@widget-title-h2-font-style, @widget-title-h2-font-weight, @widget-title-h2-font-size, @widget-title-h2-font-family, @widget-title-h2-color, @widget-title-h2-line-height, @widget-title-h2-text-transform, @widget-title-h2-letter-spacing, @widget-title-h2-word-spacing);
}
}
}