File: /var/www/html/wpprm_err/wp-content/themes/ronneby/inc/dynamic_styles/app.php
<?php
$output .= 'body {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['text_color'] .';';
$output .= '}';
$output .= 'input, textarea {';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= '}';
$output .= 'a {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= 'a[href^="mailto:"] {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= 'a:hover {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= 'a:focus {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.highlight {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= 'body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['text_color'] .';';
$output .= '}';
$output .= 'h1 {';
$output .= 'font-style: '. $vars['title_h1_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h1_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h1_font-size'] .';';
$output .= 'font-family: '. $vars['title_h1_font-family'] .';';
$output .= 'line-height: '. $vars['title_h1_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h1_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h1_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h1_color'] .';';
$output .= '}';
$output .= 'h2 {';
$output .= 'font-style: '. $vars['title_h2_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h2_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h2_font-size'] .';';
$output .= 'font-family: '. $vars['title_h2_font-family'] .';';
$output .= 'line-height: '. $vars['title_h2_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h2_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h2_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h2_color'] .';';
$output .= '}';
$output .= 'h3 {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h3_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h3_color'] .';';
$output .= '}';
$output .= 'h4 {';
$output .= 'font-style: '. $vars['title_h4_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h4_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h4_font-size'] .';';
$output .= 'font-family: '. $vars['title_h4_font-family'] .';';
$output .= 'line-height: '. $vars['title_h4_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h4_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h4_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h4_color'] .';';
$output .= '}';
$output .= 'h5 {';
$output .= 'font-style: '. $vars['title_h5_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h1_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h5_font-size'] .';';
$output .= 'font-family: '. $vars['title_h5_font-family'] .';';
$output .= 'line-height: '. $vars['title_h5_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h5_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h5_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h5_color'] .';';
$output .= '}';
$output .= 'h6 {';
$output .= 'font-style: '. $vars['title_h6_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h6_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h6_font-size'] .';';
$output .= 'font-family: '. $vars['title_h6_font-family'] .';';
$output .= 'line-height: '. $vars['title_h6_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h6_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h6_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h6_color'] .';';
$output .= '}';
$output .= '::-webkit-input-placeholder {';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= '}';
$output .= ':-moz-placeholder {';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= '}';
$output .= 'table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= 'table thead tr th, table tfoot tr td {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= 'blockquote, blockquote p {';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] + 2) .'px;';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= 'blockquote {';
$output .= 'border-left: 2px solid '. $vars['third_site_color'] .';';
$output .= '}';
$output .= 'blockquote .slug {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 2) .'px;';
$output .= '}';
$output .= 'abbr, acronym {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= 'label {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= '}';
$output .= 'fieldset {';
$output .= 'border: solid 1px '. $vars['border_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= 'body.dfd-custom-padding-html .vc-row-wrapper.full_width_content_paddings > .row {';
$output .= 'width: auto;';
$output .= 'max-width: none;';
$output .= 'min-width: 0;';
$output .= 'margin: 0 -10px;';
$output .= 'padding: 0;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .vc-row-wrapper.full_width_small_paddings > .row {';
$output .= 'width: auto;';
$output .= 'max-width: none;';
$output .= 'min-width: 0;';
$output .= 'margin: 0 -3px;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '}';
$output .= '.page-id-3365 .mvb_container, .page-id-902 .mvb_container {';
$output .= 'border-top: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.entry-thumb .link a i, .entry-thumb .hover-link a i {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. $vars['title_color'] .';';
$output .= '}';
$output .= '.entry-thumb .link.small i:before, .entry-thumb .hover-link.small i:before {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.entry-thumb .link.small i:after, .entry-thumb .hover-link.small i:after {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.main_site_color {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.secondary_site_color {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.third_site_color {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-fixed-button {';
$output .= 'margin-left: -'. ($vars['layout_whitespace_size'] + 50) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-fixed-button.dfd-buy:hover {';
$output .= 'margin-left: -'. ($vars['layout_whitespace_size'] + 180) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-fixed-button.dfd-mail:hover {';
$output .= 'margin-left: -'. ($vars['layout_whitespace_size'] + 200) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-new-fixed-buttons {';
$output .= 'margin-bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-new-fixed-buttons.dfd-envato-profile {';
$output .= 'margin-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-new-fixed-buttons.dfd-mail {';
$output .= 'margin-right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-new-fixed-buttons.dfd-buy {';
$output .= 'margin-right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '.dfd-custom-link {';
$output .= 'position: relative;';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-custom-link:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-custom-link-decorated {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-custom-link-decorated:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-custom-link-decorated:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.dfd_unsuport_frontend_module .cell {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['background_gray'], -10) .';';
$output .= '}';
$output .= '#footer .dfd-footer-menu ul li {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#footer .dfd-footer-menu ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .4) .';';
$output .= '}';
$output .= '#footer .widget.widget_nav_menu ul li a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#footer .widget.widget_nav_menu ul li a i {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['subtitle_color'], .8) .';';
$output .= '}';
$output .= '#footer .widget.widget_nav_menu ul li a:hover i {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '#footer .vc-row-wrapper.full_width_content, #footer .vc-row-wrapper.full_width_small_paddings, #footer .vc-row-wrapper.full_width_content_paddings {';
$output .= 'padding: 0 100px;';
$output .= '}';
$output .= '}';
$output .= '@media (max-width: '. ($vars['x_large_responsive_breakpoint'] - 1) .'px) and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= '#footer .vc-row-wrapper.full_width_content, #footer .vc-row-wrapper.full_width_small_paddings, #footer .vc-row-wrapper.full_width_content_paddings {';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '}';
$output .= '#sub-footer .subfooter-copyright {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['text_color'], .8) .';';
$output .= '}';
$output .= '#sub-footer .subfooter-copyright .copyright-section span {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '#sub-footer .subfooter-copyright .copyright-section a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-additional-header-menu li a {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= '}';
$output .= '.dfd-additional-header-menu li a:hover {';
$output .= 'border-bottom-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.total_cart_header {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'line-height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.total_cart_header.advanced .woo-cart-contents .woo-cart-details, .total_cart_header.progressive .woo-cart-contents .woo-cart-details {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.total_cart_header .woo-cart-contents:before {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '.total_cart_header .woo-cart-contents .woo-cart-details {';
$output .= 'color: '. $vars['menu_titles_color'] .';';
$output .= '}';
$output .= '.total_cart_header:hover.simple .woo-cart-contents .woo-cart-details {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .' !important;';
$output .= '}';
$output .= '.total_cart_header:hover .woo-cart-contents .woo-cart-items i {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '.lang-sel {';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_titles_letter-spacing'] .';';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'line-height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.lang-sel > .active, .lang-sel > a {';
$output .= 'color: '. $vars['menu_titles_color'] .';';
$output .= '}';
$output .= '.lang-sel ul > li {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '.lang-sel ul > li a {';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_titles_letter-spacing'] .';';
$output .= '}';
$output .= '.lang-sel ul > li a:before {';
$output .= 'background: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers .lang-sel {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'width: 70px;';
$output .= '}';
$output .= '#header-container.dfd-new-headers .lang-sel ul > li {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers .lang-sel ul > li a {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= '}';
$output .= '#header-container .menu-item-language-current > a {';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_titles_letter-spacing'] .';';
$output .= '}';
$output .= '#header-container .menu-item-language-current ul {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header-container .menu-item-language-current ul li a {';
$output .= 'font-style: '. $vars['menu_dropdowns_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_dropdowns_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_dropdowns_font-size'] .';';
$output .= 'font-family: '. $vars['menu_dropdowns_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdowns_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_dropdowns_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_dropdowns_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1 .menu-item-language-current > a, #header-container.header-style-2 .menu-item-language-current > a, #header-container.header-style-3 .menu-item-language-current > a, #header-container.header-style-4 .menu-item-language-current > a {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'line-height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-1 .menu-item-language-current ul, #header-container.header-style-2 .menu-item-language-current ul, #header-container.header-style-3 .menu-item-language-current ul, #header-container.header-style-4 .menu-item-language-current ul {';
$output .= 'top: '. ($vars['menu_inner_height'] + 20) .'px;';
$output .= '}';
$output .= '#header-container.header-style-1 .menu-item-language-current ul li a:after, #header-container.header-style-2 .menu-item-language-current ul li a:after, #header-container.header-style-3 .menu-item-language-current ul li a:after, #header-container.header-style-4 .menu-item-language-current ul li a:after {';
$output .= 'background: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1 .menu-item-language-current ul li a:hover, #header-container.header-style-2 .menu-item-language-current ul li a:hover, #header-container.header-style-3 .menu-item-language-current ul li a:hover, #header-container.header-style-4 .menu-item-language-current ul li a:hover {';
$output .= 'color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= 'background: '. $vars['menu_dropdown_hover_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-1 .menu-item-language-current ul li a:hover i, #header-container.header-style-2 .menu-item-language-current ul li a:hover i, #header-container.header-style-3 .menu-item-language-current ul li a:hover i, #header-container.header-style-4 .menu-item-language-current ul li a:hover i {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .5) .';';
$output .= '}';
$output .= '#header-container.small.header-style-1 .menu-item-language-current ul, #header-container.small.header-style-2 .menu-item-language-current ul, #header-container.small.header-style-3 .menu-item-language-current ul, #header-container.small.header-style-4 .menu-item-language-current ul {';
$output .= 'top: '. ($vars['menu_inner_height'] + 26) .'px;';
$output .= '}';
$output .= '.login-header:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.login-header .links a {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.login-header .links a span {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= '}';
$output .= '.login-header #loginModal.open + .reveal-modal-bg + .links a i {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.login-header #loginModal label {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= '}';
$output .= '.login-header #loginModal .login-submit button {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= '}';
$output .= '.login-header #loginModal .login-lost-password a, .login-header #loginModal .login-registration a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.login-header #loginModal .login-lost-password a:hover, .login-header #loginModal .login-registration a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.login-header #loginModal .login-lost-password a:before, .login-header #loginModal .login-registration a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.form-search-wrap {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'line-height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.form-search-wrap a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.form-search-section ::-webkit-input-placeholder {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= '}';
$output .= '.form-search-section ::-moz-placeholder {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= '}';
$output .= '.form-search-section :-ms-input-placeholder {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= '}';
$output .= '.form-search-section input:-moz-placeholder {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= '}';
$output .= '.form-search-section input[type="text"] {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= '}';
$output .= '.dfd-custom-padding-html .form-search-section {';
$output .= 'top: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '.header-top-panel .header-info-panel .top-info {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= '}';
$output .= '.header-top-panel .header-info-panel .top-info .dfd-top-info-delim:before {';
$output .= 'height: '. $vars['text_font-size'] .';';
$output .= 'margin-top: -'. ((int)$vars['text_font-size'] / 2) .'px;';
$output .= '}';
$output .= '#header-container.dfd-new-headers .header-top-panel .header-info-panel .top-info {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container {';
$output .= 'top: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html.admin-bar #header-container {';
$output .= 'top: '. ($vars['layout_whitespace_size'] + 32) .'px;';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14).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, #header-container.small:not(.header-style-7):not(.header-style-14).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:after {';
$output .= 'background: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header {';
$output .= 'background: '. $vars['fixed_header_background'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['fixed_header_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item:before, #header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['fixed_header_text_color'], .2) .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child .header-main-panel .side-area-controller-wrap a span:before, #header-container.small:not(.header-style-7):not(.header-style-14) #header .header-wrap > .row:last-child .header-main-panel .side-area-controller-wrap a span:after {';
$output .= 'background: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .form-search-wrap a, #header-container.small:not(.header-style-7):not(.header-style-14) #header .lang-sel > .active, #header-container.small:not(.header-style-7):not(.header-style-14) #header .lang-sel > a, #header-container.small:not(.header-style-7):not(.header-style-14) #header .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.small:not(.header-style-7):not(.header-style-14) #header .total_cart_header .woo-cart-contents .woo-cart-items {';
$output .= 'color: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .nav-menu .mega-menu-item .item-title {';
$output .= 'color: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .icon-mobile-menu:before {';
$output .= 'background-color: '. $vars['fixed_header_text_color'] .';';
$output .= '-webkit-box-shadow: 0 4px 0 '. $vars['fixed_header_text_color'] .', 0 8px 0 '. $vars['fixed_header_text_color'] .';';
$output .= 'box-shadow: 0 4px 0 '. $vars['fixed_header_text_color'] .', 0 8px 0 '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14) #header .icon-mobile-menu:before.active {';
$output .= 'background-color: '. $vars['menu_dropdowns_color'] .';';
$output .= '-webkit-box-shadow: 0 4px 0 '. $vars['menu_dropdowns_color'] .', 0 8px 0 '. $vars['menu_dropdowns_color'] .';';
$output .= 'box-shadow: 0 4px 0 '. $vars['menu_dropdowns_color'] .', 0 8px 0 '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header-container.small:not(.header-style-7):not(.header-style-14).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['menu_dropdowns_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header-container.small.header-style-7:not(.opened) .dfd-top-row, #header-container.small.header-style-14:not(.opened) .dfd-top-row {';
$output .= 'background: '. $vars['fixed_header_background'] .';';
$output .= '}';
$output .= '#header-container.small.header-style-7:not(.opened) .dfd-top-row .columns .logo-for-panel > div.inline-block:before, #header-container.small.header-style-14:not(.opened) .dfd-top-row .columns .logo-for-panel > div.inline-block:before {';
$output .= 'background: '. $vars['sticky_header_logo_background_color'] .';';
$output .= '}';
$output .= '#header-container.small.header-style-7:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.small.header-style-14:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.small.header-style-7:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.small.header-style-14:not(.opened) .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'background: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-middle .logo-wrap.header-top-logo-panel {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= 'margin-left: -'. ($vars['header_logo_width'] / 2) .'px;';
$output .= 'margin-top: -'. ($vars['header_logo_height'] / 2) .'px;';
$output .= '}';
$output .= '#header-container #header .header-top-logo-panel {';
$output .= 'height: '. ($vars['header_logo_height'] + 40) .'px;';
$output .= '}';
$output .= '#header-container #header .header-wrap > .row:last-child > .columns.header-main-panel {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '#header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo {';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo:before {';
$output .= 'background: '. $vars['sticky_header_logo_background_color'] .';';
$output .= '}';
$output .= '#header-container #header .header-additional-menu > ul li {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container #header .header-additional-menu > ul li:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '#header-container #header .header-additional-menu > ul li:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: 1180px) {';
$output .= '.header-col-left {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '.header-col-fluid {';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '.header-col-left {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '.header-col-right {';
$output .= 'width: 280px;';
$output .= '}';
$output .= '.header-col-fluid {';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= 'margin-right: 280px;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled .header-col-left, #header-container:not(.small).dfd-header-buttons-disabled .header-col-left, #header-container.small.dfd-header-buttons-disabled.logo-position-left .header-col-left, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left .header-col-left {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled .header-col-right, #header-container:not(.small).dfd-header-buttons-disabled .header-col-right, #header-container.small.dfd-header-buttons-disabled.logo-position-left .header-col-right, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left .header-col-right {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled .header-col-fluid, #header-container:not(.small).dfd-header-buttons-disabled .header-col-fluid, #header-container.small.dfd-header-buttons-disabled.logo-position-left .header-col-fluid, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left .header-col-fluid {';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-right, #header-container:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-right, #header-container.small.dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-right, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'border-left: none;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-right > *, #header-container:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-right > *, #header-container.small.dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-right > *, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-right > * {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid, #header-container:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid, #header-container.small.dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'padding-right: 0;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu), #header-container:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu), #header-container.small.dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu), #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu) {';
$output .= 'padding-right: 0 !important;';
$output .= '}';
$output .= '#header-container.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu) ul.nav-menu, #header-container:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu) ul.nav-menu, #header-container.small.dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu) ul.nav-menu, #header-container:not(.small).dfd-header-buttons-disabled.logo-position-left #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu:not(#top_left_mega_menu) ul.nav-menu {';
$output .= 'padding-right: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled .header-col-right {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled .header-col-fluid {';
$output .= 'margin-left: 0;';
$output .= 'margin-right: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-right > * {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'border-right: none;';
$output .= '}';
$output .= '#header-container.logo-position-right.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-left > * {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left .header-icons-wrapper > * {';
$output .= 'float: left;';
$output .= 'margin-right: 15px;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left .header-icons-wrapper > *.form-search-wrap {';
$output .= 'margin-right: 10px;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left .header-icons-wrapper > *.side-area-controller-wrap {';
$output .= 'margin-right: 20px;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left .side-area-controller-wrap {';
$output .= 'margin-left: 0;';
$output .= 'margin-right: 15px;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'position: relative;';
$output .= 'z-index: 9999;';
$output .= '}';
$output .= '#header-container.logo-position-right #header .header-wrap > .row:last-child .header-main-panel .header-col-right .header-icons-wrapper > * {';
$output .= 'float: none;';
$output .= 'clear: both;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled .header-col-right {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled .header-col-fluid {';
$output .= 'margin-left: 0;';
$output .= 'margin-right: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-left > * {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'padding-left: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small).dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu {';
$output .= 'padding-left: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small) .header-col-left {';
$output .= 'width: 280px;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small) .header-col-right {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small) .header-col-fluid {';
$output .= 'margin-left: 280px;';
$output .= 'margin-right: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {';
$output .= 'position: relative;';
$output .= '}';
$output .= '#header-container.logo-position-right:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel .inline-block {';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.logo-position-right.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'margin-left: 0;';
$output .= 'margin-right: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right.small.dfd-header-buttons-disabled #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right.small #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'margin-left: 280px;';
$output .= 'margin-right: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right.small #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 280px;';
$output .= '}';
$output .= '#header-container.logo-position-right.small #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-right.small #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel img {';
$output .= 'visibility: hidden;';
$output .= '}';
$output .= '#header-container.logo-position-right.small #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= 'z-index: 9999;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) .header-col-left {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) .header-col-right {';
$output .= 'width: 280px;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) .header-col-fluid {';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= 'margin-right: 280px;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {';
$output .= 'position: relative;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel .inline-block {';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.logo-position-left:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel .inline-block img {';
$output .= 'position: absolute;';
$output .= '}';
$output .= '#header-container.logo-position-left.small #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {';
$output .= 'visibility: hidden;';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1.logo-position-right .header-col-left, #header-container.dfd-new-headers.header-style-2.logo-position-right .header-col-left {';
$output .= 'border-right-width: 0px;';
$output .= 'border-right-style: solid;';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1:not(.logo-position-right) .header-col-right, #header-container.dfd-new-headers.header-style-2:not(.logo-position-right) .header-col-right {';
$output .= 'border-left-width: 0px;';
$output .= 'border-left-style: solid;';
$output .= '}';
$output .= '#header-container.dfd-new-headers.small .lang-sel > .active:before, #header-container.dfd-new-headers.small .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['fixed_header_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title:hover, #header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.hover, #header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.open {';
//$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '-webkit-transition: none;';
$output .= '-moz-transition: none;';
$output .= 'transition: none;';
$output .= '}';
$output .= '#header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title:hover:before, #header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.hover:before, #header-container.dfd-new-headers.small #header .nav-menu .mega-menu-item.menu-item-depth-0 .item-title.open:before {';
$output .= 'bottom: 0;';
$output .= 'opacity: 1;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '.boxed_layout #header-container {';
$output .= 'left: auto;';
$output .= 'max-width: 1280px;';
$output .= 'width: 1280px;';
$output .= '}';
$output .= '.boxed_layout #header-container.header-style-1 #header > *, .boxed_layout #header-container.header-style-2 #header > *, .boxed_layout #header-container.header-style-3 #header > *, .boxed_layout #header-container.header-style-4 #header > *, .boxed_layout #header-container.header-style-6 #header > *, .boxed_layout #header-container.header-style-7 #header > * {';
$output .= 'max-width: 1280px;';
$output .= 'width: 1280px;';
$output .= 'margin: 0 auto;';
$output .= 'padding: 0 10px;';
$output .= '}';
$output .= '.boxed_layout #header-container.header-style-1 #header .header-wrap > .row:last-child, .boxed_layout #header-container.header-style-2 #header .header-wrap > .row:last-child, .boxed_layout #header-container.header-style-3 #header .header-wrap > .row:last-child, .boxed_layout #header-container.header-style-4 #header .header-wrap > .row:last-child, .boxed_layout #header-container.header-style-6 #header .header-wrap > .row:last-child, .boxed_layout #header-container.header-style-7 #header .header-wrap > .row:last-child {';
$output .= 'width: 100%;';
$output .= '}';
$output .= '.boxed_layout .header-layout-fullwidth > #header .header-top-panel .row, .boxed_layout .header-layout-fullwidth > #header > .logo-wrap > .row, .boxed_layout .header-layout-fullwidth > #header > .header-wrap > .row {';
$output .= 'padding-left: 0;';
$output .= 'padding-right: 0;';
$output .= '}';
$output .= '.boxed_layout .header-layout-fullwidth > #header .header-top-panel .row > .columns, .boxed_layout .header-layout-fullwidth > #header > .logo-wrap > .row > .columns, .boxed_layout .header-layout-fullwidth > #header > .header-wrap > .row > .columns {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#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 {';
$output .= 'text-align: left;';
$output .= '}';
$output .= '#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 {';
$output .= 'text-align: right;';
$output .= '}';
$output .= '.header-layout-fullwidth + #stuning-header .row {';
$output .= 'width: 100%;';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '.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 {';
$output .= 'width: 100%;';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '.header-layout-fullwidth + #stuning-header .row {';
$output .= 'width: 100%;';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= 'body.dfd-custom-padding-html #header-container.menu-position-bottom:not(.small) #header {';
$output .= 'padding-top: 0;';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-1 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-2 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-3 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-4 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-9 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-10 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'top: auto;';
$output .= 'bottom: -20px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-1 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-2 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-3 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-4 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-9 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-10 nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0 .item-title:before {';
$output .= 'top: -20px;';
$output .= 'bottom: -6px;';
$output .= 'border-top-left-radius: 0;';
$output .= 'border-top-right-radius: 0;';
$output .= 'border-bottom-left-radius: 2px;';
$output .= 'border-bottom-right-radius: 2px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-1 #header .lang-sel ul, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-2 #header .lang-sel ul, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-3 #header .lang-sel ul, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-4 #header .lang-sel ul, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-9 #header .lang-sel ul, #header-container.menu-position-bottom:not(.small).dfd-new-headers.header-style-10 #header .lang-sel ul {';
$output .= 'top: auto;';
$output .= 'bottom: 0;';
$output .= '}';
$output .= '#header-container.logo-position-right .total_cart_header .shopping-cart-box {';
$output .= 'left: 0;';
$output .= 'right: auto;';
$output .= '}';
$output .= '#header-container.logo-position-right .mobile-logo {';
$output .= 'display: none !important;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small).logo-position-bottom-left #header .header-top-logo-panel, #header-container.menu-position-bottom:not(.small).logo-position-bottom-center #header .header-top-logo-panel, #header-container.menu-position-bottom:not(.small).logo-position-bottom-right #header .header-top-logo-panel {';
$output .= 'position: relative;';
$output .= 'top: auto;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header {';
$output .= 'position: fixed;';
$output .= 'top: auto;';
$output .= 'bottom: 0;';
$output .= 'border-top: 1px solid transparent;';
$output .= '-webkit-transition: bottom .2s ease-in, top .2s ease-in;';
$output .= '-moz-transition: bottom .2s ease-in, top .2s ease-in;';
$output .= 'transition: bottom .2s ease-in, top .2s ease-in;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu .carousel-nav.prev {';
$output .= 'border-right-color: #000000;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu .carousel-nav.next {';
$output .= 'border-left-color: #000000;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu .mega-menu-item .top-line {';
$output .= 'top: auto;';
$output .= 'bottom: -20px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu div.sub-nav {';
$output .= 'top: auto;';
$output .= 'bottom: 100%;';
$output .= 'margin-bottom: 20px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu div.sub-nav.open {';
$output .= 'top: auto;';
$output .= 'bottom: 100%;';
$output .= '-webkit-transition: opacity 500ms linear 500ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= '-moz-transition: opacity 500ms linear 500ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= 'transition: opacity 500ms linear 500ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu div.sub-nav:after {';
$output .= 'top: auto;';
$output .= 'bottom: 0;';
$output .= 'margin-top: 0;';
$output .= 'margin-bottom: -5px;';
$output .= 'border-left-width: 0;';
$output .= 'border-top-width: 0;';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .nav-menu div.sub-nav .sub-sub-menu {';
$output .= 'top: auto;';
$output .= 'bottom: 0;';
$output .= 'margin-bottom: -20px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .total_cart_header .woo-cart-contents:before {';
$output .= 'top: -20px;';
$output .= 'bottom: -10px;';
$output .= 'border-top-left-radius: 0;';
$output .= 'border-top-right-radius: 0;';
$output .= 'border-bottom-left-radius: 2px;';
$output .= 'border-bottom-right-radius: 2px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .total_cart_header .shopping-cart-box {';
$output .= 'top: auto;';
$output .= 'bottom: 100%;';
$output .= 'margin-bottom: 20px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) #header .lang-sel ul {';
$output .= 'top: auto;';
$output .= 'bottom: -14px;';
$output .= '}';
$output .= '#header-container.menu-position-bottom:not(.small) .form-search-section {';
$output .= 'bottom: 100%;';
$output .= '}';
$output .= '#header-container.menu-position-bottom.small #header {';
$output .= 'top: auto;';
$output .= 'bottom: auto;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['x_large_responsive_breakpoint'] - 1) .'px) {';
$output .= '.top-inner-page {';
$output .= 'display: none;';
$output .= '}';
$output .= '.nav-menu .mega-menu-item .item-title {';
$output .= 'padding: 0 15px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['header_responsive_breakpoint'] + 40) .'px) {';
$output .= '.nav-menu .mega-menu-item.menu-item-depth-0:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container #header {';
$output .= 'padding: 0 '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['header_responsive_breakpoint'] - 1) .'px) {';
$output .= 'body.dfd-custom-padding-html #header-container {';
$output .= 'top: 0;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html.admin-bar #header-container {';
$output .= 'top: 0;';
$output .= '}';
$output .= 'body.admin-bar #header-container {';
$output .= 'top: 0;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-middle .logo-wrap.header-top-logo-panel {';
$output .= 'display: none;';
$output .= '}';
$output .= '.dfd-search-mobile-show {';
$output .= 'display: block !important;';
$output .= '}';
$output .= '.dfd-header-responsive-hide {';
$output .= 'display: none;';
$output .= '}';
$output .= '.header-top-panel {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_header_color'], .1) .';';
$output .= '}';
$output .= '.header-top-panel .header-info-panel .top-info .dfd-top-info-delim:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_header_color'], .1) .';';
$output .= '}';
$output .= '#header-container #header {';
$output .= 'margin-top: 0;';
$output .= '}';
$output .= '#header-container.small.with-top-panel #header, #header-container.slide-up.with-top-panel #header, #header-container.small.without-top-panel #header, #header-container.slide-up.without-top-panel #header {';
$output .= 'margin-top: 0;';
$output .= '}';
$output .= '#header-container:not(.small) {';
$output .= 'top: 0;';
$output .= '}';
$output .= '#header-container:not(.small).header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small).header-style-3 #header .header-wrap > .row:last-child .header-main-panel, #header-container:not(.small).header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container:not(.small).header-style-3 #header .header-wrap > .row:last-child .header-main-panel .mobile-logo, #header-container:not(.small).header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container:not(.small) .dfd-side-bar-logo {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small).header-style-7 .dfd-top-row, #header-container:not(.small).header-style-7 .header-soc-icons {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small) #header {';
$output .= 'position: relative;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo, #header-container:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-right .mobile-logo {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left .mobile-logo .logo-for-panel, #header-container:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-right .mobile-logo .logo-for-panel {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child {';
$output .= 'padding-top: 0;';
$output .= 'padding-bottom: 0;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel {';
$output .= 'height: auto;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left {';
$output .= 'height: '. ($vars['header_logo_height'] + 40) .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= 'padding: 20px 0;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .mobile-logo {';
$output .= 'max-height: 100%;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .mobile-logo * {';
$output .= 'max-height: 100% !important;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right {';
$output .= 'width: 215px;';
$output .= 'height: '. ($vars['header_logo_height'] + 40) .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= 'text-align: right;';
$output .= 'padding: 20px 0;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper {';
$output .= 'display: inline-block;';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper > * {';
$output .= 'float: left;';
$output .= 'position: relative;';
$output .= 'top: 50%;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .form-search-wrap:before, #header-container:not(.small) #header .header-wrap > .row:last-child .lang-sel:before {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 40px;';
$output .= 'height: 40px;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'left: 50%;';
$output .= 'margin-top: -20px;';
$output .= 'margin-left: -20px;';
$output .= 'z-index: -1;';
$output .= 'visibility: visible;';
$output .= '-webkit-transition: visibility 0s ease 0.4s;';
$output .= '-moz-transition: visibility 0s ease 0.4s;';
$output .= 'transition: visibility 0s ease 0.4s;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .form-search-wrap {';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .form-search-wrap a:before {';
$output .= 'font-size: 14px;';
$output .= 'color: '. $vars['mobile_header_bg'] .';';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .form-search-wrap a:after {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 42px;';
$output .= 'height: 42px;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'left: 50%;';
$output .= 'margin-top: -21px;';
$output .= 'margin-left: -21px;';
$output .= 'background: '. $vars['mobile_header_color'] .';';
$output .= 'z-index: -1;';
$output .= 'border-radius: 50%;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .form-search-wrap a:hover {';
$output .= 'opacity: 0.8;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .lang-sel {';
$output .= 'font-size: '. ((int)$vars['menu_titles_font-size'] + 1) .'px;';
$output .= 'letter-spacing: 0;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .lang-sel:hover:before {';
$output .= 'visibility: hidden;';
$output .= '-webkit-transition: visibility 0s ease;';
$output .= '-moz-transition: visibility 0s ease;';
$output .= 'transition: visibility 0s ease;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .total_cart_header {';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '#header-container:not(.small) #header .header-wrap > .row:last-child .total_cart_header .woo-cart-contents {';
$output .= 'width: 45px;';
$output .= 'margin-top: 5px;';
$output .= '}';
$output .= '#header-container:not(.small):not(.logo-position-right) .form-search-wrap {';
$output .= 'margin-left: 20px;';
$output .= '}';
$output .= '#header-container:not(.small):not(.logo-position-right) .total_cart_header {';
$output .= 'margin-left: 20px;';
$output .= '}';
$output .= '#header-container:not(.small):not(.logo-position-right) .lang-sel {';
$output .= 'margin-left: 20px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right .form-search-wrap {';
$output .= 'margin-right: 20px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right .total_cart_header {';
$output .= 'margin-right: 20px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right .lang-sel {';
$output .= 'margin-right: 20px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right {';
$output .= 'height: '. ($vars['header_logo_height'] + 40) .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= 'padding: 20px 0;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .mobile-logo {';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left {';
$output .= 'width: 215px;';
$output .= 'height: '. ($vars['header_logo_height'] + 40) .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= 'text-align: left;';
$output .= 'padding: 20px 0;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .header-icons-wrapper {';
$output .= 'display: inline-block;';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .header-icons-wrapper > * {';
$output .= 'float: right;';
$output .= 'position: relative;';
$output .= 'top: 50%;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container:not(.small).logo-position-right #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left .dl-menuwrapper {';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '#header-container:not(.small).dfd-new-headers #header .header-wrap > .row:last-child .form-search-wrap a:before {';
$output .= 'color: '. $vars['mobile_header_color'] .';';
$output .= '}';
$output .= '#header-container:not(.small).dfd-new-headers #header .header-wrap > .row:last-child .form-search-wrap a:after {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container:not(.small).dfd-new-headers:not(.small) #header .header-wrap > .row:last-child .total_cart_header {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container:not(.small).dfd-new-headers #header .header-wrap > .row:last-child .header-main-panel .header-col-right .header-icons-wrapper > *.side-area-controller-wrap {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container, #header-container #header {';
$output .= 'position: relative;';
$output .= '}';
$output .= '.header-top-panel .row {';
$output .= 'min-width: 0;';
$output .= 'width: 100%;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container #header {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container #header .header-top-logo-panel {';
$output .= 'display: none !important;';
$output .= '}';
$output .= 'div#header-container {';
$output .= 'background: '.$vars['mobile_header_bg'].';';
$output .= '}';
$output .= '#header-container #header .header-info-panel, #header-container #header .header-info-panel .soc-icons a, #header-container #header .header-wrap > .row:last-child .lang-sel > .active, #header-container #header .header-wrap > .row:last-child .lang-sel > a, #header-container #header .header-wrap > .row:last-child .total_cart_header .woo-cart-contents .woo-cart-items, #header-container #header .header-wrap > .row:last-child .total_cart_header .woo-cart-contents .woo-cart-details {';
$output .= 'color: '.$vars['mobile_header_color'].';';
$output .= '}';
$output .= '#header-container #header .header-wrap > .row:last-child .icon-mobile-menu span.icon-wrap {';
$output .= 'background: '.$vars['mobile_header_color'].';';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['header_responsive_breakpoint'] - 1) .'px) {';
$output .= '.header-style-news #header .header-wrap > .row .header-wrap-shadow {';
$output .= 'left: 0;';
$output .= 'right: 0;';
$output .= '}';
$output .= '}';
$output .= 'nav.mega-menu .carousel-nav {';
$output .= 'height: '. $vars['top_menu_height'] .'px;';
$output .= 'line-height: '. $vars['top_menu_height'] .'px;';
$output .= '}';
$output .= '.nav-menu {';
$output .= 'padding: 0 '. $vars['menu_titles_font-size'] .';';
$output .= '}';
$output .= '.nav-menu .mega-menu-item.menu-item-depth-0:before {';
$output .= 'height: '. ((int)$vars['menu_titles_font-size'] * 1.2) .'px;';
$output .= 'margin-top: -'. ((int)$vars['menu_titles_font-size'] * .6) .'px;';
$output .= '}';
$output .= '.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'height: '. ((int)$vars['menu_titles_font-size'] * 2.5) .'px;';
$output .= 'margin-top: -'. ((int)$vars['menu_titles_font-size'] * 1.25) .'px;';
$output .= '}';
$output .= '.nav-menu .mega-menu-item .item-title {';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_titles_letter-spacing'] .';';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'line-height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.nav-menu .mega-menu-item .item-title:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.nav-menu .mega-menu-item .top-line {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.nav-menu .mega-menu-item .menu-subtitle {';
$output .= 'font-style: '. $vars['menu_dropdown_subtitles_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_dropdown_subtitles_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_dropdown_subtitles_font-size'] .';';
$output .= 'font-family: '. $vars['menu_dropdown_subtitles_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdown_subtitles_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_dropdown_subtitles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_dropdown_subtitles_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdown_subtitles_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '.nav-menu div.sub-nav {';
$output .= 'position: absolute;';
$output .= 'z-index: -1;';
$output .= 'pointer-events: none;';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '-webkit-transition: opacity 500ms ease 500ms, max-height 700ms ease, visibility 0s linear 500ms, top 250ms linear 250ms;';
$output .= '-moz-transition: opacity 500ms ease 500ms, max-height 700ms ease, visibility 0s linear 500ms, top 250ms linear 250ms;';
$output .= 'transition: opacity 500ms ease 500ms, max-height 700ms ease, visibility 0s linear 500ms, top 250ms linear 250ms;';
$output .= 'top: '. $vars['menu_inner_height'] .'px;';
$output .= 'overflow: hidden;';
$output .= 'left: 0;';
$output .= '}';
$output .= '.nav-menu div.sub-nav.open {';
$output .= 'pointer-events: auto;';
$output .= 'z-index: 1001;';
$output .= 'top: '. ($vars['menu_inner_height'] + 20) .'px;';
$output .= 'overflow: visible;';
$output .= '-webkit-transition: opacity 500ms linear 0ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= '-moz-transition: opacity 500ms linear 0ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= 'transition: opacity 500ms linear 0ms, max-height 700ms ease, visibility 200ms linear 0s, top 200ms linear 0s;';
$output .= '}';
$output .= '.nav-menu .sub-sub-menu {';
$output .= 'position: absolute;';
$output .= 'visibility: hidden;';
$output .= 'display: none;';
$output .= 'left: 100%;';
$output .= 'top: -20px;';
$output .= 'padding: 20px 2px 20px 0;';
$output .= 'z-index: 1;';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '}';
$output .= '.nav-menu div.sub-nav a {';
$output .= 'font-style: '. $vars['menu_dropdowns_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_dropdowns_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_dropdowns_font-size'] .';';
$output .= 'font-family: '. $vars['menu_dropdowns_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdowns_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_dropdowns_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_dropdowns_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '.nav-menu div.sub-nav a:after {';
$output .= 'background: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '.nav-menu div.sub-nav a:hover {';
$output .= 'color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= 'background: '. $vars['menu_dropdown_hover_background'] .';';
$output .= '}';
$output .= '.nav-menu div.sub-nav a:hover i {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .5) .';';
$output .= '}';
$output .= '.nav-menu div.sub-nav a i {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .15) .';';
$output .= '}';
$output .= '.nav-menu div.sub-nav .mega-menu-item-has-subtitle > a {';
$output .= 'line-height: '. ((int)$vars['menu_dropdowns_line-height'] - 5) .'px;';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-2 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-3 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-4 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-9 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-10 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-11 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-12 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group, #header-container.header-style-13 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group {';
$output .= 'overflow: hidden;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-2 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-3 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-4 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-9 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-10 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-11 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-12 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.header-style-13 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link {';
$output .= 'position: relative;';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdowns_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: 0;';
$output .= 'word-spacing: 0;';
$output .= 'color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= 'padding-bottom: 15px;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-2 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-3 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-4 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-9 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-10 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-11 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-12 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before, #header-container.header-style-13 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-2 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-3 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-4 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-9 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-10 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-11 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-12 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after, #header-container.header-style-13 .nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link:after {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: auto;';
$output .= 'height: 1px;';
$output .= 'position: absolute;';
$output .= 'left: 20px;';
$output .= 'right: 20px;';
$output .= 'top: auto;';
$output .= 'bottom: 5px;';
$output .= 'margin: 0;';
$output .= 'background: rgba(255, 255, 255, 0.1);';
$output .= 'opacity: 1;';
$output .= 'visibility: visible;';
$output .= '-webkit-transform: none;';
$output .= '-moz-transform: none;';
$output .= '-o-transform: none;';
$output .= 'transform: none;';
$output .= '-webkit-animation: none;';
$output .= '-moz-animation: none;';
$output .= 'animation: none;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide {';
$output .= 'background-size: cover;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li {';
$output .= 'float: left;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > span.without-icon:after, #header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li:last-child > a > i:after {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li.has-submenu > a.sub-menu-link:after {';
$output .= 'content: "";';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li ul.sub-sub-menu {';
$output .= 'margin-left: 0;';
$output .= 'padding-top: 0;';
$output .= 'padding-bottom: 0;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-wide > li > ul.menu-depth-2 {';
$output .= 'position: static;';
$output .= 'visibility: visible;';
$output .= 'top: auto;';
$output .= 'left: auto;';
$output .= 'background: none;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width {';
$output .= 'display: block;';
$output .= 'overflow: visible;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width:after {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'position: absolute;';
$output .= 'top: -1px;';
$output .= 'bottom: -1px;';
$output .= 'left: -1000px;';
$output .= 'right: -1000px;';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= 'z-index: -1;';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '-webkit-box-shadow: 0px -3px 4px 0px rgba(0,0,0,.05);';
$output .= 'box-shadow: 0px -3px 4px 0px rgba(0,0,0,.05);';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width .sub-sub-menu {';
$output .= 'padding-top: 0;';
$output .= 'padding-bottom: 0;';
$output .= '}';
$output .= '#header-container.header-style-1 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-2 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-3 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-4 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-9 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-10 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-11 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-12 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li, #header-container.header-style-13 .nav-menu div.sub-nav > ul.sub-menu.sub-menu-full-width li {';
$output .= 'display: inline-block;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#side-area .nav-menu > li, #header-container.header-style-5 .nav-menu > li, #header-container.header-style-6 .nav-menu > li, #header-container.header-style-7 .nav-menu > li, #header-container.header-style-8 .nav-menu > li {';
$output .= 'background: transparent;';
$output .= '-webkit-transition: background .3s ease, color .3s ease, border-bottom-width .3s ease;';
$output .= '-moz-transition: background .3s ease, color .3s ease, border-bottom-width .3s ease;';
$output .= 'transition: background .3s ease, color .3s ease, border-bottom-width .3s ease;';
$output .= '}';
$output .= '#side-area .nav-menu > li:first-child .item-title, #header-container.header-style-5 .nav-menu > li:first-child .item-title, #header-container.header-style-6 .nav-menu > li:first-child .item-title, #header-container.header-style-7 .nav-menu > li:first-child .item-title, #header-container.header-style-8 .nav-menu > li:first-child .item-title {';
$output .= 'border-top-width: 0;';
$output .= '}';
$output .= '#side-area .nav-menu > li .item-title, #header-container.header-style-5 .nav-menu > li .item-title, #header-container.header-style-6 .nav-menu > li .item-title, #header-container.header-style-7 .nav-menu > li .item-title, #header-container.header-style-8 .nav-menu > li .item-title {';
$output .= 'background: transparent;';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_titles_color'], .1) .';';
$output .= '-webkit-transition: border-top-width 0.3s ease;';
$output .= '-moz-transition: border-top-width 0.3s ease;';
$output .= 'transition: border-top-width 0.3s ease;';
$output .= '}';
$output .= '#side-area .nav-menu > li:hover, #header-container.header-style-5 .nav-menu > li:hover, #header-container.header-style-6 .nav-menu > li:hover, #header-container.header-style-7 .nav-menu > li:hover, #header-container.header-style-8 .nav-menu > li:hover {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#side-area .nav-menu > li:hover .item-title, #header-container.header-style-5 .nav-menu > li:hover .item-title, #header-container.header-style-6 .nav-menu > li:hover .item-title, #header-container.header-style-7 .nav-menu > li:hover .item-title, #header-container.header-style-8 .nav-menu > li:hover .item-title {';
$output .= 'background: transparent;';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= 'border-top-color: transparent;';
$output .= '}';
$output .= '#side-area .nav-menu > li:hover + li .item-title, #header-container.header-style-5 .nav-menu > li:hover + li .item-title, #header-container.header-style-6 .nav-menu > li:hover + li .item-title, #header-container.header-style-7 .nav-menu > li:hover + li .item-title, #header-container.header-style-8 .nav-menu > li:hover + li .item-title {';
$output .= 'border-top-color: transparent !important;';
$output .= '}';
$output .= '#side-area .nav-menu li > a, #header-container.header-style-5 .nav-menu li > a, #header-container.header-style-6 .nav-menu li > a, #header-container.header-style-7 .nav-menu li > a, #header-container.header-style-8 .nav-menu li > a {';
$output .= 'background: transparent;';
$output .= '-webkit-transition: color .3s ease, background .3s ease;';
$output .= '-moz-transition: color .3s ease, background .3s ease;';
$output .= 'transition: color .3s ease, background .3s ease;';
$output .= '}';
$output .= '#side-area .nav-menu li:first-child > a:after, #header-container.header-style-5 .nav-menu li:first-child > a:after, #header-container.header-style-6 .nav-menu li:first-child > a:after, #header-container.header-style-7 .nav-menu li:first-child > a:after, #header-container.header-style-8 .nav-menu li:first-child > a:after {';
$output .= 'display: none;';
$output .= '}';
$output .= '#side-area .nav-menu li:hover > a, #header-container.header-style-5 .nav-menu li:hover > a, #header-container.header-style-6 .nav-menu li:hover > a, #header-container.header-style-7 .nav-menu li:hover > a, #header-container.header-style-8 .nav-menu li:hover > a {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -2) .';';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#side-area .nav-menu li:hover > a:after, #header-container.header-style-5 .nav-menu li:hover > a:after, #header-container.header-style-6 .nav-menu li:hover > a:after, #header-container.header-style-7 .nav-menu li:hover > a:after, #header-container.header-style-8 .nav-menu li:hover > a:after {';
$output .= 'visibility: hidden !important;';
$output .= '}';
$output .= '#side-area .nav-menu li:hover + li > a:after, #header-container.header-style-5 .nav-menu li:hover + li > a:after, #header-container.header-style-6 .nav-menu li:hover + li > a:after, #header-container.header-style-7 .nav-menu li:hover + li > a:after, #header-container.header-style-8 .nav-menu li:hover + li > a:after {';
$output .= 'visibility: hidden !important;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav, #header-container.header-style-5 .nav-menu div.sub-nav, #header-container.header-style-6 .nav-menu div.sub-nav, #header-container.header-style-7 .nav-menu div.sub-nav, #header-container.header-style-8 .nav-menu div.sub-nav {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul, #header-container.header-style-5 .nav-menu div.sub-nav ul, #header-container.header-style-6 .nav-menu div.sub-nav ul, #header-container.header-style-7 .nav-menu div.sub-nav ul, #header-container.header-style-8 .nav-menu div.sub-nav ul {';
$output .= 'background-image: none !important;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul:before, #header-container.header-style-5 .nav-menu div.sub-nav ul:before, #header-container.header-style-6 .nav-menu div.sub-nav ul:before, #header-container.header-style-7 .nav-menu div.sub-nav ul:before, #header-container.header-style-8 .nav-menu div.sub-nav ul:before {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 5000px;';
$output .= 'position: absolute;';
$output .= 'top: -2000px;';
$output .= 'left: 0;';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li, #header-container.header-style-5 .nav-menu div.sub-nav ul li, #header-container.header-style-6 .nav-menu div.sub-nav ul li, #header-container.header-style-7 .nav-menu div.sub-nav ul li, #header-container.header-style-8 .nav-menu div.sub-nav ul li {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li > a, #header-container.header-style-5 .nav-menu div.sub-nav ul li > a, #header-container.header-style-6 .nav-menu div.sub-nav ul li > a, #header-container.header-style-7 .nav-menu div.sub-nav ul li > a, #header-container.header-style-8 .nav-menu div.sub-nav ul li > a {';
$output .= 'padding: 5px 90px 5px 50px;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li > a:before, #header-container.header-style-5 .nav-menu div.sub-nav ul li > a:before, #header-container.header-style-6 .nav-menu div.sub-nav ul li > a:before, #header-container.header-style-7 .nav-menu div.sub-nav ul li > a:before, #header-container.header-style-8 .nav-menu div.sub-nav ul li > a:before {';
$output .= 'right: 30px;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li ul, #header-container.header-style-5 .nav-menu div.sub-nav ul li ul, #header-container.header-style-6 .nav-menu div.sub-nav ul li ul, #header-container.header-style-7 .nav-menu div.sub-nav ul li ul, #header-container.header-style-8 .nav-menu div.sub-nav ul li ul {';
$output .= '-webkit-transition: visibility 0s ease 0.2s;';
$output .= '-moz-transition: visibility 0s ease 0.2s;';
$output .= 'transition: visibility 0s ease 0.2s;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li:hover ul, #header-container.header-style-5 .nav-menu div.sub-nav ul li:hover ul, #header-container.header-style-6 .nav-menu div.sub-nav ul li:hover ul, #header-container.header-style-7 .nav-menu div.sub-nav ul li:hover ul, #header-container.header-style-8 .nav-menu div.sub-nav ul li:hover ul {';
$output .= '-webkit-transition: visibility 0s ease 0s;';
$output .= '-moz-transition: visibility 0s ease 0s;';
$output .= 'transition: visibility 0s ease 0s;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li:hover ul li > a:after, #header-container.header-style-5 .nav-menu div.sub-nav ul li:hover ul li > a:after, #header-container.header-style-6 .nav-menu div.sub-nav ul li:hover ul li > a:after, #header-container.header-style-7 .nav-menu div.sub-nav ul li:hover ul li > a:after, #header-container.header-style-8 .nav-menu div.sub-nav ul li:hover ul li > a:after {';
$output .= 'visibility: visible;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav ul li:hover ul li:hover > a, #header-container.header-style-5 .nav-menu div.sub-nav ul li:hover ul li:hover > a, #header-container.header-style-6 .nav-menu div.sub-nav ul li:hover ul li:hover > a, #header-container.header-style-7 .nav-menu div.sub-nav ul li:hover ul li:hover > a, #header-container.header-style-8 .nav-menu div.sub-nav ul li:hover ul li:hover > a {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -4) .';';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav > ul:before, #header-container.header-style-5 .nav-menu div.sub-nav > ul:before, #header-container.header-style-6 .nav-menu div.sub-nav > ul:before, #header-container.header-style-7 .nav-menu div.sub-nav > ul:before, #header-container.header-style-8 .nav-menu div.sub-nav > ul:before {';
$output .= 'opacity: 1;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav > ul > li > a, #header-container.header-style-5 .nav-menu div.sub-nav > ul > li > a, #header-container.header-style-6 .nav-menu div.sub-nav > ul > li > a, #header-container.header-style-7 .nav-menu div.sub-nav > ul > li > a, #header-container.header-style-8 .nav-menu div.sub-nav > ul > li > a {';
$output .= 'padding-left: 60px;';
$output .= 'padding-right: 110px;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav > ul > li > a:after, #header-container.header-style-5 .nav-menu div.sub-nav > ul > li > a:after, #header-container.header-style-6 .nav-menu div.sub-nav > ul > li > a:after, #header-container.header-style-7 .nav-menu div.sub-nav > ul > li > a:after, #header-container.header-style-8 .nav-menu div.sub-nav > ul > li > a:after {';
$output .= 'visibility: visible;';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav > ul ul:before, #header-container.header-style-5 .nav-menu div.sub-nav > ul ul:before, #header-container.header-style-6 .nav-menu div.sub-nav > ul ul:before, #header-container.header-style-7 .nav-menu div.sub-nav > ul ul:before, #header-container.header-style-8 .nav-menu div.sub-nav > ul ul:before {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -2) .';';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav > ul ul ul:before, #header-container.header-style-5 .nav-menu div.sub-nav > ul ul ul:before, #header-container.header-style-6 .nav-menu div.sub-nav > ul ul ul:before, #header-container.header-style-7 .nav-menu div.sub-nav > ul ul ul:before, #header-container.header-style-8 .nav-menu div.sub-nav > ul ul ul:before {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -4) .';';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav .sub-sub-menu, #header-container.header-style-5 .nav-menu div.sub-nav .sub-sub-menu, #header-container.header-style-6 .nav-menu div.sub-nav .sub-sub-menu, #header-container.header-style-7 .nav-menu div.sub-nav .sub-sub-menu, #header-container.header-style-8 .nav-menu div.sub-nav .sub-sub-menu {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '}';
$output .= '#side-area .nav-menu div.sub-nav a:after, #header-container.header-style-5 .nav-menu div.sub-nav a:after, #header-container.header-style-7 .nav-menu div.sub-nav a:after, #header-container.header-style-8 .nav-menu div.sub-nav a:after {';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .1) .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-2.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-3.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-4.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-9.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-10.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-12.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-13.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-1:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-2:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-3:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-4:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-9:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-10:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-12:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-13:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:hover, #header-container.dfd-new-headers.header-style-1.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-2.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-3.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-4.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-9.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-10.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-12.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-13.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-1:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-2:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-3:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-4:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-9:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-10:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-12:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-13:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.focus, #header-container.dfd-new-headers.header-style-1.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-2.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-3.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-4.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-9.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-10.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-12.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-13.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-1:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-2:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-3:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-4:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-9:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-10:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-12:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-13:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.hover, #header-container.dfd-new-headers.header-style-1.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-2.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-3.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-4.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-9.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-10.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-12.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-13.small #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-1:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-2:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-3:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-4:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-9:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-10:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-12:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open, #header-container.dfd-new-headers.header-style-13:not(.small) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title.open {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-2 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-3 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-4 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-9 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-10 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-12 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-13 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:after, #header-container.dfd-new-headers.header-style-1 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-2 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-3 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-4 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-9 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-10 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-12 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after, #header-container.dfd-new-headers.header-style-13 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:after {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-2 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-3 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-4 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-9 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-10 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-12 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before, #header-container.dfd-new-headers.header-style-13 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.header-style-1 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-2 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-3 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-4 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-9 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-10 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-12 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link, #header-container.dfd-new-headers.header-style-13 #header .header-wrap nav.mega-menu ul.nav-menu div.sub-nav .sub-menu-wide.sub-nav-group .sub-nav-item.menu-item-depth-1.has-submenu > a.menu-link.sub-menu-link {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#header-container.dfd-new-headers.dfd-highlight-has-submenu.header-style-5 #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu:hover .item-title:after, #header-container.dfd-new-headers.dfd-highlight-has-submenu.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 {';
$output .= 'background: '. $vars['menu_dropdowns_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel {';
$output .= 'background: transparent;';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .header-info-panel .soc-icons a:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .header-wishlist-button:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .lang-sel > .active, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .lang-sel > a, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .lang-sel > .active, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .lang-sel > a, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .total_cart_header .woo-cart-contents .woo-cart-items i, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .total_cart_header .woo-cart-contents .woo-cart-items i, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .form-search-wrap a, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item .item-title:after, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a .icon-wrap:after, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a:hover, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light #header .header-wrap .side-area-controller-wrap a:hover {';
$output .= '-webkit-box-shadow: 0 2px 6px 1px '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .2) .';';
$output .= 'box-shadow: 0 2px 6px 1px '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel {';
$output .= 'background: transparent;';
$output .= 'color: #ffffff;';
$output .= 'border-bottom-color: rgba(255, 255, 255, 0.2);';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .header-info-panel .soc-icons a:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .header-wishlist-button:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-top-panel .header-wishlist-button:before {';
$output .= 'background: rgba(255, 255, 255, 0.2);';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .lang-sel > .active, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .lang-sel > a, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .lang-sel > .active, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .lang-sel > a, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .form-search-wrap a, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .form-search-wrap a {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: rgba(255, 255, 255, 0.1);';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item .item-title:after, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: rgba(255, 255, 255, 0.2);';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a .icon-wrap:after, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a:hover, #header-container.header-style-4:not(.small).dfd-smart-header.dfd-header-light.dfd-header-dark .header-wrap .side-area-controller-wrap a:hover {';
$output .= '-webkit-box-shadow: 0 2px 6px 1px rgba(255, 255, 255, 0.2);';
$output .= 'box-shadow: 0 2px 6px 1px rgba(255, 255, 255, 0.2);';
$output .= '}';
$output .= '}';
$output .= 'div.page-title-inner {';
$output .= 'min-height: '. $vars['stunning_header_min_height'] .'px;';
$output .= 'height: '. $vars['stunning_header_min_height'] .'px;';
$output .= '}';
$output .= 'div.page-title-inner .dfd-news-categories .byline.category a {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'color: #ffffff;';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= 'div.page-title-inner .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .page-title {';
$output .= 'font-style: '. $vars['stunning_header_title_font-style'] .';';
$output .= 'font-weight: '. $vars['stunning_header_title_font-weight'] .';';
$output .= 'font-size: '. $vars['stunning_header_title_font-size'] .';';
$output .= 'font-family: '. $vars['stunning_header_title_font-family'] .';';
$output .= 'line-height: '. $vars['stunning_header_title_line-height'] .';';
$output .= 'text-transform: '. $vars['stunning_header_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['stunning_header_title_letter-spacing'] .';';
$output .= 'color: '. $vars['stunning_header_title_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .page-subtitle {';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] + 2) .'px;';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .dfd-meta-wrap .entry-meta .entry-comments {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .breadcrumbs {';
$output .= 'font-style: '. $vars['entry_meta_font-style'] .';';
$output .= 'font-weight: '. $vars['entry_meta_font-weight'] .';';
$output .= 'font-size: '. $vars['entry_meta_font-size'] .';';
$output .= 'font-family: '. $vars['entry_meta_font-family'] .';';
$output .= '}';
$output .= 'div.page-title-inner .breadcrumbs > nav {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .breadcrumbs > nav a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner .breadcrumbs > nav .del:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .4) .';';
$output .= '}';
$output .= 'div.page-title-inner.page-title-inner-bgcheck .entry-meta .author a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= 'div.page-title-inner.page-title-inner-bgcheck .entry-meta .entry-comments {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-1 #header .header-top-panel {';
$output .= 'background: '. $vars['header_first_top_panel_background_color'] .';';
$output .= 'color: '. $vars['header_first_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-1 #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-1 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_first_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-23 a:before {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).logo-position-top-left .header-top-logo-panel, #header-container.header-style-1:not(.small).logo-position-top-center .header-top-logo-panel, #header-container.header-style-1:not(.small).logo-position-top-right .header-top-logo-panel, #header-container.header-style-1:not(.small).logo-position-bottom-left .header-top-logo-panel, #header-container.header-style-1:not(.small).logo-position-bottom-center .header-top-logo-panel, #header-container.header-style-1:not(.small).logo-position-bottom-right .header-top-logo-panel {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).logo-position-top-left #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-1:not(.small).logo-position-top-center #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-1:not(.small).logo-position-top-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-1:not(.small).logo-position-bottom-left #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-1:not(.small).logo-position-bottom-center #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-1:not(.small).logo-position-bottom-right #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).menu-position-bottom #header {';
$output .= 'border-top-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).logo-position-right .header-col-left {';
$output .= 'border-right-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small):not(.logo-position-right) .header-col-right {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .logo-wrap {';
$output .= 'background: '. $vars['header_first_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_first_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .menu-item-language-current > a, #header-container.header-style-1:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-1:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-1:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-1:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-1:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_first_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-1:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-1:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_first_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-1:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_first_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_first_text_color'] .', 8px 0 0 0 '. $vars['header_first_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_first_text_color'] .', 8px 0 0 0 '. $vars['header_first_text_color'] .';';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-2 #header .header-top-panel {';
$output .= 'background: '. $vars['header_second_top_panel_background'] .';';
$output .= 'color: '. $vars['header_second_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-2 #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-2 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_second_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_background'], .2) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-10 a:before, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a:before, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:before, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-19 a:before, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-20 a:before, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-26 a:before {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-2 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).logo-position-top-left .header-top-logo-panel, #header-container.header-style-2:not(.small).logo-position-top-center .header-top-logo-panel, #header-container.header-style-2:not(.small).logo-position-top-right .header-top-logo-panel, #header-container.header-style-2:not(.small).logo-position-bottom-left .header-top-logo-panel, #header-container.header-style-2:not(.small).logo-position-bottom-center .header-top-logo-panel, #header-container.header-style-2:not(.small).logo-position-bottom-right .header-top-logo-panel {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).menu-position-bottom #header {';
$output .= 'border-top-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).logo-position-right .header-col-left {';
$output .= 'border-right-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small):not(.logo-position-right) .header-col-right {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .logo-wrap {';
$output .= 'background: '. $vars['header_second_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_second_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .menu-item-language-current > a, #header-container.header-style-2:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-2:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-2:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-2:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-2:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_second_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-2:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-2:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_second_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-2:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_second_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_second_text_color'] .', 8px 0 0 0 '. $vars['header_second_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_second_text_color'] .', 8px 0 0 0 '. $vars['header_second_text_color'] .';';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-right, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'right: 10px;';
$output .= 'width: 280px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'position: relative;';
$output .= 'margin-left: 0;';
$output .= 'margin-right: 0;';
$output .= 'padding-left: 10px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu {';
$output .= 'float: left;';
$output .= 'width: 50%;';
$output .= 'min-width: 50%;';
$output .= 'padding-right: '. ($vars['header_logo_width'] / 2) .'px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu .carousel-nav.next, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_left_mega_menu .carousel-nav.next {';
$output .= 'right: '. ($vars['header_logo_width'] / 2) .'px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu {';
$output .= 'float: right;';
$output .= 'width: 50%;';
$output .= 'min-width: 50%;';
$output .= 'padding-left: '. ($vars['header_logo_width'] / 2) .'px;';
$output .= 'padding-right: 280px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu .carousel-nav.prev, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu .carousel-nav.prev {';
$output .= 'left: '. ($vars['header_logo_width'] / 2) .'px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu .carousel-nav.next, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid #top_right_mega_menu .carousel-nav.next {';
$output .= 'right: 140px;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .mobile-logo, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .mobile-logo, #header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= 'margin: 0 auto;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel {';
$output .= 'display: block;';
$output .= 'position: relative;';
$output .= 'z-index: 999;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel div.inline-block, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel div.inline-block {';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'left: 0;';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo {';
$output .= 'left: 50%;';
$output .= '-webkit-transform: translateX(-50%);';
$output .= '-moz-transform: translateX(-50%);';
$output .= '-o-transform: translateX(-50%);';
$output .= 'transform: translateX(-50%);';
$output .= 'z-index: 999;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .mobile-logo, #header-container.header-style-4 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .mobile-logo {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .dl-menuwrapper, #header-container.header-style-4 #header .dl-menuwrapper {';
$output .= 'z-index: 999;';
$output .= '}';
$output .= '#header-container.header-style-3.small #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-4.small #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.header-style-3.small #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel, #header-container.header-style-4.small #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .logo-for-panel {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel {';
$output .= 'background: '. $vars['header_third_top_panel_background_color'] .';';
$output .= 'color: '. $vars['header_third_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-3 #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-3 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_third_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-23 a:before {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-3 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_background_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_third_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .menu-item-language-current > a, #header-container.header-style-3:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-3:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-3:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-3:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-3:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_third_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-3:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-3:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_third_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-3:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_third_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_third_text_color'] .', 8px 0 0 0 '. $vars['header_third_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_third_text_color'] .', 8px 0 0 0 '. $vars['header_third_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel {';
$output .= 'background: '. $vars['header_fourth_top_panel_background'] .';';
$output .= 'color: '. $vars['header_fourth_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-4 #header .header-top-panel .dfd-additional-header-menu:before, #header-container.header-style-4 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_fourth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_background'], .2) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-10 a:before, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a:before, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:before, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-19 a:before, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-20 a:before, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-26 a:before {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-4 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_fourth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .menu-item-language-current > a, #header-container.header-style-4:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-4:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-4:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-4:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-4:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_fourth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-4:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-4:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_fourth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-4:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_fourth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_fourth_text_color'] .', 8px 0 0 0 '. $vars['header_fourth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_fourth_text_color'] .', 8px 0 0 0 '. $vars['header_fourth_text_color'] .';';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-5, #header-container.header-style-8 {';
$output .= 'width: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.right .nav-menu div.sub-nav.open, #header-container.header-style-8.right .nav-menu div.sub-nav.open {';
$output .= 'left: auto;';
$output .= 'right: 100%;';
$output .= 'margin-right: 0;';
$output .= 'margin-left: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-5.right .nav-menu div.sub-nav.open .sub-sub-menu, #header-container.header-style-8.right .nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'left: auto;';
$output .= 'right: 100%;';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.right .nav-menu div.sub-nav a, #header-container.header-style-8.right .nav-menu div.sub-nav a {';
$output .= 'text-align: right !important;';
$output .= 'padding: 5px 20px 5px 60px;';
$output .= '}';
$output .= '#header-container.header-style-5.right .nav-menu div.sub-nav a:before, #header-container.header-style-8.right .nav-menu div.sub-nav a:before {';
$output .= 'right: auto;';
$output .= 'left: 20px;';
$output .= '}';
$output .= '#header-container.header-style-5.right .shopping-cart-box, #header-container.header-style-8.right .shopping-cart-box {';
$output .= 'border-bottom-right-radius: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.right .login-header #loginModal, #header-container.header-style-8.right .login-header #loginModal {';
$output .= 'top: 0 !important;';
$output .= 'right: 100%;';
$output .= 'margin-right: 30px;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container.header-style-5.left .nav-menu div.sub-nav.open, #header-container.header-style-8.left .nav-menu div.sub-nav.open {';
$output .= 'left: 100%;';
$output .= 'margin-left: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-5.left .nav-menu div.sub-nav.open .sub-sub-menu, #header-container.header-style-8.left .nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.left .shopping-cart-box, #header-container.header-style-8.left .shopping-cart-box {';
$output .= 'right: auto;';
$output .= 'left: 5px;';
$output .= 'border-bottom-left-radius: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.left .login-header #loginModal, #header-container.header-style-8.left .login-header #loginModal {';
$output .= 'top: 0 !important;';
$output .= 'left: 100%;';
$output .= 'margin-left: 30px;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container.header-style-5 .total_cart_header .woo-cart-contents:before, #header-container.header-style-8 .total_cart_header .woo-cart-contents:before {';
$output .= 'border-top-left-radius: 0;';
$output .= 'border-top-right-radius: 0;';
$output .= 'border-bottom-left-radius: 2px;';
$output .= 'border-bottom-right-radius: 2px;';
$output .= '}';
$output .= '#header-container.header-style-5 .shopping-cart-box, #header-container.header-style-8 .shopping-cart-box {';
$output .= 'top: auto;';
$output .= 'bottom: 40px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header,';
$output .= '#header-container.header-style-8 #header {';
$output .= 'position: fixed;';
$output .= 'top: 0;';
$output .= 'bottom: 0;';
$output .= 'width: 300px;';
$output .= 'text-align: inherit;';
$output .= 'padding: 0 !important;';
$output .= 'background-color: '. $vars['header_eighth_background_color'] .';';
$output .= 'background-position: '. $vars['header_eighth_bg_img_position'] .';';
$output .= 'background-repeat: no-repeat;';
$output .= 'background-size: cover;';
$output .= '-webkit-transition: left .3s ease, right .3s ease;';
$output .= '-moz-transition: left .3s ease, right .3s ease;';
$output .= 'transition: left .3s ease, right .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item .item-title:before, #header-container.header-style-8 #header .nav-menu .mega-menu-item .item-title:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-side-header-container, #header-container.header-style-8 #header .dfd-side-header-container {';
$output .= 'position: relative;';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item.menu-item-depth-0:not(.current-menu-ancestor):before, #header-container.header-style-8 #header .nav-menu .mega-menu-item.menu-item-depth-0:not(.current-menu-ancestor):before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel, #header-container.header-style-8 #header .header-top-logo-panel {';
$output .= 'position: relative;';
$output .= 'width: 100%;';
$output .= 'height: 230px;';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'left: 50%;';
$output .= 'margin-left: -150px;';
$output .= 'padding: 0;';
$output .= 'z-index: 1000;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel *, #header-container.header-style-8 #header .header-top-logo-panel * {';
$output .= 'height: auto;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row, #header-container.header-style-8 #header .header-top-logo-panel .row {';
$output .= 'width: 300px;';
$output .= 'min-width: 0;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns, #header-container.header-style-8 #header .header-top-logo-panel .row .columns {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns > *, #header-container.header-style-8 #header .header-top-logo-panel .row .columns > * {';
$output .= 'padding-left: 30px;';
$output .= 'padding-right: 30px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns .logo-for-panel, #header-container.header-style-8 #header .header-top-logo-panel .row .columns .logo-for-panel {';
$output .= 'height: '. ($vars['header_logo_height'] + 70) .'px;';
$output .= 'padding-top: 35px;';
$output .= 'padding-bottom: 35px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns .logo-for-panel > *, #header-container.header-style-8 #header .header-top-logo-panel .row .columns .logo-for-panel > * {';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns .logo-for-panel > * *, #header-container.header-style-8 #header .header-top-logo-panel .row .columns .logo-for-panel > * * {';
$output .= 'height: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns.header-info-panel, #header-container.header-style-8 #header .header-top-logo-panel .row .columns.header-info-panel {';
$output .= 'margin-top: 20px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns.header-info-panel *, #header-container.header-style-8 #header .header-top-logo-panel .row .columns.header-info-panel * {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns.header-info-panel .top-info, #header-container.header-style-8 #header .header-top-logo-panel .row .columns.header-info-panel .top-info {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: italic;';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns.header-info-panel .top-info i, #header-container.header-style-8 #header .header-top-logo-panel .row .columns.header-info-panel .top-info i {';
$output .= 'position: relative;';
$output .= 'top: 1px;';
$output .= 'margin-right: 10px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .row .columns.header-info-panel .top-info .dfd-top-info-delim, #header-container.header-style-8 #header .header-top-logo-panel .row .columns.header-info-panel .top-info .dfd-top-info-delim {';
$output .= 'display: block;';
$output .= 'margin-bottom: 10px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap, #header-container.header-style-8 #header .header-wrap {';
$output .= 'text-align: inherit;';
$output .= 'height: 100%;';
$output .= 'padding-top: 230px;';
$output .= 'padding-bottom: 230px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap *, #header-container.header-style-8 #header .header-wrap * {';
$output .= 'text-align: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child, #header-container.header-style-8 #header .header-wrap > .row:last-child {';
$output .= 'width: 300px;';
$output .= 'min-width: 0;';
$output .= 'height: 100%;';
$output .= 'padding: 0;';
$output .= '-webkit-transition: left .3s ease, right .3s ease;';
$output .= '-moz-transition: left .3s ease, right .3s ease;';
$output .= 'transition: left .3s ease, right .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel {';
$output .= 'height: 100%;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-left, #header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-right, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'display: table;';
$output .= 'width: 100%;';
$output .= 'text-align: inherit;';
$output .= 'padding: 0;';
$output .= 'margin-left: 0;';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu {';
$output .= 'display: table-cell;';
$output .= 'vertical-align: middle;';
$output .= 'height: auto;';
$output .= 'min-height: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu {';
$output .= 'width: 100%;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li {';
$output .= 'position: static;';
$output .= 'width: 100%;';
$output .= 'float: none;';
$output .= 'padding: 0 30px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'text-align: inherit;';
$output .= 'height: '. ((int)$vars['menu_titles_font-size'] * 3) .'px;';
$output .= 'line-height: '. ((int)$vars['menu_titles_font-size'] * 3) .'px;';
$output .= 'padding: 0 20px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li *, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li * {';
$output .= 'text-align: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .sub-nav-item, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .sub-nav-item {';
$output .= 'position: static;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li div.sub-nav.open, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li div.sub-nav.open, #header-container.header-style-5 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .sub-sub-menu, #header-container.header-style-8 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .sub-sub-menu {';
$output .= 'top: 50%;';
$output .= 'min-width: 0;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom, #header-container.header-style-8 #header .dfd-header-bottom {';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 230px;';
$output .= 'position: absolute;';
$output .= 'bottom: 0;';
$output .= 'left: 50%;';
$output .= 'padding: 0 30px;';
$output .= 'margin-left: -150px;';
$output .= 'text-align: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap {';
$output .= 'height: 42px;';
$output .= 'margin-bottom: 10px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap .login-header, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap .login-header {';
$output .= 'display: block;';
$output .= 'float: none;';
$output .= 'padding-bottom: 25px;';
$output .= 'border-bottom-width: 1px;';
$output .= 'border-bottom-style: dotted;';
$output .= 'z-index: 1000;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap .login-header:before, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap .login-header:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap .login-header .links, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap .login-header .links {';
$output .= 'height: auto;';
$output .= 'line-height: 1;';
$output .= 'color: inherit;';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap .login-header .links a, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap .login-header .links a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-button-wrap .login-header .links a i, #header-container.header-style-8 #header .dfd-header-bottom .login-button-wrap .login-header .links a i {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block, #header-container.header-style-8 #header .dfd-header-bottom .inline-block {';
$output .= 'height: 60px;';
$output .= 'line-height: 30px;';
$output .= 'padding: 15px 20px;';
$output .= 'margin: 0 -15px;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block > *, #header-container.header-style-8 #header .dfd-header-bottom .inline-block > * {';
$output .= 'float: left;';
$output .= 'height: 30px;';
$output .= 'line-height: inherit;';
$output .= 'padding: 0 15px;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block .form-search-wrap, #header-container.header-style-8 #header .dfd-header-bottom .inline-block .form-search-wrap {';
$output .= 'text-align: center;';
$output .= 'margin-right: 5px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block .total_cart_header, #header-container.header-style-8 #header .dfd-header-bottom .inline-block .total_cart_header {';
$output .= 'margin-right: 5px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block .lang-sel, #header-container.header-style-8 #header .dfd-header-bottom .inline-block .lang-sel {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block .lang-sel > .active, #header-container.header-style-5 #header .dfd-header-bottom .inline-block .lang-sel > a, #header-container.header-style-8 #header .dfd-header-bottom .inline-block .lang-sel > .active, #header-container.header-style-8 #header .dfd-header-bottom .inline-block .lang-sel > a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons, #header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons {';
$output .= 'overflow: hidden;';
$output .= 'height: 45px;';
$output .= 'margin: 0 0 10px;';
$output .= 'padding: 0 20px;';
$output .= 'z-index: 1000;';
$output .= '-webkit-transform: translateZ(0);';
$output .= '-moz-transform: translateZ(0);';
$output .= '-o-transform: translateZ(0);';
$output .= 'transform: translateZ(0);';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons a, #header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons a {';
$output .= 'text-align: center;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons.dfd-soc-icons-hover-style-25 a, #header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_background_color'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .dfd-copyright, #header-container.header-style-8 #header .dfd-header-bottom .dfd-copyright {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'position: relative;';
$output .= 'text-align: inherit;';
$output .= 'height: 55px;';
$output .= 'line-height: 55px;';
$output .= 'overflow: hidden;';
$output .= 'padding: 0 20px;';
$output .= 'z-index: 1000;';
$output .= '-webkit-transform: translate3d(0, 0, 0);';
$output .= '-moz-transform: translate3d(0, 0, 0);';
$output .= '-o-transform: translate3d(0, 0, 0);';
$output .= 'transform: translate3d(0, 0, 0);';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .dfd-copyright *, #header-container.header-style-8 #header .dfd-header-bottom .dfd-copyright * {';
$output .= 'font-size: inherit;';
$output .= 'line-height: inherit;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .dfd-copyright a, #header-container.header-style-8 #header .dfd-header-bottom .dfd-copyright a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-5.right #header {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.right #header .header-wrap .row {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header {';
$output .= 'background-color: '. $vars['header_fifth_background_color'] .';';
$output .= 'background-image: url("'. $vars['header_fifth_bg_image']['url'] .'");';
$output .= 'background-position: '. $vars['header_fifth_bg_img_position'] .';';
$output .= 'background-repeat: no-repeat;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .logo-for-panel {';
$output .= 'background: '. $vars['fifth_header_logo_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-top-logo-panel .header-info-panel {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item.menu-item-depth-0 .current-menu-ancestor:before {';
$output .= 'border-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item.menu-item-depth-0:not(.current-menu-ancestor):before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .form-search-wrap a, #header-container.header-style-5 #header .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-5 #header .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= 'border-top-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:hover {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:hover .item-title {';
$output .= 'background: transparent;';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= 'border-top-color: transparent;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .login-header {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .inline-block {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons a {';
$output .= 'color: '. $vars['header_fifth_text_color'] .';';
$output .= 'margin-right: 1px;';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .widget.soc-icons a:after {';
$output .= 'background: '. $vars['header_fifth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 #header .dfd-header-bottom .dfd-copyright {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .5) .';';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5.dfd-new-headers .lang-sel {';
$output .= 'width: 90px;';
$output .= '}';
$output .= '#header-container.header-style-5.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-5.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5.dfd-new-headers .lang-sel ul {';
$output .= 'left: 10px;';
$output .= '}';
$output .= '#header-container.header-style-5.dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_fifth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_fifth_text_color'] .', 8px 0 0 0 '. $vars['header_fifth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_fifth_text_color'] .', 8px 0 0 0 '. $vars['header_fifth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 {';
$output .= 'width: 300px;';
$output .= '}';
$output .= '#header-container.header-style-8.active.right #header {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active.right #header .header-wrap .row {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active.left #header {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active.left #header .header-wrap .row {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active .dfd-small-logo {';
$output .= 'visibility: hidden;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap {';
$output .= 'top: 0 !important;';
$output .= 'margin: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap:before {';
$output .= 'visibility: hidden;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button {';
$output .= 'top: 0;';
$output .= 'margin: 0;';
$output .= 'background: #000000;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:before {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:after {';
$output .= 'left: -200px;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:before, #header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:after {';
$output .= 'background: transparent !important;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-top-line {';
$output .= 'margin-top: -1px;';
$output .= 'background: #ffffff;';
$output .= '-webkit-transform: rotate(45deg) scaleX(0.65) scaleY(1.5);';
$output .= '-moz-transform: rotate(45deg) scaleX(0.65) scaleY(1.5);';
$output .= '-o-transform: rotate(45deg) scaleX(0.65) scaleY(1.5);';
$output .= 'transform: rotate(45deg) scaleX(0.65) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: -1px;';
$output .= 'background: #ffffff;';
$output .= '-webkit-transform: rotate(-45deg) scaleX(0.65) scaleY(1.5);';
$output .= '-moz-transform: rotate(-45deg) scaleX(0.65) scaleY(1.5);';
$output .= '-o-transform: rotate(-45deg) scaleX(0.65) scaleY(1.5);';
$output .= 'transform: rotate(-45deg) scaleX(0.65) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button:hover .icon-wrap:before {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.active #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button:hover .icon-wrap:after {';
$output .= 'left: -200px;';
$output .= '}';
$output .= '#header-container.header-style-8.right #header {';
$output .= 'left: auto;';
$output .= 'right: -300px;';
$output .= '}';
$output .= '#header-container.header-style-8.right #header .dfd-small-logo {';
$output .= 'left: -70px;';
$output .= '}';
$output .= '#header-container.header-style-8.right #header .dfd-side-header-activation-wrap {';
$output .= 'left: -70px;';
$output .= '}';
$output .= '#header-container.header-style-8.right #header .header-wrap .row {';
$output .= 'left: auto;';
$output .= 'right: -300px;';
$output .= '}';
$output .= '#header-container.header-style-8.left #header {';
$output .= 'left: -300px;';
$output .= '}';
$output .= '#header-container.header-style-8.left #header .dfd-side-header-activation-wrap {';
$output .= 'right: -70px;';
$output .= '}';
$output .= '#header-container.header-style-8 #header {';
$output .= 'background-color: '. $vars['header_eighth_background_color'] .';';
$output .= 'background-image: url("'. $vars['header_eighth_bg_image']['url'] .'");';
$output .= 'background-position: '. $vars['header_eighth_bg_img_position'] .';';
$output .= 'background-repeat: no-repeat;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .header-top-logo-panel .logo-for-panel {';
$output .= 'background: '. $vars['eighth_header_logo_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .header-top-logo-panel .header-info-panel {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .nav-menu .mega-menu-item.menu-item-depth-0 .current-menu-ancestor:before {';
$output .= 'border-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .nav-menu .mega-menu-item.menu-item-depth-0:not(.current-menu-ancestor):before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .nav-menu .mega-menu-item:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .form-search-wrap a, #header-container.header-style-8 #header .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-8 #header .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= 'border-top-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:hover {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:hover .item-title {';
$output .= 'background: transparent;';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= 'border-top-color: transparent;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .login-header {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .inline-block {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons a {';
$output .= 'color: '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .widget.soc-icons a:after {';
$output .= 'background: '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .dfd-copyright {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .5) .';';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-header-bottom .dfd-copyright * {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-small-logo {';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'left: 100%;';
$output .= 'display: block;';
$output .= 'width: 70px;';
$output .= 'height: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap {';
$output .= 'display: block;';
$output .= 'width: 70px;';
$output .= 'height: 70px;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'left: 100%;';
$output .= 'margin: -35px 0 0 0;';
$output .= '-webkit-transition: top 0.3s ease;';
$output .= '-moz-transition: top 0.3s ease;';
$output .= 'transition: top 0.3s ease;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap:before {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 70px;';
$output .= 'height: 5000px;';
$output .= 'position: absolute;';
$output .= 'top: -2000px;';
$output .= 'left: 0;';
$output .= 'background: '. $vars['header_eighth_navbutton_bg'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button {';
$output .= 'position: relative;';
$output .= 'top: 10px;';
$output .= 'margin: 0 auto;';
$output .= 'overflow: hidden;';
$output .= 'display: block;';
$output .= 'width: 50px;';
$output .= 'height: 50px;';
$output .= '-webkit-transform: translate3d(0, 0, 0);';
$output .= '-moz-transform: translate3d(0, 0, 0);';
$output .= '-o-transform: translate3d(0, 0, 0);';
$output .= 'transform: translate3d(0, 0, 0);';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap {';
$output .= 'position: absolute;';
$output .= 'display: block;';
$output .= 'width: 25px;';
$output .= 'height: 2px;';
$output .= 'top: 50%;';
$output .= 'left: 50%;';
$output .= 'margin-left: -12.5px;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:before, #header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:after {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 2px;';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'background: '. $vars['header_eighth_navbutton_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:before {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap:after {';
$output .= 'left: -200px;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-top-line {';
$output .= 'margin-top: -5px;';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-top-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out;';
$output .= '-moz-transition: left 0.3s ease-in-out;';
$output .= 'transition: left 0.3s ease-in-out;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-top-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out;';
$output .= '-moz-transition: left 0.3s ease-in-out;';
$output .= 'transition: left 0.3s ease-in-out;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-middle-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.2s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.2s;';
$output .= 'transition: left 0.3s ease-in-out 0.2s;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-middle-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.2s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.2s;';
$output .= 'transition: left 0.3s ease-in-out 0.2s;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 5px;';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-bottom-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.4s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.4s;';
$output .= 'transition: left 0.3s ease-in-out 0.4s;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button .icon-wrap.dfd-bottom-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.4s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.4s;';
$output .= 'transition: left 0.3s ease-in-out 0.4s;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button:hover .icon-wrap:before {';
$output .= 'left: 200%;';
$output .= '}';
$output .= '#header-container.header-style-8 #header .dfd-side-header-activation-wrap #dfd-side-header-activation-button:hover .icon-wrap:after {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-8.dfd-new-headers .lang-sel {';
$output .= 'width: 90px;';
$output .= '}';
$output .= '#header-container.header-style-8.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-8.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-8.dfd-new-headers .lang-sel ul {';
$output .= 'left: 10px;';
$output .= '}';
$output .= '#header-container.header-style-8.dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_eighth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_eighth_text_color'] .', 8px 0 0 0 '. $vars['header_eighth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_eighth_text_color'] .', 8px 0 0 0 '. $vars['header_eighth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 {';
$output .= 'width: 70px;';
$output .= 'bottom: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.right {';
$output .= 'left: auto;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .woo-cart-contents:before {';
$output .= 'border-radius: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .shopping-cart-box {';
$output .= 'right: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-fluid nav.mega-menu ul.nav-menu li.menu-item-depth-0 {';
$output .= 'float: right;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-fluid nav.mega-menu ul.nav-menu li.menu-item-depth-0 .item-title {';
$output .= 'padding: 0 80px 0 20px;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-fluid nav.mega-menu ul.nav-menu li.menu-item-depth-0 .item-title i {';
$output .= 'right: 0;';
$output .= 'left: auto;';
$output .= '}';
$output .= '#header-container.header-style-11.right #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-fluid nav.mega-menu ul.nav-menu li.menu-item-depth-0 .item-title:hover i {';
$output .= 'opacity: 1;';
$output .= '}';
$output .= '#header-container.header-style-11.right .nav-menu div.sub-nav.open {';
$output .= 'left: auto;';
$output .= 'right: 70px;';
$output .= 'margin-right: 0;';
$output .= 'margin-left: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-11.right .nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'left: auto;';
$output .= 'right: 100%;';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.right .nav-menu div.sub-nav a {';
$output .= 'text-align: right !important;';
$output .= 'padding: 5px 20px 5px 60px;';
$output .= '}';
$output .= '#header-container.header-style-11.right .nav-menu div.sub-nav a:before {';
$output .= 'right: auto;';
$output .= 'left: 20px;';
$output .= '}';
$output .= '#header-container.header-style-11.right .login-header #loginModal {';
$output .= 'right: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11.left {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.left #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .woo-cart-contents:before {';
$output .= 'border-radius: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.left #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .shopping-cart-box {';
$output .= 'left: 100%;';
$output .= 'right: auto;';
$output .= '}';
$output .= '#header-container.header-style-11.left .nav-menu div.sub-nav.open {';
$output .= 'left: 70px;';
$output .= 'margin-left: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-11.left .nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.left .login-header #loginModal {';
$output .= 'left: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11 #header {';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= 'padding: 0;';
$output .= 'background-color: '. $vars['header_eleventh_background_color'] .';';
$output .= 'background-image: url("'. $vars['header_eleventh_bg_image']['url'] .'");';
$output .= 'background-position: '. $vars['header_eleventh_bg_img_position'] .';';
$output .= 'background-repeat: no-repeat;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child {';
$output .= 'padding: 0;';
$output .= 'width: 100%;';
$output .= 'min-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns {';
$output .= 'height: 100%;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-left {';
$output .= 'float: none;';
$output .= 'clear: both;';
$output .= 'width: 100%;';
$output .= 'padding: 0;';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right {';
$output .= 'float: none;';
$output .= 'clear: both;';
$output .= 'width: 100%;';
$output .= 'height: auto;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide:before, #header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide:after {';
$output .= 'content: " ";';
$output .= 'display: table;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide:after {';
$output .= 'clear: both;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header {';
$output .= 'text-align: center;';
$output .= 'width: 100%;';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= 'color: inherit;';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header .links {';
$output .= 'height: inherit;';
$output .= 'line-height: inherit;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header .links a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header .links i {';
$output .= 'font-size: 24px;';
$output .= 'margin: 0;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header .links span {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header #loginModal {';
$output .= 'top: 50% !important;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right > .dfd-header-responsive-hide .login-header #loginModal.open + .reveal-modal-bg + .links {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper > * {';
$output .= 'float: none;';
$output .= 'clear: both;';
$output .= 'text-align: center;';
$output .= 'width: 70px;';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= 'margin: 0;';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper > * i {';
$output .= 'font-size: 24px;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .woo-cart-contents {';
$output .= 'width: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .woo-cart-contents:before {';
$output .= 'top: 0;';
$output .= 'bottom: 0;';
$output .= 'left: 0;';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .total_cart_header .shopping-cart-box {';
$output .= 'top: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .lang-sel > .active, #header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .lang-sel > a {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .lang-sel > .active:before, #header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-right .header-icons-wrapper .lang-sel > a:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .header-col-fluid {';
$output .= 'width: 100%;';
$output .= 'height: auto;';
$output .= 'padding: 0;';
$output .= 'margin-left: 0;';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row:last-child .header-main-panel.columns .widget.soc-icons {';
$output .= 'text-align: center;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .nav-menu .mega-menu-item.menu-item-depth-0 .current-menu-ancestor:before {';
$output .= 'border-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .nav-menu .mega-menu-item.menu-item-depth-0:not(.current-menu-ancestor):before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .nav-menu .mega-menu-item:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .form-search-wrap a, #header-container.header-style-11 #header .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-11 #header .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap {';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row {';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu {';
$output .= 'display: block;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu div.sub-nav.open {';
$output .= 'top: 70px;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'position: relative;';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= 'padding: 0 20px 0 80px;';
$output .= 'color: transparent;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title i {';
$output .= 'font-size: 24px;';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'left: 0;';
$output .= 'display: block;';
$output .= 'width: 70px;';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= 'text-align: center;';
$output .= 'padding: 0;';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '-webkit-transition: none;';
$output .= '-moz-transition: none;';
$output .= 'transition: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title:hover, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.focus, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.hover, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.open {';
$output .= 'color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '-webkit-transition: none;';
$output .= '-moz-transition: none;';
$output .= 'transition: none;';
$output .= '}';
$output .= '#header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title:hover i, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.focus i, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.hover i, #header-container.header-style-11 #header .header-wrap > .row .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title.open i {';
$output .= 'color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide .login-header {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide .inline-block {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide.widget.soc-icons {';
$output .= 'position: absolute;';
$output .= 'bottom: 80px;';
$output .= 'left: 0;';
$output .= 'right: 0;';
$output .= 'padding: 15px 0;';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide.widget.soc-icons a {';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide.widget.soc-icons a:after {';
$output .= 'background: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide.dfd-copyright {';
$output .= 'overflow: hidden;';
$output .= 'position: absolute;';
$output .= 'bottom: 10px;';
$output .= 'left: 10px;';
$output .= 'right: 10px;';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= 'padding: 0;';
$output .= 'margin: 0;';
$output .= 'color: '. $vars['header_eleventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-11 #header .dfd-header-responsive-hide.dfd-copyright * {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-11:not(.dfd-new-headers) .lang-sel > ul {';
$output .= 'left: 50%;';
$output .= '-webkit-transform: translateX(-50%);';
$output .= '-moz-transform: translateX(-50%);';
$output .= '-o-transform: translateX(-50%);';
$output .= 'transform: translateX(-50%);';
$output .= '}';
$output .= '#header-container.header-style-11:not(.dfd-new-headers) #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before {';
$output .= 'top: 0;';
$output .= 'bottom: 0;';
$output .= '}';
$output .= '#header-container.header-style-11.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-11.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eleventh_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-11.dfd-new-headers .lang-sel ul {';
$output .= 'margin-top: -35px;';
$output .= '}';
$output .= '#header-container.header-style-11.dfd-new-headers .lang-sel ul li {';
$output .= 'height: 70px;';
$output .= 'line-height: 70px;';
$output .= '}';
$output .= '#header-container.header-style-11.dfd-new-headers #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:before {';
$output .= 'top: 0;';
$output .= 'bottom: 0;';
$output .= '}';
$output .= 'body.admin-bar #header-container.header-style-5 #header, body.admin-bar #header-container.header-style-8 #header {';
$output .= 'top: 32px;';
$output .= '}';
$output .= 'body.admin-bar.dfd-custom-padding-html #header-container.header-style-5 #header, body.admin-bar.dfd-custom-padding-html #header-container.header-style-8 #header {';
$output .= 'top: '. ($vars['layout_whitespace_size'] + 32) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.left #header {';
$output .= 'margin-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.right #header {';
$output .= 'margin-right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5 #header {';
$output .= 'top: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-7 #header {';
$output .= 'padding: '. $vars['layout_whitespace_size'] .'px '. ($vars['layout_whitespace_size'] + 100) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html.admin-bar #header-container.header-style-7 #header {';
$output .= 'padding-top: '. ($vars['layout_whitespace_size'] + 32) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.active.left #header {';
$output .= 'margin-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.active.left #header .dfd-side-header-activation-wrap {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.active.right #header {';
$output .= 'margin-right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.active.right #header .dfd-side-header-activation-wrap {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.left #header .dfd-side-header-activation-wrap {';
$output .= 'margin-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.right #header .dfd-side-header-activation-wrap {';
$output .= 'margin-left: -'. $vars['layout_whitespace_size'] .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8 #header {';
$output .= 'top: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.left + #main-wrap {';
$output .= 'margin-left: '. ($vars['layout_whitespace_size'] + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev {';
$output .= 'left: '. ($vars['layout_whitespace_size'] + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.left + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-left: '. ($vars['layout_whitespace_size'] * 2 + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.right + #main-wrap {';
$output .= 'margin-right: '. ($vars['layout_whitespace_size'] + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.right + #main-wrap .dfd-controls .page-inner-nav.nav-next {';
$output .= 'right: '. ($vars['layout_whitespace_size'] + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-5.right + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-right: '. ($vars['layout_whitespace_size'] * 2 + 300) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.left .dfd-small-logo {';
$output .= 'top: 0 !important;';
$output .= 'margin-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.right .dfd-small-logo {';
$output .= 'top: 0 !important;';
$output .= 'margin-left: -'. $vars['layout_whitespace_size'] .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev, body.dfd-custom-padding-html #header-container.header-style-11.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev {';
$output .= 'left: '. ($vars['layout_whitespace_size'] + 70) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.left + #main-wrap.dfd-parallax-footer #footer-wrap, body.dfd-custom-padding-html #header-container.header-style-11.left + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-left: '. ($vars['layout_whitespace_size'] + 70) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.right + #main-wrap .dfd-controls .page-inner-nav.nav-next, body.dfd-custom-padding-html #header-container.header-style-11.right + #main-wrap .dfd-controls .page-inner-nav.nav-next {';
$output .= 'right: '. ($vars['layout_whitespace_size'] + 70) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-8.right + #main-wrap.dfd-parallax-footer #footer-wrap, body.dfd-custom-padding-html #header-container.header-style-11.right + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-right: '. ($vars['layout_whitespace_size'] + 70) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-11 {';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-11.left {';
$output .= 'left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-11.right {';
$output .= 'left: auto;';
$output .= 'right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-11 #header {';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-5.left + #main-wrap {';
$output .= 'margin-left: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev {';
$output .= 'left: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.left + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-left: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.right + #main-wrap {';
$output .= 'margin-right: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.right + #main-wrap .dfd-controls .page-inner-nav.nav-next {';
$output .= 'right: 300px;';
$output .= '}';
$output .= '#header-container.header-style-5.right + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-right: 300px;';
$output .= '}';
$output .= '#header-container.header-style-8.left + #main-wrap, #header-container.header-style-11.left + #main-wrap {';
$output .= 'margin-left: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev, #header-container.header-style-11.left + #main-wrap .dfd-controls .page-inner-nav.nav-prev {';
$output .= 'left: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8.left + #main-wrap.dfd-parallax-footer #footer-wrap, #header-container.header-style-11.left + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-left: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8.right + #main-wrap, #header-container.header-style-11.right + #main-wrap {';
$output .= 'margin-right: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8.right + #main-wrap .dfd-controls .page-inner-nav.nav-next, #header-container.header-style-11.right + #main-wrap .dfd-controls .page-inner-nav.nav-next {';
$output .= 'right: 70px;';
$output .= '}';
$output .= '#header-container.header-style-8.right + #main-wrap.dfd-parallax-footer #footer-wrap, #header-container.header-style-11.right + #main-wrap.dfd-parallax-footer #footer-wrap {';
$output .= 'padding-right: 70px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-right {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .mega-menu-item .item-title.open {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .mega-menu-item .item-title.open + div.sub-nav {';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= 'margin-right: 0;';
$output .= 'padding-right: 0;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap {';
$output .= 'position: relative;';
$output .= 'float: right;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button {';
$output .= 'width: 58px;';
$output .= 'height: 48px;';
$output .= 'margin-top: -'. ((48 - (int)$vars['menu_inner_height']) / 2) .'px;';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a {';
$output .= 'width: 58px;';
$output .= 'height: 48px;';
$output .= 'margin-top: -24px;';
$output .= 'margin-left: -29px;';
$output .= 'background: transparent;';
$output .= 'border: none;';
$output .= 'border-radius: 0;';
$output .= '-webkit-transition: background .3s ease .3s, color .3s ease .3s, border .3s ease .3s;';
$output .= '-moz-transition: background .3s ease .3s, color .3s ease .3s, border .3s ease .3s;';
$output .= 'transition: background .3s ease .3s, color .3s ease .3s, border .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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 {';
$output .= 'width: 26px;';
$output .= 'margin-left: -13px;';
$output .= '}';
$output .= '#header-container.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 {';
$output .= 'background: '. $vars['header_sixth_text_color'] .';';
$output .= '}';
$output .= '#header-container.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:after {';
$output .= 'background: '. $vars['header_sixth_text_hover_color'] .';';
$output .= '}';
$output .= '#header-container.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.dfd-top-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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.dfd-top-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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.dfd-middle-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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.dfd-middle-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out .2s, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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.dfd-bottom-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.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.dfd-bottom-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= '-moz-transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= 'transition: left .3s ease-in-out .4s, background .3s ease .3s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a:hover {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= 'border-radius: 2px;';
$output .= '}';
if(isset($vars['header_sixth_text_hover_background']) && !empty($vars['header_sixth_text_hover_background'])) {
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a:hover {';
$output .= 'background: '. $vars['header_sixth_text_hover_background'] .';';
$output .= '}';
}
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= 'border-top-left-radius: 2px;';
$output .= 'border-top-right-radius: 2px;';
$output .= 'border-bottom-left-radius: 0;';
$output .= 'border-bottom-right-radius: 0;';
$output .= '-webkit-transition: background 0s ease 0s, color 0s ease 0s, border 0s ease 0s;';
$output .= '-moz-transition: background 0s ease 0s, color 0s ease 0s, border 0s ease 0s;';
$output .= 'transition: background 0s ease 0s, color 0s ease 0s, border 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap:before, #header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap:after {';
$output .= 'background: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-top-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-top-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-middle-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-middle-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out .2s, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-bottom-line:before {';
$output .= '-webkit-transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .dfd-click-menu-activation-button > a.opened .icon-wrap.dfd-bottom-line:after {';
$output .= '-webkit-transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= '-moz-transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= 'transition: left .3s ease-in-out .4s, background 0s ease 0s;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .onclick-menu-cover {';
$output .= 'position: absolute;';
$output .= 'right: 0;';
$output .= 'top: 100%;';
$output .= 'overflow: hidden;';
$output .= '-webkit-transform: translate3d(0, 0, 0);';
$output .= '-moz-transform: translate3d(0, 0, 0);';
$output .= '-o-transform: translate3d(0, 0, 0);';
$output .= 'transform: translate3d(0, 0, 0);';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .onclick-menu-cover:before {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container.header-style-6 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .onclick-menu-wrap .onclick-menu-cover nav.onclick-menu {';
$output .= 'max-height: 100%;';
$output .= 'overflow-x: hidden;';
$output .= 'overflow-y: visible;';
$output .= 'margin-right: -30px;';
$output .= 'padding-right: 30px;';
$output .= '-webkit-transform: translate3d(0, 0, 0);';
$output .= '-moz-transform: translate3d(0, 0, 0);';
$output .= '-o-transform: translate3d(0, 0, 0);';
$output .= 'transform: translate3d(0, 0, 0);';
$output .= '}';
$output .= '#header-container.header-style-6:not(.small) #header {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-6:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: '. $vars['header_logo_width'] .'px;';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-6:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left * {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-6.small .onclick-menu-wrap {';
$output .= 'top: 5px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-7, #header-container.header-style-14 {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7.fade-out #header, #header-container.header-style-14.fade-out #header {';
$output .= '-webkit-transform: scale(1);';
$output .= 'transform: scale(1);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-up #header, #header-container.header-style-14.scale-slide-up #header {';
$output .= '-webkit-transform: scale(0.95) translateY(180px);';
$output .= '-moz-transform: scale(0.95) translateY(180px);';
$output .= '-o-transform: scale(0.95) translateY(180px);';
$output .= 'transform: scale(0.95) translateY(180px);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-up.opened #header, #header-container.header-style-14.scale-slide-up.opened #header, #header-container.header-style-7.scale-slide-up.opened.animated--header.headroom--top #header, #header-container.header-style-14.scale-slide-up.opened.animated--header.headroom--top #header {';
$output .= '-webkit-transform: scale(1) translateY(0);';
$output .= '-moz-transform: scale(1) translateY(0);';
$output .= '-o-transform: scale(1) translateY(0);';
$output .= 'transform: scale(1) translateY(0);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-down #header, #header-container.header-style-14.scale-slide-down #header {';
$output .= '-webkit-transform: scale(0.95) translateY(-180px);';
$output .= '-moz-transform: scale(0.95) translateY(-180px);';
$output .= '-o-transform: scale(0.95) translateY(-180px);';
$output .= 'transform: scale(0.95) translateY(-180px);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-down.opened #header, #header-container.header-style-14.scale-slide-down.opened #header, #header-container.header-style-7.scale-slide-down.opened.animated--header.headroom--top #header, #header-container.header-style-14.scale-slide-down.opened.animated--header.headroom--top #header {';
$output .= '-webkit-transform: scale(1) translateY(0);';
$output .= '-moz-transform: scale(1) translateY(0);';
$output .= '-o-transform: scale(1) translateY(0);';
$output .= 'transform: scale(1) translateY(0);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-left #header, #header-container.header-style-14.scale-slide-left #header {';
$output .= '-webkit-transform: scale(0.95) translateX(180px);';
$output .= '-moz-transform: scale(0.95) translateX(180px);';
$output .= '-o-transform: scale(0.95) translateX(180px);';
$output .= 'transform: scale(0.95) translateX(180px);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-left.opened #header, #header-container.header-style-14.scale-slide-left.opened #header, #header-container.header-style-7.scale-slide-left.opened.animated--header.headroom--top #header, #header-container.header-style-14.scale-slide-left.opened.animated--header.headroom--top #header {';
$output .= '-webkit-transform: scale(1) translateX(0);';
$output .= '-moz-transform: scale(1) translateX(0);';
$output .= '-o-transform: scale(1) translateX(0);';
$output .= 'transform: scale(1) translateX(0);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-right #header, #header-container.header-style-14.scale-slide-right #header {';
$output .= '-webkit-transform: scale(0.95) translateX(-180px);';
$output .= '-moz-transform: scale(0.95) translateX(-180px);';
$output .= '-o-transform: scale(0.95) translateX(-180px);';
$output .= 'transform: scale(0.95) translateX(-180px);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-slide-right.opened #header, #header-container.header-style-14.scale-slide-right.opened #header, #header-container.header-style-7.scale-slide-right.opened.animated--header.headroom--top #header, #header-container.header-style-14.scale-slide-right.opened.animated--header.headroom--top #header {';
$output .= '-webkit-transform: scale(1) translateX(0);';
$output .= '-moz-transform: scale(1) translateX(0);';
$output .= '-o-transform: scale(1) translateX(0);';
$output .= 'transform: scale(1) translateX(0);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-rotate #header, #header-container.header-style-14.scale-rotate #header {';
$output .= '-webkit-transform: scale(0.7) rotate(-5deg);';
$output .= '-moz-transform: scale(0.7) rotate(-5deg);';
$output .= '-o-transform: scale(0.7) rotate(-5deg);';
$output .= 'transform: scale(0.7) rotate(-5deg);';
$output .= '}';
$output .= '#header-container.header-style-7.scale-rotate.opened #header, #header-container.header-style-14.scale-rotate.opened #header, #header-container.header-style-7.scale-rotate.opened.animated--header.headroom--top #header, #header-container.header-style-14.scale-rotate.opened.animated--header.headroom--top #header {';
$output .= '-webkit-transform: scale(1) rotate(0);';
$output .= '-moz-transform: scale(1) rotate(0);';
$output .= '-o-transform: scale(1) rotate(0);';
$output .= 'transform: scale(1) rotate(0);';
$output .= '}';
$output .= '#header-container.header-style-7.opened, #header-container.header-style-14.opened, #header-container.header-style-7.opened.animated--header.headroom--top, #header-container.header-style-14.opened.animated--header.headroom--top {';
$output .= 'z-index: 1001;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row, #header-container.header-style-14.opened .dfd-top-row, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row {';
$output .= 'z-index: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .logo-for-panel, #header-container.header-style-14.opened .dfd-top-row .columns .logo-for-panel, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .logo-for-panel, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .logo-for-panel {';
$output .= 'visibility: hidden;';
$output .= 'opacity: 0;';
$output .= '-webkit-transition: visibility 0s ease, opacity 0s ease;';
$output .= '-moz-transition: visibility 0s ease, opacity 0s ease;';
$output .= 'transition: visibility 0s ease, opacity 0s ease;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button {';
$output .= 'border-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-top-line, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-top-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-top-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-top-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-bottom-line, #header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-bottom-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-bottom-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header, #header-container.header-style-14.opened #header, #header-container.header-style-7.opened.animated--header.headroom--top #header, #header-container.header-style-14.opened.animated--header.headroom--top #header {';
$output .= 'opacity: 1;';
$output .= 'visibility: visible;';
$output .= '-webkit-transform: scale(1);';
$output .= 'transform: scale(1);';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel {';
$output .= 'opacity: 1;';
$output .= 'visibility: visible;';
$output .= '-webkit-transform: translateY(0);';
$output .= '-moz-transform: translateY(0);';
$output .= '-o-transform: translateY(0);';
$output .= 'transform: translateY(0);';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title {';
$output .= 'opacity: 1;';
$output .= '-webkit-transform: translateY(0);';
$output .= '-moz-transform: translateY(0);';
$output .= '-o-transform: translateY(0);';
$output .= 'transform: translateY(0);';
$output .= '-webkit-transition: opacity .3s ease 1.8s, color .3s ease 0s, transform .3s ease 1.8s, transform .3s ease 1.8s;';
$output .= '-moz-transition: opacity 0.3s ease 1.8s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.8s;';
$output .= '-o-transition: opacity 0.3s ease 1.8s, color 0.3s ease 0s, -o-transform 0.3s ease 1.8s;';
$output .= 'transition: opacity .3s ease 1.8s, color .3s ease 0s, transform .3s ease 1.8s, transform .3s ease 1.8s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover,#header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title:hover, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title:hover {';
$output .= 'color: '. $vars['menu_first_level_hover_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.9s, color .3s ease 0s, transform .3s ease 1.9s, transform .3s ease 1.9s;';
$output .= '-moz-transition: opacity 0.3s ease 1.9s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.9s;';
$output .= '-o-transition: opacity 0.3s ease 1.9s, color 0.3s ease 0s, -o-transform 0.3s ease 1.9s;';
$output .= 'transition: opacity .3s ease 1.9s, color .3s ease 0s, transform .3s ease 1.9s, transform .3s ease 1.9s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1s, color .3s ease 0s, transform .3s ease 1s, transform .3s ease 1s;';
$output .= '-moz-transition: opacity 0.3s ease 1s, color 0.3s ease 0s, -moz-transform 0.3s ease 1s;';
$output .= '-o-transition: opacity 0.3s ease 1s, color 0.3s ease 0s, -o-transform 0.3s ease 1s;';
$output .= 'transition: opacity .3s ease 1s, color .3s ease 0s, transform .3s ease 1s, transform .3s ease 1s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.1s, color .3s ease 0s, transform .3s ease 1.1s, transform .3s ease 1.1s;';
$output .= '-moz-transition: opacity 0.3s ease 1.1s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.1s;';
$output .= '-o-transition: opacity 0.3s ease 1.1s, color 0.3s ease 0s, -o-transform 0.3s ease 1.1s;';
$output .= 'transition: opacity .3s ease 1.1s, color .3s ease 0s, transform .3s ease 1.1s, transform .3s ease 1.1s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.2s, color .3s ease 0s, transform .3s ease 1.2s, transform .3s ease 1.2s;';
$output .= '-moz-transition: opacity 0.3s ease 1.2s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.2s;';
$output .= '-o-transition: opacity 0.3s ease 1.2s, color 0.3s ease 0s, -o-transform 0.3s ease 1.2s;';
$output .= 'transition: opacity .3s ease 1.2s, color .3s ease 0s, transform .3s ease 1.2s, transform .3s ease 1.2s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.3s, color .3s ease 0s, transform .3s ease 1.3s, transform .3s ease 1.3s;';
$output .= '-moz-transition: opacity 0.3s ease 1.3s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.3s;';
$output .= '-o-transition: opacity 0.3s ease 1.3s, color 0.3s ease 0s, -o-transform 0.3s ease 1.3s;';
$output .= 'transition: opacity .3s ease 1.3s, color .3s ease 0s, transform .3s ease 1.3s, transform .3s ease 1.3s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.4s, color .3s ease 0s, transform .3s ease 1.4s, transform .3s ease 1.4s;';
$output .= '-moz-transition: opacity 0.3s ease 1.4s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.4s;';
$output .= '-o-transition: opacity 0.3s ease 1.4s, color 0.3s ease 0s, -o-transform 0.3s ease 1.4s;';
$output .= 'transition: opacity .3s ease 1.4s, color .3s ease 0s, transform .3s ease 1.4s, transform .3s ease 1.4s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.5s, color .3s ease 0s, transform .3s ease 1.5s, transform .3s ease 1.5s;';
$output .= '-moz-transition: opacity 0.3s ease 1.5s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.5s;';
$output .= '-o-transition: opacity 0.3s ease 1.5s, color 0.3s ease 0s, -o-transform 0.3s ease 1.5s;';
$output .= 'transition: opacity .3s ease 1.5s, color .3s ease 0s, transform .3s ease 1.5s, transform .3s ease 1.5s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.6s, color .3s ease 0s, transform .3s ease 1.6s, transform .3s ease 1.6s;';
$output .= '-moz-transition: opacity 0.3s ease 1.6s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.6s;';
$output .= '-o-transition: opacity 0.3s ease 1.6s, color 0.3s ease 0s, -o-transform 0.3s ease 1.6s;';
$output .= 'transition: opacity .3s ease 1.6s, color .3s ease 0s, transform .3s ease 1.6s, transform .3s ease 1.6s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title {';
$output .= '-webkit-transition: opacity .3s ease 1.7s, color .3s ease 0s, transform .3s ease 1.7s, transform .3s ease 1.7s;';
$output .= '-moz-transition: opacity 0.3s ease 1.7s, color 0.3s ease 0s, -moz-transform 0.3s ease 1.7s;';
$output .= '-o-transition: opacity 0.3s ease 1.7s, color 0.3s ease 0s, -o-transform 0.3s ease 1.7s;';
$output .= 'transition: opacity .3s ease 1.7s, color .3s ease 0s, transform .3s ease 1.7s, transform .3s ease 1.7s;';
$output .= '}';
$output .= '#header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block, #header-container.header-style-7.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap, #header-container.header-style-14.opened #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap, #header-container.header-style-7.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap, #header-container.header-style-14.opened.animated--header.headroom--top #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap {';
$output .= 'opacity: 1;';
$output .= '-webkit-transform: translateY(0);';
$output .= '-moz-transform: translateY(0);';
$output .= '-o-transform: translateY(0);';
$output .= 'transform: translateY(0);';
$output .= '}';
$output .= '#header-container.header-style-7 .top-inner-page, #header-container.header-style-14 .top-inner-page {';
$output .= 'right: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row, #header-container.header-style-14 .dfd-top-row {';
$output .= 'position: fixed;';
$output .= 'padding-top: 20px;';
$output .= 'padding-bottom: 20px;';
$output .= 'background: transparent;';
$output .= '-webkit-transition: padding .3s ease, background .3s ease;';
$output .= '-moz-transition: padding .3s ease, background .3s ease;';
$output .= 'transition: padding .3s ease, background .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns, #header-container.header-style-14 .dfd-top-row .columns {';
$output .= 'position: relative;';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= 'text-align: left;';
$output .= '-webkit-transition: height 0.3s ease;';
$output .= '-moz-transition: height 0.3s ease;';
$output .= 'transition: height 0.3s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .logo-for-panel, #header-container.header-style-14 .dfd-top-row .columns .logo-for-panel {';
$output .= 'height: inherit;';
$output .= 'visibility: visible;';
$output .= 'opacity: 1;';
$output .= '-webkit-transition: visibility .5s ease, opacity .5s ease;';
$output .= '-moz-transition: visibility .5s ease, opacity .5s ease;';
$output .= 'transition: visibility .5s ease, opacity .5s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .logo-for-panel *, #header-container.header-style-14 .dfd-top-row .columns .logo-for-panel * {';
$output .= 'height: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .logo-for-panel img, #header-container.header-style-14 .dfd-top-row .columns .logo-for-panel img {';
$output .= 'position: relative;';
$output .= 'top: 50%;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= 'max-height: 100%;';
$output .= 'visibility: visible;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .fixed-header-logo, #header-container.header-style-14 .dfd-top-row .columns .fixed-header-logo {';
$output .= 'max-height: 100%;';
$output .= 'height: inherit;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'left: 10px;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= 'visibility: hidden;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .fixed-header-logo img, #header-container.header-style-14 .dfd-top-row .columns .fixed-header-logo img {';
$output .= 'max-height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button {';
$output .= 'display: block;';
$output .= 'width: 50px;';
$output .= 'height: 50px;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'right: 20px;';
$output .= 'margin-top: -25px;';
$output .= 'overflow: hidden;';
$output .= 'z-index: 3;';
$output .= '-webkit-transition: all 0.3s ease-in-out;';
$output .= '-moz-transition: all 0.3s ease-in-out;';
$output .= 'transition: all 0.3s ease-in-out;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap {';
$output .= 'display: block;';
$output .= 'width: 25px;';
$output .= 'height: 2px;';
$output .= 'position: absolute;';
$output .= 'left: 8px;';
$output .= 'top: 50%;';
$output .= '-webkit-transition: backgrouns 0.3s ease;';
$output .= '-moz-transition: backgrouns 0.3s ease;';
$output .= 'transition: backgrouns 0.3s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'left: -200px;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= 'margin-top: -4px;';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out;';
$output .= '-moz-transition: left 0.3s ease-in-out;';
$output .= 'transition: left 0.3s ease-in-out;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out;';
$output .= '-moz-transition: left 0.3s ease-in-out;';
$output .= 'transition: left 0.3s ease-in-out;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.2s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.2s;';
$output .= 'transition: left 0.3s ease-in-out 0.2s;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-middle-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.2s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.2s;';
$output .= 'transition: left 0.3s ease-in-out 0.2s;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 4px;';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line:before {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.4s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.4s;';
$output .= 'transition: left 0.3s ease-in-out 0.4s;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line:after {';
$output .= '-webkit-transition: left 0.3s ease-in-out 0.4s;';
$output .= '-moz-transition: left 0.3s ease-in-out 0.4s;';
$output .= 'transition: left 0.3s ease-in-out 0.4s;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:before {';
$output .= 'left: 200%;';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:after, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button:hover .icon-wrap:after {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-7.text-left .shopping-cart-box, #header-container.header-style-14.text-left .shopping-cart-box, #header-container.header-style-7.text-center .shopping-cart-box, #header-container.header-style-14.text-center .shopping-cart-box {';
$output .= 'right: auto;';
$output .= '}';
$output .= '#header-container.header-style-7 #header, #header-container.header-style-14 #header {';
$output .= 'position: fixed;';
$output .= 'top: 0;';
$output .= 'left: 0;';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= 'padding: 0 70px;';
$output .= 'opacity: 0;';
$output .= 'visibility: hidden;';
$output .= '-webkit-transform: scale(0.7);';
$output .= 'transform: scale(0.7);';
$output .= '-webkit-transition: -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease, transform .8s ease, opacity .5s ease, visibility .5s ease, margin .8s ease;';
$output .= '-moz-transition: -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease, transform .8s ease, opacity .5s ease, visibility .5s ease, margin .8s ease;';
$output .= 'transition: -webkit-transform .8s ease, -moz-transform .8s ease, -o-transform .8s ease, transform .8s ease, opacity .5s ease, visibility .5s ease, margin .8s ease;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .nav-menu .mega-menu-item .item-title:before, #header-container.header-style-14 #header .nav-menu .mega-menu-item .item-title:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap, #header-container.header-style-14 #header .header-wrap {';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= '-webkit-box-shadow: none;';
$output .= 'box-shadow: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated, #header-container.header-style-14 #header .header-wrap .row.decorated {';
$output .= 'height: 100%;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel {';
$output .= 'height: 100% !important;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left {';
$output .= 'width: 100%;';
$output .= 'height: auto;';
$output .= 'position: absolute;';
$output .= 'top: 50px;';
$output .= 'left: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel {';
$output .= 'text-align: inherit;';
$output .= 'display: block !important;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '-webkit-transition: all 0.3s ease 0.4s;';
$output .= '-moz-transition: all 0.3s ease 0.4s;';
$output .= 'transition: all 0.3s ease 0.4s;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel .inline-block, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel .inline-block {';
$output .= 'width: auto;';
$output .= 'height: auto;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel .inline-block img, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .logo-for-panel .inline-block img {';
$output .= 'position: relative;';
$output .= 'top: 0;';
$output .= '-webkit-transform: translateY(0);';
$output .= '-moz-transform: translateY(0);';
$output .= '-o-transform: translateY(0);';
$output .= 'transform: translateY(0);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel {';
$output .= 'margin-top: 55px;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '-webkit-transition: all 0.3s ease 0.6s;';
$output .= '-moz-transition: all 0.3s ease 0.6s;';
$output .= 'transition: all 0.3s ease 0.6s;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel *, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel * {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info i, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info i {';
$output .= 'position: relative;';
$output .= 'top: 1px;';
$output .= 'margin-right: 10px;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info .dfd-top-info-delim, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel .top-info .dfd-top-info-delim {';
$output .= 'display: block;';
$output .= 'margin-bottom: 10px;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-right, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-right {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid {';
$output .= 'width: 100%;';
$output .= 'height: auto;';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= 'left: 0;';
$output .= 'margin: 0;';
$output .= 'padding: 0;';
$output .= 'text-align: inherit;';
$output .= 'z-index: 2;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title {';
$output .= 'font-size: '. ((int)$vars['menu_titles_font-size'] + 19) .'px;';
$output .= 'text-transform: none;';
$output .= 'text-align: inherit;';
$output .= 'height: 1.4em;';
$output .= 'line-height: 1.4em;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title:after, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title:after {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title i, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li > a.item-title i {';
$output .= 'font-size: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(1) > a.item-title {';
$output .= 'border-top-width: 0;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(2) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(3) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(4) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(5) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(6) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(7) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:nth-child(8) > a.item-title {';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom {';
$output .= 'width: 100%;';
$output .= 'height: auto;';
$output .= 'position: absolute;';
$output .= 'bottom: 0;';
$output .= 'left: 0;';
$output .= 'text-align: inherit;';
$output .= 'overflow: hidden;';
$output .= 'z-index: 1;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap {';
$output .= 'height: 42px;';
$output .= 'margin-bottom: 10px;';
$output .= 'color: inherit;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '-webkit-transition: all 0.3s ease 0.6s;';
$output .= '-moz-transition: all 0.3s ease 0.6s;';
$output .= 'transition: all 0.3s ease 0.6s;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header {';
$output .= 'display: block;';
$output .= 'float: none;';
$output .= 'padding-bottom: 25px;';
$output .= 'z-index: 1000;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header .links, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header .links {';
$output .= 'height: auto;';
$output .= 'line-height: 1;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header .links a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .login-button-wrap .login-header .links a {';
$output .= 'padding: 0;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block {';
$output .= 'height: 60px;';
$output .= 'line-height: 30px;';
$output .= 'margin: 0 -15px;';
$output .= 'padding: 15px 0;';
$output .= 'color: inherit;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '-webkit-transition: all 0.3s ease 0.8s;';
$output .= '-moz-transition: all 0.3s ease 0.8s;';
$output .= 'transition: all 0.3s ease 0.8s;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block > *, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block > * {';
$output .= 'float: left;';
$output .= 'height: 30px;';
$output .= 'line-height: inherit;';
$output .= 'padding: 0 15px;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .form-search-wrap, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .form-search-wrap {';
$output .= 'text-align: center;';
$output .= 'margin-right: 10px;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .form-search-wrap a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .form-search-wrap a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents *, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents * {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .woo-cart-contents:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .shopping-cart-box, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .total_cart_header .shopping-cart-box {';
$output .= 'top: auto;';
$output .= 'bottom: 50px;';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel > .active, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel > a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel > .active, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .inline-block .lang-sel > a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap {';
$output .= 'height: 55px;';
$output .= 'line-height: 45px;';
$output .= 'padding-top: 10px;';
$output .= 'z-index: 1000;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '-webkit-transition: all 0.3s ease 0.9s;';
$output .= '-moz-transition: all 0.3s ease 0.9s;';
$output .= 'transition: all 0.3s ease 0.9s;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap > *, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap > * {';
$output .= '-webkit-transform: translate3d(0, 0, 0);';
$output .= '-moz-transform: translate3d(0, 0, 0);';
$output .= '-o-transform: translate3d(0, 0, 0);';
$output .= 'transform: translate3d(0, 0, 0);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright {';
$output .= 'float: left;';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'position: relative;';
$output .= 'text-align: left;';
$output .= 'height: inherit;';
$output .= 'line-height: inherit;';
$output .= 'overflow: hidden;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright *, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright * {';
$output .= 'font-size: inherit;';
$output .= 'line-height: inherit;';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright a {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons {';
$output .= 'float: right;';
$output .= 'text-align: right;';
$output .= 'overflow: hidden;';
$output .= 'height: inherit;';
$output .= 'line-height: inherit;';
$output .= 'margin: 0 0 10px;';
$output .= 'padding: 0;';
$output .= 'z-index: 1000;';
$output .= '-webkit-transform: translateZ(0);';
$output .= '-moz-transform: translateZ(0);';
$output .= '-o-transform: translateZ(0);';
$output .= 'transform: translateZ(0);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a {';
$output .= 'text-align: center;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-11 a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-11 a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-10 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-10 a:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-11 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-11 a:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-18 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-18 a:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-19 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-19 a:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-20 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-20 a:before, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-26 a:before, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-26 a:before {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7.small, #header-container.header-style-14.small {';
$output .= 'margin-top: 0;';
$output .= '}';
$output .= '#header-container.header-style-7.dfd-new-headers .lang-sel, #header-container.header-style-14.dfd-new-headers .lang-sel {';
$output .= 'width: 90px;';
$output .= '}';
$output .= '#header-container.header-style-7.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-7.dfd-new-headers .lang-sel > a:before, #header-container.header-style-14.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-14.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-7.dfd-new-headers .lang-sel ul, #header-container.header-style-14.dfd-new-headers .lang-sel ul {';
$output .= 'left: 10px;';
$output .= '}';
$output .= '#header-container.header-style-7.dfd-new-headers .lang-sel ul li, #header-container.header-style-14.dfd-new-headers .lang-sel ul li {';
$output .= 'height: 30px;';
$output .= '}';
$output .= '#header-container.header-style-7.text-right .nav-menu div.sub-nav a {';
$output .= 'text-align: right !important;';
$output .= 'padding: 5px 20px 5px 60px;';
$output .= '}';
$output .= '#header-container.header-style-7.text-right .nav-menu div.sub-nav a:before {';
$output .= 'right: auto;';
$output .= 'left: 20px;';
$output .= 'border-left-width: 0;';
$output .= 'border-right: 3px solid '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-7.text-right .nav-menu div.sub-nav.open {';
$output .= 'left: auto;';
$output .= 'right: 100%;';
$output .= 'margin-right: 20px;';
$output .= 'margin-left: 0 !important;';
$output .= '}';
$output .= '#header-container.header-style-7.text-right .nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'left: auto;';
$output .= 'right: 100%;';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-7.text-left .nav-menu div.sub-nav.open, #header-container.header-style-7.text-center .nav-menu div.sub-nav.open {';
$output .= 'left: 100%;';
$output .= 'margin-left: 20px !important;';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= 'background: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-7.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'background: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-7 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'background: '. $vars['header_seventh_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header {';
$output .= 'background: '. $vars['header_seventh_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel {';
$output .= 'color: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu {';
$output .= 'display: inline-block;';
$output .= 'width: auto;';
$output .= 'min-width: 0;';
$output .= 'height: 100%;';
$output .= 'text-align: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu {';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= 'height: 100%;';
$output .= 'text-align: inherit;';
$output .= 'padding: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu div.sub-nav.open .sub-sub-menu {';
$output .= 'top: 50%;';
$output .= '-webkit-transform: translateY(-50%);';
$output .= '-moz-transform: translateY(-50%);';
$output .= '-o-transform: translateY(-50%);';
$output .= 'transform: translateY(-50%);';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu li {';
$output .= 'position: static;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu li:hover a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li {';
$output .= 'width: 100%;';
$output .= 'float: none;';
$output .= 'padding: 14px 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'padding: 0;';
$output .= 'color: '. $vars['header_seventh_text_color_active'] .';';
$output .= 'border-bottom-width: 0;';
$output .= 'opacity: 0;';
$output .= '-webkit-transform: translateY(-10px);';
$output .= '-moz-transform: translateY(-10px);';
$output .= '-o-transform: translateY(-10px);';
$output .= 'transform: translateY(-10px);';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title i {';
$output .= 'font-size: 18px;';
$output .= 'line-height: inherit;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li:hover {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li ul {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li ul:before {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li div.sub-nav.open {';
$output .= 'min-width: 0;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom {';
$output .= 'color: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .3) .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a:before {';
$output .= 'color: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a:after {';
$output .= 'background: '. $vars['header_seventh_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-18 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_background'], .2) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-7 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-7.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-7.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= 'background: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14.opened .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-14.opened.animated--header.headroom--top .dfd-top-row .columns .dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'background: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:before, #header-container.header-style-14 .dfd-top-row .columns .dfd-menu-button .icon-wrap:after {';
$output .= 'background: '. $vars['header_fourteenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header {';
$output .= 'background: '. $vars['header_fourteenth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-left .header-info-panel {';
$output .= 'color: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu {';
$output .= 'text-align: inherit;';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title {';
$output .= 'color: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .header-col-fluid nav.mega-menu ul.nav-menu > li .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_text_color_active'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom {';
$output .= 'color: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .dfd-copyright {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_text_color_active'], .3) .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a:before {';
$output .= 'color: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons a:after {';
$output .= 'background: '. $vars['header_fourteenth_text_color_active'] .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-11 a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-18 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_background'], .2) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-14 #header .header-wrap .row.decorated .header-main-panel .dfd-header-bottom .copyright-soc-icons-wrap .widget.soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-14.dfd-new-headers .lang-sel > .active:before, #header-container.header-style-14.dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourteenth_text_color_active'], .1) .';';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #header-container.header-style-7, body.dfd-custom-padding-html #header-container.header-style-14 {';
$output .= 'left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-9:not(.small).logo_left #header .header-top-logo-panel .logo-for-panel, #header-container.header-style-10:not(.small).logo_left #header .header-top-logo-panel .logo-for-panel {';
$output .= 'float: left;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).logo_left #header .header-top-logo-panel .dfd-header-middle-content, #header-container.header-style-10:not(.small).logo_left #header .header-top-logo-panel .dfd-header-middle-content {';
$output .= 'margin-left: '. ($vars['header_logo_width'] + 20) .'px;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).logo_right #header .header-top-logo-panel .logo-for-panel, #header-container.header-style-10:not(.small).logo_right #header .header-top-logo-panel .logo-for-panel {';
$output .= 'float: right;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content, #header-container.header-style-10:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content {';
$output .= 'margin-right: '. ($vars['header_logo_width'] + 20) .'px;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img, #header-container.header-style-10:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img {';
$output .= 'margin-left: 0;';
$output .= 'margin-right: auto;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content .dfd-additional-header-menu, #header-container.header-style-10:not(.small).logo_right #header .header-top-logo-panel .dfd-header-middle-content .dfd-additional-header-menu {';
$output .= 'float: left;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).menu_left nav.mega-menu, #header-container.header-style-10:not(.small).menu_left nav.mega-menu {';
$output .= 'text-align: left;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).menu_right nav.mega-menu, #header-container.header-style-10:not(.small).menu_right nav.mega-menu {';
$output .= 'text-align: right;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).menu_center nav.mega-menu, #header-container.header-style-10:not(.small).menu_center nav.mega-menu {';
$output .= 'text-align: center;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content, #header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content {';
$output .= 'position: relative;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu, #header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu {';
$output .= 'margin-right: 0;';
$output .= 'padding-right: 0;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu:before, #header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu:before {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link, #header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link {';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'left: 0;';
$output .= 'display: block;';
$output .= 'width: 100%;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img, #header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img {';
$output .= 'position: relative;';
$output .= 'margin-top: -15px;';
$output .= 'display: block;';
$output .= 'margin-bottom: -15px;';
$output .= 'margin-left: auto;';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-panel {';
$output .= 'background: '. $vars['header_ninth_top_panel_background_color'] .';';
$output .= 'color: '. $vars['header_ninth_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-9 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_ninth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-23 a:before {';
$output .= 'color: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-logo-panel {';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9 #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu {';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).with-banner #header .header-top-logo-panel {';
$output .= 'height: '. ($vars['height_ninth'] + 10) .'px;';
$output .= '-webkit-transition: height 0.3s ease;';
$output .= '-moz-transition: height 0.3s ease;';
$output .= 'transition: height 0.3s ease;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).with-banner #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img {';
$output .= 'height: '. $vars['height_ninth'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu li a {';
$output .= 'color: '. $vars['header_ninth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .logo-wrap {';
$output .= 'background: '. $vars['header_ninth_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_ninth_background_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-9:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-9:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-9:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-9:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-9:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_ninth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-9:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-9:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-9:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_ninth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-9:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_ninth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-9:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_ninth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_ninth_text_color'] .', 8px 0 0 0 '. $vars['header_ninth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_ninth_text_color'] .', 8px 0 0 0 '. $vars['header_ninth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel {';
$output .= 'background: '. $vars['header_tenth_top_panel_background'] .';';
$output .= 'color: '. $vars['header_tenth_top_panel_color'] .';';
$output .= 'border-bottom-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .login-header:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .dfd-top-info-delim:before, #header-container.header-style-10 #header .header-top-panel .header-wishlist-button:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons a:before {';
$output .= 'color: '. $vars['header_tenth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_top_panel_background'], .2) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-10 a:before, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-11 a:before, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-18 a:before, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-19 a:before, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-20 a:before, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-26 a:before {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_top_panel_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a:after, #header-container.header-style-10 #header .header-top-panel .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_top_panel_background'], .2) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-logo-panel {';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10 #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu {';
$output .= 'height: '. $vars['header_logo_height'] .'px;';
$output .= 'line-height: '. $vars['header_logo_height'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).with-banner #header .header-top-logo-panel {';
$output .= 'height: '. ($vars['height_tenth'] + 10) .'px;';
$output .= '-webkit-transition: height 0.3s ease;';
$output .= '-moz-transition: height 0.3s ease;';
$output .= 'transition: height 0.3s ease;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).with-banner #header .header-top-logo-panel .dfd-header-middle-content > a.dfd-header-banner-link > img {';
$output .= 'height: '. $vars['height_tenth'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid {';
$output .= 'margin-left: 0;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-left {';
$output .= 'width: 0;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu li a {';
$output .= 'color: '. $vars['header_tenth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .logo-wrap {';
$output .= 'background: '. $vars['header_tenth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_tenth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-10:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-10:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-10:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-10:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-10:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_tenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-10:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-10:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-10:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_tenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-10:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).dfd-new-headers:not(.small) .header-top-logo-panel {';
$output .= 'border-bottom-style: solid;';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_tenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-10:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_tenth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_tenth_text_color'] .', 8px 0 0 0 '. $vars['header_tenth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_tenth_text_color'] .', 8px 0 0 0 '. $vars['header_tenth_text_color'] .';';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['header_responsive_breakpoint'] .'px) {';
$output .= '#header-container.header-style-12.small #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-13.small #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-12.small #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-13.small #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'background: '. $vars['fixed_header_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-fluid, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-fluid {';
$output .= 'float: left;';
$output .= 'width: 0;';
$output .= 'padding: 0;';
$output .= 'margin: 0;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right {';
$output .= 'overflow: hidden;';
$output .= 'float: none;';
$output .= 'max-width: 40px;';
$output .= 'width: auto;';
$output .= 'margin-left: auto;';
$output .= 'margin-right: 0;';
$output .= '-webkit-transition: max-width 0.7s linear;';
$output .= '-moz-transition: max-width 0.7s linear;';
$output .= 'transition: max-width 0.7s linear;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'display: none;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right #dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= '-webkit-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-moz-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-o-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= 'transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right #dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right #dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= '-webkit-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-moz-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-o-transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= 'transform: rotate(0deg) scaleX(1) scaleY(1);';
$output .= '-webkit-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '-moz-transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= 'transition: -webkit-transform .3s ease, -moz-transform .3s ease, -o-transform .3s ease, transform .3s ease, margin-top .3s ease;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active {';
$output .= 'max-width: 100%;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap:before, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap:before, #header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap:after, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap:after {';
$output .= 'background: transparent;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button:hover .icon-wrap.dfd-top-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button:hover .icon-wrap.dfd-top-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button:hover .icon-wrap.dfd-bottom-line, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button:hover .icon-wrap.dfd-bottom-line {';
$output .= 'margin-top: 0;';
$output .= '-webkit-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-moz-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '-o-transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= 'transform: rotate(-45deg) scaleX(0.8) scaleY(1.5);';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active.visible-overflow, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active.visible-overflow {';
$output .= 'overflow: visible;';
$output .= 'margin-left: '. $vars['header_logo_width'] .'px;';
$output .= '}';
$output .= '#header-container.header-style-12 #header .header-wrap > .row:last-child .header-col-right.active.visible-overflow nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after, #header-container.header-style-13 #header .header-wrap > .row:last-child .header-col-right.active.visible-overflow nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'display: block;';
$output .= '}';
$output .= '#header-container.header-style-12 .header-top-logo-panel {';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_twelfth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-12:not(.small) #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'background: '. $vars['header_twelfth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .logo-wrap {';
$output .= 'background: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap {';
$output .= 'background: #ffffff;';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-12:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-12:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-12:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-12:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-12:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_twelfth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-12:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_twelfth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-12:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_twelfth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-12:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_twelfth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-12:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_twelfth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_twelfth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-12:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_twelfth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_twelfth_text_color'] .', 8px 0 0 0 '. $vars['header_twelfth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_twelfth_text_color'] .', 8px 0 0 0 '. $vars['header_twelfth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-top-line, #header-container.header-style-13:not(.small) #header .header-wrap > .row:last-child .header-col-right.active #dfd-menu-button .icon-wrap.dfd-bottom-line {';
$output .= 'background: '. $vars['header_thirteenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_thirteenth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-top-logo-panel .dfd-header-middle-content ul.dfd-additional-header-menu li a {';
$output .= 'color: '. $vars['header_thirteenth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .logo-wrap {';
$output .= 'background: '. $vars['header_thirteenth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap {';
$output .= 'background: '. $vars['header_thirteenth_background'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title, #header-container.header-style-13:not(.small) #header .header-wrap .total_cart_header.simple .woo-cart-contents .woo-cart-details, #header-container.header-style-13:not(.small) #header .header-wrap .lang-sel > .active, #header-container.header-style-13:not(.small) #header .header-wrap .lang-sel > a, #header-container.header-style-13:not(.small) #header .header-wrap .total_cart_header:not(:hover) .woo-cart-contents .woo-cart-items i, #header-container.header-style-13:not(.small) #header .header-wrap .form-search-wrap a {';
$output .= 'color: '. $vars['header_thirteenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before, #header-container.header-style-13:not(.small) #header .header-wrap .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {';
$output .= 'background: transparent;';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_thirteenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap .nav-menu .mega-menu-item:before, #header-container.header-style-13:not(.small) #header .header-wrap .nav-menu .mega-menu-item .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_thirteenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:before, #header-container.header-style-13:not(.small) #header .header-wrap .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['header_thirteenth_text_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small).dfd-new-headers .lang-sel > .active:before, #header-container.header-style-13:not(.small).dfd-new-headers .lang-sel > a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_thirteenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small).dfd-new-headers:not(.small) .header-top-logo-panel {';
$output .= 'border-bottom-style: solid;';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small).dfd-new-headers nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_thirteenth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-13:not(.small).dfd-new-headers.dfd-highlight-has-submenu #header .header-wrap nav.mega-menu ul.nav-menu .mega-menu-item.menu-item-depth-0.has-submenu .item-title:after {';
$output .= 'background: '. $vars['header_thirteenth_text_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['header_thirteenth_text_color'] .', 8px 0 0 0 '. $vars['header_thirteenth_text_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['header_thirteenth_text_color'] .', 8px 0 0 0 '. $vars['header_thirteenth_text_color'] .';';
$output .= '}';
$output .= '}';
$output .= '.icon-mobile-menu span.icon-wrap {';
$output .= 'background: '. $vars['mobile_header_color'] .';';
$output .= '}';
$output .= '.dl-menuwrapper {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.sidr {';
$output .= 'background: '. $vars['mobile_menu_bg'] .';';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr .sidr-top .dfd-sidr-close {';
$output .= 'color: '. $vars['mobile_menu_color'] .';';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_menu_color'], .1) .';';
$output .= '}';
$output .= '.sidr ul.sidr-dropdown-menu {';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_menu_color'], .1) .';';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_menu_color'], .1) .';';
$output .= '}';
$output .= '.sidr ul li {';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_menu_color'], .1) .';';
$output .= '}';
$output .= '.sidr ul li a.active {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['mobile_menu_bg'], -3) .';';
$output .= 'border-bottom: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['mobile_menu_color'], .1) .';';
$output .= '}';
$output .= '.sidr ul li a {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr ul li a:hover {';
$output .= 'color: '. $vars['mobile_menu_color'] .';';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['mobile_menu_bg'], -3) .';';
$output .= '}';
$output .= '.sidr ul li a:hover .sidr-dropdown-toggler:before {';
$output .= 'background: '. $vars['mobile_menu_color'] .';';
$output .= '-webkit-box-shadow: -3px 0 0 0 '. $vars['mobile_menu_color'] .', 3px 0 0 0 '. $vars['mobile_menu_color'] .';';
$output .= 'box-shadow: -3px 0 0 0 '. $vars['mobile_menu_color'] .', 3px 0 0 0 '. $vars['mobile_menu_color'] .';';
$output .= '}';
$output .= '.sidr ul li a .sidr-dropdown-toggler:before {';
$output .= 'background: '. $vars['mobile_menu_color_value'] .';';
$output .= '-webkit-box-shadow: -3px 0 0 0 '. $vars['mobile_menu_color_value'] .', 3px 0 0 0 '. $vars['mobile_menu_color_value'] .';';
$output .= 'box-shadow: -3px 0 0 0 '. $vars['mobile_menu_color_value'] .', 3px 0 0 0 '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr ul li a .menu-subtitle {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['mobile_menu_color'] .';';
$output .= '}';
$output .= '.sidr ul li ul {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['mobile_menu_bg'], -3) .';';
$output .= '}';
$output .= '.sidr ul li ul li a:hover {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['mobile_menu_bg'], -6) .';';
$output .= '}';
$output .= '.sidr .sidr-inner > ul > li > a {';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-size: '. ((int)$vars['menu_titles_font-size'] - 1) .'px;';
$output .= '}';
$output .= '.sidr .form-search-container .search-query {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['mobile_menu_bg'], -3) .';';
$output .= '}';
$output .= '.sidr .form-search-container .searchsubmit-icon {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr .sidr-text-container {';
$output .= 'color: '. $vars['mobile_menu_color'] .';';
$output .= '}';
$output .= '.sidr .sidr-text-container p a {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr ::-webkit-input-placeholder {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr :-moz-placeholder {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr ::-moz-placeholder {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.sidr :-ms-input-placeholder {';
$output .= 'color: '. $vars['mobile_menu_color_value'] .';';
$output .= '}';
$output .= '.pages-nav a.active, .pages-nav a:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.body-back-to-top {';
$output .= 'font-size: '. $vars['to_top_button_font_size'] .'px;';
$output .= 'width: '. $vars['to_top_button_size'] .'px;';
$output .= 'height: '. $vars['to_top_button_size'] .'px;';
$output .= 'line-height: '. $vars['to_top_button_size'] .'px;';
$output .= 'color: '. $vars['to_top_button_color'] .';';
$output .= 'background: '. $vars['top_button_background_color'] .';';
$output .= 'border: '. $vars['to_top_button_border_width'] .'px '. $vars['to_top_button_border_style'] .' '. $vars['top_button_border_color'] .';';
$output .= 'border-radius: '. $vars['to_top_button_border_radius'] .'px;';
$output .= '}';
$output .= '.body-back-to-top:hover {';
$output .= 'color: '. $vars['to_top_button_hover_color'] .';';
$output .= 'background: '. $vars['top_button_hover_background'] .';';
$output .= 'border-color: '. $vars['top_button_hover_border_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: 641px) {';
$output .= 'body.dfd-custom-padding-html .body-back-to-top {';
$output .= 'margin-bottom: '.$vars['layout_whitespace_size'].'px;';
$output .= 'margin-right: '.$vars['layout_whitespace_size'].'px;';
$output .= '}';
$output .= '}';
$output .= '.back-to-top:after {';
$output .= 'background: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.button.wc-backward:not(.ubtn), .button:not(.ubtn), #wp-submit:not(.ubtn), #commentform #submit:not(.ubtn) {';
$output .= 'font-style: '. $vars['default_button_font-style'] .';';
$output .= 'font-weight: '. $vars['default_button_font-weight'] .';';
$output .= 'font-size: '. $vars['default_button_font-size'] .';';
$output .= 'font-family: '. $vars['default_button_font-family'] .';';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'text-transform: '. $vars['default_button_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['default_button_letter-spacing'] .';';
$output .= 'color: '. $vars['default_button_color'] .';';
$output .= 'height: '. $vars['default_button_line-height'] .';';
$output .= 'padding-left: '. $vars['default_button_padding_left'] .'px;';
$output .= 'padding-right: '. $vars['default_button_padding_right'] .'px;';
$output .= 'background: '. $vars['button_background_color'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_border_color'] .';';
$output .= '}';
$output .= '#commentform .button {';
$output .= 'border-radius: '. $vars['default_button_border_radius'] .'px;';
$output .= '}';
$output .= '.button.wc-backward:not(.ubtn):hover, .button:not(.ubtn):hover, #wp-submit:not(.ubtn):hover, #commentform #submit:not(.ubtn):hover {';
$output .= 'color: '. $vars['default_button_hover_color'] .';';
$output .= 'background: '. $vars['button_hover_background'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_hover_border_color'] .';';
$output .= '}';
$output .= '.button.flat, .button.button-primary, #wp-submit.flat, #wp-submit.button-primary, #commentform #submit.flat, #commentform #submit.button-primary {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.additional-button {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.additional-button:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-dotted-link > span:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .3) .';';
$output .= '}';
$output .= '.dfd-dotted-link:hover > span:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .3) .';';
$output .= '}';
$output .= '.read-more {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.read-more span:after {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.read-more:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.more-button {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 2) .'px;';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.more-button:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.more-button.slide-up {';
$output .= 'text-shadow: 0 0 '. $vars['main_site_color'] .', 0 '. ((int)$vars['box_name_font-size'] + 2) .'px '. $vars['title_color'] .';';
$output .= '}';
$output .= '.more-button.slide-up:hover {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 2) .'px '. $vars['main_site_color'] .', 0 0 '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-animate-first-last span.dfd-first {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.dfd-animate-first-last span.dfd-last {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.filter li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.filter li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.filter li a:before {';
$output .= 'margin-top: '. ((int)$vars['box_name_font-size'] / 2) .'px;';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['box_name_color'], .2) .';';
$output .= '}';
$output .= '.filter li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.filter li.active a {';
$output .= 'border-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-2 a, .widget.soc-icons.dfd-soc-icons-hover-style-6 a, .widget.soc-icons.dfd-soc-icons-hover-style-7 a, .widget.soc-icons.dfd-soc-icons-hover-style-10 a, .widget.soc-icons.dfd-soc-icons-hover-style-12 a, .widget.soc-icons.dfd-soc-icons-hover-style-17 a, .widget.soc-icons.dfd-soc-icons-hover-style-18 a, .widget.soc-icons.dfd-soc-icons-hover-style-19 a, .widget.soc-icons.dfd-soc-icons-hover-style-21 a, .widget.soc-icons.dfd-soc-icons-hover-style-23 a, .widget.soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-1 a, .widget.soc-icons.dfd-soc-icons-hover-style-3 a, .widget.soc-icons.dfd-soc-icons-hover-style-4 a, .widget.soc-icons.dfd-soc-icons-hover-style-5 a, .widget.soc-icons.dfd-soc-icons-hover-style-8 a, .widget.soc-icons.dfd-soc-icons-hover-style-9 a, .widget.soc-icons.dfd-soc-icons-hover-style-11 a, .widget.soc-icons.dfd-soc-icons-hover-style-13 a, .widget.soc-icons.dfd-soc-icons-hover-style-14 a, .widget.soc-icons.dfd-soc-icons-hover-style-15 a, .widget.soc-icons.dfd-soc-icons-hover-style-16 a, .widget.soc-icons.dfd-soc-icons-hover-style-20 a, .widget.soc-icons.dfd-soc-icons-hover-style-22 a, .widget.soc-icons.dfd-soc-icons-hover-style-24 a, .widget.soc-icons.dfd-soc-icons-hover-style-26 a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-4 a:after {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-5 a:hover:before, .widget.soc-icons.dfd-soc-icons-hover-style-6 a:hover:before {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-7 a:before, .widget.soc-icons.dfd-soc-icons-hover-style-8 a:before {';
$output .= 'border: 3px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-9 a {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-12 a:before, .widget.soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .5) .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-23 a:before {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-24 a, .widget.soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.soc-icons.dfd-soc-icons-hover-style-24 a:after, .widget.soc-icons.dfd-soc-icons-hover-style-25 a:after {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-5 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fifth_text_color'], .5) .';';
$output .= '}';
$output .= '#header-container.header-style-8 .dfd-side-header-container .widget.soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_eighth_text_color'], .5) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-7 .header-main-panel .widget.soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_seventh_text_color_active'], .5) .' !important;';
$output .= '}';
$output .= '@media only screen and (min-width: 1100px) {';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-4 a:after {';
$output .= 'background: '. $vars['header_first_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .5) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-24 a, #header-container.header-style-1 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-25 a {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_first_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-4 a:after {';
$output .= 'background: '. $vars['header_second_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-2 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_second_top_panel_color'], .5) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-4 a:after {';
$output .= 'background: '. $vars['header_third_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-3 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_third_top_panel_color'], .5) .' !important;';
$output .= '}';
$output .= '#header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-4 a:after {';
$output .= 'background: '. $vars['header_fourth_top_panel_color'] .';';
$output .= '}';
$output .= '#header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-7 a:before, #header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-8 a:before, #header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-12 a:before, #header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-13 a:before {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 {';
$output .= 'border-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a {';
$output .= 'border-left-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .1) .';';
$output .= '}';
$output .= '#header-container.header-style-4 .header-info-panel .soc-icons.dfd-soc-icons-hover-style-15 a:hover:before {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['header_fourth_top_panel_color'], .5) .' !important;';
$output .= '}';
$output .= '}';
$output .= '.dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-10 a, .dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-11 a, .dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-18 a, .dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-19 a, .dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-20 a, .dfd-team-box .dfd-team-front .soc-icon-aligment .widget.soc-icons.dfd-soc-icons-hover-style-26 a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.social-share a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-share-cover .dfd-blog-share-popup-wrap .dfd-share-title {';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 3) .'px;';
$output .= '}';
$output .= '.dfd-read-share {';
$output .= 'border-top: 1px dotted '. $vars['border_color'] .';';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= 'dfd-read-share .read-more-wrap a:not(.slide-up) {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-read-share .read-more-wrap a.chaffle:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-read-share .read-more-wrap a.simple:hover, .dfd-blog-posts-module.dfd-blog-loop.hovered .post .entry-content .more-button.simple:hover {';
$output .= 'border-left-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-single-share-fixed ul li a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-single-share-fixed ul li a span {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 3) .'px;';
$output .= '}';
$output .= '.dfd-single-share-fixed ul li a span:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.post, .search-results #main-content .post, .search-results #main-content article {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.post h6.widget-title a:hover, .search-results #main-content .post h6.widget-title a:hover, .search-results #main-content article h6.widget-title a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.post .entry-media .post-comments-wrap, .search-results #main-content .post .entry-media .post-comments-wrap, .search-results #main-content article .entry-media .post-comments-wrap {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.post .entry-media .post-comments-wrap:after, .search-results #main-content .post .entry-media .post-comments-wrap:after, .search-results #main-content article .entry-media .post-comments-wrap:after {';
$output .= 'border-top: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= 'border-left: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= '}';
$output .= '.post .entry-media .post-like-wrap span.count, .search-results #main-content .post .entry-media .post-like-wrap span.count, .search-results #main-content article .entry-media .post-like-wrap span.count {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= '}';
$output .= '.post .entry-meta .entry-comments a, .search-results #main-content .post .entry-meta .entry-comments a, .search-results #main-content article .entry-meta .entry-comments a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post .dfd-single-post-heading .dfd-news-categories .byline.category a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'color: #ffffff;';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post .dfd-single-post-heading .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post .dfd-single-post-heading .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post .dfd-single-post-heading .entry-meta a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post .entry-content img {';
$output .= 'border: 7px solid '. $vars['background_gray'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post.format-video .entry-content .flex-video iframe {';
$output .= 'border: 4px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .post.format-gallery .dfd-gallery-cover {';
$output .= 'border: 7px solid '. $vars['background_gray'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .about-author {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .about-author .author-content .author-top-inner {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .about-author .author-content .author-top-inner .widget.soc-icons a {';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.post.sticky {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= 'border-top: 2px solid '. $vars['link_color'] .';';
$output .= '}';
$output .= '.post .entry-tags.entry-tags-bordered ul li a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.post.format-quote .entry-content .entry-thumb a.quote-content, .post.format-quote .entry-media .entry-thumb a.quote-content {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] + 2) .'px;';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= '}';
$output .= '.post.format-quote .entry-content .entry-thumb .quote-author, .post.format-quote .entry-media .entry-thumb .quote-author {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 3) .'px;';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.single-post article.post.format-quote .entry-content .entry-thumb a:hover span {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.calend_date .calend_date__month {';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.calend_date .calend_date__day {';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.pagination ul.page-numbers li span, .pagination ul.page-numbers li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.pagination ul.page-numbers li span:hover, .pagination ul.page-numbers li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.pagination ul.page-numbers li span:hover, .pagination ul.page-numbers li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.pagination .prev-link a, .pagination .next-link a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.pagination .prev-link a:hover, .pagination .next-link a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.pagination .prev-link a:before, .pagination .next-link a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-1 ul.page-numbers li:last-child a, .pagination.dfd-pagination-style-2 ul.page-numbers li:last-child a {';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-1 ul.page-numbers li span, .pagination.dfd-pagination-style-2 ul.page-numbers li span, .pagination.dfd-pagination-style-1 ul.page-numbers li a, .pagination.dfd-pagination-style-2 ul.page-numbers li a {';
$output .= 'border-top: 1px solid '. $vars['border_color'] .';';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-1 .prev-next-links a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'border-top: 1px solid '. $vars['border_color'] .';';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-1 .prev-next-links a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-1 .prev-next-links a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-3 ul.page-numbers li:before, .pagination.dfd-pagination-style-4 ul.page-numbers li:before, .pagination.dfd-pagination-style-3 ul.page-numbers li:after, .pagination.dfd-pagination-style-4 ul.page-numbers li:after {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 4) .'px;';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-3 ul.page-numbers li:before, .pagination.dfd-pagination-style-4 ul.page-numbers li:before {';
$output .= 'margin-left: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-3 ul.page-numbers li:after, .pagination.dfd-pagination-style-4 ul.page-numbers li:after {';
$output .= 'margin-left: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-3 ul.page-numbers li .current {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-3 .prev-link a, .pagination.dfd-pagination-style-3 .next-link a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-4 ul.page-numbers li .current {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-5 ul.page-numbers li span, .pagination.dfd-pagination-style-5 ul.page-numbers li a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-5 ul.page-numbers li .current {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= 'border-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.pagination.dfd-pagination-style-5 .prev-link a, .pagination.dfd-pagination-style-5 .next-link a {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.pagination.ajax-pagination #ajax-pagination-load-more {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .1) .';';
$output .= '}';
$output .= '.pagination.ajax-pagination #ajax-pagination-load-more:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.pagination.ajax-pagination #ajax-pagination-load-more.last-page {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.pagination.ajax-pagination #ajax-pagination-load-more:focus {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.inner-nav .inner-nav-prev, .inner-nav .inner-nav-next {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.inner-nav .inner-nav-prev:before, .inner-nav .inner-nav-next:before {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.inner-nav .inner-nav-prev:after, .inner-nav .inner-nav-next:after {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.inner-nav .inner-nav-prev:hover, .inner-nav .inner-nav-next:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.inner-nav .inner-nav-prev:hover:before, .inner-nav .inner-nav-next:hover:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '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 {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= 'input[type="checkbox"]:before {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= 'input[type="checkbox"]:hover:before {';
$output .= 'border-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= 'input[type="checkbox"]:checked:before {';
$output .= 'border-color: '. $vars['border_color'] .';';
$output .= '}';
$output .= 'input[type="radio"]:before {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '::-webkit-input-placeholder {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= ':-moz-placeholder {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '::-moz-placeholder {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= ':-ms-input-placeholder {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.flex-direction-nav li a:hover {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h1.widget-title {';
$output .= 'font-style: '. $vars['title_h1_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h1_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h1_font-size'] .';';
$output .= 'font-family: '. $vars['title_h1_font-family'] .';';
$output .= 'line-height: '. $vars['title_h1_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h1_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h1_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h1_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h2.widget-title {';
$output .= 'font-style: '. $vars['title_h2_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h2_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h2_font-size'] .';';
$output .= 'font-family: '. $vars['title_h2_font-family'] .';';
$output .= 'line-height: '. $vars['title_h2_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h2_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h2_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h2_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h3.widget-title {';
$output .= 'font-style: '. $vars['title_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h3_font-size'] .';';
$output .= 'font-family: '. $vars['title_h3_font-family'] .';';
$output .= 'line-height: '. $vars['title_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h3_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h3_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h3_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h4.widget-title {';
$output .= 'font-style: '. $vars['title_h4_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h4_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h4_font-size'] .';';
$output .= 'font-family: '. $vars['title_h4_font-family'] .';';
$output .= 'line-height: '. $vars['title_h4_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h4_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h4_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h4_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h5.widget-title {';
$output .= 'font-style: '. $vars['title_h5_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h5_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h5_font-size'] .';';
$output .= 'font-family: '. $vars['title_h5_font-family'] .';';
$output .= 'line-height: '. $vars['title_h5_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h5_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h5_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h5_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h6.widget-title {';
$output .= 'font-style: '. $vars['title_h6_font-style'] .';';
$output .= 'font-weight: '. $vars['title_h6_font-weight'] .';';
$output .= 'font-size: '. $vars['title_h6_font-size'] .';';
$output .= 'font-family: '. $vars['title_h6_font-family'] .';';
$output .= 'line-height: '. $vars['title_h6_line-height'] .';';
$output .= 'text-transform: '. $vars['title_h6_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['title_h6_letter-spacing'] .';';
$output .= 'color: '. $vars['title_h5_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h1.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h1_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h1_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h1_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h1_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h1_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h1_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h1_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h1_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h2.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h2_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h2_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h2_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h2_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h2_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h2_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h2_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h2_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h3.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h3_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h3_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h3_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h3_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h3_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h3_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h3_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h3_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h4.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h4_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h4_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h4_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h4_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h4_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h4_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h4_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h4_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h5.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h5_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h5_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h5_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h5_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h5_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h5_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h5_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h5_color'] .';';
$output .= '}';
$output .= '.wpb_wrapper h6.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h6_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h6_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h6_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h6_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h6_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h6_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h6_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h6_color'] .';';
$output .= '}';
$output .= 'h6.widget-sub-title {';
$output .= 'font-style: '. $vars['subtitle_h6_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_h6_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_h6_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_h6_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_h6_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_h6_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_h6_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_h6_color'] .';';
$output .= '}';
$output .= '.dfd-blog-title {';
$output .= 'font-style: '. $vars['blog_title_font-style'] .';';
$output .= 'font-weight: '. $vars['blog_title_font-weight'] .';';
$output .= 'font-size: '. $vars['blog_title_font-size'] .';';
$output .= 'font-family: '. $vars['blog_title_font-family'] .';';
$output .= 'line-height: '. $vars['blog_title_line-height'] .';';
$output .= 'text-transform: '. $vars['blog_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['blog_title_letter-spacing'] .';';
$output .= 'color: '. $vars['blog_title_color'] .';';
$output .= '}';
$output .= '.dfd-blog-title a {';
$output .= 'background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, '. $vars['background_gray'] .' 50%);';
$output .= 'background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, '. $vars['background_gray'] .' 50%);';
$output .= 'background-image: -ms-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, '. $vars['background_gray'] .' 50%);';
$output .= 'background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0) 50%, '. $vars['background_gray'] .' 50%);';
$output .= 'background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, '. $vars['background_gray'] .' 50%);';
$output .= '}';
$output .= '.block-title {';
$output .= 'font-style: '. $vars['block_title_font-style'] .';';
$output .= 'font-weight: '. $vars['block_title_font-weight'] .';';
$output .= 'font-size: '. $vars['block_title_font-size'] .';';
$output .= 'font-family: '. $vars['block_title_font-family'] .';';
$output .= 'line-height: '. $vars['block_title_line-height'] .';';
$output .= 'text-transform: '. $vars['block_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['block_title_letter-spacing'] .';';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '.subtitle {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= 'h3.entry-title {';
$output .= 'font-style: '. $vars['block_title_font-style'] .';';
$output .= 'font-weight: '. $vars['block_title_font-weight'] .';';
$output .= 'font-size: '. $vars['block_title_font-size'] .';';
$output .= 'font-family: '. $vars['block_title_font-family'] .';';
$output .= 'line-height: '. $vars['block_title_line-height'] .';';
$output .= 'text-transform: '. $vars['block_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['block_title_letter-spacing'] .';';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '.box-name {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dopinfo {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.entry-meta, .entry-meta.dopinfo {';
$output .= 'font-style: '. $vars['entry_meta_font-style'] .';';
$output .= 'font-weight: '. $vars['entry_meta_font-weight'] .';';
$output .= 'font-size: '. $vars['entry_meta_font-size'] .';';
$output .= 'font-family: '. $vars['entry_meta_font-family'] .';';
$output .= 'line-height: '. $vars['entry_meta_line-height'] .';';
$output .= 'text-transform: '. $vars['entry_meta_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['entry_meta_letter-spacing'] .';';
$output .= 'color: '. $vars['entry_meta_color'] .';';
$output .= '}';
$output .= '.entry-meta a:hover, .entry-meta.dopinfo a:hover {';
$output .= 'color: inherit;';
$output .= '}';
$output .= '.entry-meta .byline, .entry-meta.dopinfo .byline {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.entry-meta .byline:hover, .entry-meta.dopinfo .byline:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.entry-meta .delim, .entry-meta.dopinfo .delim {';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.entry-meta .entry-tags ul li a, .entry-meta.dopinfo .entry-tags ul li a {';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget h3.widget-title, .module .widget h3.widget-title {';
$output .= 'font-style: '. $vars['widget_title_font-style'] .';';
$output .= 'font-weight: '. $vars['widget_title_font-weight'] .';';
$output .= 'font-size: '. $vars['widget_title_font-size'] .';';
$output .= 'font-family: '. $vars['widget_title_font-family'] .';';
$output .= 'line-height: '. $vars['widget_title_line-height'] .';';
$output .= 'text-transform: '. $vars['widget_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['widget_title_letter-spacing'] .';';
$output .= 'color: '. $vars['widget_title_color'] .';';
$output .= '}';
$output .= '.widget.widget-title-decoration-red-line .widget-title:after {';
$output .= 'background-color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.feature-title {';
$output .= 'font-style: '. $vars['feature_title_font-style'] .';';
$output .= 'font-weight: '. $vars['feature_title_font-weight'] .';';
$output .= 'font-size: '. $vars['feature_title_font-size'] .';';
$output .= 'font-family: '. $vars['feature_title_font-family'] .';';
$output .= 'line-height: '. $vars['feature_title_line-height'] .';';
$output .= 'text-transform: '. $vars['feature_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['feature_title_letter-spacing'] .';';
$output .= 'color: '. $vars['feature_title_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-module-readmore .read-more-06 i, #side-area.dfd-background-dark .dfd-module-readmore .read-more-06 i, .row .background--dark .dfd-module-readmore .read-more-06 i {';
$output .= 'text-shadow: -30px 0 0 '. $vars['third_site_color'] .', 0 0 0 #ffffff;';
$output .= '}';
$output .= '.dfd-background-dark .dfd-module-readmore .read-more-06:hover i, #side-area.dfd-background-dark .dfd-module-readmore .read-more-06:hover i, .row .background--dark .dfd-module-readmore .read-more-06:hover i {';
$output .= 'text-shadow: 0 0 0 '. $vars['third_site_color'] .', 30px 0 0 #ffffff;';
$output .= '}';
$output .= '.dfd-background-dark .more-button.slide-up, #side-area.dfd-background-dark .more-button.slide-up, .row .background--dark .more-button.slide-up {';
$output .= 'text-shadow: 0 0 '. $vars['main_site_color'] .', 0 16px #ffffff;';
$output .= '}';
$output .= '.dfd-background-dark .more-button.slide-up:hover, #side-area.dfd-background-dark .more-button.slide-up:hover, .row .background--dark .more-button.slide-up:hover {';
$output .= 'text-shadow: 0 -16px '. $vars['main_site_color'] .', 0 0 #ffffff;';
$output .= '}';
$output .= '.dfd-background-dark .more-button.dfd-animate-first-last:hover, #side-area.dfd-background-dark .more-button.dfd-animate-first-last:hover, .row .background--dark .more-button.dfd-animate-first-last:hover, .dfd-background-dark .more-button.chaffle:hover, #side-area.dfd-background-dark .more-button.chaffle:hover, .row .background--dark .more-button.chaffle:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .audioplayer .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover:before, #side-area.dfd-background-dark .audioplayer .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover:before, .row .background--dark .audioplayer .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover:before, .dfd-background-dark .audioplayer .audioplayer.audioplayer-playing .audioplayer-playpause a:hover:before, #side-area.dfd-background-dark .audioplayer .audioplayer.audioplayer-playing .audioplayer-playpause a:hover:before, .row .background--dark .audioplayer .audioplayer.audioplayer-playing .audioplayer-playpause a:hover:before {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.author a:hover, #side-area.dfd-background-dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.author a:hover, .row .background--dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.author a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.entry-comments a, #side-area.dfd-background-dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.entry-comments a, .row .background--dark .recent-posts-list .post-item .entry-content-wrap .subtitle span.entry-comments a {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:before, #side-area.dfd-background-dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:before, .row .background--dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:before {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:hover:after, #side-area.dfd-background-dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:hover:after, .row .background--dark .slick-slider .slick-dots li.slick-active .dfd-line-dots:hover:after {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-contact-block-horizontal.style-4 .block-icon i, #side-area.dfd-background-dark .dfd-contact-block-horizontal.style-4 .block-icon i, .row .background--dark .dfd-contact-block-horizontal.style-4 .block-icon i {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .wpcf7-form input, #side-area.dfd-background-dark .wpcf7-form input, .row .background--dark .wpcf7-form input, .dfd-background-dark .wpcf7-form textarea, #side-area.dfd-background-dark .wpcf7-form textarea, .row .background--dark .wpcf7-form textarea {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['background_gray'], .2) .';';
$output .= '}';
$output .= '.dfd-background-dark .wpcf7-form p span.chaffle:hover, #side-area.dfd-background-dark .wpcf7-form p span.chaffle:hover, .row .background--dark .wpcf7-form p span.chaffle:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .wpcf7-form .dfd-contact-from-style-2 p span.chaffle:hover, #side-area.dfd-background-dark .wpcf7-form .dfd-contact-from-style-2 p span.chaffle:hover, .row .background--dark .wpcf7-form .dfd-contact-from-style-2 p span.chaffle:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="email"], #side-area.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="email"], .row .background--dark .wpcf7-form .dfd-contact-from-style-3 input[type="email"], .dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="text"], #side-area.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="text"], .row .background--dark .wpcf7-form .dfd-contact-from-style-3 input[type="text"], .dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 textarea, #side-area.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 textarea, .row .background--dark .wpcf7-form .dfd-contact-from-style-3 textarea {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['background_gray'], .1) .';';
$output .= '}';
$output .= '.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="submit"]:hover, #side-area.dfd-background-dark .wpcf7-form .dfd-contact-from-style-3 input[type="submit"]:hover, .row .background--dark .wpcf7-form .dfd-contact-from-style-3 input[type="submit"]:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dk_container .dk_toggle:hover:before, #side-area.dfd-background-dark .dk_container .dk_toggle:hover:before, .row .background--dark .dk_container .dk_toggle:hover:before {';
$output .= '-webkit-box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'background-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dk_options_inner li a, #side-area.dfd-background-dark .dk_options_inner li a, .row .background--dark .dk_options_inner li a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dk-select .dk-selected:hover:before, #side-area.dfd-background-dark .dk-select .dk-selected:hover:before, .row .background--dark .dk-select .dk-selected:hover:before, .dfd-background-dark .dk-select-multi .dk-selected:hover:before, #side-area.dfd-background-dark .dk-select-multi .dk-selected:hover:before, .row .background--dark .dk-select-multi .dk-selected:hover:before {';
$output .= '-webkit-box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'background-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dk-select .dk-select-options li, #side-area.dfd-background-dark .dk-select .dk-select-options li, .row .background--dark .dk-select .dk-select-options li, .dfd-background-dark .dk-select-multi .dk-select-options li, #side-area.dfd-background-dark .dk-select-multi .dk-select-options li, .row .background--dark .dk-select-multi .dk-select-options li {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3a .gw-go-header, #side-area.dfd-background-dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3a .gw-go-header, .row .background--dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3a .gw-go-header, .dfd-background-dark .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, #side-area.dfd-background-dark .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, .row .background--dark .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, .dfd-background-dark .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, #side-area.dfd-background-dark .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, .row .background--dark .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, .dfd-background-dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3b .gw-go-header, #side-area.dfd-background-dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3b .gw-go-header, .row .background--dark .gw-go.gw-go-enlarge-current .gw-go-col-wrap.gw-go-current .gw-go-blue3b .gw-go-header, .dfd-background-dark .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, #side-area.dfd-background-dark .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, .row .background--dark .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, .dfd-background-dark .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, #side-area.dfd-background-dark .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, .row .background--dark .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 {';
$output .= 'background: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd-pricing-block.style-03 .feat-mark.style-01, #side-area.dfd-background-dark .dfd-pricing-block.style-03 .feat-mark.style-01, .row .background--dark .dfd-pricing-block.style-03 .feat-mark.style-01 {';
$output .= 'color: '. $vars['text_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .onclick-menu .onclick-nav-menu > li a:hover, #side-area.dfd-background-dark .onclick-menu .onclick-nav-menu > li a:hover, .row .background--dark .onclick-menu .onclick-nav-menu > li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-10 a, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-10 a, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-10 a, .dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-11 a, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-11 a, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-11 a, .dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-26 a, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-26 a, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-26 a {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-18 a, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-18 a, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-18 a {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-24 a:hover:before, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-24 a:hover:before, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-24 a:hover:before, .dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-25 a:hover:before, #side-area.dfd-background-dark .widget.soc-icons.dfd-soc-icons-hover-style-25 a:hover:before, .row .background--dark .widget.soc-icons.dfd-soc-icons-hover-style-25 a:hover:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-twitter-module .tweet-item .tweet .tweet-content a:hover, #side-area.dfd-background-dark .dfd-twitter-module .tweet-item .tweet .tweet-content a:hover, .row .background--dark .dfd-twitter-module .tweet-item .tweet .tweet-content a:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget) .entry-content-wrap h3.entry-title, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget) .entry-content-wrap h3.entry-title, .row .background--dark .widget:not(.widget_recent_posts_widget) .entry-content-wrap h3.entry-title {';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li .icon-wrap i, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li .icon-wrap i, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li .icon-wrap i, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li .icon-wrap i, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li .icon-wrap i, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li .icon-wrap i, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li .icon-wrap i, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li .icon-wrap i, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li .icon-wrap i, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li .icon-wrap i, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li .icon-wrap i, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li .icon-wrap i {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li:hover .count, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li:hover .count, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul li:hover .count, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li:hover .count, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li:hover .count, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul li:hover .count, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li:hover .count, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li:hover .count, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul li:hover .count, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li:hover .count, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li:hover .count, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul li:hover .count {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.post-categories li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.post-categories li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.post-categories li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.post-categories li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.post-categories li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.post-categories li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.post-categories li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.post-categories li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.post-categories li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.post-categories li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.post-categories li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.post-categories li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.widget-archive li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.widget-archive li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_entries ul.widget-archive li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.widget-archive li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.widget-archive li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_categories ul.widget-archive li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.widget-archive li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.widget-archive li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_arch ul.widget-archive li:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.widget-archive li:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.widget-archive li:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_display_forums ul.widget-archive li:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_top_rated_products a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_top_rated_products a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_top_rated_products a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_reviews a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_reviews a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_reviews a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_products a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_products a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_products a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_best_sellers a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_best_sellers a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_best_sellers a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_widget_tabs .box-name a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_widget_tabs .box-name a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_widget_tabs .box-name a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_tabs .box-name a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_tabs .box-name a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_cat_tabs .box-name a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_groups_widget .item-options a.selected, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_groups_widget .item-options a.selected, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_bp_groups_widget .item-options a.selected, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_core_members_widget .item-options a.selected, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_core_members_widget .item-options a.selected, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_bp_core_members_widget .item-options a.selected {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a.dfd-post-link, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a.dfd-post-link, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_dfd_recent_comments .recentcomments a.dfd-post-link, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a.dfd-post-link, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a.dfd-post-link, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_recent_comments .recentcomments a.dfd-post-link {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_counter_mail_subscribe button[type="submit"]:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_counter_mail_subscribe button[type="submit"]:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_counter_mail_subscribe button[type="submit"]:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).bbp_widget_login .bbp-logged-in h4 a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).bbp_widget_login .bbp-logged-in h4 a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).bbp_widget_login .bbp-logged-in h4 a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_core_login_widget .bp-login-widget-user-link:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_bp_core_login_widget .bp-login-widget-user-link:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_bp_core_login_widget .bp-login-widget-user-link:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tags-widget a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tags-widget a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tags-widget a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tags-widget a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tags-widget a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tags-widget a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tags-widget a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tags-widget a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tags-widget a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tagcloud a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tagcloud a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_crum_tags_widget .tagcloud a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tagcloud a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tagcloud a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_tag_cloud .tagcloud a:hover, .dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tagcloud a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tagcloud a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_product_tag_cloud .tagcloud a:hover {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_rss ul li a:hover, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_rss ul li a:hover, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_rss ul li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_twitter-widget .tweet-list .tweet .tweet-inner a, #side-area.dfd-background-dark .widget:not(.widget_recent_posts_widget).widget_twitter-widget .tweet-list .tweet .tweet-inner a, .row .background--dark .widget:not(.widget_recent_posts_widget).widget_twitter-widget .tweet-list .tweet .tweet-inner a {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-single-product-module .onsale, #side-area.dfd-background-dark .dfd-single-product-module .onsale, .row .background--dark .dfd-single-product-module .onsale {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-woocomposer_list .dfd-woo-product-list li .amount, #side-area.dfd-background-dark .dfd-woocomposer_list .dfd-woo-product-list li .amount, .row .background--dark .dfd-woocomposer_list .dfd-woo-product-list li .amount {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd-woocomposer_list .dfd-woo-product-list li .amount ins, #side-area.dfd-background-dark .dfd-woocomposer_list .dfd-woo-product-list li .amount ins, .row .background--dark .dfd-woocomposer_list .dfd-woo-product-list li .amount ins {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .products .product .woo-title-wrap .price-wrap, #side-area.dfd-background-dark .products .product .woo-title-wrap .price-wrap, .row .background--dark .products .product .woo-title-wrap .price-wrap {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .products .product .woo-title-wrap .price-wrap .amount, #side-area.dfd-background-dark .products .product .woo-title-wrap .price-wrap .amount, .row .background--dark .products .product .woo-title-wrap .price-wrap .amount {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .products .product .woo-title-wrap .price-wrap ins .amount, #side-area.dfd-background-dark .products .product .woo-title-wrap .price-wrap ins .amount, .row .background--dark .products .product .woo-title-wrap .price-wrap ins .amount {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic_empty .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.classic_empty .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.classic_empty .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover {';
$output .= 'border-color: rgba(255, 255, 255, 0.23) !important;';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.collapse .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a {';
$output .= 'background: #ffffff !important;';
$output .= 'border-color: rgba(255, 255, 255, 0.23) !important;';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_tta-tab a i:hover {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['main_site_color'], .7) .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i {';
$output .= 'color: '. Dfd_Theme_Helpers::adjustBrightness($vars['main_site_color'], -50) .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tabs.big_icon .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a i:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-2 .vc_active .vc_tta-panel-heading a, #side-area.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-2 .vc_active .vc_tta-panel-heading a, .row .background--dark .dfd_tabs_block .vc_tta-accordion .style-2 .vc_active .vc_tta-panel-heading a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a, #side-area.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a, .row .background--dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a i:before, #side-area.dfd-background-dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a i:before, .row .background--dark .dfd_tabs_block .vc_tta-accordion .style-4 .vc_active .vc_tta-panel-heading a i:before {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab a:hover, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab a:hover, .row .background--dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a, .row .background--dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a {';
$output .= 'background: #ffffff !important;';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:before, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:before, .row .background--dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:before, .dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:after, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:after, .row .background--dark .dfd_tabs_block .dfd_tta_tour .vc_tta-tabs-container .vc_tta-tab.vc_active a:after {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:before, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:before, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:before, .dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:after, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:after, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-2 .vc_tta-tab a:after {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:before, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:before, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:before, .dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:after, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:after, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-3 .vc_tta-tab a:after {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:before, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:before, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:before, .dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:after, #side-area.dfd-background-dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:after, .row .background--dark .dfd_tabs_block .dfd_tta_tour.style-5 .vc_tta-tab a:after {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdrounded li.vc_active a:before, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdrounded li.vc_active a:before, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdrounded li.vc_active a:before {';
$output .= 'background: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillrounded li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillrounded li.vc_active a, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillrounded li.vc_active a {';
$output .= 'background-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillsquare li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillsquare li.vc_active a, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdfillsquare li.vc_active a {';
$output .= 'background-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdemptyrounded li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdemptyrounded li.vc_active a, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdemptyrounded li.vc_active a {';
$output .= 'border-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdline li.vc_active a:before, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdline li.vc_active a:before, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdline li.vc_active a:before {';
$output .= 'background: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a {';
$output .= 'background-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a:before, #side-area.dfd-background-dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a:before, .row .background--dark .dfd_tabs_block .vc_pagination.vc_pagination-style-dfdadvancesquare li.vc_active a:before {';
$output .= 'border-bottom-color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_contact_form.preset1 input:not(.wpcf7-submit), #side-area.dfd-background-dark .dfd_contact_form.preset1 input:not(.wpcf7-submit), .row .background--dark .dfd_contact_form.preset1 input:not(.wpcf7-submit), .dfd-background-dark .dfd_contact_form.preset1 textarea, #side-area.dfd-background-dark .dfd_contact_form.preset1 textarea, .row .background--dark .dfd_contact_form.preset1 textarea, .dfd-background-dark .dfd_contact_form.preset1 .dk_container, #side-area.dfd-background-dark .dfd_contact_form.preset1 .dk_container, .row .background--dark .dfd_contact_form.preset1 .dk_container, .dfd-background-dark .dfd_contact_form.preset1 .dk-select .dk-selected, #side-area.dfd-background-dark .dfd_contact_form.preset1 .dk-select .dk-selected, .row .background--dark .dfd_contact_form.preset1 .dk-select .dk-selected, .dfd-background-dark .dfd_contact_form.preset1 .dk-select-multi .dk-selected, #side-area.dfd-background-dark .dfd_contact_form.preset1 .dk-select-multi .dk-selected, .row .background--dark .dfd_contact_form.preset1 .dk-select-multi .dk-selected {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['background_gray'], .05) .' !important;';
$output .= '}';
$output .= '.dfd-background-dark .dfd_contact_form.preset1 .dk-select .dk-select-options, #side-area.dfd-background-dark .dfd_contact_form.preset1 .dk-select .dk-select-options, .row .background--dark .dfd_contact_form.preset1 .dk-select .dk-select-options {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '#side-area.dfd-background-dark .widget_dfd_recent_posts .recent-posts-list li a:hover, #footer.dark .widget_dfd_recent_posts .recent-posts-list li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '#sub-footer.dark .footer-menu li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '#side-area.background-dark .side-area-bottom .side_area_title a {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dropdown {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dropdown .dropdown-toggle span {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.dropdown-menu {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dropdown-menu > li > a {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.dropdown-menu > li > a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dk_container {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dk_toggle:hover:before {';
$output .= '-webkit-box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'background-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dk_open .dk_toggle {';
$output .= 'border-color: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dk_options li {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= '}';
$output .= '.click-dropdown > a {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.click-dropdown > div ul.category-filer .icon-wrap i.none:before {';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= '}';
$output .= '.click-dropdown > div ul li {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.click-dropdown:hover > a:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '-webkit-box-shadow: 0 2px 0 0 '. $vars['third_site_color'] .', 0 4px 0 0 '. $vars['third_site_color'] .';';
$output .= 'box-shadow: 0 2px 0 0 '. $vars['third_site_color'] .', 0 4px 0 0 '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dk-select .dk-selected, .dk-select-multi .dk-selected {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dk-select .dk-selected:hover:before, .dk-select-multi .dk-selected:hover:before {';
$output .= '-webkit-box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'box-shadow: 0 -2px 0 '. $vars['third_site_color'] .', 0 2px 0 '. $vars['third_site_color'] .';';
$output .= 'background-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dk-select .dk-select-options li, .dk-select-multi .dk-select-options li {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.audioplayer {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a:hover:before {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.audioplayer.audioplayer-playing .audioplayer-playpause a:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer.audioplayer-playing .audioplayer-playpause a:hover:before {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-playpause {';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-time {';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-bar:before {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-bar .audioplayer-bar-played {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-volume {';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-volume .audioplayer-volume-button > a:before {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-volume .audioplayer-volume-button > a:hover:before {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-volume .audioplayer-volume-adjust {';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.audioplayer .audioplayer-volume .audioplayer-volume-adjust > div:before {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#loginModal {';
$output .= 'top: '. ($vars['top_menu_height'] + 118) .'px !important;';
$output .= '}';
$output .= '#loginModal:before {';
$output .= 'border-color: transparent transparent '. $vars['third_site_color'] .' transparent;';
$output .= '}';
$output .= '#loginModal h3 {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '#loginModal p a {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.tooltipster-base .tooltipster-content .tooltipster-content-head {';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= '}';
$output .= '.tooltipster-base .tooltipster-content .tooltipster-content-body {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.top-inner-page span {';
$output .= 'background: '. $vars['menu_titles_color'] .';';
$output .= '}';
$output .= '.top-inner-page span:before, .top-inner-page span:after {';
$output .= 'background: '. $vars['menu_titles_color'] .';';
$output .= '}';
$output .= '.top-inner-page:hover span {';
$output .= 'background: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.top-inner-page:hover span:before {';
$output .= 'background: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.top-inner-page:hover span:after {';
$output .= 'background: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '#top-panel-inner .top-panel-inner-wrapper {';
$output .= 'background: '. $vars['top_panel_inner_bg_option'] .';';
$output .= '}';
$output .= '#top-panel-inner.open .top-panel-inner-wrapper:after {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-custom-padding-html #side-area {';
$output .= 'top: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '.dfd-custom-padding-html #side-area.opened {';
$output .= 'right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '.dfd-custom-padding-html #side-area.opened.side-area-left {';
$output .= 'left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '.dfd-custom-padding-html.admin-bar #side-area {';
$output .= 'top: '. ($vars['layout_whitespace_size'] + 32) .'px;';
$output .= '}';
$output .= '#side-area:before {';
$output .= 'border-top: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#side-area .side-area-bottom .side-area-subbottom .side_area_copyright {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['text_color'] .';';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= '}';
$output .= '#side-area .side-area-button-section a {';
$output .= 'font-family: '. $vars['block_title_font-family'] .';';
$output .= '}';
$output .= '#side-area div.widget.widget_text div.textwidget {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= 'body.admin-bar #side-area.dfd-frame-border {';
$output .= 'top: '. ($vars['layout_whitespace_size'] + 32) .'px;';
$output .= '}';
$output .= '#side-area nav.mega-menu ul.nav-menu > li .item-title:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_titles_color'], .2) .';';
$output .= '}';
$output .= '#side-area nav.mega-menu ul.nav-menu > li.current-menu-ancestor .item-title {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_titles_color'], .1) .';';
$output .= '}';
$output .= '.dfd-click-menu-activation-button, .side-area-controller-wrap {';
$output .= 'height: '. $vars['menu_inner_height'] .'px;';
$output .= '}';
$output .= '.dfd-click-menu-activation-button a, .side-area-controller-wrap a {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_titles_color'], .1) .';';
$output .= '}';
$output .= '.dfd-click-menu-activation-button a .icon-wrap:before, .side-area-controller-wrap a .icon-wrap:before, .dfd-click-menu-activation-button a .icon-wrap:after, .side-area-controller-wrap a .icon-wrap:after {';
$output .= 'background: '. $vars['menu_titles_color'] .';';
$output .= '}';
$output .= '@media only screen and (min-width: '. ($vars['medium_responsive_breakpoint'] - 1) .'px) {';
$output .= 'body.admin-bar.dfd-custom-padding-html #side-area .overflow-scroll .side-area-controller-wrap {';
$output .= 'top: 32px;';
$output .= '}';
$output .= '#left-sidebar, #right-sidebar {';
$output .= 'position: relative;';
$output .= 'background: '. $vars['background_gray'] .';';
$output .= '}';
$output .= '#left-sidebar:before, #right-sidebar:before {';
$output .= 'content: "";';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'display: block;';
$output .= 'width: 1500px;';
$output .= 'height: 100%;';
$output .= 'background: '. $vars['background_gray'] .';';
$output .= '}';
$output .= '#left-sidebar, #right-sidebar {';
$output .= 'height: auto !important;';
$output .= 'padding-top: 70px;';
$output .= 'padding-bottom: 70px;';
$output .= '}';
$output .= '#left-sidebar:before {';
$output .= 'right: 0;';
$output .= '}';
$output .= '#left-sidebar > * {';
$output .= 'padding-right: 30px;';
$output .= '}';
$output .= '#right-sidebar:before {';
$output .= 'left: 0;';
$output .= '}';
$output .= '#right-sidebar > * {';
$output .= 'padding-left: 30px;';
$output .= '}';
$output .= '.single-post.dfd-single-layout-full-width {';
$output .= 'width: 100%;';
$output .= 'padding: 0 80px;';
$output .= '}';
$output .= '#main-content.dfd-eq-height {';
$output .= 'height: auto !important;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= '#layout.single-post {';
$output .= 'margin-top: 0px;';
$output .= 'margin-bottom: 0px;';
$output .= '}';
$output .= '#layout.single-post #main-content {';
$output .= 'padding-top: 30px;';
$output .= 'padding-bottom: 30px;';
$output .= '}';
$output .= '#layout.single-post #left-sidebar, #layout.single-post #right-sidebar {';
$output .= 'padding-top: 90px;';
$output .= 'padding-bottom: 90px;';
$output .= '}';
$output .= '#layout.single-post #left-sidebar > * {';
$output .= 'padding-right: 30px;';
$output .= '}';
$output .= '#layout.single-post #right-sidebar > * {';
$output .= 'padding-left: 30px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-entry-media.desc-bottom {';
$output .= 'padding-top: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-entry-media.desc-left, #layout.single-folio.folio_inside_1 .folio-info.desc-left, #layout.single-folio.folio_inside_1 .folio-entry-media.desc-right, #layout.single-folio.folio_inside_1 .folio-info.desc-right {';
$output .= 'padding-top: 40px;';
$output .= 'padding-bottom: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-entry-media.desc-left {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-entry-media.desc-right {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-info.desc-left {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-info.desc-right {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-info.desc-left:before, #layout.single-folio.folio_inside_1 .folio-info.desc-right:before {';
$output .= 'content: "";';
$output .= 'position: absolute;';
$output .= 'top: 0;';
$output .= 'display: block;';
$output .= 'width: 1500px;';
$output .= 'height: 99999em;';
$output .= 'background: '. $vars['background_gray'] .';';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-info.desc-left:before {';
$output .= 'right: 66.66667%;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_1 .folio-info.desc-right:before {';
$output .= 'left: 66.66667%;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_2 > .project {';
$output .= 'margin-top: 30px;';
$output .= 'margin-bottom: 30px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_2 .folio-entry-media.desc-left {';
$output .= 'padding-left: 10px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_2 .folio-entry-media.desc-right {';
$output .= 'padding-right: 10px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_2 .folio-info.desc-left {';
$output .= 'padding-right: 10px;';
$output .= '}';
$output .= '#layout.single-folio.folio_inside_2 .folio-info.desc-right {';
$output .= 'padding-left: 10px;';
$output .= '}';
$output .= '#layout.portfolio-page {';
$output .= 'margin-top: 0px;';
$output .= 'margin-bottom: 0px;';
$output .= '}';
$output .= '#layout.portfolio-page #grid-folio.grid-folio-full-width, #layout.portfolio-page #grid-folio.grid-folio-full-width-bordered {';
$output .= 'margin-top: 0;';
$output .= '}';
$output .= '#layout.portfolio-page #grid-folio {';
$output .= 'margin-top: 70px;';
$output .= 'margin-bottom: 70px;';
$output .= '}';
$output .= '#layout.portfolio-page #portfolio-page {';
$output .= 'padding-top: 70px;';
$output .= 'padding-bottom: 70px;';
$output .= '}';
$output .= '#layout.portfolio-page #grid-folio + .page-nav {';
$output .= 'margin-bottom: 70px;';
$output .= '}';
$output .= '#layout.blog-page {';
$output .= 'margin-top: 0px;';
$output .= 'margin-bottom: 0px;';
$output .= '}';
$output .= '#layout.blog-page #grid-posts {';
$output .= 'margin-top: 70px;';
$output .= 'margin-bottom: 70px;';
$output .= '}';
$output .= '#layout.blog-page #grid-posts + .page-nav {';
$output .= 'margin-bottom: 70px;';
$output .= '}';
$output .= '#layout.blog-page #main-content {';
$output .= 'padding-top: 70px;';
$output .= 'padding-bottom: 70px;';
$output .= 'z-index: 1;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= 'body.dfd-custom-padding-html .dfd-parallax-footer {';
$output .= 'margin-bottom: 0;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-parallax-footer #footer-wrap {';
$output .= 'padding-left: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'padding-right: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'margin-bottom: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= '}';
$output .= 'body.dfd-custom-padding-html {';
$output .= 'margin: '. $vars['layout_whitespace_size'] .'px; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-frame-line.line-top, body.dfd-custom-padding-html .dfd-frame-line.line-bottom {';
$output .= 'height: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'background: '. $vars['layout_whitespace_color'] .'; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-frame-line.line-left, body.dfd-custom-padding-html .dfd-frame-line.line-right {';
$output .= 'width: '. $vars['layout_whitespace_size'] .'px; ';
$output .= 'background: '. $vars['layout_whitespace_color'] .'; ';
$output .= '}';
$output .= 'body.dfd-custom-padding-html #fp-nav.left {left:'. ((int)$vars['layout_whitespace_size'] + 17) .'px !important;}'
. 'body.dfd-custom-padding-html #fp-nav.right {right:'. ((int)$vars['layout_whitespace_size'] + 17) .'px !important;}';
$output .= '@media only screen and (min-width: '. ($vars['medium_responsive_breakpoint'] - 1) .'px) {';
$output .= '.blog-section.sidebar-both #main-content {';
$output .= 'padding: 0 40px;';
$output .= '}';
$output .= '.blog-section.sidebar-left #main-content {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '.blog-section.sidebar-right #main-content {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '.single-folio .folio-entry-media.desc-right {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '.single-folio .folio-entry-media.desc-left {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '#grid-posts.grid-left-sidebar {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '#grid-posts.grid-right-sidebar {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '#layout.portfolio-page.dfd-sidebar-left .nine.columns {';
$output .= 'padding-left: 40px;';
$output .= '}';
$output .= '#layout.portfolio-page.dfd-sidebar-right .nine.columns {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '.dfd-news-layout #main-content {';
$output .= 'padding-right: 100px;';
$output .= '}';
$output .= '.dfd-woo-archive .nine.columns {';
$output .= 'padding-right: 40px;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '.row.dfd-masonry-full-width-offset {';
$output .= 'width: 100%;';
$output .= 'padding: 0 70px;';
$output .= '}';
$output .= '}';
$output .= '.rev_slider_wrapper .tp-bullets.simplebullets.custom .bullet.selected {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.rev_slider_wrapper .tp-bullets.simplebullets.round .bullet.selected {';
$output .= 'border: 2px solid '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.rev_slider_wrapper .tp-bullets.simplebullets.square-old .bullet.selected {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.rev_slider_wrapper .tp-bullets.simplebullets.round-old .bullet.selected {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.darkgrey:before {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.darkgrey.transparent:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.green {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border: 1px solid '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.green.transparent:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.lightgrey {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '.tp-caption a.tp-button.lightgrey.transparent:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tp-caption a.tp-button.lightgrey.transparent.white-hover:hover {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '.tp-caption a.tp-button.lightgrey.alternative:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.blog-top-block {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.blog-top-block .title {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['entry_meta_font-family'] .';';
$output .= 'font-style: '. $vars['entry_meta_font-style'] .';';
$output .= 'font-weight: '. $vars['entry_meta_font-weight'] .';';
$output .= '}';
$output .= '.dfd-blog-page-icon {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.slick-dots li.slick-active button {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.slick-dots li button {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.header-wishlist-link-wrap, .header-login-link {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.header-wishlist-link-wrap:hover, .header-login-link:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.header-wishlist-link-wrap:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu li {';
$output .= 'border-top: 1px dotted '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['menu_dropdowns_color'], .1) .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu li.has-submenu > a:before {';
$output .= 'border-left: 3px solid '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu li.has-submenu > a.open:before {';
$output .= 'border-left-color: '. $vars['menu_dropdown_hover_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .item-title {';
$output .= 'font-size: '. ((int)$vars['menu_titles_font-size'] - 1) .'px;';
$output .= 'font-style: '. $vars['menu_titles_font-style'] .';';
$output .= 'font-family: '. $vars['menu_titles_font-family'] .';';
$output .= 'font-weight: '. $vars['menu_titles_font-weight'] .';';
$output .= 'text-transform: '. $vars['menu_titles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_titles_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .item-title:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .item-title.open {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu ul.sub-menu {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu ul li {';
$output .= 'font-style: '. $vars['menu_dropdowns_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_dropdowns_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_dropdowns_font-size'] .';';
$output .= 'font-family: '. $vars['menu_dropdowns_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdowns_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_dropdowns_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_dropdowns_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdown_items_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu ul li:hover {';
$output .= 'color: '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu ul ul {';
$output .= 'background: '. $vars['menu_dropdown_bg'] .';';
$output .= '}';
$output .= '#header .onclick-menu-wrap nav.onclick-menu .onclick-nav-menu .menu-subtitle {';
$output .= 'font-style: '. $vars['menu_dropdown_subtitles_font-style'] .';';
$output .= 'font-weight: '. $vars['menu_dropdown_subtitles_font-weight'] .';';
$output .= 'font-size: '. $vars['menu_dropdown_subtitles_font-size'] .';';
$output .= 'font-family: '. $vars['menu_dropdown_subtitles_font-family'] .';';
$output .= 'line-height: '. $vars['menu_dropdown_subtitles_line-height'] .';';
$output .= 'text-transform: '. $vars['menu_dropdown_subtitles_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['menu_dropdown_subtitles_letter-spacing'] .';';
$output .= 'color: '. $vars['menu_dropdown_subtitles_color'] .';';
$output .= '}';
$output .= '#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 {';
$output .= 'background: '. $vars['menu_dropdowns_color'] .';';
$output .= '-webkit-box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= 'box-shadow: 4px 0 0 0 '. $vars['menu_dropdowns_color'] .', 8px 0 0 0 '. $vars['menu_dropdowns_color'] .';';
$output .= '}';
$output .= '#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 .item-title {';
$output .= 'font-size: '. $vars['menu_titles_font-size'] .';';
$output .= '}';
$output .= '#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 ul li ul {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -2) .';';
$output .= '}';
$output .= '#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 ul li ul li ul {';
$output .= 'background: '. Dfd_Theme_Helpers::adjustBrightness($vars['menu_dropdown_background'], -4) .';';
$output .= '}';
$output .= '.tabs > dd.active > a, .tabs > li.active > a {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tabs.horisontal dd a, .tabs.horisontal li a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.tabs.horisontal dd.active > a, .tabs.horisontal li.active > a {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tabs.vertical dd a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.tabs.vertical dd.active a {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.tabs.horisontal.no-styling dd.active a {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= 'ul.accordion li .title {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= 'ul.accordion li .title .icon {';
$output .= 'border: 2px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= 'ul.accordion li .title .icon:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= 'ul.accordion li .title .icon:after {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= 'ul.accordion li.active .title {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= 'ul.accordion li.active .title .icon {';
$output .= 'background: '. $vars['secondary_site_color'] .';';
$output .= 'border-color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.entry-meta .byline {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.entry-meta .byline:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.entry-meta .delim {';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.entry-meta .entry-tags ul li a {';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-controls .page-inner-nav.nav-prev {';
$output .= 'left: '. ($vars['layout_whitespace_size'] + 10) .'px;';
$output .= '}';
$output .= 'body.dfd-custom-padding-html .dfd-controls .page-inner-nav.nav-next {';
$output .= 'right: '. ($vars['layout_whitespace_size'] + 10) .'px;';
$output .= '}';
$output .= '.dfd-controls.dfd-arrows-nav .page-inner-nav .dfd-controler {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-controls.dfd-arrows-nav .page-inner-nav:hover .dfd-controler {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .thumb {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .thumb .entry-comments {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .thumb .entry-comments:before {';
$output .= 'border-top: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= 'border-left: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .pagination-title {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .pagination-title div.box-name {';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .pagination-title div.subtitle {';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] - 1) .'px;';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .dfd-controler {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .dfd-controler.prev span, .dfd-controls .page-inner-nav .dfd-controler.next span {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .dfd-controler.prev span:hover, .dfd-controls .page-inner-nav .dfd-controler.next span:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .dfd-controler.prev span:before, .dfd-controls .page-inner-nav .dfd-controler.next span:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav .dfd-controler.prev span:hover, .dfd-controls .page-inner-nav .dfd-controler.next span:hover {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-controls .page-inner-nav:hover .dfd-controler, .dfd-controls .page-inner-nav.active .dfd-controler {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= 'border-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-controls-top {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-controls-top .page-inner-nav .dfd-controler {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.share-cover .entry-share {';
$output .= 'line-height: '. ((int)$vars['box_name_font-size'] + 4) .'px;';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup {';
$output .= 'line-height: '. ((int)$vars['box_name_font-size'] + 4) .'px;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li {';
$output .= 'height: '. ((int)$vars['box_name_font-size'] + 4) .'px;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a {';
$output .= 'line-height: '. ((int)$vars['box_name_font-size'] + 4) .'px;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a span {';
$output .= 'line-height: '. ((int)$vars['box_name_font-size'] + 4) .'px;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a.entry-share-link-facebook {';
$output .= 'text-shadow: 0 0 title_color, 0 '. ((int)$vars['box_name_font-size'] + 4) .'px #3c599f;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a.entry-share-link-twitter {';
$output .= 'text-shadow: 0 0 title_color, 0 '. ((int)$vars['box_name_font-size'] + 4) .'px #32ccfe;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a.entry-share-link-linkedin {';
$output .= 'text-shadow: 0 0 title_color, 0 '. ((int)$vars['box_name_font-size'] + 4) .'px #0085ae;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a:hover.entry-share-link-facebook {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 4) .'px title_color, 0 0 #3c599f;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a:hover.entry-share-link-twitter {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 4) .'px title_color, 0 0 #32ccfe;';
$output .= '}';
$output .= '.share-cover .entry-share .entry-share-popup li a:hover.entry-share-link-linkedin {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 4) .'px title_color, 0 0 #0085ae;';
$output .= '}';
$output .= '#comments h5 {';
$output .= 'font-size: '. $vars['block_title_font-size'] .';';
$output .= '}';
$output .= '#comments .commentlist .comment > .clearfix {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#comments .commentlist .comment > .clearfix .avatar-box i {';
$output .= 'color: '. $vars['border_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .comment-author .author {';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 2) .'px;';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .comment-author .date {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply .dop-link {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply .dop-link a .slide-up {';
$output .= 'text-shadow: 0 0 subtitle_color, 0 '. ((int)$vars['box_name_font-size'] + 2) .'px '. $vars['title_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply .dop-link a:hover .slide-up {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 2) .'px subtitle_color, 0 0 '. $vars['title_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply a {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 2) .'px;';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply a.comment-reply-link .slide-up {';
$output .= 'text-shadow: 0 0 '. $vars['main_site_color'] .', 0 '. ((int)$vars['box_name_font-size'] + 2) .'px '. $vars['title_color'] .';';
$output .= '}';
$output .= '#comments .commentlist li .reply a.comment-reply-link:hover .slide-up {';
$output .= 'text-shadow: 0 -'. ((int)$vars['box_name_font-size'] + 2) .'px '. $vars['main_site_color'] .', 0 0 '. $vars['title_color'] .';';
$output .= '}';
$output .= '#respond > div.block-title {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#respond .cancel-comment-reply > a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#respond .cancel-comment-reply > a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#respond a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#respond a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#respond a.box-name:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '#respond form label {';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '#respond form p div.box-name {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments div.block-title, #layout.single-folio.folio_inside_2 #comments div.block-title {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix .avatar-box, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix .avatar-box {';
$output .= 'border: 4px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .author.box-name, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .author.box-name {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply .dop-link:before, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply .dop-link:before {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply .dop-link a span:before, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply .dop-link a span:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply .comment-reply-link:before, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply .comment-reply-link:before {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply .comment-reply-link span:before, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply .comment-reply-link span:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply a, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#layout.single-post #comments .commentlist .comment > .clearfix header.comment-author .reply a:hover, #layout.single-folio.folio_inside_2 #comments .commentlist .comment > .clearfix header.comment-author .reply a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#layout.single-post #respond #commentform label, #layout.single-folio.folio_inside_2 #respond #commentform label {';
$output .= 'color: '. $vars['text_color'] .';';
$output .= '}';
$output .= '.dfd-share-popup-wrap .dfd-share-popup, #layout.single-post .dfd-single-style-base .dfd-meta-container .post-like-wrap .social-share, #layout.folio_inside_1 .project .dfd-meta-container .post-like-wrap .social-share, .dfd-share-popup-wrap .entry-share-popup li > a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-share-popup-wrap .dfd-share-popup:hover, #layout.single-post .dfd-single-style-base .dfd-meta-container .post-like-wrap .social-share:hover, #layout.folio_inside_1 .project .dfd-meta-container .post-like-wrap .social-share:hover {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-share-popup-wrap .entry-share-popup li > a span {';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 3) .'px;';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= '}';
$output .= '.dfd-share-popup-wrap .entry-share-popup li span.box-name, .dfd-meta-container div.box-name {';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 3) .'px;';
$output .= '}';
$output .= '.dfd-share-popup-wrap .entry-share-popup li:hover a {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.dfd-meta-container {';
$output .= 'border-top: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-meta-container .post-like-wrap .social-share .like-hover-title {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-meta-container .post-like-wrap .social-share .like-hover-title:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-meta-container .post-like-wrap .social-share .like-hover-title:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.dfd-meta-container .dfd-single-tags .post-tags ul .post-tags-item {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-meta-container .dfd-single-tags .post-tags ul .post-tags-item a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#layout.folio_inside_1 .project .dfd-meta-container .post-like-wrap .social-share {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a:before, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a:before, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .post-comments-wrap .entry-comments a:before {';
$output .= 'border-top: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= 'border-left: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name:hover, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name:hover, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .post-comments-wrap span.box-name:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a:hover, #layout.folio_inside_2 .project .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a:hover, #layout.dfd-single-gallery .dfd-meta-container .dfd-commentss-tags .dfd-single-tags .post-tags ul li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '#layout.single-post .dfd-single-style-advanced .dfd-meta-container .dfd-like-share .post-like-wrap span.count, #layout.folio_inside_2 .project .dfd-meta-container .dfd-like-share .post-like-wrap span.count, #layout.dfd-single-gallery .dfd-meta-container .dfd-like-share .post-like-wrap span.count {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= '}';
$output .= '.dfd-single-gallery .dfd-gallery-carousel img {';
$output .= 'border: 7px solid '. $vars['background_gray'] .';';
$output .= '}';
$output .= '.dfd-single-gallery .dfd-gallery-carousel img:hover {';
$output .= '-webkit-box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-single-gallery .dfd-gallery-thumbnails .dfd-gallery-thumb-item .cover img {';
$output .= 'border: 7px solid '. $vars['background_gray'] .';';
$output .= '}';
$output .= '.dfd-single-gallery .dfd-gallery-thumbnails .dfd-gallery-thumb-item .cover:hover img {';
$output .= '-webkit-box-shadow: 0px 2px 11px 3px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 2px 11px 3px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-single-gallery .dfd-gallery-thumbnails .dfd-gallery-thumb-item.slick-center .cover img {';
$output .= '-webkit-box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_bg'], (int)$vars['dfd_gallery_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .title-wrap h6.widget-title {';
$output .= 'color: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .title-wrap h6.widget-sub-title {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .title-wrap.diagonal-line:before {';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .title-wrap.title-underline h6.widget-title:before {';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .title-wrap.square-behind-heading:before {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .dfd-folio-icons-wrap > a {';
$output .= 'color: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .dfd-folio-icons-wrap > a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-out:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-out:after {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-come:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-come:after {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['dfd_gallery_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-out:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-out:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-out:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-out:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-out:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-out:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-out:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-out:after {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-come:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-come:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-come:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-come:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-come:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-come:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-come:after, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-come:after {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .dfd-dotted-link > span:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .dfd-dotted-link > span:after {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .dfd-dots-link span {';
$output .= 'background: '. $vars['dfd_gallery_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-audio .audioplayer .audioplayer-bar .audioplayer-bar-played, #layout.single-post .dfd-single-style-advanced .post.format-audio .audioplayer .audioplayer-bar .audioplayer-bar-played {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-audio .audioplayer .audioplayer-volume .audioplayer-volume-adjust > div > div, #layout.single-post .dfd-single-style-advanced .post.format-audio .audioplayer .audioplayer-volume .audioplayer-volume-adjust > div > div {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-quote .entry-media, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-media, .dfd-blog-loop .post.format-quote .entry-content, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-content {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-quote .entry-media .icon-wrap i, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-media .icon-wrap i, .dfd-blog-loop .post.format-quote .entry-content .icon-wrap i, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-content .icon-wrap i {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['block_title_color'], .2) .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-quote .entry-media a.quote-content, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-media a.quote-content, .dfd-blog-loop .post.format-quote .entry-content a.quote-content, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-content a.quote-content {';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] + 2) .'px;';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .post.format-quote .entry-media .quote-author, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-media .quote-author, .dfd-blog-loop .post.format-quote .entry-content .quote-author, #layout.single-post .dfd-single-style-advanced .post.format-quote .entry-content .quote-author {';
$output .= 'font-size: '. ((int)$vars['box_name_font-size']).'px;';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post.format-quote .entry-content {';
$output .= 'font-size: '. ((int)$vars['subtitle_font-size'] + 2) .'px;';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post.format-audio .entry-media .entry-thumb:after {';
$output .= 'color: '. $vars['blog_smart_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .entry-media:before, .dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .entry-media:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_bg'], (int)$vars['blog_smart_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .entry-media .post-comments-wrap:after {';
$output .= 'border-right-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .dfd-blog-heading-wrap .dfd-blog-title {';
$output .= 'font-size: '. ((int)$vars['block_title_font-size'] + 5) .'px;';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .dfd-blog-heading-wrap .dfd-blog-title a {';
$output .= 'background-image: -webkit-linear-gradient(to right, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], 0) .' 50%, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], .2) .' 50%);';
$output .= 'background-image: -moz-linear-gradient(to right, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], 0) .' 50%, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], .2) .' 50%);';
$output .= 'background-image: -ms-linear-gradient(to right, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], 0) .' 50%, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], .2) .' 50%);';
$output .= 'background-image: -o-linear-gradient(to right, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], 0) .' 50%, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], .2) .' 50%);';
$output .= 'background-image: linear-gradient(to right, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], 0) .' 50%, '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['blog_smart_hover_text_color'], .2) .' 50%);';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .dfd-blog-heading-wrap .entry-meta > * {';
$output .= 'color: '. $vars['blog_smart_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-fitRows.dfd-smart-grid .post .entry-content {';
$output .= 'color: '. $vars['blog_smart_hover_text_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .dfd-blog-left-image .post.format-quote .entry-media .entry-thumb, .dfd-blog-loop .dfd-blog-wrap .dfd-blog-right-image .post.format-quote .entry-media .entry-thumb {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-news-categories .byline.category a:hover {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-blog-loop .dfd-blog-wrap .post .cover .dfd-meta-wrap > div.entry-meta a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.project .dfd-folio-categories .byline.category a, .dfd-single-gallery .dfd-folio-categories .byline.category a, .dfd-gallery-single-item .dfd-folio-categories .byline.category a, .product .woo-title-wrap .dfd-folio-categories .byline.category a {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'color: #ffffff;';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.project .dfd-folio-categories .byline.category a:hover, .dfd-single-gallery .dfd-folio-categories .byline.category a:hover, .dfd-gallery-single-item .dfd-folio-categories .byline.category a:hover, .product .woo-title-wrap .dfd-folio-categories .byline.category a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.project .dfd-folio-categories .byline.category a:hover, .dfd-single-gallery .dfd-folio-categories .byline.category a:hover, .dfd-gallery-single-item .dfd-folio-categories .byline.category a:hover, .product .woo-title-wrap .dfd-folio-categories .byline.category a:hover {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.my-product .entry-thumb .post-comments-wrap, .project .entry-thumb .post-comments-wrap, .dfd-gallery-single-item .entry-thumb .post-comments-wrap {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.my-product .entry-thumb .post-comments-wrap:after, .project .entry-thumb .post-comments-wrap:after, .dfd-gallery-single-item .entry-thumb .post-comments-wrap:after {';
$output .= 'border-top: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= 'border-left: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= '}';
$output .= '.my-product .entry-thumb .post-like-wrap span.count, .project .entry-thumb .post-like-wrap span.count, .dfd-gallery-single-item .entry-thumb .post-like-wrap span.count {';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 2) .'px;';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right:before {';
$output .= 'border-right: 66px solid '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left:before {';
$output .= 'border-left: 66px solid '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right:before {';
$output .= 'border-right: 66px solid '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left:before, .dfd-gallery-single-item .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left:before {';
$output .= 'border-left: 66px solid '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-01, .dfd-module-readmore .read-more-08, .dfd-module-readmore .read-more-09 {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 2) .'px;';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-01 {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-01:hover {';
$output .= 'border-left-color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-02 span {';
$output .= 'background: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-03 span {';
$output .= 'background: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-03:hover span {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-04:hover span {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-05 span {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-05 span:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-05 span:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-05 span:hover {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-06 i {';
$output .= 'text-shadow: -30px 0 0 '. $vars['third_site_color'] .', 0 0 0 '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-06:hover i {';
$output .= 'text-shadow: 0 0 0 '. $vars['third_site_color'] .', 30px 0 0 '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-07 i {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-07:hover i {';
$output .= 'text-shadow: -10px 0 0 box_name_typography_option_color, -20px 0 0 '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-08 {';
$output .= 'font-style: '. $vars['default_button_font-style'] .';';
$output .= 'font-weight: '. $vars['default_button_font-weight'] .';';
$output .= 'font-size: '. $vars['default_button_font-size'] .';';
$output .= 'font-family: '. $vars['default_button_font-family'] .';';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'text-transform: '. $vars['default_button_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['default_button_letter-spacing'] .';';
$output .= 'color: '. $vars['default_button_color'] .';';
$output .= 'height: '. $vars['default_button_line-height'] .';';
$output .= 'padding-left: '. $vars['default_button_padding_left'] .'px;';
$output .= 'padding-right: '. $vars['default_button_padding_right'] .'px;';
$output .= 'background: '. $vars['button_background_color'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_border_color'] .';';
$output .= 'border-radius: '. $vars['default_button_border_radius'] .'px;';
$output .= '}';
$output .= '.dfd-module-readmore .read-more-08:hover {';
$output .= 'color: '. $vars['default_button_hover_color'] .';';
$output .= 'background: '. $vars['button_hover_background'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_hover_border_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .title-wrap h6.widget-title {';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .title-wrap h6.widget-sub-title {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .title-wrap.diagonal-line:before {';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .title-wrap.title-underline h6.widget-title:before {';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .title-wrap.square-behind-heading:before {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .2) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .dfd-folio-icons-wrap > a {';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .dfd-folio-icons-wrap > a:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-out:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-custom-hover .plus-link .plus-link-container .plus-link-come:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-out:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-out:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-out:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-out:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-right .plus-link-container .plus-link-come:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-top-left .plus-link-container .plus-link-come:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-right .plus-link-container .plus-link-come:after, .project .entry-thumb .portfolio-custom-hover .plus-link.dfd-bottom-left .plus-link-container .plus-link-come:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .dfd-dotted-link > span:before, .project .entry-thumb .portfolio-custom-hover .dfd-dotted-link > span:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover .dfd-dots-link span {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-custom-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_bg'], (int)$vars['folio_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_bg'], (int)$vars['folio_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover .title-wrap h6.widget-title {';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle, .project .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags a {';
$output .= 'color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover > a {';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover > a.plus-link .plus-link-container {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:before, .project .entry-thumb .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-out:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:before, .project .entry-thumb .portfolio-entry-hover > a.plus-link .plus-link-container .plus-link-come:after {';
$output .= 'background: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-thumb .portfolio-entry-hover > a.quick-view {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 3) .'px;';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= 'display: none;';
$output .= '}';
$output .= '.project .entry-tags ul li:before {';
$output .= 'height: '. $vars['entry_meta_font-size'] .';';
$output .= 'margin-top: -'. ((int)$vars['entry_meta_font-size'] / 2) .'px;';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.project .entry-tags ul li a {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project .entry-tags .folio-inner-subtitle {';
$output .= 'color: '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-2 .entry-thumb .portfolio-entry-hover .title-wrap {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-7 .entry-thumb .portfolio-entry-hover:before {';
$output .= 'border-top: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-7 .entry-thumb .portfolio-entry-hover:after {';
$output .= 'border-right: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= 'border-left: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-7 .entry-thumb .portfolio-entry-hover .quick-view:before {';
$output .= 'border-top: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= 'border-bottom: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-7 .entry-thumb .portfolio-entry-hover .quick-view:after {';
$output .= 'border-right: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= 'border-left: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-8 .entry-thumb .portfolio-entry-hover .title-wrap:before {';
$output .= 'border-bottom: 1px solid '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-8 .entry-thumb:hover .portfolio-entry-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_bg'], (int)$vars['folio_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-12 .entry-thumb .portfolio-entry-hover .title-wrap h6.widget-title {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-12 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['subtitle_color'], .5) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-12 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle, .project.portfolio-hover-style-12 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags ul li a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-12 .entry-thumb .portfolio-entry-hover .title-wrap:before {';
$output .= 'border-bottom: 1px solid '. $vars['title_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-14 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title {';
$output .= 'text-shadow: -100px 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-14 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags {';
$output .= 'text-shadow: -100px 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-14 .entry-thumb:hover .portfolio-entry-hover .widget-title {';
$output .= 'text-shadow: 0 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-14 .entry-thumb:hover .portfolio-entry-hover .entry-tags {';
$output .= 'text-shadow: 0 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-15 .entry-thumb .portfolio-entry-hover > a.quick-view {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-16 .entry-thumb .portfolio-entry-hover > a {';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .1) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-18 .entry-thumb .portfolio-entry-hover > a.dfd-dotted-link > span:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .3) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-18 .entry-thumb:hover .portfolio-entry-hover > a.dfd-dotted-link > span:after {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .3) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-19 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title {';
$output .= 'text-shadow: 0 20px folio_hover_text_color, 0 -20px '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-19 .entry-thumb:hover .portfolio-entry-hover .widget-title {';
$output .= 'text-shadow: 0 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-20 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title {';
$output .= 'text-shadow: 0 -100px '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-20 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags {';
$output .= 'text-shadow: 100px 0 '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-20 .entry-thumb:hover .portfolio-entry-hover .widget-title {';
$output .= 'text-shadow: 0 0 '. $vars['folio_hover_text_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-20 .entry-thumb:hover .portfolio-entry-hover .entry-tags {';
$output .= 'text-shadow: 0 0 '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .5) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-22 .entry-thumb .portfolio-entry-hover .title-wrap:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_text_color'], .3) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-22 .entry-thumb:hover .portfolio-entry-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_bg'], (int)$vars['folio_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-23 .entry-thumb .portfolio-entry-hover .title-wrap h6.widget-title {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-23 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['subtitle_color'], .5) .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-23 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle, .project.portfolio-hover-style-23 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags ul li a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-23 .entry-thumb .portfolio-entry-hover .title-wrap:before {';
$output .= 'border-bottom: 1px solid '. $vars['title_color'] .';';
$output .= '}';
$output .= '.project.portfolio-hover-style-24 .entry-thumb .portfolio-entry-hover {';
$output .= 'background-color: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['folio_hover_bg'], (int)$vars['folio_hover_bg_opacity'] / 100) .';';
$output .= '}';
$output .= '#portfolio-page .project .cover > .entry-tags ul li:before, #grid-folio .project .cover > .entry-tags ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['subtitle_color'], .5) .';';
$output .= '}';
$output .= '#portfolio-page .project .cover > .entry-tags ul li a, #grid-folio .project .cover > .entry-tags ul li a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '#portfolio-page .project .cover .entry-content a, #grid-folio .project .cover .entry-content a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '#portfolio-page .project .cover .entry-content a:hover, #grid-folio .project .cover .entry-content a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.project.project-one-column .entry-tags ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['subtitle_color'], .5) .';';
$output .= '}';
$output .= '.project.project-one-column .entry-tags ul li a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-info .folio-info-field .entry-tags ul li:before {';
$output .= 'background: '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .5) .';';
$output .= '}';
$output .= '.single-folio .folio-info .folio-info-field .entry-tags ul li a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-info .folio-info-field .entry-tags ul li a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-client {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-client a {';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'border: 1px solid '. Dfd_Theme_Helpers::dfd_hex2rgb($vars['title_color'], .1) .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-client a:hover {';
$output .= 'border-color: '. $vars['main_site_color'] .';';
$output .= 'border-width: 1px;';
$output .= '}';
$output .= '.single-folio .folio-inside-like > div a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-inside-like > div a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.single-folio .folio-inside-like > div .count {';
$output .= 'font-size: '. $vars['entry_meta_font-size'] .';';
$output .= '}';
$output .= '.single-folio .share-cover .entry-share ul a:not(:hover) {';
$output .= 'color: '. $vars['entry_meta_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .project .dfd-folio-add-fields .folio-info-field > span:first-child {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .project .dfd-folio-add-fields .folio-info-field > span:first-child:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .project .dfd-folio-add-fields .folio-info-field a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .project .dfd-folio-add-fields .folio-info-field a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .project .dfd-folio-add-fields .folio-info-field a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-inside-add-info .folio-client:before {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-inside-add-info .folio-client a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-inside-add-info .folio-client a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-inside-add-info .folio-client a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-entry-media .portfolio-inside-width-slider img, .single-folio.folio_inside_2 .folio-entry-media .slides img {';
$output .= 'border: 7px solid '. $vars['background_gray'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-entry-media .portfolio-inside-width-slider img:hover, .single-folio.folio_inside_2 .folio-entry-media .slides img:hover {';
$output .= '-webkit-box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-entry-media .portfolio-inside-thumbs-carousel .thumb-slide .thumb-cover:hover img {';
$output .= '-webkit-box-shadow: 0px 2px 11px 3px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 2px 11px 3px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-entry-media .portfolio-inside-thumbs-carousel .thumb-slide.slick-center .thumb-cover img {';
$output .= '-webkit-box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= 'box-shadow: 0px 0px 0px 1px '. $vars['border_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info-field .folio-field-name {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info-field .folio-field-name:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info-field .folio-field-name:hover {';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-top .dfd-folio-add-fields-wrap:before, .single-folio.folio_inside_2 .folio-info.desc-bottom .dfd-folio-add-fields-wrap:before {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-top .dfd-folio-add-fields-wrap .four.columns:before, .single-folio.folio_inside_2 .folio-info.desc-bottom .dfd-folio-add-fields-wrap .four.columns:before {';
$output .= 'border-left: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-left > .row .folio-info-field, .single-folio.folio_inside_2 .folio-info.desc-right > .row .folio-info-field {';
$output .= 'background: '. $vars['background_gray'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-left > .row .folio-info-field:before, .single-folio.folio_inside_2 .folio-info.desc-right > .row .folio-info-field:before {';
$output .= 'background: -webkit-linear-gradient(45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%);';
$output .= 'background: -moz-linear-gradient(45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%);';
$output .= 'background: -ms-linear-gradient(45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%);';
$output .= 'background: -o-linear-gradient(45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%);';
$output .= 'background: linear-gradient(45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, '. $vars['background_gray'] .' 33.333%, '. $vars['background_gray'] .' 66.667%, transparent 66.667%);';
$output .= 'background-size: 10px 20px;';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-left > .row .folio-info-field:after, .single-folio.folio_inside_2 .folio-info.desc-right > .row .folio-info-field:after {';
$output .= 'background: -webkit-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, '. $vars['background_gray'] .' 33.333%, transparent 33.333%, transparent 66.667%, '. $vars['background_gray'] .' 66.667%);';
$output .= 'background: -moz-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, '. $vars['background_gray'] .' 33.333%, transparent 33.333%, transparent 66.667%, '. $vars['background_gray'] .' 66.667%);';
$output .= 'background: -ms-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, '. $vars['background_gray'] .' 33.333%, transparent 33.333%, transparent 66.667%, '. $vars['background_gray'] .' 66.667%);';
$output .= 'background: -o-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, '. $vars['background_gray'] .' 33.333%, transparent 33.333%, transparent 66.667%, '. $vars['background_gray'] .' 66.667%);';
$output .= 'background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, '. $vars['background_gray'] .' 33.333%, transparent 33.333%, transparent 66.667%, '. $vars['background_gray'] .' 66.667%);';
$output .= 'background-size: 10px 20px;';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-left > .row .dfd-folio-add-fields .folio-info-field > span:first-child, .single-folio.folio_inside_2 .folio-info.desc-right > .row .dfd-folio-add-fields .folio-info-field > span:first-child {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.single-folio.folio_inside_2 .folio-info.desc-left > .row .dfd-folio-add-fields .folio-info-field > span:first-child:hover, .single-folio.folio_inside_2 .folio-info.desc-right > .row .dfd-folio-add-fields .folio-info-field > span:first-child:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.dfd-portfolio-loop .dfd-portfolio.dfd-folio-title-deco-line .dfd-folio-heading-wrap div.dfd-portfolio-title a:before, .dfd-portfolio-loop .dfd-portfolio.dfd-folio-title-deco-line .dfd-folio-heading-wrap div.dfd-portfolio-title a:after {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-testimonials-page-template .testimonial-item {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.dfd-testimonials-page-template .testimonial-item .left .box-name {';
$output .= 'font-style: '. $vars['block_title_font-style'] .';';
$output .= 'font-weight: '. $vars['block_title_font-weight'] .';';
$output .= 'font-size: '. $vars['block_title_font-size'] .';';
$output .= 'font-family: '. $vars['block_title_font-family'] .';';
$output .= 'line-height: '. $vars['block_title_line-height'] .';';
$output .= 'text-transform: '. $vars['block_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['block_title_letter-spacing'] .';';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '.dfd-testimonials-page-template .testimonial-item:hover .box-name {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-background-empty, .cart-empty-page .info-wrap-empty .info-background-empty, article.not-found404 .info-wrap-empty .info-background-empty {';
$output .= 'font-family: '. $vars['widget_title_font-family'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .icon-empty i, .cart-empty-page .info-wrap-empty .info-content-empty .icon-empty i, article.not-found404 .info-wrap-empty .info-content-empty .icon-empty i {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .info-empty .namber404, .cart-empty-page .info-wrap-empty .info-content-empty .info-empty .namber404, article.not-found404 .info-wrap-empty .info-content-empty .info-empty .namber404 {';
$output .= 'font-family: '. $vars['widget_title_font-family'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .info-empty .cart-empty-text, .cart-empty-page .info-wrap-empty .info-content-empty .info-empty .cart-empty-text, article.not-found404 .info-wrap-empty .info-content-empty .info-empty .cart-empty-text {';
$output .= 'font-family: '. $vars['widget_title_font-family'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .info-empty .cart-empty-subtext, .cart-empty-page .info-wrap-empty .info-content-empty .info-empty .cart-empty-subtext, article.not-found404 .info-wrap-empty .info-content-empty .info-empty .cart-empty-subtext {';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward, .cart-empty-page .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward, article.not-found404 .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward {';
$output .= 'font-style: '. $vars['default_button_font-style'] .';';
$output .= 'font-weight: '. $vars['default_button_font-weight'] .';';
$output .= 'font-size: '. $vars['default_button_font-size'] .';';
$output .= 'font-family: '. $vars['default_button_font-family'] .';';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'text-transform: '. $vars['default_button_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['default_button_letter-spacing'] .';';
$output .= 'color: '. $vars['default_button_color'] .';';
$output .= 'padding-left: '. $vars['default_button_padding_left'] .'px;';
$output .= 'padding-right: '. $vars['default_button_padding_right'] .'px;';
$output .= 'background: '. $vars['button_background_color'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_border_color'] .';';
$output .= 'border-radius: '. $vars['default_button_border_radius'] .'px;';
$output .= 'height: '. ((int)$vars['default_button_line-height'] + $vars['default_button_border_width'] * 2) .'px;';
$output .= '}';
$output .= '.wishlist-empty .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward:hover, .cart-empty-page .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward:hover, article.not-found404 .info-wrap-empty .info-content-empty .info-empty .button-on-page .wc-backward:hover {';
$output .= 'color: '. $vars['default_button_hover_color'] .';';
$output .= 'background: '. $vars['button_hover_background'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_hover_border_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .container-shortcodes, .cart-empty-page .container-shortcodes, article.not-found404 .container-shortcodes {';
$output .= 'border-top: 1px dotted '. $vars['border_color'] .';';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .container-shortcodes .search404 form input[type="text"], .cart-empty-page .container-shortcodes .search404 form input[type="text"], article.not-found404 .container-shortcodes .search404 form input[type="text"] {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .container-shortcodes .search404 form:hover:before, .cart-empty-page .container-shortcodes .search404 form:hover:before, article.not-found404 .container-shortcodes .search404 form:hover:before {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.wishlist-empty .container-shortcodes .label-form, .cart-empty-page .container-shortcodes .label-form, article.not-found404 .container-shortcodes .label-form {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget .textwidget {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.widget.widget-highlight {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '#layout .widget.background-main, #layout .widget.background-main-with-delim {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '#layout .widget.background-main .subtitle, #layout .widget.background-main-with-delim .subtitle, #layout .widget.background-main a, #layout .widget.background-main-with-delim a, #layout .widget.background-main .dopinfo, #layout .widget.background-main-with-delim .dopinfo, #layout .widget.background-main .entry-meta, #layout .widget.background-main-with-delim .entry-meta, #layout .widget.background-main .entry-meta *, #layout .widget.background-main-with-delim .entry-meta * {';
$output .= 'color: '. Dfd_Theme_Helpers::adjustBrightness($vars['main_site_color'], 30) .' !important;';
$output .= '}';
$output .= '#layout .widget.background-main.widget_dfd_author .author-image i, #layout .widget.background-main-with-delim.widget_dfd_author .author-image i {';
$output .= 'color: '. $vars['title_color'] .' !important;';
$output .= '}';
$output .= '.instagram-autor .instagram-stat > span {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.intagram-gallery .item .item-authorinfo {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.intagram-gallery .item .item-authorinfo a {';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta, .widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta .author {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta .author:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta .author:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text-meta a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text:before {';
$output .= 'border-top: 12px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_comments .widget-recentcomments .recentcomments .entry-meta .comments-date {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_recent_comments .widget-recentcomments .recentcomments {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_recent_comments .widget-recentcomments .recentcomments p.comment-text:before {';
$output .= 'border-top: 12px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweets-author strong {';
$output .= 'font-style: '. $vars['block_title_font-style'] .';';
$output .= 'font-weight: '. $vars['block_title_font-weight'] .';';
$output .= 'font-size: '. $vars['block_title_font-size'] .';';
$output .= 'font-family: '. $vars['block_title_font-family'] .';';
$output .= 'line-height: '. $vars['block_title_line-height'] .';';
$output .= 'text-transform: '. $vars['block_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['block_title_letter-spacing'] .';';
$output .= 'color: '. $vars['block_title_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list.without-carousel .tweet {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list .tweet .tweet-inner a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list .tweet .tweet-inner a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list .tweet .tweet-inner a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list .tweet .tweet-inner {';
$output .= 'color: '. $vars['text_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .tweet-list .tweet .tweet-inner a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .twitter-read-more a {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget_twitter-widget .twitter-read-more a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '.twitter-row.twitter-module .tweet-item .tweet .tweet-content {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.twitter-row.twitter-module .tweet-item .tweet .tweet-content a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.twitter-row.twitter-module .tweet-item .tweet .tweet-author {';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.twitter-row.twitter-module .tweet-item .tweet i {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.twitter-row.twitter-module .tweet-item .tweet:hover {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.twitter-row .twitter-slider .tweet-item .tweet .twitter-row-icon-container > i {';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.twitter-row .twitter-slider .tweet-item .tweet .date {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget_crum_tags_widget .tags-widget a, .widget_product_tag_cloud .tags-widget a, .widget_tag_cloud .tags-widget a, .widget_crum_tags_widget .tagcloud a, .widget_product_tag_cloud .tagcloud a, .widget_tag_cloud .tagcloud a {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= 'font-size: '. $vars['link_font-size'] .' !important;';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_crum_tags_widget .tags-widget a:hover, .widget_product_tag_cloud .tags-widget a:hover, .widget_tag_cloud .tags-widget a:hover, .widget_crum_tags_widget .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget_crum_tags_widget .read-more-section a:hover, .widget_product_tag_cloud .read-more-section a:hover, .widget_tag_cloud .read-more-section a:hover {';
$output .= 'color: '. $vars['main_site_color'] .' !important;';
$output .= '}';
$output .= '#buddypress div.message-search form:after, #buddypress li.groups-members-search form:after, #buddypress div.dir-search form:after, #bbpress-forums div.bbp-search-form form:after, .widget_display_search form:after, .widget_product_search form:after, .widget_search form:after {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category li, .widget.widget_categories li, .widget.widget_archive li, .widget.widget_crum_cat_arch li {';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_dfd_category li:before, .widget.widget_categories li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_categories li:before, .widget.widget_archive li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_archive li:before, .widget.widget_crum_cat_arch li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_crum_cat_arch li:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_categories li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_archive li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_crum_cat_arch li .icon-wrap i.dfd-uncategoriesed:before, .widget.widget_categories li:before, .widget.widget_archive li:before, .widget.widget_crum_cat_arch li:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_categories li .icon-wrap, .widget.widget_archive li .icon-wrap, .widget.widget_crum_cat_arch li .icon-wrap {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category li a, .widget.widget_categories li a, .widget.widget_archive li a, .widget.widget_crum_cat_arch li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category li a:hover, .widget.widget_categories li a:hover, .widget.widget_archive li a:hover, .widget.widget_crum_cat_arch li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_dfd_category li:hover, .widget.widget_categories li:hover, .widget.widget_archive li:hover, .widget.widget_crum_cat_arch li:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category li:hover a, .widget.widget_categories li:hover a, .widget.widget_archive li:hover a, .widget.widget_crum_cat_arch li:hover a {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_category .dk_options_inner li:hover a, .widget.widget_categories .dk_options_inner li:hover a, .widget.widget_archive .dk_options_inner li:hover a, .widget.widget_crum_cat_arch .dk_options_inner li:hover a {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget_counter_mail_subscribe .follow-widget .follow-widget-item a {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget_crum_news_cat .row .entry-title {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget_crum_news_cat .row .entry-title a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget_dfd_testimonails blockquote:before {';
$output .= 'background: '. $vars['title_color'] .';';
$output .= '}';
$output .= 'ul.widget-sidebar-menu a {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget_dfd_vcard_simple .dfd-vcard-wrap {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field .vcard-field-name {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field p a {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field p a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.widget_dfd_vcard_simple .dfd-vcard-wrap .vcard-field.vcard-field-value {';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= '}';
$output .= '.styled-widget-list > li:hover {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.widget_recent_posts_widget .post div.box-name {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_facebook_widget .widget-mask {';
$output .= 'background-color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li, .widget.widget_product_categories ul li, .widget.widget_pages ul li, .widget.widget_nav_menu ul li, .widget.widget_layered_nav ul li, .widget.widget_meta ul li {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li:before, .widget.widget_product_categories ul li:before, .widget.widget_pages ul li:before, .widget.widget_nav_menu ul li:before, .widget.widget_layered_nav ul li:before, .widget.widget_meta ul li:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li a, .widget.widget_product_categories ul li a, .widget.widget_pages ul li a, .widget.widget_nav_menu ul li a, .widget.widget_layered_nav ul li a, .widget.widget_meta ul li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li a:hover, .widget.widget_product_categories ul li a:hover, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu ul li a:hover, .widget.widget_layered_nav ul li a:hover, .widget.widget_meta ul li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li .count, .widget.widget_product_categories ul li .count, .widget.widget_pages ul li .count, .widget.widget_nav_menu ul li .count, .widget.widget_layered_nav ul li .count, .widget.widget_meta ul li .count {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li .count:hover, .widget.widget_product_categories ul li .count:hover, .widget.widget_pages ul li .count:hover, .widget.widget_nav_menu ul li .count:hover, .widget.widget_layered_nav ul li .count:hover, .widget.widget_meta ul li .count:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_dfd_widget_sidebar_menu ul li:hover .count, .widget.widget_product_categories ul li:hover .count, .widget.widget_pages ul li:hover .count, .widget.widget_nav_menu ul li:hover .count, .widget.widget_layered_nav ul li:hover .count, .widget.widget_meta ul li:hover .count, .widget.widget_dfd_widget_sidebar_menu ul li:hover a, .widget.widget_product_categories ul li:hover a, .widget.widget_pages ul li:hover a, .widget.widget_nav_menu ul li:hover a, .widget.widget_layered_nav ul li:hover a, .widget.widget_meta ul li:hover a {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li, .widget.widget_recent_comments ul li {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li .comment-author-link, .widget.widget_recent_comments ul li .comment-author-link {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li .comment-author-link:hover, .widget.widget_recent_comments ul li .comment-author-link:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li .comment-author-link:before, .widget.widget_recent_comments ul li .comment-author-link:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li a, .widget.widget_recent_comments ul li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li a:hover, .widget.widget_recent_comments ul li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li a:before, .widget.widget_recent_comments ul li a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li a:hover, .widget.widget_recent_comments ul li a:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget.widget_recent_entries ul li span.post-date, .widget.widget_recent_comments ul li span.post-date {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_views ul.menu li, .widget.widget_display_forums ul.menu li, .widget.widget_display_views ul li, .widget.widget_display_forums ul li {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_news_categories_list ul li:after {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_news_categories_list ul li:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_news_categories_list ul li a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_news_categories_list ul li a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_crum_news_categories_list ul li:hover a {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_replies ul li a {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_replies ul li a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_replies ul li div {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_topics ul li a {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_topics ul li a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_topics ul li span a img {';
$output .= 'border: 4px double '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_topics ul li div {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_topics ul:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_stats dl {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] - 1) .'px;';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_display_stats dl dd {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_sitewide_messages .bp-site-wide-message .info p {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_sitewide_messages .bp-site-wide-message .info p strong {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_sitewide_messages .bp-site-wide-message .info p a#close-notice {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. $vars['box_name_font-size'] .';';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['box_name_letter-spacing'] .';';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_sitewide_messages .bp-site-wide-message .info p a#close-notice:hover {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_akismet_widget .a-stats a {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= 'border-color: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_akismet_widget .a-stats a strong span {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_akismet_widget .a-stats a strong span:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_akismet_widget .a-stats a strong span:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget.widget_akismet_widget .a-stats a:before {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget .item-options, .widget.widget_bp_core_members_widget .item-options {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-weight: '. $vars['box_name_font-weight'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] + 1) .'px;';
$output .= 'font-family: '. $vars['box_name_font-family'] .';';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'text-transform: '. $vars['box_name_text-transform'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget .item-options a, .widget.widget_bp_core_members_widget .item-options a {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget .item-options a.selected, .widget.widget_bp_core_members_widget .item-options a.selected {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= 'border-top: 1px solid '. $vars['border_color'] .';';
$output .= 'border-right: 1px solid '. $vars['border_color'] .';';
$output .= 'border-left: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget .item-options a:before, .widget.widget_bp_core_members_widget .item-options a:before {';
$output .= 'background: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget ul.item-list li .item .item-title, .widget.widget_bp_core_members_widget ul.item-list li .item .item-title, .widget.widget_bp_groups_widget ul.item-list .vcard .item .item-title, .widget.widget_bp_core_members_widget ul.item-list .vcard .item .item-title {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget ul.item-list li .item .item-title a:hover, .widget.widget_bp_core_members_widget ul.item-list li .item .item-title a:hover, .widget.widget_bp_groups_widget ul.item-list .vcard .item .item-title a:hover, .widget.widget_bp_core_members_widget ul.item-list .vcard .item .item-title a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_groups_widget ul.item-list li .item .item-meta, .widget.widget_bp_core_members_widget ul.item-list li .item .item-meta, .widget.widget_bp_groups_widget ul.item-list .vcard .item .item-meta, .widget.widget_bp_core_members_widget ul.item-list .vcard .item .item-meta {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.bbp_widget_login .bbp-login-form fieldset .bbp-remember-me {';
$output .= 'font-style: '. $vars['text_font-style'] .';';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= 'font-size: '. $vars['text_font-size'] .';';
$output .= 'font-family: '. $vars['text_font-family'] .';';
$output .= 'line-height: '. $vars['text_line-height'] .';';
$output .= 'text-transform: '. $vars['text_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['text_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.bbp_widget_login .bbp-login-form fieldset .bbp-submit-wrapper button[type="submit"] {';
$output .= 'font-style: '. $vars['default_button_font-style'] .';';
$output .= 'font-weight: '. $vars['default_button_font-weight'] .';';
$output .= 'font-size: '. $vars['default_button_font-size'] .';';
$output .= 'font-family: '. $vars['default_button_font-family'] .';';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'text-transform: '. $vars['default_button_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['default_button_letter-spacing'] .';';
$output .= 'color: '. $vars['default_button_color'] .';';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_border_color'] .';';
$output .= 'border-radius: '. $vars['default_button_border_radius'] .'px;';
$output .= '}';
$output .= '.widget.bbp_widget_login .bbp-login-form fieldset .bbp-submit-wrapper button[type="submit"]:hover {';
$output .= 'color: '. $vars['default_button_hover_color'] .';';
$output .= 'background: '. $vars['button_hover_background'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_hover_border_color'] .';';
$output .= '}';
$output .= '.widget.bbp_widget_login .bbp-logged-in h4 {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] + 2) .'px;';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.bbp_widget_login .bbp-logged-in h4 a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_login_widget .standard-form input[type="submit"] {';
$output .= 'font-style: '. $vars['default_button_font-style'] .';';
$output .= 'font-weight: '. $vars['default_button_font-weight'] .';';
$output .= 'font-size: '. $vars['default_button_font-size'] .';';
$output .= 'font-family: '. $vars['default_button_font-family'] .';';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= 'text-transform: '. $vars['default_button_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['default_button_letter-spacing'] .';';
$output .= 'color: '. $vars['default_button_color'] .';';
$output .= 'background: '. $vars['main_site_color'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_border_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_login_widget .standard-form input[type="submit"]:hover {';
$output .= 'color: '. $vars['default_button_hover_color'] .';';
$output .= 'background: '. $vars['button_hover_background'] .';';
$output .= 'border: '. $vars['default_button_border_width'] .'px '. $vars['default_button_border_style'] .' '. $vars['button_hover_border_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_login_widget .bp-login-widget-user-links .bp-login-widget-user-link {';
$output .= 'font-style: '. $vars['box_name_font-style'] .';';
$output .= 'font-size: '. ((int)$vars['box_name_font-size'] + 2) .'px;';
$output .= 'line-height: '. $vars['box_name_line-height'] .';';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_bp_core_login_widget .bp-login-widget-user-links .bp-login-widget-user-link a:hover {';
$output .= 'color: '. $vars['secondary_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p label, .widget.widget_crum_login form p a {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-submit {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-lost-password a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-lost-password a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-lost-password a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-registration a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-registration a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_crum_login form p.login-registration a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '.widget.widget_crum_login .login-logout .button {';
$output .= 'line-height: '. $vars['default_button_line-height'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table caption {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table thead tr th {';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'font-size: '. ((int)$vars['link_font-size'] - 1) .'px;';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table thead tr th:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table tbody tr {';
$output .= 'border-bottom: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table tbody tr td#today:before {';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table tfoot tr td[colspan="3"] {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table tfoot tr td[colspan="3"] a {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'font-weight: '. $vars['text_font-weight'] .';';
$output .= '}';
$output .= '.widget.widget_calendar #calendar_wrap table tfoot tr td[colspan="3"] a:hover {';
$output .= 'color: '. $vars['main_site_color'] .';';
$output .= '}';
$output .= '.widget.widget_dfd_author .author-box {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss .widget-title .rsswidget {';
$output .= 'font-style: '. $vars['widget_title_font-style'] .';';
$output .= 'font-weight: '. $vars['widget_title_font-weight'] .';';
$output .= 'font-size: '. $vars['widget_title_font-size'] .';';
$output .= 'font-family: '. $vars['widget_title_font-family'] .';';
$output .= 'line-height: '. $vars['widget_title_line-height'] .';';
$output .= 'text-transform: '. $vars['widget_title_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['widget_title_letter-spacing'] .';';
$output .= 'color: '. $vars['widget_title_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss ul li {';
$output .= 'border-bottom: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss ul .rss-date {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss ul a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss ul a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget.widget_rss ul cite {';
$output .= 'font-style: '. $vars['subtitle_font-style'] .';';
$output .= 'font-weight: '. $vars['subtitle_font-weight'] .';';
$output .= 'font-size: '. $vars['subtitle_font-size'] .';';
$output .= 'font-family: '. $vars['subtitle_font-family'] .';';
$output .= 'line-height: '. $vars['subtitle_line-height'] .';';
$output .= 'text-transform: '. $vars['subtitle_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['subtitle_letter-spacing'] .';';
$output .= 'color: '. $vars['subtitle_color'] .';';
$output .= '}';
$output .= '.widget.widget_rss ul a:hover {';
$output .= 'color: '. $vars['title_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .tabs.horisontal dd a, .widget_crum_widget_tabs .tabs.horisontal dd a, .widget_crum_cat_tabs .tabs.horisontal dd a {';
$output .= 'font-size: '. $vars['link_font-size'] .';';
$output .= 'font-family: '. $vars['link_font-family'] .';';
$output .= 'font-weight: '. $vars['link_font-weight'] .';';
$output .= 'font-style: '. $vars['link_font-style'] .';';
$output .= 'text-transform: '. $vars['link_text-transform'] .';';
$output .= 'letter-spacing: '. $vars['link_letter-spacing'] .';';
$output .= 'color: '. $vars['link_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .tabs.horisontal dd a:hover, .widget_crum_widget_tabs .tabs.horisontal dd a:hover, .widget_crum_cat_tabs .tabs.horisontal dd a:hover {';
$output .= 'color: '. $vars['link_hover_color'] .'; ';
$output .= '}';
$output .= '.widget_dfd_recent_posts .tabs.horisontal dd.active, .widget_crum_widget_tabs .tabs.horisontal dd.active, .widget_crum_cat_tabs .tabs.horisontal dd.active {';
$output .= 'border-color: '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-thumb i, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-thumb i, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-thumb i {';
$output .= 'border: 1px solid '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap {';
$output .= 'font-size: '. ((int)$vars['text_font-size'] - 1) .'px;';
$output .= 'background: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap:after, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap:after, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-thumb .post-comments-wrap:after {';
$output .= 'border-top: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= 'border-left: 3px solid '. Dfd_Theme_Helpers::adjustBrightness($vars['third_site_color'], -10) .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-content-wrap div.box-name:hover, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-content-wrap div.box-name:hover, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-content-wrap div.box-name:hover {';
$output .= 'color: '. $vars['third_site_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta {';
$output .= 'color: '. $vars['box_name_color'] .';';
$output .= 'border-top: 1px dotted '. $vars['border_color'] .';';
$output .= '}';
$output .= '.widget_dfd_recent_posts .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta .byline.author a:before, .widget_crum_widget_tabs .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta .byline.author a:before, .widget_crum_cat_tabs .recent-posts-list .post-list-item .entry-content-wrap div.entry-meta .byline.author a:before {';
$output .= 'margin-top: '. ((int)$vars['link_font-size'] / 2) .'px;';
$output .= 'border-bottom-style: '. $vars['link_decoration'] .';';
$output .= 'border-bottom-color: '. $vars['link_decoration_color'] .';';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['x_large_responsive_breakpoint'] - 1) .'px) and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= '.touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {';
$output .= 'display: table !important;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-device-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '.touch .nav-bar li.has-flyout > a {';
$output .= 'padding-right: 36px !important;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-device-width: 800px), only screen and (device-width: '. $vars['large_responsive_breakpoint'] .'px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: '. ($vars['medium_responsive_breakpoint'] - 1) .'px) {';
$output .= '.flex-video {';
$output .= 'padding-top: 0;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-width: '. ($vars['x_large_responsive_breakpoint'] - 1) .'px) and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= '.touch .nav-bar li a {';
$output .= 'font-size: 13px;';
$output .= '}';
$output .= '.touch .nav-bar li.has-flyout > a.flyout-toggle {';
$output .= 'padding: 20px !important;';
$output .= '}';
$output .= '.touch .nav-bar li.has-flyout > a {';
$output .= 'padding-right: 36px !important;';
$output .= '}';
$output .= '.clearing-main-right, .clearing-main-left {';
$output .= 'height: 100%;';
$output .= 'width: 40px;';
$output .= 'top: 0;';
$output .= 'border: none;';
$output .= '}';
$output .= '.clearing-main-right:before, .clearing-main-left:before {';
$output .= 'position: absolute;';
$output .= 'top: 50%;';
$output .= '}';
$output .= '.clearing-main-left {';
$output .= 'left: 0;';
$output .= '}';
$output .= '.clearing-main-left:before {';
$output .= 'left: 5px;';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 0;';
$output .= 'height: 0;';
$output .= 'border: solid 16px;';
$output .= 'border-color: transparent white transparent transparent;';
$output .= '}';
$output .= '.clearing-main-right {';
$output .= 'height: 100%;';
$output .= 'right: 0;';
$output .= '}';
$output .= '.clearing-main-right:before {';
$output .= 'content: "";';
$output .= 'display: block;';
$output .= 'width: 0;';
$output .= 'height: 0;';
$output .= 'border: solid 16px;';
$output .= 'border-color: transparent transparent transparent white;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) {';
$output .= '.mobile-show {';
$output .= 'display: none !important;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['medium_responsive_breakpoint'] .'px) and (max-width: '. $vars['large_responsive_breakpoint'] .'px) {';
$output .= '.feature-box.al-left .block-title {';
$output .= 'padding-top: 30px;';
$output .= 'clear: both;';
$output .= '}';
$output .= '.intagram-gallery .normal-item:first-child {';
$output .= 'display: none;';
$output .= '}';
$output .= '.four.columns.columns-with-border {';
$output .= 'width: 100%;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['large_responsive_breakpoint'] .'px) {';
$output .= '.normal-show {';
$output .= 'display: none !important;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (max-width: '. $vars['large_responsive_breakpoint'] .'px) {';
$output .= '.normal-hide {';
$output .= 'display: none !important;';
$output .= '}';
$output .= '.spacer {';
$output .= 'padding-right: 10px;';
$output .= '}';
$output .= '#header-container #header .header-wrap .header-info-panel .top-info .spacer {';
$output .= 'padding-right: 5px;';
$output .= '}';
$output .= '#header-container #header .header-wrap .header-info-panel .top-info i {';
$output .= 'margin-right: 0px;';
$output .= '}';
$output .= '#header-container #header .header-wrap .header-info-panel .header-wishlist-button, #header-container #header .header-wrap .header-info-panel .lang-sel {';
$output .= 'padding: 0 0 0 5px;';
$output .= '}';
$output .= '.promo_row_module .ten.columns {';
$output .= 'width: 100%;';
$output .= '}';
$output .= '.charts-box.normal .chart-wrapper, .charts-box.large .chart-wrapper {';
$output .= 'width: 100%;';
$output .= '}';
$output .= '.charts-box {';
$output .= 'margin-right: 0;';
$output .= '}';
$output .= '.charts-box.large canvas {';
$output .= 'margin-left: -15px;';
$output .= '}';
$output .= '.charts-box.large.chart-wrapper i {';
$output .= 'margin-left: -15px;';
$output .= '}';
$output .= '.charts-box canvas {';
$output .= 'margin: 0 auto 0 auto;';
$output .= '}';
$output .= '.news-row article .entry-thumb a.link:before {';
$output .= 'line-height: 65%;';
$output .= '}';
$output .= '.tiles-block .tile-item {';
$output .= 'width: 115px;';
$output .= 'height: 120px;';
$output .= '}';
$output .= '#crum-slider .item .entry-title, #crum-slider .item .entry-meta {';
$output .= 'display: none;';
$output .= '}';
$output .= '.news-page-slider .news-slider-entry-hover, .rev_slider .tp-caption.revslider-button.button, .rev_slider .tp-caption.revslider-button.button.inverted {';
$output .= 'display: none !important;';
$output .= '}';
$output .= '.portfolio-masonry-few-rows .recent-works-item .portfolio-entry-meta {';
$output .= 'display: none;';
$output .= '}';
$output .= '}';
$output .= '@media only screen and (min-width: '. $vars['x_large_responsive_breakpoint'] .'px) {';
$output .= '.recent-block-wide .recent-block-wide-list.with-under-title .recent-works-item:hover .entry-meta-under-portfolio .read-more {';
$output .= 'bottom: 118px;';
$output .= '}';
$output .= '}';
$output .= '#main-wrap {';
$output .= 'min-width: '. $vars['medium_responsive_breakpoint'] .'px;';
$output .= '}';