<?php
namespace DiviPixel;

$dropdown_font_select           = DIPI_Public::get_option('dropdown_font_select');
$dropdown_font_weight           = DIPI_Public::get_option('dropdown_font_weight');
$dropdown_text_size             = DIPI_Public::get_option('dropdown_text_size');
$dropdown_letter_spacing        = DIPI_Public::get_option('dropdown_letter_spacing');
$dropdown_menu_text_color       = DIPI_Public::get_option('dropdown_menu_text_color');

$dropdown_hover_letter_spacing  = DIPI_Public::get_option('dropdown_hover_letter_spacing');
$dropdown_menu_text_color_hover = DIPI_Public::get_option('dropdown_menu_text_color_hover');
$dropdown_menu_text_box_hover   = DIPI_Public::get_option('dropdown_menu_text_box_hover');
$dropdown_hover_link_animation  = DIPI_Public::get_option('dropdown_hover_link_animation');

$dropdown_box_background        = DIPI_Public::get_option('dropdown_box_background');
$dropdowns_box_radius           = DIPI_Public::get_option('dropdowns_box_radius');

$dropdowns_shadow               = DIPI_Public::get_option('dropdowns_shadow');
$dropdowns_shadow_color         = DIPI_Public::get_option('dropdowns_shadow_color');
$dropdowns_shadow_offset        = DIPI_Public::get_option('dropdowns_shadow_offset');
$dropdowns_shadow_blur          = DIPI_Public::get_option('dropdowns_shadow_blur');

?> 

<style type="text/css" id="dropdown-menu-styles-css">
	
	header.et-l--header .nav li ul,
	.nav li ul {
		background: <?php echo $dropdown_box_background; ?> !important;
		border-radius: <?php echo $dropdowns_box_radius; ?>px !important;

		<?php if($dropdowns_shadow) : ?>
        box-shadow: 0 <?php echo $dropdowns_shadow_offset; ?>px <?php echo $dropdowns_shadow_blur; ?>px <?php echo $dropdowns_shadow_color; ?> !important;
        <?php endif; ?>
	}

	.nav li ul a {
		transition: all .2s ease-in-out;
    	<?php echo sanitize_text_field(et_builder_get_font_family($dropdown_font_select)); ?>
    	<?php echo DIPI_Public::print_font_style_option("dropdown_font_style"); ?>
    	font-weight: <?php echo $dropdown_font_weight; ?> !important;
		font-size: <?php echo $dropdown_text_size; ?>px !important;
		letter-spacing: <?php echo $dropdown_letter_spacing; ?>px !important;
		color: <?php echo $dropdown_menu_text_color; ?> !important;
    }

	.nav li ul a:hover {
		color: <?php echo $dropdown_menu_text_color_hover; ?> !important;
		letter-spacing: <?php echo $dropdown_hover_letter_spacing; ?>px !important;
		background: <?php echo $dropdown_menu_text_box_hover; ?> !important;
	}

	<?php if('grow' == $dropdown_hover_link_animation) : ?>
		.nav li ul a:hover {
			transform: scale(1.1) !important;
		}
	<?php elseif('slide_right' == $dropdown_hover_link_animation) : ?>
		.nav li ul a:hover {
			margin-left: 5px !important;
		}
	<?php elseif('slide_left' == $dropdown_hover_link_animation) : ?>
		.nav li ul a:hover {
			margin-left: -5px !important;
		}
	<?php elseif('move_up' == $dropdown_hover_link_animation) : ?>
		.nav li ul a:hover {
			margin-top: -5px !important;
		}
	<?php endif; ?>
	
</style>