<?php

if ( ! defined( 'ABSPATH' ) ) exit;

if( !class_exists( 'UT_Shortcodes_CSS' ) ) {	
    
    class UT_Shortcodes_CSS extends UT_Custom_CSS {
        
        public function custom_css() {
            
            ob_start(); ?>

            <style id="ut-shortcode-custom-css" type="text/css">
                
                /* Header Gradient Effect
                ================================================== */ 
                .section-header.header-with-gradient h2 span,
                .parallax-header.header-with-gradient h2 span {
                     -webkit-text-fill-color: transparent;
                    -webkit-background-clip: text !important;
                    background-clip: text !important;
                }
                
                /* Service Column Vertical Gradient
                ================================================== */ 
                .ut-service-icon.ut-service-icon-with-gradient i {
                    -webkit-text-fill-color: transparent;
                    -webkit-background-clip: text !important;
                    background-clip: text !important;
                }
                
                .ut-service-icon.ut-service-icon-with-gradient i:before {
                    -webkit-text-fill-color: transparent;
                }
                
                /* Button Effect
                ================================================== */ 
                .bklyn-btn-with-effect {
                    overflow: hidden;
                    position: relative;
                    z-index: 1;
                }
                
                /* Aylen Button Effect
                ================================================== */ 
                .bklyn-btn-effect-aylen {
                    -webkit-transition: color 0.3s;
                    transition: color 0.3s;
                }
                
                .bklyn-btn-effect-aylen::before,
                .bklyn-btn-effect-aylen::after {
                    content: '';
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    bottom: 100%;
                    left: 0;
                    z-index: -1;
                    -webkit-transition: -webkit-transform 0.3s;
                    transition: transform 0.3s;
                    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                }
                
                .bklyn-btn-effect-aylen::before {
                    background:rgb(<?php echo $this->hex_to_rgb( $this->accent ); ?>); 
                    background:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.6); 
                }
                
                .bklyn-btn-effect-aylen::after {
                    background: <?php echo $this->accent; ?>;
                }
                
                .bklyn-btn-effect-aylen:hover {
                    color: #fff;
                }
                
                .bklyn-btn-effect-aylen:hover::before,
                .bklyn-btn-effect-aylen:hover::after {
                    -webkit-transform: translate3d(0, 100%, 0) scale(1.1);
                    transform: translate3d(0, 100%, 0) scale(1.1);
                }
                
                .bklyn-btn-effect-aylen:hover::after {
                    -webkit-transition-delay: 0.175s;
                    transition-delay: 0.175s;
                }
                
                /* Winona Button Effect
                ================================================== */ 
                .bklyn-btn-effect-winona {
	                -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	                transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                }
                
                .bklyn-btn-effect-winona > span {
                    display: block;
                }
                
                .bklyn-btn-effect-winona::after {
                    content: attr(data-text);
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    opacity: 0;
                    padding: 0.9em 1em;
                    margin: 0 !important;
                    -webkit-transform: translate3d(0, 25%, 0);
                    transform: translate3d(0, 25%, 0);
                }
                
                .bklyn-btn-effect-winona::after,
                .bklyn-btn-effect-winona > span {
                    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	                transition: transform 0.3s, opacity 0.3s;
                    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
                }
                
                .bklyn-btn-effect-winona:hover::after {
                    opacity: 1;
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }
                
                .bklyn-btn-effect-winona:hover > span {
                    opacity: 0;
                    -webkit-transform: translate3d(0, -25%, 0);
                    transform: translate3d(0, -25%, 0);
                }
                                
                /* Section Separators
                ================================================== */
                .bklyn-section-separator {
                    overflow: hidden;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    line-height: 0;
                    direction: ltr;
                }
                
                .bklyn-section-separator.bklyn-section-separator-bottom {
                    bottom: 0;
                }
                
                .bklyn-section-separator.bklyn-section-separator-top {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
                    top: 0;
                }
                
                .bklyn-section-separator.bklyn-section-separator-slit.bklyn-section-separator-bottom {
                    -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                    transform: rotate(180deg);                    
                }
                
                .bklyn-section-separator.bklyn-section-separator-slit.bklyn-section-separator-top {
                    -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                
                .bklyn-section-separator svg {
                    display: block;
                    width: calc(100% + 2px);
                    position: relative;
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
                }
                
                .bklyn-section-separator.bklyn-section-separator-flip svg {
                    -webkit-transform: translateX(-50%) scale(-1, 1);
                    -ms-transform: translateX(-50%) scale(-1, 1);
                    transform: translateX(-50%) scale(-1, 1);
                }
                
                .bklyn-section-separator .bklyn-section-separator-path-fill {
                    -webkit-transform-origin: center;
                    -ms-transform-origin: center;
                    transform-origin: center;
                    -webkit-transform: rotateY(0deg);
                    transform: rotateY(0deg);
                }
                
                /* Extra Hero Separator Classes */
                #ut-hero .bklyn-section-separator {
                    z-index: 2;    
                }
                
                #ut-hero.ut-hero-with-separator .bklyn-section-separator {
                    z-index: 2;    
                }
                
                #ut-hero.ut-hero-with-separator .grid-container {
                    z-index: 3;    
                }
                
                #ut-hero.ut-hero-fancy-slider.ut-hero-with-separator .bklyn-section-separator {
                    z-index: 1002;    
                }
                
                #ut-hero.ut-hero-fancy-slider.ut-hero-with-separator .ut-fancy-slider nav {
                    z-index: 1003;                
                }
                
                #ut-hero.ut-hero-fancy-slider.ut-hero-with-separator .hero-down-arrow-wrap {
                    position: relative;
                    z-index: 1003;
                }
                
                /* Section Video with Vimeo
                ================================================== */ 
                .ut-video-section .vimelar-container {
                    left:0;
                    top:0;                    
                }

                
                /* Animated Image
                ================================================== */ 
                .ut-animated-image-item {
                    text-align: inherit;
                    display: inline-block;                    
                }
                
                .ut-animated-image-item a {
                    position: relative;
                }

                .ut-image-gallery-item.animated img {
                    transform: scale(1.002);
                }
                
                
                /* Instagram
                ================================================== */ 
                .ut-instagram-module-loading {
                    display:none;
                }
                
                .ut-instagram-gallery-wrap {                
                    will-change: height;
                    -webkit-transition: all 0.5s linear;
                    -moz-transition: all 0.5s linear;
                    transition: all 0.5s linear;                
                }
                
                .ut-instagram-video-container {
                    display:none;
                }
                
                
                /* Team Member Swap
                ================================================== */ 
                .bklyn-team-member-avatar.bklyn-team-member-avatar-with-swap {
                    position: relative;
                }
                
                .bklyn-team-member-avatar.bklyn-team-member-avatar-with-swap .bklyn-team-member-secondary-image {
                    position: absolute;
                    top:0;
                    left:0;
                    opacity:0;
                    -webkit-transition: opacity 0.40s ease-in-out;
                    -moz-transition: opacity 0.40s ease-in-out;
                    -o-transition: opacity 0.40s ease-in-out;
                    transition: opacity 0.40s ease-in-out;
                }
                
                .bklyn-team-member:hover .bklyn-team-member-secondary-image {
                    opacity: 1;    
                }
                
                /* Buttons
                ================================================== */ 
                .ut-btn.dark:hover,
                .ut-btn.ut-pt-btn:hover { 
                    background: <?php echo $this->accent; ?>;  
                }
                
                .ut-btn.theme-btn {
                    background: <?php echo $this->accent; ?>;
                }
                
                /* Single Quote
                ================================================== */                
                .ut-rated i { 
                    color: <?php echo $this->accent; ?>; 
                }
                
                /* Social Follow
                ================================================== */
                .ut-social-follow-module a:hover,
                .ut-social-follow-module a:active,
                .ut-social-follow-module a:focus {
                    color: <?php echo $this->accent; ?>;
                }
                
                /* Custom Icon
                ================================================== */
                .ut-custom-icon-link:hover i { 
                    color: <?php echo $this->accent; ?>;
                }
                .ut-custom-icon a:hover i:first-child {
                    color: <?php echo $this->accent; ?>;
                }
                
                /* Blog Excerpt
                ================================================== */
                .light .ut-bs-wrap .entry-title a:hover, 
                .light .ut-bs-wrap a:hover .entry-title  { 
                    color: <?php echo $this->accent; ?>;
                }   
                
                /* Client Carousel
                ================================================== */ 
                .elastislide-wrapper nav span:hover { 
                    border-color: <?php echo $this->accent; ?>;
                    color: <?php echo $this->accent; ?>;
                }
                
                /* Twitter Rotator
                ================================================== */
                .ut-rq-icon-tw { 
                    color: <?php echo $this->accent; ?>; 
                }
                
                /* Quote Rotator
                ================================================== */
                .ut-rotate-quote .flex-direction-nav a,
                .ut-rotate-quote-alt .flex-direction-nav a { 
                    background:rgb(<?php echo $this->hex_to_rgb( $this->accent ); ?>); 
                    background:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.85); 
                }
                
                
                /* Service Column
                ================================================== */
                .ut-service-column h3 span  { 
                    color:<?php echo $this->accent; ?>; 
                }
                
                /* Social Icons
                ================================================== */
                .ut-social-title { 
                    color:<?php echo $this->accent; ?>; 
                }
                
                .ut-social-link:hover .ut-social-icon { 
                    background:<?php echo $this->accent; ?> !important; 
                }
                
                /* List Icons
                ================================================== */
                .ut-icon-list i { 
                    color:<?php echo $this->accent; ?>; 
                }
                
                /* Alert
                ================================================== */
                .ut-alert.themecolor { 
                    background:<?php echo $this->accent; ?>; 
                }               
                
                /* Tabs
                ================================================== */
                .light .ut-nav-tabs li a:hover { 
                    border-color:<?php echo $this->accent; ?> !important; 
                }
                
                .light .ut-nav-tabs li a:hover { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                /* Probar
                ================================================== */
                .ut-skill-overlay { 
                    background:<?php echo $this->accent; ?>; 
                }
                
                /* Accordion
                ================================================== */
                .light .ut-accordion-heading a:hover { 
                    border-color:<?php echo $this->accent; ?> !important; 
                }
                
                .light .ut-accordion-heading a:hover { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                /* Dropcap
                ================================================== */
                .ut-dropcap-one, 
                .ut-dropcap-two { 
                    background: <?php echo $this->accent; ?>; 
                }                
                
                /* Vimeo Background
                ================================================== */
                .vimelar-container {
                    opacity: 0;
                    -webkit-transition: opacity 0.35s ease-in-out;
                    -moz-transition: opacity 0.35s ease-in-out;
                    -o-transition: opacity 0.35s ease-in-out;
                    transition: opacity 0.35s ease-in-out;
                }
                
                @media (min-width: 1025px) {
                
                    .vimelar-container.ut-vimeo-loaded {
                        opacity: 1;
                    }
                
                }
                
                /* Image Gallery
                ================================================== */
                .ut-vc-images-lightbox-caption {
                    display: none;
                }
                
                /* Slider Gallery
                ================================================== */
                figure.ut-gallery-slider-caption-wrap::before {
                    color:<?php echo $this->accent; ?>;    
                }
                
                
                /* Team Member ( Template )
                ================================================== */
                .member-social a:hover {
                    color:<?php echo $this->accent; ?>; 
                }
                
                .ut-member-style-2 .member-description .ut-member-title { 
                    color:<?php echo $this->accent; ?>; 
                }
                
                .ut-member-style-2 .ut-so-link:hover {
                    background: <?php echo $this->accent; ?> !important;    
                }
                
                .member-description-style-3 .ut-member-title { 
                    color:<?php echo $this->accent; ?>; 
                }
                
                .ut-member-style-3 .member-social a:hover { 
                    border-color: <?php echo $this->accent; ?>;  
                }
                
                .ut-hide-member-details:hover {
                    color:<?php echo $this->accent; ?>; 
                }
                
                .light .ut-hide-member-details {
                    color:<?php echo $this->accent; ?>; 
                }
                
                /* Icon Tabs
                ================================================== */ 
                .bklyn-icon-tabs li a:hover,
                .bklyn-icon-tabs li.active > a, 
                .bklyn-icon-tabs li.active > a:focus, 
                .bklyn-icon-tabs li.active > a:hover,
                .bklyn-icon-tabs li.active a .bkly-icon-tab {
                    color:<?php echo $this->accent; ?>;
                }
                                
                /* Video Shortcode
                ================================================== */ 
                .light .ut-shortcode-video-wrap .ut-video-caption { 
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 1); 
                }
                
                .light .ut-shortcode-video-wrap .ut-video-caption i { 
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.3); 
                }
                
                .light .ut-shortcode-video-wrap .ut-video-caption i { 
                    color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.3); 
                }
                
                .light .ut-shortcode-video-wrap .ut-video-caption:hover i { 
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 1); 
                }
                
                .light .ut-shortcode-video-wrap .ut-video-caption:hover i { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                .light .ut-shortcode-video-wrap .ut-video-caption:hover i { 
                    text-shadow: 0 0 40px <?php echo $this->accent; ?>, 2px 2px 3px black; 
                }
                
                .light .ut-video-loading { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                .light .ut-video-loading { 
                    text-shadow: 0 0 40px <?php echo $this->accent; ?>, 2px 2px 3px black; 
                }
                
                .light .ut-video-caption-text { 
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 1); 
                }
                
                /* Pricing Tables
                ================================================== */ 
                .ut-pt-featured { 
                    background: <?php echo $this->accent; ?> !important;                 
                }
                
                .ut-pt-featured-table .ut-pt-info .fa-li  { 
                    color: <?php echo $this->accent; ?> !important; 
                }
                
                .ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header { 
                    background: <?php echo $this->accent; ?>; 
                }
                
                .ut-pt-wrap-style-3 .ut-pt-info ul, 
                .ut-pt-wrap-style-3 .ut-pt-info ul li {
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.1);
                }
                
                .ut-pt-wrap-style-3 .ut-pt-header, 
                .ut-pt-wrap-style-3 .ut-custom-row, 
                .ut-pt-wrap-style-3 .ut-btn.ut-pt-btn,
                .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { 
                    border-color:rgba(<?php echo $this->hex_to_rgb( $this->accent ); ?>, 0.1); 
                }
            
                .ut-pt-wrap-style-3 .ut-btn { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                .ut-pt-wrap-style-3 .ut-btn { 
                    text-shadow: 0 0 40px <?php echo $this->accent; ?>, 2px 2px 3px black; 
                }
                
                .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { 
                    color: <?php echo $this->accent; ?> !important; 
                }
                
                .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { 
                    text-shadow: 0 0 40px <?php echo $this->accent; ?>, 2px 2px 3px black; 
                }
            
                .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title { 
                    color:<?php echo $this->accent; ?> !important; 
                }
                
                .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title { 
                    text-shadow: 0 0 40px <?php echo $this->accent; ?>, 2px 2px 3px black; 
                }
                
                
                /* force height due to wrong JS Calculation of VC */                
                .vc_row.vc_row-o-full-height {
                    min-height: 100vh !important;
                }
                
                .vc_section[data-vc-full-width] > .ut-row-has-filled-cols:not([data-vc-full-width]) {
                    margin-left: 20px;
                    margin-right: 20px;
                }
                
                <?php 
                
                // VC Gap Row Calculation
            
                $vc_gap = array(
                    '0px' => '0',
                    '1px' => '1',
                    '2px' => '2',
                    '3px' => '3',
                    '4px' => '4',
                    '5px' => '5',
                    '10px' => '10',
                    '15px' => '15',
                    '20px' => '20',
                    '25px' => '25',
                    '30px' => '30',
                    '35px' => '35',
                    '40px' => '40'
                ); 
            
                foreach( $vc_gap as $key => $gap ) {
                    
                    echo '.vc_row.vc_column-gap-' . $gap . '{ 
                        margin-left: -' . ( $gap / 2 ) . 'px;
                        margin-right: -' . ( $gap / 2 ) . 'px;
                    }' . "\n";
                    
                } 
                
                foreach( $vc_gap as $key => $gap ) {
                    
                    if( $gap == 0 ) {
                        continue;
                    }
                    
                    echo '.vc_section[data-vc-full-width] > .vc_row:not(.vc_row-has-fill).vc_column-gap-' . $gap . ' { 
                        margin-left: ' . ( - ( $gap / 2 ) + 20 ) . 'px;
                        margin-right: ' . ( - ( $gap / 2 ) + 20 ) . 'px;
                    }' . "\n";
                    
                } 
            
                foreach( $vc_gap as $key => $gap ) {
                    
                    if( $gap == 0 ) {
                        
                        echo '
                        .ut-vc-200.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-160.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-120.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-80.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row {
                            margin-top: ' . ( 80 - ( $gap / 2 ) ) . 'px;
                        }' . "\n";
                        
                    } else {
                    
                        echo '
                        .ut-vc-200.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-160.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-120.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row,
                        .ut-vc-80.vc_section > .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' + .vc_row-full-width + .vc_row {
                            margin-top: 0px;
                        }' . "\n";
                        
                    }
                    
                } 
                
                foreach( $vc_gap as $key => $gap ) {
                    
                    if( $gap == 0 ) {
                    
                        echo '
                        .ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' {
                            margin-top: ' . ( 40 - ( $gap / 2 ) ) . 'px;
                        }' . "\n";
                        
                    } else {
                        
                        echo '
                        .ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ',
                        .ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .vc_row.ut-row-has-filled-cols.vc_column-gap-' . $gap . ' {
                            margin-top: 0px;
                        }' . "\n";                        
                        
                    }
                    
                } 
                
                foreach( $vc_gap as $key => $gap ) {
                    
                    echo '
                    .ut-vc-200.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row.vc_column-gap-' . $gap . ',
                    .ut-vc-160.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row.vc_column-gap-' . $gap . ',
                    .ut-vc-120.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row.vc_column-gap-' . $gap . ',
                    .ut-vc-80.vc_section > .vc_row + .vc_row-full-width + .ut-row-has-filled-cols.ut-last-row.vc_column-gap-' . $gap . ' {
                        margin-bottom: ' . ( 40 - ( $gap / 2 ) ) . 'px;
                    }';
                    
                }
                
                
                ?>
                
                /* Shortcode Related Font Settings */
                <?php if( ot_get_option( 'ut_global_headline_font_type', 'ut-google' ) == 'ut-google' ) : ?>
                
                    <?php if( ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-family', '', true ) ) : ?>
                        
                        .bkly-progress-circle.bkly-progress-circle-theme-font::before {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-family', '', true ); ?>;
                        }
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-font {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-family', '', true ); ?>;
                        }                             
                
                    <?php endif; ?>
                
                <?php elseif( ot_get_option( 'ut_global_headline_font_type', 'ut-google' ) == 'ut-websafe' ) : ?>
                
                    <?php if( ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-family' ) ) : ?>
                        
                        .bkly-progress-circle.bkly-progress-circle-theme-font::before {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-family' ); ?>;
                        }
                        
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-font {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-family' ); ?>;
                        }
                                        
                    <?php endif; ?>                
                
                <?php endif; ?>
                
                
                /* Call to Action Font
                ================================================== */ 
                <?php if( ot_get_option( 'ut_global_headline_font_type', 'ut-google' ) == 'ut-google' ) : ?>
                
                    <?php if( ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-family', '', true ) ) : ?>
                        
                        .cta-btn a {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-family', '', true ); ?>
                        }
                
                    <?php endif; ?>
                
                    <?php if( ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-weight' ) ) : ?>
                        
                        .cta-btn a {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_global_google_headline_font_style', 'font-weight' ); ?>
                        }
                
                    <?php endif; ?>
                
                <?php elseif( ot_get_option( 'ut_global_headline_font_type', 'ut-google' ) == 'ut-websafe' ) : ?>
                
                
                    <?php if( ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-family' ) ) : ?>
                        
                        .cta-btn a {
                            font-family: <?php echo ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-family' ); ?>
                        }
                
                    <?php endif; ?>
                
                    <?php if( ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-weight' ) ) : ?>
                        
                        .cta-btn a {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_global_headline_websafe_font_style_settings', 'font-weight' ); ?>
                        }
                
                    <?php endif; ?>
                
                <?php endif; ?>
                
                
                /* Gallery Slider & H3 Tabs Label
                ================================================== */ 
                <?php if( ot_get_option( 'ut_global_h3_font_type', 'ut-google' ) == 'ut-google' ) : ?>
                
                    <?php if( ut_get_option_attribute( 'ut_h3_google_font_style', 'font-family', '', true ) ) : ?>
                        
                        figure.ut-gallery-slider-caption-wrap::before {
                            font-family: <?php echo ut_get_option_attribute( 'ut_h3_google_font_style', 'font-family', '', true ); ?>;
                        }
                        
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-h3-font {
                            font-family: <?php echo ut_get_option_attribute( 'ut_h3_google_font_style', 'font-family', '', true ); ?>;
                        }
                
                    <?php endif; ?>
                
                    <?php if( ut_get_option_attribute( 'ut_h3_google_font_style', 'font-weight' ) ) : ?>
                        
                        figure.ut-gallery-slider-caption-wrap::before {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_h3_google_font_style', 'font-weight' ); ?>
                        }
                        
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-h3-font {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_h3_google_font_style', 'font-weight' ); ?>
                        }
                
                    <?php endif; ?>
                
                <?php elseif( ot_get_option( 'ut_global_h3_font_type', 'ut-google' ) == 'ut-websafe' ) : ?>
                
                    <?php if( ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-family' ) ) : ?>
                        
                        figure.ut-gallery-slider-caption-wrap::before {
                            font-family: <?php echo ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-family' ); ?>;
                        }
                        
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-h3-font {
                            font-family: <?php echo ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-family' ); ?>;
                        }
                
                    <?php endif; ?>                
                    
                    <?php if( ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-weight' ) ) : ?>
                        
                        figure.ut-gallery-slider-caption-wrap::before {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-weight' ); ?>
                        }
                
                        .bkly-icon-tab-label.bkly-icon-tab-label-theme-h3-font {
                            font-weight: <?php echo ut_get_option_attribute( 'ut_h3_websafe_font_style', 'font-weight' ); ?>
                        }
                
                
                    <?php endif; ?>
                
                <?php endif; ?>
                
                
                
                
                
                
                
            </style>
            
            <?php
            
            echo $this->minify_css( ob_get_clean() );
        
        }

    }

}

new UT_Shortcodes_CSS;