%PDF- %PDF-
Direktori : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/css/ |
Current File : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/css/custom.less |
@charset "utf-8"; /* Colors */ body, table tr th, table tr td, table thead tr th, blockquote p, label, .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a, .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container .select2-choice, .select2-container, .big-select, .select.big-select, .list-centered li a, .post_meta_archive a, .post_meta a, .nav-next a, .nav-previous a, .blog-single h6, .page-description, .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2, .woocommerce .cart-collaterals .cart_totals table tr.order-total td:last-child, .woocommerce-page .cart-collaterals .cart_totals table tr.order-total td:last-child, .woocommerce-checkout .woocommerce-info, .woocommerce-checkout h3, .woocommerce-checkout h2, .woocommerce-account h2, .woocommerce-account h3, .customer_details dt, .wpb_widgetised_column .widget, .wpb_widgetised_column .widget a, .wpb_widgetised_column .widget.widget_layered_nav li, .portfolio_single_list_cat a, .gallery-caption-trigger, .b_icon_with_title .icon_text_inner .icon_content_holder, .owl-carousel:not(.product-big-image) .testimonial-content > a, .owl-carousel:not(.product-big-image) .text-primary, .owl-carousel:not(.product-big-image) .text-primary a, .owl-carousel:not(.product-big-image) .text-secondary { color: @body-color } .list_categories.no-anim li a:hover, .list_categories.no-anim.filter_portfolio li a.current { color: @accent-color !important; } #post-area.blog-list article.sticky .post-wrapper { border-color: fade(@accent-color, 50%) } #top-bar { background-color: @header-topbar-background_color; //line-height: ~"@{header-topbar-font_size}px"; } #top-bar .elem, #top-bar .elem a, #top-bar .elem .searchform-s { color: @header-topbar-font_color; font-size: ~"@{header-topbar-font_size}px"; } #top-bar .top-bar-social a { margin-right: ~"@{header-topbar-social_padding}px"; margin-left: ~"@{header-topbar-social_padding}px"; &:hover { color: @header-topbar-social_hover_color !important; } } #header-search input.search-field::-webkit-input-placeholder { color: lighten(@body-color, 20%); } #header-search input.search-field::-moz-placeholder{ color: lighten(@body-color, 20%); } #header-search input.search-field:-moz-placeholder{ color: lighten(@body-color, 20%); } #header-search input.search-field:-ms-input-placeholder{ color: lighten(@body-color, 20%); } #header-search:before { color: lighten(@body-color, 20%); } .selection_color() when (iscolor(@selection-color)){ ::selection { background: @selection-color; .selection_color_islight() when (@selection-color-light = 1){ color: #000; } .selection_color_islight() when not (@selection-color-light = 1){ color: #fff; } .selection_color_islight(); } ::-moz-selection { background: @selection-color; .selection_color_islight(); } } .selection_color(); .layout_backgroud_image() when not (@layout-background-image = none) { body, body.footer-uncovering #page { background-image: @layout-background-image; .layout_backgroud_repeat () when not (@layout-background-repeat = '') { background-repeat: @layout-background-repeat; } .layout_backgroud_size () when not (@layout-background-size = '') { background-size: @layout-background-size; } .layout_backgroud_attachment () when not (@layout-background-attachment = '') { background-attachment: @layout-background-attachment; } .layout_backgroud_position () when not (@layout-background-position = '') { background-position: @layout-background-position; } .layout_backgroud_repeat; .layout_backgroud_size; .layout_backgroud_attachment; .layout_backgroud_position; } } .layout_backgroud_color() when (iscolor(@layout-background-color)) { body, .body-background, body.footer-uncovering #page { background-color: @layout-background-color; } } .layout_backgroud_image; .layout_backgroud_color; a { color: @links-color; &:hover { color: @links-color-hover; } } .rdy-portfolio-container.rdy_gallery .grid-item figure:hover .figcaption * { color: @links-color-hover; } .fancy-header, .page-title{ .meta-info a:hover { color: @links-color-hover !important; } } .header_right_buttons_hover() when (@header-icons-hover = 1) { .no-touch .menu-right-side.animate .hamburger-icon:hover #menu-toggle li { background-color: @accent-color !important; } .no-touch .menu-right-side.animate { .hamburger-icon:hover, .search-icon:hover { .icon svg path { fill: @accent-color !important; } } .cart-icon:not(.with-dropdown):hover { svg path, svg circle { fill: @accent-color !important; } .cart-count { color: @accent-color !important; } } } } .header_right_buttons_hover() when (@header-icons-hover = 2) { .no-touch .menu-right-side.animate .hamburger-icon:hover #menu-toggle li { background-color: #808080 !important; } .no-touch .menu-right-side.animate { .hamburger-icon:hover, .search-icon:hover { .icon svg path { fill: #808080 !important; } } .cart-icon:not(.with-dropdown):hover { svg path, svg circle { fill: #808080 !important; } .cart-count { color: #808080 !important; } } } } .header_right_buttons_hover(); .menu_dropdown_separator() when (@menu-dropdown-separator = 1) { .rdy-menu > li:not(.wide) li { border-bottom-width: 1px !important; border-bottom-style: solid; } } .menu_dropdown_separator(); .menu_dropdown_separator_color() when (iscolor(@menu-dropdown-separator-color)) { .rdy-menu ul li { border-bottom-color: @menu-dropdown-separator-color !important; } } .menu_dropdown_separator_color(); @menu_line_alpha: 70%; /* .menu_hover_action_color() when (@accent-color-light = 1) { #header-menu #main-menu ul.rdy-menu > li { &.sfHover > a, a:hover { color: @header-menu-color; } } #header-menu.menu-items-underline ul.rdy-menu > li { &.sfHover > a span, > a:hover span { border-bottom-color: fadeout(header-menu-color, @menu_line_alpha); } } #header-menu.menu-drop-items-underline ul.rdy-menu .sub-menu a:hover span { border-bottom-color: fadeout(@header-menu-color, @menu_line_alpha); } .menu_active_color() when (@header-active-item-enable = 1) { #header-menu #main-menu ul.rdy-menu li { &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: @header-menu-color; } } #header-menu.menu-items-underline ul.rdy-menu li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: fadeout(@header-menu-color, @menu_line_alpha); } } } .menu_active_color(); } .menu_hover_action_color() when not (@accent-color-light = 1) { #header-menu #main-menu ul.rdy-menu > li { &.sfHover > a, a:hover { color: lighten(@header-menu-color, 25%); } } #header-menu.menu-items-underline ul.rdy-menu > li { &.sfHover > a span, > a:hover span { border-bottom-color: fadeout(lighten(@header-menu-color, 25%), @menu_line_alpha); } } #header-menu.menu-drop-items-underline ul.rdy-menu .sub-menu a:hover span { border-bottom-color: fadeout(lighten(@header-menu-color, 25%), @menu_line_alpha); } .menu_active_color() when (@header-active-item-enable = 1) { #header-menu #main-menu ul.rdy-menu li { &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: lighten(@header-menu-color, 25%); } } #header-menu.menu-items-underline ul.rdy-menu li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: fadeout(lighten(@header-menu-color, 25%), @menu_line_alpha); } } } .menu_active_color(); } */ .menu_active_color_mark() when (@header-active-item-enable = 1) { @media only screen and (min-width: 992px) { #header-menu.menu-items-underline:not(.with-background) { &.mark-dark, &[data-color="dark"] { ul.rdy-menu > li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: rgba(0,0,0, .3); } } } } #header-menu.menu-items-underline:not(.with-background) { &.mark-light, &[data-color="light"] { ul.rdy-menu > li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: rgba(255,255,255, .3); } } } } } } .menu_active_color_mark(); .menu_hover_action() when (@menu-hover-accent = 1) { #header-menu #main-menu ul.sf-menu > li { &.sfHover > a, a:hover { color: @accent-color; } } #header-menu.menu-items-underline ul.sf-menu > li { &.sfHover > a span, > a:hover span { border-bottom-color: fadeout(@accent-color, @menu_line_alpha); } } #header-menu:not(.slidedown-full-layout).menu-drop-items-underline ul.sf-menu .sub-menu a:hover span { border-bottom-color: fadeout(@accent-color, @menu_line_alpha); } .menu_active_color() when (@header-active-item-enable = 1) { #header-menu #main-menu ul.sf-menu li { &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: @accent-color; } } #header-menu.menu-items-underline ul.sf-menu li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: fadeout(@accent-color, @menu_line_alpha); } } } .menu_active_color(); } .menu_hover_action() when (@menu-hover-custom = 1) { #header-menu #main-menu ul.sf-menu > li { &.sfHover > a, a:hover { color: @header-menu-hover-color; } } #header-menu.menu-items-underline ul.sf-menu > li { &.sfHover > a span, > a:hover span { border-bottom-color: fadeout(@header-menu-hover-color, @menu_line_alpha); } } #header-menu.menu-drop-items-underline ul.sf-menu .sub-menu a:hover span { border-bottom-color: fadeout(@header-menu-hover-color, @menu_line_alpha); } .menu_active_color() when (@header-active-item-enable = 1) { #header-menu #main-menu ul.sf-menu li { &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: @header-menu-hover-color; } } #header-menu.menu-items-underline ul.sf-menu li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: fadeout(@header-menu-hover-color, @menu_line_alpha); } } } .menu_active_color(); } .menu_hover_action() when not (@menu-hover = 1) { #header-menu #main-menu ul.sf-menu > li { &.sfHover > a, a:hover { color: @header-menu-color; } } #header-menu.menu-items-underline ul.sf-menu > li { &.sfHover > a span, > a:hover span { border-bottom-color: fadeout(@header-menu-color, @menu_line_alpha); } } #header-menu.menu-drop-items-underline ul.sf-menu .sub-menu a:hover span { border-bottom-color: fadeout(@header-menu-color, @menu_line_alpha); } .menu_active_color() when (@header-active-item-enable = 1) { #header-menu #main-menu ul.sf-menu li { &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: @header-menu-color; } } #header-menu.menu-items-underline ul.sf-menu li { &.current-menu-item > a span, &.current-menu-parent > a span, &.current_page_item > a span, &.current-menu-ancestor > a span { border-bottom-color: fadeout(@header-menu-color, @menu_line_alpha); } } } .menu_active_color(); } /* .menu_hover_action() when not (@menu-hover = 1) { .menu_hover_action_color(); }*/ .menu_hover_dropdown_hover() when (@use-header-menu-dropdown-hover = 1) { #header-menu #main-menu ul.rdy-menu .sub-menu { > li { a:hover, &.current-menu-item > a, &.current-menu-parent > a, &.current_page_item > a, &.current-menu-ancestor > a { color: @header-menu-dropdown-hover-color !important; } } } } .menu_hover_action(); .menu_hover_dropdown_hover(); #header-menu #main-menu ul.rdy-menu .sub-menu { a, .title { color: @header-menu-drop-color; } } #header-menu.show_divider .widget-area { border-left-color: @header-dividers-lines-color; } #header-menu.show_bottomline { border-bottom-color: @header-lines-color; } #header.side_icons-bg .menu-right-side .side-icon { background-color: @header-side_icons-bg_color; } .header_side_icons_rounded() when not ( @header-side_icons-rounded = 0 ){ #header.side_icons-bg .menu-right-side .side-icon, #header.side_icons-bg .menu-right-side .side-icon .side-icon-holder:after { border-radius: ~"@{header-side_icons-rounded}px"; } } .header_side_icons_rounded(); .header_menu_paddings() when not ( @header-menu-padding-top = 0 ){ #main-menu{ margin-top: ~"@{header-menu-padding-top}px"; } } .header_menu_paddings() when not (@header-menu-padding-left = 0){ #main-menu .main-menu-container{ padding-left: ~"@{header-menu-padding-left}px" !important; } } .header_menu_paddings() when not (@header-menu-padding-right = 0){ #main-menu .main-menu-container{ padding-right: ~"@{header-menu-padding-right}px" !important; } } .header_menu_paddings(); #header-menu .widget-area { color: @header-widget-color; .social_hover_on_basic() when (@header-social-color-light = 1){ color: darken(@header-social-color, 20%) !important; } .social_hover_on_basic() when not (@header-social-color-light = 1){ color: lighten(@header-social-color, 10%) !important; } .social_hover() when (@header-social-hover = 2){ color: @accent-color !important; } .social_hover() when (@header-social-hover = 3){ .social_hover_on_basic() } } #header-menu:not(.slidedown-full-layout) .rdy-menu li ul.sub-menu { background-color: @header-menu-dropdown-bgcolor; } .rdy-menu .wide .sub-menu li { border-left-color: @header-menu-drop-line-color !important; } #header-menu:not(.slidedown-full-layout) .rdy-menu .menu-depth-0 > .sub-menu { border-top-width: 1px; border-top-style: solid; border-top-color: @header-menu-drop-line-color !important; } .social_hover_on_basic() when (@footer-sub-text-color-light = 1){ color: darken(@footer-sub-text-color, 20%) !important; } .social_hover_on_basic() when not (@footer-sub-text-color-light = 1){ color: lighten(@footer-sub-text-color, 10%) !important; } .social_hover() when (@header-social-hover = 2){ color: @accent-color !important; } .social_hover() when (@header-social-hover = 3){ .social_hover_on_basic() } #bottom-bar .copyright { p, .menu li { font-size: ~"@{footer-sub-text-font_size}px" !important; } } .bottom-bar-social { .social_media { color: @footer-sub-text-color; &:hover { .social_hover(); } } } h1, h2, h3, h4, h5, h6 { color: @heading-color; } .rdy_btn, a.button.alt.checkout-button, .woocommerce-checkout input#place_order { background-color: @buttons-color; .rdy_btn_hover() when (@buttons-color-light = 1){ background-color: darken(@buttons-color, 8%); } .rdy_btn_hover() when not (@buttons-color-light = 1){ background-color: lighten(@buttons-color, 8%); } .rdy_btn_text() when (@buttons-color-light = 1){ color: #000 !important } .rdy_btn_text() when not (@buttons-color-light = 1){ color: #fff !important } .rdy_btn_text(); &:hover { .rdy_btn_hover(); } } .woocommerce .quantity .ui-spinner-button { color: @body-color !important; .rdy_btn_text() when (@buttons-color-light = 1){ color: #000 !important; } .rdy_btn_text() when not (@buttons-color-light = 1){ color: #fff !important; } &:hover { background-color: @buttons-color; .rdy_btn_text(); } } /* Typography */ .body_font(){ html, body, div:not(.tp-splitted), applet, object, iframe, p { font-family: @body-font-family; font-size: @body-font-size; font-weight: @body-font-weight; } input, textarea { font-family: @body-font-family; } #header-search input.search-field { font-family: @body-font-family; } } .h1_font(){ h1{ font-family: @h1-font-family; font-size: @h1-font-size; font-weight: @h1-font-weight; letter-spacing: @h1-font-letter-spacing; line-height: @h1-font-line-height; text-transform: @h1-font-transform; } } .h2_font(){ h2{ font-family: @h2-font-family; font-size: @h2-font-size; font-weight: @h2-font-weight; letter-spacing: @h2-font-letter-spacing; line-height: @h2-font-line-height; text-transform: @h2-font-transform; } } .h3_font(){ h3{ font-family: @h3-font-family; font-size: @h3-font-size; font-weight: @h3-font-weight; letter-spacing: @h3-font-letter-spacing; line-height: @h3-font-line-height; text-transform: @h3-font-transform; } } .h4_font(){ h4{ font-family: @h4-font-family; font-size: @h4-font-size; font-weight: @h4-font-weight; letter-spacing: @h4-font-letter-spacing; line-height: @h4-font-line-height; text-transform: @h4-font-transform; } } .h5_font(){ h5{ font-family: @h5-font-family; font-size: @h5-font-size; font-weight: @h5-font-weight; letter-spacing: @h5-font-letter-spacing; line-height: @h5-font-line-height; text-transform: @h5-font-transform; } } .h6_font(){ h6{ font-family: @h6-font-family; font-size: @h6-font-size; font-weight: @h6-font-weight; letter-spacing: @h6-font-letter-spacing; line-height: @h6-font-line-height; text-transform: @h6-font-transform; } } .blockquote_font(){ blockquote, blockquote p { font-family: @blockquote-font-family; font-size: @blockquote-font-size; font-weight: @blockquote-font-weight; letter-spacing: @blockquote-font-letter-spacing; line-height: @blockquote-font-line-height; text-transform: @blockquote-font-transform; } } .blockquote_color() when not (@blockquote-color = 0){ blockquote:before { background-color: @blockquote-color; } } .blockquote_color(); .menu_widget_title_font(){ #main-menu .widget_text p.title { font-family: @menu_widget_title-family; font-size: @menu_widget_title-size; font-style: @menu_widget_title-style; font-weight: @menu_widget_title-weight; text-transform: @menu_widget_title-transform; letter-spacing: @menu_widget_title-letter-spacing; line-height: @menu_widget_title-line-height !important; } } .menu_widget_title_font(); .menu_widget_text_font(){ #main-menu .widget_text .textwidget, #main-menu .widget_text .textwidget p { font-family: @menu_widget_text-family; font-size: @menu_widget_text-size; font-style: @menu_widget_text-style; font-weight: @menu_widget_text-weight; text-transform: @menu_widget_text-transform; letter-spacing: @menu_widget_text-letter-spacing; line-height: @menu_widget_text-line-height !important; } } .menu_widget_text_font(); .page_title_font() { div.page-title h1, h1.fancy-title { font-family: @page_title-font-family; font-size: @page_title-font-size; font-weight: @page_title-font-weight; text-transform: @page_title-font-transform; letter-spacing: @page_title-font-letter-spacing; line-height: @page_title-line-height; } div.page-title h1, h1.fancy-title { margin-bottom: ~"@{page_title_margin_bottom}px"; } .fancy-subtitle, .page-title .subtitle { margin-bottom: ~"@{page_subtitle_margin_bottom}px" !important; } .breadcrumbs-container .breadcrumbs, .breadcrumbs-container .breadcrumbs a { font-size: ~"@{page-title-breadcrumbs-fontsize}px" !important; } } .page_title_bottom_line() when (@page-title-bottom-line-enable = 1){ div.page-title { border-bottom-width: ~"@{page-title-bottom-line-height}px"; border-bottom-color: @page-title-bottom-line-color; border-bottom-style: solid; } } .page_title_bottom_line(); .page_subtitle_font(){ .page-title .subtitle, .fancy-subtitle { font-family: @page_subtitle-font-family; font-size: @page_subtitle-font-size; font-weight: @page_subtitle-font-weight; text-transform: @page_subtitle-font-transform; letter-spacing: @page_subtitle-font-letter-spacing; line-height: @page_subtitle-line-height !important; } } .page-title .pt-cat-description > .inner { max-width: ~"@{page-title-category-description_width}px" } .main-logo .logo-holder { font-family: @logo-title-font-family; font-size: @logo-title-font-size; font-style: @logo-title-font-style; font-weight: @logo-title-font-weight; text-transform: @logo-title-font-transform; color: @logo-title-font-color; } #header-menu #main-menu ul > li > a, #header-menu #main-menu ul > li > .title, #header-menu .side-cta-button .cta-button { font-family: @menu-font-family; font-size: @menu-font-size; font-weight: @menu-font-weight; letter-spacing: @menu-font-letter-spacing; text-transform: @menu-font-transform; .menu_line_height() when not (@menu-line-height = 0){ line-height: @menu-line-height; } .menu_line_height(); } #header-menu #main-menu ul.sub-menu > li a, #header-menu #main-menu ul.sub-menu > li .title { font-family: @menu_drop-font-family; font-size: @menu_drop-font-size; font-weight: @menu_drop-font-weight; letter-spacing: @menu_drop-font-letter-spacing; text-transform: @menu_drop-font-transform; .menu_line_height() when not (@menu_drop-line-height = 0){ line-height: @menu_drop-line-height; } .menu_line_height(); } #header-menu #main-menu ul > li > .title { font-size: ~"@{menu-font-size_title}px" !important; font-weight: bold !important; } #header-menu #main-menu ul.sub-menu > li .title { font-size: ~"@{menu_drop-font-size_title}px" !important; font-weight: bold !important; } #header-menu #main-menu ul > li .title { margin-bottom: ~"@{header-menu-title-items-margin-bottom}px" !important; } #mobile-menu .menu-mobile li a, #mobile-menu .menu-mobile li .title { font-family: @mobile_menu-font-family; font-size: @mobile_menu-font-size; font-weight: @mobile_menu-font-weight; text-transform: @mobile_menu-font-transform; color: @mobile_menu-font-color; font-size: @mobile_menu-font-size; padding: ~"@{mobile_menu-items-padding}px" 0; } #mobile-menu .menu-mobile ul.sub-menu li a, #mobile-menu .menu-mobile ul.sub-menu li .title { font-family: @mobile_menu-drop-font-family; font-size: @mobile_menu-drop-font-size; font-weight: @mobile_menu-drop-font-weight; text-transform: @mobile_menu-drop-font-transform; color: @mobile_menu-drop-font-color; font-size: @mobile_menu-drop-font-size; padding: ~"@{mobile_menu-sub-items-padding}px" 0; } //#mobile-menu .menu-mobile li .title { // color: #919191; // margin-bottom: 0; // font-weight: bold; //} .blog_title_font() { #post-area.blog-list article .entry-title, .latest_post.global_font .latest_post_title a { font-family: @blog_title-font-family; font-size: @blog_title-font-size; font-weight: @blog_title-font-weight; text-transform: @blog_title-font-transform; letter-spacing: @blog_title-font-letter-spacing; line-height: @blog_title-line-height !important; } .blog_title_color() when (iscolor(@blog_title-font-color)){ #post-area.blog-list article .entry-title a, .latest_post.global_font .latest_post_title a { color: @blog_title-font-color; } } .blog_title_margin() when not (@blog_title_margin_bottom = 0){ #post-area.blog-list article .entry-title, .latest_post.global_font .latest_post_title { margin-bottom: ~"@{blog_title_margin_bottom}px" !important; } } .blog_title_margin(); .blog_title_color(); } .blog_subtitle_font() { #post-area.blog-list article .entry-meta, #post-area.blog-list article .entry-meta span, .latest_post_text .post_infos, .latest_post.global_font .post_infos { font-family: @blog_subtitle-font-family; font-size: @blog_subtitle-font-size; font-weight: @blog_subtitle-font-weight; text-transform: @blog_subtitle-font-transform; letter-spacing: @blog_subtitle-font-letter-spacing; line-height: @blog_subtitle-line-height !important; color: @blog_subtitle-font-color !important; } .blog_subtitle_color() when (iscolor(@blog_subtitle-font-color)){ #post-area.blog-list article .entry-meta, #post-area.blog-list article .entry-meta a, .latest_post.global_font .post_infos { color: @blog_subtitle-font-color } } .blog_subtitle_margin() when not (@blog_subtitle_margin_bottom = 0){ #post-area.blog-list article .entry-meta, .latest_post.global_font .post_infos { margin-bottom: ~"@{blog_subtitle_margin_bottom}px"; } } .blog_subtitle_margin(); .blog_subtitle_color(); } .gallery_title_font() { .rdy_gallery.rdy-portfolio-container .figcaption h2 { font-family: @gallery_title-font-family; font-size: @gallery_title-font-size; font-weight: @gallery_title-font-weight; text-transform: @gallery_title-font-transform; letter-spacing: @gallery_title-font-letter-spacing; line-height: @gallery_title-line-height !important; color: @gallery_title-font-color; } } .portfolio_title_font() { .rdy-portfolio-container .figcaption h2, .rdy-portfolio-container.type-list h2 { font-family: @portfolio_title-font-family; font-size: @portfolio_title-font-size; font-weight: @portfolio_title-font-weight; text-transform: @portfolio_title-font-transform; letter-spacing: @portfolio_title-font-letter-spacing; line-height: @portfolio_title-line-height !important; } } .portfolio_subtitle_font() { .rdy-portfolio-container .figcaption .description, .rdy-portfolio-container.type-list .description { font-family: @portfolio_subtitle-font-family; font-size: @portfolio_subtitle-font-size; font-weight: @portfolio_subtitle-font-weight; text-transform: @portfolio_subtitle-font-transform; letter-spacing: @portfolio_subtitle-font-letter-spacing; line-height: @portfolio_subtitle-line-height !important; } } .project_title_font() { .rdy_project .entry-title { font-family: @project_title-font-family; font-size: @project_title-font-size; font-style: @project_title-font-style; font-weight: @project_title-font-weight; text-transform: @project_title-font-transform; letter-spacing: @project_title-font-letter-spacing; line-height: @project_title-line-height !important; } } .project_subtitle_font() { .rdy_project .caption { font-family: @project_subtitle-font-family; font-size: @project_subtitle-font-size; font-style: @project_subtitle-font-style; font-weight: @project_subtitle-font-weight; text-transform: @project_subtitle-font-transform; letter-spacing: @project_subtitle-font-letter-spacing; line-height: @project_subtitle-line-height !important; } } .project_title_margin() when not (@project_title_margin_bottom = 0){ .rdy_project .entry-title { margin-bottom: ~"@{project_title_margin_bottom}px" !important; } } .project_subtitle_margin() when not (@project_subtitle_margin_bottom = 0){ .rdy_project .caption { margin-bottom: ~"@{project_subtitle_margin_bottom}px" !important; } } .project_title_margin(); .project_subtitle_margin(); .shop_title_font() { .woocommerce .product h4 { font-family: @shop_title-font-family; font-size: @shop_title-font-size; font-weight: @shop_title-font-weight; text-transform: @shop_title-font-transform; letter-spacing: @shop_title-font-letter-spacing; line-height: @shop_title-line-height !important; } } .shop_category_font() { .woocommerce .product .category { font-family: @shop_category-font-family; font-size: @shop_category-font-size; font-weight: @shop_category-font-weight; text-transform: @shop_category-font-transform; letter-spacing: @shop_category-font-letter-spacing; line-height: @shop_category-line-height !important; } } .shop_category_pagetitle() { .woocommerce .category_header h1 { font-family: @shop_catalog_pagetitle-font-family; font-size: @shop_catalog_pagetitle-font-size; font-weight: @shop_catalog_pagetitle-font-weight; text-transform: @shop_catalog_pagetitle-font-transform; letter-spacing: @shop_catalog_pagetitle-font-letter-spacing; line-height: @shop_catalog_pagetitle-line-height !important; } } .shop_product_title_font() { .woocommerce.single-product .entry-title{ font-family: @shop_product_title-font-family; font-size: @shop_product_title-font-size; font-weight: @shop_product_title-font-weight; text-transform: @shop_product_title-font-transform; letter-spacing: @shop_product_title-font-letter-spacing; line-height: @shop_product_title-line-height; } } .shop_catalog_price_font(){ .woocommerce .products .price { font-family: @wc-catalog-price_font-family; font-size: @wc-catalog-price_font-size; font-style: @wc-catalog-price_font-style; font-weight: @wc-catalog-price_font-weight; //letter-spacing: @wc-catalog-price_font-letter-spacing; } } .shop_product_price_font(){ .woocommerce div.product .summary .price span.amount, .woocommerce div.product .single_variation .price span.amount { font-family: @wc-product-price_font-family; font-size: @wc-product-price_font-size; font-style: @wc-product-price_font-style; font-weight: @wc-product-price_font-weight; //letter-spacing: @wc-product-price_font-letter-spacing; } } .shop_catalog_price_font(); .shop_product_price_font(); .wpb_tour.wpb_content_element .wpb_tabs_nav li a, .wpb_tabs.wpb_content_element .wpb_tabs_nav li a { font-family: @tabs-font-family; font-size: @tabs-font-size; font-weight: @tabs-font-weight; letter-spacing: @tabs-font-letter-spacing; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { font-family: @accordion-font-family; font-size: @accordion-font-size; font-weight: @accordion-font-weight; letter-spacing: @accordion-font-letter-spacing; } .rdy_project h2 a, .rdy_project .caption, .rdy_project .description { color: @project-list__text_color; } .rdy_project h2 a:hover, .rdy_project .project_button a.link_detail:hover { color: @project-list__text_hover_color !important; } .dropcaps_font() { .wpb_text_column .dropcap { font-family: @dropcaps_font-font-family; font-size: @dropcaps_font-font-size; font-weight: @dropcaps_font-font-weight; line-height: @dropcaps_font-line-height; text-transform: @dropcaps_font-font-transform; position: relative; display: inline-block; float: left; } .single .wpb_text_column .wpb_wrapper:before, .page .wpb_text_column .wpb_wrapper:before { font-family: @dropcaps2_font-font-family; font-size: @dropcaps2_font-font-size; font-weight: @dropcaps2_font-font-weight; text-transform: @dropcaps2_font-font-transform; color: @dropcaps2_font-font-color; content: attr(data-first_letter); display: block; left: ~"@{dropcaps2_left}px"; line-height: 1; opacity: 0.3; position: absolute; top: ~"@{dropcaps2_top}px"; } } p, address, pre, .woocommerce #tab-description_tab li, article .excerpt, .footer-wrapper .widget_categories li { line-height: ~"@{paragraph-line_height}%"; margin-bottom: ~"@{paragraph-margin_bottom}px"; } blockquote { margin-bottom: ~"@{paragraph-margin_bottom}px"; } .b_icon_with_title .icon_text_inner .icon_content_holder { line-height: ~"@{paragraph-line_height}%"; } .h1_font_margin() when not (@h1_font_margin = 0) { .vc_cta3 h1, .latest_post h1, .wpb_text_column h1 { margin-bottom: ~"@{h1_font_margin}px"; } } .h2_font_margin() when not (@h2_font_margin = 0) { .vc_cta3 h2, .latest_post h2, .wpb_text_column h2 { margin-bottom: ~"@{h2_font_margin}px"; } } .h3_font_margin() when not (@h3_font_margin = 0) { .vc_cta3 h3, .latest_post h3, .wpb_text_column h3 { margin-bottom: ~"@{h3_font_margin}px"; } } .h4_font_margin() when not (@h4_font_margin = 0) { .vc_cta3 h4, .latest_post h4, .wpb_text_column h4 { margin-bottom: ~"@{h4_font_margin}px"; } } .h5_font_margin() when not (@h5_font_margin = 0) { .vc_cta3 h5, .latest_post h5, .wpb_text_column h5 { margin-bottom: ~"@{h5_font_margin}px"; } } .h6_font_margin() when not (@h6_font_margin = 0) { .vc_cta3 h6, .latest_post h6, .wpb_text_column h6 { margin-bottom: ~"@{h6_font_margin}px"; } } .body_font(); .h1_font(); .h2_font(); .h3_font(); .h4_font(); .h5_font(); .h6_font(); .blockquote_font(); .h1_font_margin(); .h2_font_margin(); .h3_font_margin(); .h4_font_margin(); .h5_font_margin(); .h6_font_margin(); .page_title_font(); .page_subtitle_font(); .blog_title_font(); .blog_subtitle_font(); .gallery_title_font(); .portfolio_title_font(); .portfolio_subtitle_font(); .project_title_font(); .project_subtitle_font(); .shop_title_font(); .shop_category_font(); .shop_product_title_font(); .shop_category_pagetitle(); .dropcaps_font(); /* Header */ .header_background() when (@header-background = 1) { #header-menu.with-background { background-color: @header-background-color; } } .header_background(); @media screen and (max-width: 992px) { #header { background-color: @mobile-header-background-color; } #mobile-menu { background-color: @mobile-menu-background-color; .mobile_socials a { color: @mobile-menu-social-color !important; } } #header #menu-toggle li { background-color: @mobile-header-icons-color !important; } #header .mobile-cart-icon svg path, #header .mobile-cart-icon svg circle { fill: @mobile-header-icons-color; } } #header-menu { &.fixed-layout, &.static-layout, &.slidedown-layout { #main-menu ul > li a, #main-menu ul > li .title, #main-menu ul > li.menu-cta-button, #main-menu ul > li.menu-social-inline { padding: 0 ~"@{header-menu-padding}px"; } } .menu_color() when not (@menu-hover = 1) { #main-menu ul > li a, #main-menu ul > li a.no-link:hover { color: fadeout(@header-menu-color, 25%); } } .menu_color() when (@menu-hover = 1) { #main-menu ul > li a, #main-menu ul > li a.no-link:hover { color: @header-menu-color; } } .menu_color(); #main-menu .menu_icon { padding-right: ~"@{header-menu-icon-padding}px"; } } .logo_height() when (@use-logo-image = 1){ .main-logo .logo-holder { height: ~"@{logo-height}px"; } } .logo_height() when not (@use-logo-image = 1){ .main-logo .logo-holder { height: auto; } } .logo_height() when (@logo-mobile = 1){ @media screen and (max-width: 992px) { .main-logo .logo-holder { height: ~"@{logo-mobile-height}px"; line-height: ~"@{logo-mobile-height}px"; } } } .logo_height(); .logo_height_mobile(); .menu_hover_dropdown_bgcolor() when (@menu-dropdown-hover = 1) { #header-menu:not(.slidedown-full-layout) .rdy-menu ul li a:hover { background-color: @header-menu-dropdown-hover-bgcolor; } } .menu_hover_dropdown_bgcolor(); /* Page Header */ .page_title() when (iscolor(@page-title-background-color)) { div.page-title { background-color: @page-title-background-color; } } .pagetitle_background() when not (@page-title-background-image = none) { div.page-title.with_background { background-image: @page-title-background-image; .header_background_repeat () when not (@page-title-background-repeat = '') { background-repeat: @page-title-background-repeat; } .header_background_size () when not (@page-title-background-size = '') { background-size: @page-title-background-size; } .header_background_attachment () when not (@page-title-background-attachment = '') { background-attachment: @page-title-background-attachment; } .header_background_position () when not (@page-title-background-position = '') { background-position: @page-title-background-position; } .header_background_repeat; .header_background_size; .header_background_attachment; .header_background_position; } } .pagetitle_background(); .fancy-header .h-separator { margin-top: ~"@{page-title-fancy-separator-margin}px" !important; margin-bottom: ~"@{page-title-fancy-separator-margin}px" !important;; } div.page-title h1, div.page-title h2, .page-title .meta-info { color: @page_title-font-color; } .page-title .subtitle { color: @page_subtitle-font-color; } .page_title(); /* Footer */ .footer-wrapper .widget .widget-title { color: @footer-area-header-color !important; } .footer_area_color() when (iscolor(@footer-area-background)) { .site-footer .footer-wrapper { background-color: @footer-area-background; } } .footer-area-line { border-top: 1px solid @lines-color; } .footer_top_text_color() when (iscolor(@footer-area-text-color)) { .footer-wrapper { div, p, span, a { color: @footer-area-text-color; } } } .footer_top_link_color() when (iscolor(@footer-area-link-color)) { .footer-wrapper a:hover { color: @footer-area-link-color !important; } } .bottom-bar-social a { margin: 0 ~"@{footer-sub-social-padding}px" !important; } .footer_background() when not (@footer-area-background-image = none) { .site-footer .footer-wrapper { background-image: @footer-area-background-image; .footer_background_repeat () when not (@footer-area-background-repeat = '') { background-repeat: @footer-area-background-repeat; } .footer_background_size () when not (@footer-area-background-size = '') { background-size: @footer-area-background-size; } .footer_background_attachment () when not (@footer-area-background-attachment = '') { background-attachment: @footer-area-background-attachment; } .footer_background_position () when not (@footer-area-background-position = '') { background-position: @footer-area-background-position; } .footer_background_repeat; .footer_background_size; .footer_background_attachment; .footer_background_position; } } .footer_area_color(); .footer_top_text_color(); .footer_top_link_color(); .footer_background(); #bottom-bar { background-color: @footer-sub-background; } .footer_sub_separator() { .footer-sub-line { border-top: 1px solid @lines-color; } } .footer_sub_text_color() when (iscolor(@footer-sub-text-color)) { #bottom-bar, #bottom-bar a { color: @footer-sub-text-color; } } .footer_sub_link_style() when (iscolor(@footer-sub-link-style)) { #bottom-bar .copyright a:hover { color: @footer-sub-link-style !important; } } .footer_sub_link_underline() when (@footer-sub-link-underline = 1) { #bottom-bar .copyright a:hover { border-bottom-color: @footer-sub-link-style; } } .footer_area_link_underline() when (@footer-area-link-underline = 1) { .site-footer .footer-wrapper a:hover { border-bottom-color: @footer-area-link-color; border-bottom-style: solid; border-bottom-width: 1px; } } .footer-logo { max-height:~"@{footer-sub-logo-height}px"; height:~"@{footer-sub-logo-height}px"; } .bottom-bar-social .social_media { font-size:~"@{footer-sub-social-height}px"; } #header-menu .social_media, .menu-right-side .social_media { color: @header-social-color !important; font-size:~"@{header-social-height}px"; margin-right:~"@{header-social-padding}px"; &:hover { .social_hover(); } } .footer_sub_separator(); .footer_sub_text_color(); .footer_sub_link_style(); .footer_sub_link_underline(); .footer_area_link_underline(); .site-footer .footer-wrapper { padding-top: ~"@{footer-area-padding_top}px"; padding-bottom: ~"@{footer-area-padding_bottom}px"; } .footer-wrapper .widget .widget-title { margin-bottom: ~"@{footer-area-title-padding_bottom}px"; } .footer-wrapper .widget { .widget-title { font-family: @footer-area-title-font-family; font-size: @footer-area-title-font-size; font-weight: @footer-area-title-font-weight; line-height: @footer-area-title-font-line-height; text-transform: @footer-area-title-font-transform; } p, ul li { font-family: @footer-area-text-font-family; font-size: @footer-area-text-font-size; font-weight: @footer-area-text-font-weight; line-height: @footer-area-text-font-line-height; text-transform: @footer-area-text-font-transform; } } .bottom-bar-social-top .bottom-bar-social { margin-top: ~"@{footer-sub-social-padding_top}px"; margin-bottom: ~"@{footer-sub-social-padding_bottom}px"; } #bottom-bar .copyright .col1 .elem { margin-left: ~"@{footer-sub-blocks-el-padding}px"; margin-right: ~"@{footer-sub-blocks-el-padding}px"; } #bottom-bar .copyright .col2 .elem { margin-left: ~"@{footer-sub-blocks2-el-padding}px"; margin-right: ~"@{footer-sub-blocks2-el-padding}px"; } /* Portfolio */ .rdy-portfolio-container .figcaption h2, .rdy-portfolio-container.type-list a h2 { color: @portfolio_title-font-color; } .rdy-portfolio-container .figcaption .description, .rdy-portfolio-container.type-list a .description { color: @portfolio_subtitle-font-color; } .rdy-portfolio-container { &.hover-10, &.hover-11 { figure:hover .figcaption { h2 { color: lighten(@portfolio_title-font-color, 10%); } .description { color: lighten(@portfolio_subtitle-font-color, 10%); } } } } /* Blog */ #post-area.blog-list article .image-wrap:hover .entry-title a { color: @accent-color !important; } /* Row */ .row_section { > .wpb_row { margin-left: ~"-@{vc_row__padding}px"; margin-right: ~"-@{vc_row__padding}px"; } > .wpb_row > .row-container { padding: ~"@{vc_row__padding}px"; } /*&.container > .wpb_row.vc_row-has-fill { padding-left: ~"@{vc_row__padding}px"; padding-right: ~"@{vc_row__padding}px"; }*/ } /* Woocommerce */ .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { background-color: @accent-color; } .woo-orderby-dropdown .select2-results__option--highlighted, .woo-orderby-dropdown .select2-results .select2-highlighted { background-color: @accent-color !important; } .widget_price_filter .ui-slider .ui-slider-range { background: @accent-color !important; } .woocommerce .product .onsale, .woocommerce .product .single-onsale { if_accent_light() when (@accent-color-light = 1){ color: #000 } if_accent_light() when not (@accent-color-light = 1){ color: #fff } background-color: @accent-color; if_accent_light() } .woocommerce .wc-product-row, .woocommerce .related, .woocommerce .upsells { margin-left: ~"-@{woo-catalog-list-padding}px"; margin-right: ~"-@{woo-catalog-list-padding}px"; } .woocommerce .wc-product-row li.product, .woocommerce .related .title, .woocommerce .upsells .title { padding-left: ~"@{woo-catalog-list-padding}px"; padding-right: ~"@{woo-catalog-list-padding}px"; } /* MC4 */ form.mc4wp-form p:nth-child(2) input { background: @mc4wp-form-button_color; color: @mc4wp-form-text_color; } form.mc4wp-form p:nth-child(2) input:hover { background: @mc4wp-form-button_hover_color; } .widget_mc4wp_form_widget form.mc4wp-form p:nth-child(2) input { background: @mc4wp-widget-form-button_color; color: @mc4wp-widget-form-text_color; } .widget_mc4wp_form_widget form.mc4wp-form p:nth-child(2) input:hover { background: @mc4wp-widget-form-button_hover_color; } .widget_mc4_size() when (@mc4wp-widget-size_small = 1){ form.mc4wp-form p:first-child input, form.mc4wp-form p:nth-child(2) input { padding: 7px 10px; } } .widget_mc4_size() when (@mc4wp-widget-size_medium = 1){ form.mc4wp-form p:first-child input, form.mc4wp-form p:nth-child(2) input { padding: 13px 10px; } } .widget_mc4_size() when (@mc4wp-widget-size_big = 1){ form.mc4wp-form p:first-child input, form.mc4wp-form p:nth-child(2) input { padding: 17px 10px; } } .widget_mc4_size(); .wpcf7-form input:not([type="submit"]), .wpcf7-form textarea { color: @wpcf7-form-field-text_color !important; &::-webkit-input-placeholder { color: fade(@wpcf7-form-field-text_color, 50%) !important; } &::-moz-placeholder { color: fade(@wpcf7-form-field-text_color, 50%) !important; } &:-ms-input-placeholder { color: fade(@wpcf7-form-field-text_color, 50%) !important; } &:-moz-placeholder { color: fade(@wpcf7-form-field-text_color, 50%) !important; } } .wpcf7-form.style-3 label { color: fade(@wpcf7-form-field-text_color, 45%) !important; } .wpcf7-form:not(.style-2) input:not([type="submit"]), .wpcf7-form:not(.style-2) textarea, .wpcf7-form.style-3 .action-form-input:after, .wpcf7-form.style-3 .action-form-input:before { border-color: @wpcf7-form-field-border_color !important; } .wpcf7-form:not(.style-1):not(.style-2):not(.style-3) input:not([type="submit"]), .wpcf7-form:not(.style-1):not(.style-2):not(.style-3) textarea { background-color: @wpcf7-form-field-background_color; } .wpcf7-form.style-2 input[type="text"], .wpcf7-form.style-2 input[type="email"], .wpcf7-form.style-2 input[type="url"], .wpcf7-form.style-2 input[type="password"], .wpcf7-form.style-2 input[type="search"], .wpcf7-form.style-2 textarea { border-bottom: 2px solid @wpcf7-color-lines; } .wpcf7-form.style-2 input[type="text"], .wpcf7-form.style-2 input[type="email"], .wpcf7-form.style-2 input[type="url"], .wpcf7-form.style-2 input[type="password"], .wpcf7-form.style-2 input[type="search"], .wpcf7-form.style-2 textarea { &:hover { border-top-color: @wpcf7-form-field-border_color !important; border-left-color: @wpcf7-form-field-border_color !important; border-right-color: @wpcf7-form-field-border_color !important; } &:focus, &:hover { border-bottom: 2px solid @wpcf7-color-lines; } } .wpcf7-form.style-2 textarea { border-bottom: 2px solid @wpcf7-color-lines; } .wpcf7-form.style-2 textarea:hover, .wpcf7-form.style-2 textarea:focus { border-bottom: 2px solid @wpcf7-color-lines; } .wpcf7-form.style-3 .action-form-input:after { border-bottom-color: @wpcf7-color-lines !important; } .wpcf7_color_lines() when (@wpcf7-color-lines-style-light = 1) { .wpcf7-form.style-3 .action-form-input:before { border-bottom: 0.0625rem solid #eee; } } .wpcf7_color_lines(); .wpcf7_submit_borders() when (@wpcf7-submit-border_radius = 4) { .wpcf7-submit { border-radius: 4px; } } .wpcf7_submit_borders() when (@wpcf7-submit-border_radius = 30) { .wpcf7-submit { border-radius: 30px; } } .wpcf7_submit_borders(); .wpcf7-submit { background-color: fade(@wpcf7-form-button_color, 80%); .rdy_btn_text() when (@buttons-color-light = 1){ color: #000 !important } .rdy_btn_text() when not (@buttons-color-light = 1){ color: #fff !important } .rdy_btn_text(); &:hover, &:focus { background-color: @wpcf7-form-button_color; } } #mobile-menu a.cta-button.cta-button-1 { color: @header-cta-1-text-color !important; background-color: @header-cta-1-color; } #mobile-menu a.cta-button.cta-button-2 { color: @header-cta-2-text-color !important; background-color: @header-cta-2-color; } #mobile-menu a.cta-button.cta-button-3 { color: @header-cta-13-text-color !important; background-color: @header-cta-3-color; } #header-menu a.cta-button.cta-button-1 { color: @header-cta-1-text-color !important; border-radius: ~"@{header-cta-1-border_radius}px"; .rdy_cta_1_padding() when not (@header-cta-1-padding = 0){ padding-left: ~"@{header-cta-1-padding}px" !important; padding-right: ~"@{header-cta-1-padding}px" !important; } .rdy_cta_1_padding(); &.flat { background-color: @header-cta-1-color; &.cta_appear, &:hover { background-color: @header-cta-1-action-color; color: @header-cta-1-action-text-color !important; } } &.outline { &:after { border-width: ~"@{header-cta-1-border}px"; border-color: @header-cta-1-color; border-radius: ~"@{header-cta-1-border_radius}px"; } &.cta_appear, &:hover { background-color: @header-cta-1-color; color: @header-cta-1-action-text-color !important; } } } #header-menu a.cta-button.cta-button-2 { color: @header-cta-2-text-color !important; border-radius: ~"@{header-cta-2-border_radius}px"; .rdy_cta_2_padding() when not (@header-cta-2-padding = 0){ padding-left: ~"@{header-cta-2-padding}px" !important; padding-right: ~"@{header-cta-2-padding}px" !important; } .rdy_cta_2_padding(); &.flat { background-color: @header-cta-2-color; &.cta_appear, &:hover { background-color: @header-cta-2-action-color; color: @header-cta-2-action-text-color !important; } } &.outline { &:after { border-width: ~"@{header-cta-2-border}px"; border-color: @header-cta-2-color; border-radius: ~"@{header-cta-2-border_radius}px"; } &.cta_appear, &:hover { background-color: @header-cta-2-color; color: @header-cta-2-action-text-color !important; } } } #header-menu a.cta-button.cta-button-3 { color: @header-cta-3-text-color !important; border-radius: ~"@{header-cta-3-border_radius}px"; .rdy_cta_3_padding() when not (@header-cta-3-padding = 0){ padding-left: ~"@{header-cta-3-padding}px" !important; padding-right: ~"@{header-cta-3-padding}px" !important; } .rdy_cta_3_padding(); &.flat { background-color: @header-cta-3-color; &.cta_appear, &:hover { background-color: @header-cta-3-action-color; color: @header-cta-3-action-text-color !important; } } &.outline { &:after { border-width: ~"@{header-cta-3-border}px"; border-color: @header-cta-3-color; border-radius: ~"@{header-cta-3-border_radius}px"; } &.cta_appear, &:hover { background-color: @header-cta-3-color; color: @header-cta-3-action-text-color !important; } } }