File: /home/adventp/www/wp-content/themes/brooklyn/unite-custom/css/side-navigation.php
<?php
if ( ! defined( 'ABSPATH' ) ) exit;
if( !class_exists( 'UT_Side_Navigation_CSS' ) ) {
class UT_Side_Navigation_CSS extends UT_Custom_CSS {
public function custom_css() {
if( ut_return_header_config( 'ut_header_layout', 'default' ) != 'side' ) {
return;
}
ob_start(); ?>
<style id="ut-side-navigation-custom-css" type="text/css">
/* hide top header on desktop */
@media screen and (min-width: 1025px) {
#header-section {
display: none;
}
<?php if( ot_get_option( 'ut_side_header_width_type', 'dynamic' ) == 'dynamic' ) : ?>
#bklyn-sidenav-wrap {
width: <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
<?php else: ?>
#bklyn-sidenav-wrap {
width: 275px;
}
<?php endif; ?>
}
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
position:relative;
display:block;
width:100%;
height:100%;
}
#bklyn-sidenav-content-wrap {
min-height: 100%;
height: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
<?php if( ut_return_header_config( 'ut_side_navigation_border', 'off' ) == 'on' && ut_return_header_config( 'ut_side_navigation_border_color' ) ) : ?>
#bklyn-sidenav-wrap.bklyn-sidenav-border-<?php echo ut_return_header_config( 'ut_side_header_align', 'left' ) == 'left' ? 'right' : 'left'; ?> {
border-<?php echo ut_return_header_config( 'ut_side_header_align', 'left' ) == 'left' ? 'right' : 'left'; ?>: 1px solid <?php echo ut_return_header_config( 'ut_side_navigation_border_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_align', 'left' ) == 'left' ) : ?>
<?php if( ot_get_option( 'ut_side_header_width_type', 'dynamic' ) == 'dynamic' ) : ?>
/* content wrap */
#bklyn-sidenav-content-wrap {
margin-left: <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
/* vc column container wrap */
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left:<?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-left: <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
<?php else: ?>
/* content wrap */
#bklyn-sidenav-content-wrap {
margin-left: 275px;
}
/* vc column container wrap */
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left:275px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-left: 275px;
}
<?php endif; ?>
<?php if( apply_filters( 'ut_show_siteframe', 'hide' ) == 'show' ) :
if( is_page() || is_singular("portfolio") || is_home() ) {
// check if we are using a global option
$ut_site_border_global = get_post_meta( $this->ID, 'ut_page_site_border', true );
if( $ut_site_border_global == 'global' || !$ut_site_border_global ) {
$status = ot_get_option( 'ut_site_border_status' );
} else {
$status = get_post_meta( $this->ID, 'ut_page_site_border_status', true );
}
// all other pages are based on global settings
} else {
$status = ot_get_option( 'ut_site_border_status' );
}
$left = false;
$right = false;
if( !empty( $status ) && is_array( $status ) ) {
foreach( $status as $key => $state ) {
if( $state == "on" && $key == 'margin-left' ) {
$left = true;
}
if( $state == "on" && $key == 'margin-right' ) {
$right = true;
}
}
// fallback
} else {
$left = true;
$right = true;
} ?>
@media (min-width: 1025px) {
<?php if( $left || $right ) : ?>
<?php if( ot_get_option( 'ut_side_header_width_type', 'dynamic' ) == 'dynamic' ) : ?>
.ut-site-border #bklyn-sidenav-content-wrap {
margin-left: calc((100% + <?php echo 40*( $left + $right ); ?>px) / 100 * <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>);
}
.ut-site-border.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left: calc((100% + <?php echo 40*( $left + $right ); ?>px) / 100 * <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>);
}
<?php else : ?>
.ut-site-border #bklyn-sidenav-content-wrap {
margin-left: 275px;
}
.ut-site-border.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left: 275px;
}
<?php endif; ?>
<?php endif; ?>
<?php if( $left && $right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-left: 0;
margin-right: 0;
}
<?php endif; ?>
<?php if( $left && !$right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-left: 0;
margin-right: 40px;
}
<?php endif; ?>
<?php if( !$left && $right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-right: 40px;
margin-left: 0;
}
<?php endif; ?>
}
<?php endif; ?>
/* mobile */
@media (max-width: 767px) {
#bklyn-sidenav-content-wrap {
margin-left:0px;
}
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left:0px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-left: 0px;
}
}
/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
#bklyn-sidenav-content-wrap {
margin-left:0px;
}
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-left:0px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-left: 0px;
}
}
<?php else : ?>
#bklyn-sidenav-wrap {
left:inherit;
right:0;
}
<?php if( ot_get_option( 'ut_side_header_width_type', 'dynamic' ) == 'dynamic' ) : ?>
.ut-has-bklyn-sidenav #ut-top-header {
margin-right: <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
/* content wrap */
#bklyn-sidenav-content-wrap {
margin-right: <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
/* vc column container wrap */
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right:<?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-right:<?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>%;
}
<?php else: ?>
.ut-has-bklyn-sidenav #ut-top-header {
margin-right:275px;
}
/* content wrap */
#bklyn-sidenav-content-wrap {
margin-right:275px;
}
/* vc column container wrap */
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right:275px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-right:275px;
}
<?php endif; ?>
<?php if( apply_filters( 'ut_show_siteframe', 'hide' ) == 'show' ) :
if( is_page() || is_singular("portfolio") || is_home() ) {
// check if we are using a global option
$ut_site_border_global = get_post_meta( $this->ID, 'ut_page_site_border', true );
if( $ut_site_border_global == 'global' || !$ut_site_border_global ) {
$status = ot_get_option( 'ut_site_border_status' );
} else {
$status = get_post_meta( $this->ID, 'ut_page_site_border_status', true );
}
// all other pages are based on global settings
} else {
$status = ot_get_option( 'ut_site_border_status' );
}
$left = false;
$right = false;
if( !empty( $status ) && is_array( $status ) ) {
foreach( $status as $key => $state ) {
if( $state == "on" && $key == 'margin-left' ) {
$left = true;
}
if( $state == "on" && $key == 'margin-right' ) {
$right = true;
}
}
// fallback
} else {
$left = true;
$right = true;
} ?>
@media (min-width: 1025px) {
<?php if( $left || $right ) : ?>
<?php if( ot_get_option( 'ut_side_header_width_type', 'dynamic' ) == 'dynamic' ) : ?>
.ut-site-border #bklyn-sidenav-content-wrap {
margin-right: calc((100% + <?php echo 40*( $left + $right ); ?>px) / 100 * <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>);
}
.ut-site-border.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right: calc((100% + <?php echo 40*( $left + $right ); ?>px) / 100 * <?php echo ot_get_option( 'ut_side_header_width' , '25' ); ?>);
}
<?php else : ?>
.ut-site-border #bklyn-sidenav-content-wrap {
margin-right: 275px;
}
.ut-site-border.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right: 275px;
}
<?php endif; ?>
<?php endif; ?>
<?php if( $left && $right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-left: 0;
margin-right: 0;
}
<?php endif; ?>
<?php if( $left && !$right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-left: 0;
margin-right: 40px;
}
<?php endif; ?>
<?php if( !$left && $right ) : ?>
.ut-site-border.ut-has-bklyn-sidenav #ut-top-header {
margin-right: 40px;
margin-left: 0;
}
<?php endif; ?>
}
<?php endif; ?>
#bklyn-sidenav-wrap.bklyn-sidenav-shadow {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
}
/* mobile */
@media (max-width: 767px) {
#bklyn-sidenav-content-wrap {
margin-right:0px;
}
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right:0px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-right:0px;
}
}
/* tablet */
@media (min-width: 768px) and (max-width: 1024px) {
#bklyn-sidenav-content-wrap {
margin-right:0px;
}
.ut-has-bklyn-sidenav .vc-sidenav-column-container-wrap {
padding-right:0px;
}
.ut-has-bklyn-sidenav .vc_row.vc_row-o-equal-height.vc_row-o-columns-stretch > .vc_column_container {
margin-right:0px;
}
}
<?php endif; ?>
/* side navigation sub menu default state */
#bklyn-sidenav ul .sub-menu,
#bklyn-sidenav ul .sub-menu ul {
display: none;
}
#bklyn-sidenav ul .current-menu-ancestor > .sub-menu {
display: block;
}
/* Main Navigation Font
================================================== */
<?php
/* font weight fallback */
$font_weight_fallback = ut_return_header_config( 'ut_navigation_font_weight', 'normal' ) == 'bold' ? 'semibold' : 'regular';
echo ut_safe_output( $this->font_style_css( array(
'selector' => '#ut-sitebody #bklyn-sidenav ul li a',
'font-type' => ot_get_option('ut_global_navigation_font_type', 'ut-font' ),
'font-style' => ot_get_option('ut_global_navigation_font_style', $font_weight_fallback ),
'google-font-style' => ot_get_option('ut_global_navigation_google_font_style'),
'websafe-font-style' => ot_get_option('ut_global_navigation_websafe_font_style'),
'custom-font-style' => ot_get_option('ut_global_navigation_custom_font_style')
) ) );
?>
<?php if ( ot_get_option( 'ut_global_side_navigation_arrow_line_height' ) ) : ?>
#bklyn-sidenav ul li::before {
line-height: <?php echo ot_get_option( 'ut_global_side_navigation_arrow_line_height' ); ?>
}
<?php endif; ?>
/* Main Navigation Submenu
================================================== */
<?php echo ut_safe_output( $this->typography_css( '#ut-sitebody #bklyn-sidenav ul.sub-menu li > a', ot_get_option('ut_global_navigation_submenu_font_style') ) ); ?>
/* Mobile Navigation
================================================== */
<?php echo ut_safe_output( $this->typography_css( '#ut-sitebody #ut-mobile-menu a', ot_get_option('ut_global_mobile_navigation_font_style') ) ); ?>
/* Text Logo
================================================== */
<?php
echo ut_safe_output( $this->font_style_css( array(
'selector' => '.side-site-logo h1.logo a',
'font-type' => ot_get_option('ut_global_header_text_logo_font_type', 'ut-font' ),
'font-style' => ot_get_option('ut_global_header_text_logo_font_style', 'semibold' ),
'google-font-style' => ot_get_option('ut_global_header_text_google_font_style'),
'websafe-font-style' => ot_get_option('ut_global_header_text_logo_websafe_font_style'),
'custom-font-style' => ot_get_option('ut_global_header_text_logo_custom_font_style')
) ) );
?>
<?php
/* Background Image
================================================== */
$ut_side_header_background_image = ut_return_header_config( 'ut_side_header_background_image' );
if( $ut_side_header_background_image ) :
echo ut_safe_output( $this->css_background( '#bklyn-sidenav-wrap' , $ut_side_header_background_image ) );
endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_skin' , 'ut-header-dark' ) == 'ut-header-light' ) : ?>
#bklyn-sidenav-wrap.ut-header-light {
background-color:#FFF;
}
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav ul li::before {
color:#444444;
}
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav ul li a {
color:#999999;
}
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav ul li a:hover,
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav ul li a:active {
color: <?php echo esc_attr( $this->accent ); ?>;
}
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav .current_page_item > a,
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav .current-menu-item > a,
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav .current_page_ancestor > a,
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav .current-menu-ancestor > a,
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav ul li a.selected {
color: <?php echo esc_attr( $this->accent ); ?>;
}
#bklyn-sidenav-wrap.ut-header-light .search-field {
background:#FFFFFF;
border-color:#DDDDDD;
color:#B2B2B6;
}
#bklyn-sidenav-wrap.ut-header-light .search-field:focus {
background:transparent;
border-color:#CFCFCF;
color:#222222;
}
#bklyn-sidenav-wrap.ut-header-light #bklyn-sidenav-search .fa-search {
color:#999999;
}
#bklyn-sidenav-wrap.ut-header-light .ut-sociallinks {
border-top:1px dotted #dddddd;
}
#bklyn-sidenav-wrap.ut-header-light .ut-sociallinks li a {
color:#999999;
}
#bklyn-sidenav-wrap.ut-header-light .ut-sociallinks li a:hover,
#bklyn-sidenav-wrap.ut-header-light .ut-sociallinks li a:active {
color: <?php echo esc_attr( $this->accent ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_skin' , 'ut-header-dark' ) == 'ut-header-dark' ) : ?>
#bklyn-sidenav-wrap.ut-header-dark {
background-color:#1F2223;
}
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li::before {
color:#444444;
}
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li a {
color:#777777;
}
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li a:hover,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li a:focus,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li a:active {
color:#FFFFFF;
}
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav .current_page_item > a,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav .current-menu-item > a,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav .current_page_ancestor > a,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav .current-menu-ancestor > a,
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav ul li a.selected {
color:#FFFFFF;
}
#bklyn-sidenav-wrap.ut-header-dark .search-field {
background:transparent;
border-color:#333333;
color:#777777;
}
#bklyn-sidenav-wrap.ut-header-dark .search-field:focus {
background:transparent;
border-color:#333333;
color:#E5E5E5;
}
#bklyn-sidenav-wrap.ut-header-dark #bklyn-sidenav-search .fa-search {
color:#444444;
}
#bklyn-sidenav-wrap.ut-header-dark .ut-sociallinks {
border-top: 1px dotted #333333;
}
#bklyn-sidenav-wrap.ut-header-dark .ut-sociallinks li a {
color:#444444;
}
#bklyn-sidenav-wrap.ut-header-dark .ut-sociallinks li a:hover,
#bklyn-sidenav-wrap.ut-header-dark .ut-sociallinks li a:active {
color: #FFFFFF;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_skin' , 'ut-header-dark' ) == 'ut-header-custom' ) : ?>
/* Custom Skin Navigation Settings
================================================== */
<?php if( ut_return_header_config( 'ut_header_ps_text_logo_color' ) ) : ?>
.side-site-logo h1.logo a {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_header_ps_text_logo_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_header_ps_text_logo_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_header_ps_text_logo_color_hover' ) ) : ?>
.side-site-logo h1.logo a:hover,
.side-site-logo h1.logo a:active {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_header_ps_text_logo_color_hover' ) ) ); ?> !important;
color:<?php echo ut_return_header_config( 'ut_header_ps_text_logo_color_hover' ); ?> !important;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_header_ps_background_color' ) ) : ?>
#ut-sitebody #bklyn-sidenav-wrap.ut-primary-custom-skin {
background-color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_header_ps_background_color' ) ) ); ?> !important;
background-color:<?php echo ut_return_header_config( 'ut_header_ps_background_color' ); ?> !important;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_header_ps_shadow_color' ) ) : ?>
#ut-sitebody #bklyn-sidenav-wrap.ut-primary-custom-skin.bklyn-sidenav-shadow {
-webkit-box-shadow:0 1px 5px <?php echo ut_return_header_config( 'ut_header_ps_shadow_color' ); ?>;
-moz-box-shadow:0 1px 5px <?php echo ut_return_header_config( 'ut_header_ps_shadow_color' ); ?>;
box-shadow:0 1px 5px <?php echo ut_return_header_config( 'ut_header_ps_shadow_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_fl_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_fl_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_fl_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_fl_color_hover' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a:hover,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a:active {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_fl_color_hover' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_fl_color_hover' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_fl_active_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav .current_page_item > a,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav .current-menu-item > a,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav .current_page_ancestor > a,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav .current-menu-ancestor > a,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li a.selected {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_fl_active_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_fl_active_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_fl_arrow_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul li::before {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_fl_arrow_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_fl_arrow_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_sl_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li > a {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_sl_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_sl_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_sl_active_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li.current_page_item > a,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li.current-menu-item > a {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_sl_active_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_sl_active_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_sl_color_hover' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li > a:hover,
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li > a:active {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_sl_color_hover' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_sl_color_hover' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_navigation_ps_sl_arrow_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin #bklyn-sidenav ul.sub-menu li:before {
color:<?php echo esc_attr( $this->rgba_to_rgb( ut_return_header_config( 'ut_navigation_ps_sl_arrow_color' ) ) ); ?>;
color:<?php echo ut_return_header_config( 'ut_navigation_ps_sl_arrow_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_search_form_icon_color' ) ) : ?>
#bklyn-sidenav-search .fa-search {
color: <?php echo ut_return_header_config( 'ut_side_header_search_form_icon_color' ); ?>;
}
<?php endif; ?>
#bklyn-sidenav-search .search-field {
background: transparent;
}
<?php if( ut_return_header_config( 'ut_side_header_search_form_border_color' ) ) : ?>
#bklyn-sidenav-search .search-field {
border-color: <?php echo ut_return_header_config( 'ut_side_header_search_form_border_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_search_form_placeholder_color' ) ) : ?>
#bklyn-sidenav-search .search-field {
color: <?php echo ut_return_header_config( 'ut_side_header_search_form_placeholder_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_search_form_border_focus_color' ) ) : ?>
#bklyn-sidenav-search .search-field:focus {
border-color: <?php echo ut_return_header_config( 'ut_side_header_search_form_border_focus_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_search_form_placeholder_focus_color' ) ) : ?>
#bklyn-sidenav-search .search-field:focus {
color: <?php echo ut_return_header_config( 'ut_side_header_search_form_placeholder_focus_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_social_icons_border_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin .ut-sociallinks {
border-top: 1px dotted <?php echo ut_return_header_config( 'ut_side_header_social_icons_border_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_social_icon_color' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a {
color: <?php echo ut_return_header_config( 'ut_side_header_social_icon_color' ); ?>;
}
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_social_icon_color_hover' ) ) : ?>
#ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a:hover,
#ut-sitebody .ut-primary-custom-skin .ut-sociallinks li a:active {
color: <?php echo ut_return_header_config( 'ut_side_header_social_icon_color_hover' ); ?>;
}
<?php endif; ?>
<?php endif; ?>
<?php if( ut_return_header_config( 'ut_side_header_copyright_color' ) ) : ?>
#ut-sitebody .bklyn-sidenav-copyright {
color: <?php echo ut_return_header_config( 'ut_side_header_copyright_color' ); ?>;
}
<?php endif; ?>
</style>
<?php
/* output css */
echo ut_safe_output( $this->minify_css( ob_get_clean() ) );
}
}
}