<?php
header("Content-type: text/css; charset: UTF-8");
global $calibarOptions;

echo esc_html( $calibarOptions['tr_css_editor'] );
?>
body{
    <?php if( !empty( $calibarOptions['tr_body_typo']['font-family'] ) ) : ?>
	font-family: '<?php echo esc_html( $calibarOptions['tr_body_typo']['font-family'] ); ?>';
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_body_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_body_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_body_typo']['font-weight'] ) ) : ?>
	font-weight: <?php echo esc_html( $calibarOptions['tr_body_typo']['font-weight'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_body_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_body_typo']['color'] ); ?>;
    <?php endif; ?>
}
h1, h2, h3, h4, h5, h6 {
    <?php if( !empty( $calibarOptions['tr_head_typo']['font-family'] ) ) : ?>
	font-family: '<?php echo esc_html( $calibarOptions['tr_head_typo']['font-family'] ); ?>';
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_head_typo']['font-weight'] ) ) : ?>
	font-weight: <?php echo esc_html( $calibarOptions['tr_head_typo']['font-weight'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_head_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_head_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_head_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_head_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h1 {
    <?php if( !empty( $calibarOptions['tr_h1_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h1_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h1_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h1_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h1_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h1_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h2 {
    <?php if( !empty( $calibarOptions['tr_h2_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h2_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h2_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h2_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h2_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h2_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h3 {
    <?php if( !empty( $calibarOptions['tr_h3_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h3_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h3_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h3_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h3_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h3_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h4 {
    <?php if( !empty( $calibarOptions['tr_h4_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h4_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h4_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h4_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h4_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h4_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h5 {
    <?php if( !empty( $calibarOptions['tr_h5_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h5_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h5_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h5_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h5_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h5_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}
h6 {
    <?php if( !empty( $calibarOptions['tr_h6_typo']['font-size'] ) ) : ?>
	font-size: <?php echo esc_html( $calibarOptions['tr_h6_typo']['font-size'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h6_typo']['color'] ) ) : ?>
	color: <?php echo esc_html( $calibarOptions['tr_h6_typo']['color'] ); ?>;
    <?php endif; ?>
    <?php if( !empty( $calibarOptions['tr_h6_typo']['text-transform'] ) ) : ?>
    text-transform: <?php echo esc_html( $calibarOptions['tr_h6_typo']['text-transform'] ); ?>;
    <?php endif; ?>
}

.not-found h2 {
     color: <?php echo esc_html( $calibarOptions['tr_404_title_color'] ); ?>;
}
.topbar-content { 
    background-color: <?php echo esc_html( $calibarOptions['tr_top_bg'] ); ?>;
}
.topbar-content .left-content ul li a, .topbar-content .right-content li { 
    color: <?php echo esc_html( $calibarOptions['tr_top_content_color'] ); ?>;
}
.topbar-content .left-content ul li I, .topbar-content .right-content li a { 
	color: <?php echo esc_html( $calibarOptions['tr_top_icon_color'] ); ?>;
}
.tr-menu .btn.btn-primary {
    border-color: <?php echo esc_html( $calibarOptions['tr_hr_btn_border'] ); ?>;
    background-color: <?php echo esc_html( $calibarOptions['tr_hr_btn_bg'] ); ?>;
    color: <?php echo esc_html( $calibarOptions['tr_hr_btn_text'] ); ?>;
}

.tr-menu .btn.btn-primary:hover {
    color: <?php echo esc_html( $calibarOptions['tr_hr_btn_text_hover'] ); ?>;
    background-color: <?php echo esc_html( $calibarOptions['tr_hr_btn_bg_hover'] ); ?>;
    border-color: <?php echo esc_html( $calibarOptions['tr_hr_btn_border_hover'] ); ?>;
}

.tr-menu .btn.btn-primary:before {
    background-color: <?php echo esc_html( $calibarOptions['tr_hr_btn_bg_hover'] ); ?>;
}

.tr-menu .tr-search .search-icon {
    color: <?php echo esc_html( $calibarOptions['tr_search_icon'] ); ?>;
}
.tr-menu .tr-search .search-icon:hover {
    color: <?php echo esc_html( $calibarOptions['tr_search_icon_hover'] ); ?>;
}