function unitedthemes_custom_css()
{
global $detect, $post;
/* check for css cache */
if (ot_get_option('ut_use_cache', 'off') == 'on' && is_front_page()) {
$transient_prefix = $detect->isMobile() ? '_mobile' : '_desktop';
$css = get_transient('ut_css_cache' . $transient_prefix);
if (!empty($css)) {
echo apply_filters('ut-custom-css', $css);
return;
}
}
/* some needed variables first */
$accentcolor = get_option('ut_accentcolor', '#F1C40F');
$sitelogo = get_theme_mod('ut_site_logo');
$google_fonts = ut_recognized_google_fonts();
$ut_recognized_font_styles = ut_recognized_font_styles();
$font_styles = array('regular' => 'normal', 'normal' => 'normal', 'italic' => 'italic');
/* styleswitcher */
if (!empty($_GET['color'])) {
$accentcolor = '#' . $_GET['color'];
}
/* start css */
$css = '<style type="text/css">' . "\n";
/* sidebar align */
if (is_single() || is_home()) {
$contentalign = ot_get_option('ut_sidebar_align', 'right') == 'right' ? 'left' : 'right';
$css .= '#primary { float: ' . $contentalign . '}';
}
/* themecolor / accentcolor elements */
$css .= '::-moz-selection { background: ' . $accentcolor . '; }' . "\n";
$css .= '::selection { background:' . $accentcolor . '; }' . "\n";
$css .= 'a, .ha-transparent #navigation ul li a:hover { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-language-selector a:hover { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-custom-icon-link:hover i { color: ' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-hide-member-details:hover, #ut-blog-navigation a:hover, .light .ut-hide-member-details, .ut-mm-button:hover:before, .ut-mm-trigger.active .ut-mm-button:before, .ut-mobile-menu a:after { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-header-light .ut-mm-button:before { color: ' . $accentcolor . '; }';
$css .= '.lead span, .entry-title span, #cancel-comment-reply-link, .member-description-style-3 .ut-member-title, .ut-twitter-rotator h2 a, .themecolor { color: ' . $accentcolor . '; }' . "\n";
$css .= '.icons-ul i, .comments-title span, .member-social a:hover, .ut-parallax-quote-title span, .ut-member-style-2 .member-description .ut-member-title { color:' . $accentcolor . '; }' . "\n";
$css .= '.about-icon, .ut-skill-overlay, .ut-dropcap-one, .ut-dropcap-two, .ut-mobile-menu a:hover, .themecolor-bg, .ut-btn.ut-pt-btn:hover, .ut-btn.dark:hover { background:' . $accentcolor . '; }' . "\n";
$css .= 'blockquote, div.wpcf7-validation-errors, .ut-hero-style-5 .hero-description, #navigation ul.sub-menu, .ut-member-style-3 .member-social a:hover { border-color:' . $accentcolor . '; }' . "\n";
$css .= '.cta-section, .ut-btn.theme-btn, .ut-social-link:hover .ut-social-icon, .ut-member-style-2 .ut-so-link:hover { background:' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-social-title, .ut-service-column h3 span, .ut-rq-icon { color:' . $accentcolor . '; }' . "\n";
$css .= '.count, .ut-icon-list i { color:' . $accentcolor . '; }' . "\n";
$css .= '.client-section, .ut-portfolio-pagination.style_two a.selected:hover, .ut-portfolio-pagination.style_two a.selected, .ut-portfolio-pagination.style_two a:hover, .ut-pt-featured { background:' . $accentcolor . ' !important; }' . "\n";
$css .= 'ins, mark, .ut-alert.themecolor, .ut-portfolio-menu.style_two li a:hover, .ut-portfolio-menu.style_two li a.selected, .light .ut-portfolio-menu.style_two li a.selected:hover { background:' . $accentcolor . '; }' . "\n";
$css .= '.footer-content i { color:' . $accentcolor . '; }' . "\n";
$css .= '.copyright a:hover, .footer-content a:hover, .toTop:hover, .ut-footer-dark a.toTop:hover { color:' . $accentcolor . '; }' . "\n";
$css .= 'blockquote span { color:' . $accentcolor . '; }' . "\n";
$css .= '.entry-meta a:hover, #secondary a:hover, .page-template-templatestemplate-archive-php a:hover { color:' . $accentcolor . '; }' . "\n";
$css .= 'h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .ut-header-dark .site-logo .logo a:hover { color:' . $accentcolor . '; }' . "\n";
$css .= 'a.more-link:hover, .fa-ul li .fa { color:' . $accentcolor . '; }' . "\n";
$css .= '.ut-pt-featured-table .ut-pt-info .fa-li { color: ' . $accentcolor . ' !important; }' . "\n";
$css .= '.button, input[type="submit"], input[type="button"], .dark button, .dark input[type="submit"], .dark input[type="button"], .light .button, .light input[type="submit"], .light input[type="button"] { background:' . $accentcolor . '; }' . "\n";
$css .= '.img-hover { background:rgb(' . ut_hex_to_rgb($accentcolor) . '); background:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.85); }' . "\n";
$css .= '.portfolio-caption { background:rgb(' . ut_hex_to_rgb($accentcolor) . '); background:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.85); }' . "\n";
$css .= '.team-member-details { background:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.85 ); }' . "\n";
$css .= '.ut-avatar-overlay { background:rgb(' . ut_hex_to_rgb($accentcolor) . '); background:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.85 ); }' . "\n";
$css .= '.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .format-link .entry-header a { background:' . $accentcolor . ' !important; }' . "\n";
$css .= '.light .ut-portfolio-menu li a:hover, .light .ut-portfolio-pagination a:hover, .light .ut-nav-tabs li a:hover, .light .ut-accordion-heading a:hover { border-color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.light .ut-portfolio-menu li a:hover, .light .ut-portfolio-pagination a:hover, .ut-portfolio-list li strong, .light .ut-nav-tabs li a:hover, .light .ut-accordion-heading a:hover, .ut-custom-icon a:hover i:first-child { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-portfolio-gallery-slider .flex-direction-nav a, .ut-gallery-slider .flex-direction-nav a, .ut-rotate-quote-alt .flex-direction-nav a, .ut-rotate-quote .flex-direction-nav a { background:rgb(' . ut_hex_to_rgb($accentcolor) . '); background:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.85); }' . "\n";
$css .= '.light .ut-bs-wrap .entry-title a:hover, .light .ut-bs-wrap a:hover .entry-title { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-rated i { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-footer-area ul.sidebar a:hover { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-footer-dark .ut-footer-area .widget_tag_cloud a:hover { color: ' . $accentcolor . '!important; }' . "\n";
$css .= '.ut-footer-dark .ut-footer-area .widget_tag_cloud a:hover { border-color: ' . $accentcolor . '; }' . "\n";
$css .= '.elastislide-wrapper nav span:hover { border-color: ' . $accentcolor . '; }' . "\n";
$css .= '.elastislide-wrapper nav span:hover { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-footer-so li a:hover { border-color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-footer-so li a:hover i { color: ' . $accentcolor . '!important; }' . "\n";
$css .= '.ut-pt-wrap.ut-pt-wrap-style-2 .ut-pt-featured-table .ut-pt-header { background:' . $accentcolor . '; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-pt-info ul li, .ut-pt-wrap-style-3 .ut-pt-info ul, .ut-pt-wrap-style-3 .ut-pt-header, .ut-pt-wrap-style-3 .ut-btn.ut-pt-btn, .ut-pt-wrap-style-3 .ut-custom-row, .ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { border-color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.1); }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-btn { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-btn { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-btn { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.ut-pt-wrap-style-3 .ut-pt-featured-table .ut-pt-title { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
/*
|--------------------------------------------------------------------------
| Glow Effect
|--------------------------------------------------------------------------
*/
$css .= '.ut-glow {
color:' . $accentcolor . ';
text-shadow:0 0 40px ' . $accentcolor . ', 2px 2px 3px black;
}';
/*
|--------------------------------------------------------------------------
| NEW Video Shortcode
|--------------------------------------------------------------------------
*/
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption { border-color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 1); }' . "\n";
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption i { border-color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.3); }' . "\n";
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption i { color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 0.3); }' . "\n";
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption:hover i { border-color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 1); }' . "\n";
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption:hover i { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.light .ut-shortcode-video-wrap .ut-video-caption:hover i { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
$css .= '.light .ut-video-loading { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.light .ut-video-loading { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
$css .= '.light .ut-video-caption-text { border-color:rgba(' . ut_hex_to_rgb($accentcolor) . ', 1); }' . "\n";
/*
|--------------------------------------------------------------------------
| Section animation
|--------------------------------------------------------------------------
*/
if (!$detect->isMobile() && ot_get_option('ut_animate_sections', 'on') == 'on') {
$css .= '
.js #main-content section .section-content,
.js #main-content section .section-header-holder {
opacity:0;
}';
}
/*
|--------------------------------------------------------------------------
| Main Navigation
|--------------------------------------------------------------------------
*/
$ut_navigation_padding_top = ot_get_option('ut_navigation_padding_top');
$ut_navigation_padding_bottom = ot_get_option('ut_navigation_padding_bottom');
/* header / navigation padding top */
if (!empty($ut_navigation_padding_top)) {
$css .= '#header-section { padding-top: ' . $ut_navigation_padding_top . '; }';
}
/* header / navigation padding bottom*/
if (!empty($ut_navigation_padding_bottom)) {
$css .= '#header-section { padding-bottom: ' . $ut_navigation_padding_bottom . '; }';
}
if (ot_get_option('ut_navigation_skin', 'ut-header-light') == 'ut-header-light') {
$ut_navigation_skin_light_bgcolor = ot_get_option('ut_navigation_skin_light_bgcolor');
if (!empty($ut_navigation_skin_light_bgcolor)) {
/* add to CSS */
$css .= '
#header-section.ut-header-light,
.ha-header.ha-transparent:hover,
.ha-header.ha-transparent:hover #navigation ul.sub-menu li > a,
#header-section.ut-header-light #navigation ul.sub-menu li > a {
background: rgba(' . ut_hex_to_rgb($ut_navigation_skin_light_bgcolor) . ' , 0.95 ) ;
}';
}
} else {
$ut_navigation_skin_dark_bgcolor = ot_get_option('ut_navigation_skin_dark_bgcolor');
if (!empty($ut_navigation_skin_dark_bgcolor)) {
/* add to CSS */
$css .= '
#header-section.ut-header-dark,
.ha-header.ha-transparent:hover,
.ha-header.ha-transparent:hover #navigation ul.sub-menu li > a,
#header-section.ut-header-dark #navigation ul.sub-menu li > a {
background: rgba(' . ut_hex_to_rgb($ut_navigation_skin_dark_bgcolor) . ' , 0.95 ) ;
}';
}
}
if (ot_get_option('ut_navigation_font_weight', 'normal') == 'bold') {
$css .= '#navigation { font-family: "ralewaysemibold", Helvetica, Arial, sans-serif !important; }';
}
/* custom colors for first level color */
if (ot_get_option('ut_navigation_level_one_color')) {
if (ot_get_option('ut_navigation_skin', 'ut-header-light') == 'ut-header-light') {
$css .= '#navigation ul li a { color: ' . ot_get_option('ut_navigation_level_one_color') . ' }';
} else {
$css .= '.ut-header-dark #navigation ul li a { color: ' . ot_get_option('ut_navigation_level_one_color') . ' }';
}
}
/* custom colors for first level dot color */
if (ot_get_option('ut_navigation_level_one_icon_color')) {
if (ot_get_option('ut_navigation_skin', 'ut-header-light') == 'ut-header-light') {
$css .= '#navigation ul li a:after { color: ' . ot_get_option('ut_navigation_level_one_icon_color') . ' }';
} else {
$css .= '.ut-header-dark #navigation ul li a:after { color: ' . ot_get_option('ut_navigation_level_one_icon_color') . ' }';
}
}
/* main navigation light */
$css .= '#navigation li a:hover { color:' . $accentcolor . '; }' . "\n";
/* main navigation parents and ancestor */
$css .= '#navigation .selected,
#navigation ul li.current_page_parent a.active,
#navigation ul li.current-menu-ancestor a.active { color: ' . $accentcolor . '; }' . "\n";
$css .= '#navigation ul li a:hover,
#navigation ul.sub-menu li a:hover { color: ' . $accentcolor . '; }' . "\n";
/* main navigation current page */
$css .= '#navigation ul.sub-menu li > a { color: #999999; }';
$css .= '#navigation ul li.current-menu-item:not(.current_page_parent) a,
#navigation ul li.current_page_item:not(.current_page_parent) a { color: ' . $accentcolor . '; }';
$css .= '#navigation ul li.current-menu-item:not(.current_page_parent) .sub-menu li a { color: #999999; }';
/* main navigation dark */
$css .= '.ut-header-dark #navigation li a:hover { color:' . $accentcolor . '; }' . "\n";
/* main navigation parents and ancestor */
$css .= '.ut-header-dark #navigation .selected,
.ut-header-dark #navigation ul li.current_page_parent a.active,
.ut-header-dark #navigation ul li.current-menu-ancestor a.active { color: ' . $accentcolor . '; }' . "\n";
$css .= '.ut-header-dark #navigation ul li a:hover,
.ut-header-dark #navigation ul.sub-menu li a:hover { color: ' . $accentcolor . '; }' . "\n";
/* main navigation current page */
$css .= '.ut-header-dark #navigation ul.sub-menu li > a { color: #999999; }';
$css .= '.ut-header-dark #navigation ul li.current-menu-item:not(.current_page_parent) a,
.ut-header-dark #navigation ul li.current_page_item:not(.current_page_parent) a { color: ' . $accentcolor . '; }';
$css .= '.ut-header-dark #navigation ul li.current-menu-item:not(.current_page_parent) .sub-menu li a { color: #999999; }';
/* preloader */
if (ot_get_option('ut_use_image_loader') == 'on') {
$css .= '.ut-loader-overlay { background: ' . ot_get_option('ut_image_loader_background', '#FFF') . '}' . "\n";
}
/*
|--------------------------------------------------------------------------
| Hero Settings
|--------------------------------------------------------------------------
*/
/* hero global settings */
$ut_hero_type = ut_return_hero_config('ut_hero_type');
$ut_hero_style = ut_return_hero_config('ut_hero_style', 'ut-hero-style-1');
/* hero color settings */
$css .= '.hero-title span:not(.ut-word-rotator) { color:' . $accentcolor . ' !important; }' . "\n";
$css .= '.hero-title.ut-glow span { text-shadow: 0 0 40px ' . $accentcolor . ', 2px 2px 3px black; }' . "\n";
$ut_company_slogan_color = ut_return_hero_config('ut_company_slogan_color');
if (!empty($ut_company_slogan_color)) {
$css .= '.hero-title.ut-glow {
color: ' . $ut_company_slogan_color . ';
text-shadow: 0 0 40px ' . $ut_company_slogan_color . ', 2px 2px 3px black;
}' . "\n";
}
/* hero font size */
$ut_hero_font_size = ut_return_hero_config('ut_hero_font_size');
/* add to CSS */
if (!empty($ut_hero_font_size) && $ut_hero_style != 'ut-hero-style-11') {
$css .= '@media screen and (min-width: 1025px) { .hero-title { font-size: ' . $ut_hero_font_size . '; } }';
}
/* hero primary button style for all pages */
if (ut_return_hero_config('ut_main_hero_button_style', 'default') == 'custom') {
$button_settings = ut_return_hero_config('ut_main_hero_button_settings');
/* add to CSS */
$css .= ut_create_button_style('.hero-btn', $button_settings);
}
/* hero second button style for all pages */
if (ut_return_hero_config('ut_second_hero_button_style', 'default') == 'custom') {
$button_settings = ut_return_hero_config('ut_second_hero_button_settings');
/* add to CSS */
$css .= ut_create_button_style('.hero-second-btn', $button_settings);
}
/* hero border bottom */
if (ut_return_hero_config('ut_hero_border_bottom', 'off') == 'on') {
/* add to CSS */
$css .= '#ut-hero { border-bottom: ' . ut_return_hero_config('ut_hero_border_bottom_width', 1) . 'px ' . ut_return_hero_config('ut_hero_border_bottom_style', 'solid') . ' ' . ut_return_hero_config('ut_hero_border_bottom_color', $accentcolor) . '; }';
}
/* body font style */
if (ot_get_option('ut_body_font_type', 'ut-font') == 'ut-google') {
$ut_google_body_font_style = ot_get_option('ut_google_body_font_style');
if (!empty($google_fonts[$ut_google_body_font_style['font-id']]['family'])) {
$css .= 'body {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$ut_google_body_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif !important;';
if (!empty($ut_google_body_font_style['font-weight'])) {
$css .= ' font-weight: ' . $ut_google_body_font_style['font-weight'] . ';';
}
if (!empty($ut_google_body_font_style['font-size'])) {
$css .= ' font-size: ' . $ut_google_body_font_style['font-size'] . ';';
}
if (!empty($ut_google_body_font_style['font-style']) && isset($font_styles[$ut_google_body_font_style['font-style']])) {
$css .= ' font-style: ' . $font_styles[$ut_google_body_font_style['font-style']] . ';';
}
if (!empty($ut_google_body_font_style['line-height'])) {
$css .= ' line-height: ' . $ut_google_body_font_style['line-height'] . ';';
}
if (!empty($ut_google_body_font_style['text-transform'])) {
$css .= ' text-transform: ' . $ut_google_body_font_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$ut_body_font_style = ot_get_option('ut_body_font_style', 'regular');
$css .= 'body { font-family: ' . $ut_recognized_font_styles[$ut_body_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* out for theme font */
$ut_body_font_style = ot_get_option('ut_body_font_style', 'regular');
$css .= 'body { font-family: ' . $ut_recognized_font_styles[$ut_body_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
/* global headline font style */
$headlines = array("h1", "h2", "h3", "h4", "h5", "h6");
foreach ($headlines as $headline) {
if (ot_get_option('ut_global_' . $headline . '_font_type', 'ut-font') == 'ut-google') {
$headline_style = ot_get_option('ut_' . $headline . '_google_font_style');
if (!empty($google_fonts[$headline_style['font-id']]['family'])) {
$css .= $headline . ' {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$headline_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty(${$headline_style}['font-weight'])) {
$css .= ' font-weight: ' . $headline_style['font-weight'] . ';';
}
if (!empty($headline_style['font-size'])) {
$css .= ' font-size: ' . $headline_style['font-size'] . ';';
}
if (!empty($headline_style['font-style'])) {
$css .= ' font-style: ' . $font_styles[$headline_style['font-style']] . ';';
}
if (!empty($headline_style['line-height'])) {
$css .= ' line-height: ' . $headline_style['line-height'] . ';';
}
if (!empty($headline_style['text-transform'])) {
$css .= ' text-transform: ' . $headline_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$headline_style = ot_get_option('ut_' . $headline . '_font_style', 'semibold');
$css .= $headline . ' { font-family: ' . $ut_recognized_font_styles[$headline_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* output for theme font */
$headline_style = ot_get_option('ut_' . $headline . '_font_style', 'semibold');
$css .= $headline . ' { font-family: ' . $ut_recognized_font_styles[$headline_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
}
/*
|--------------------------------------------------------------------------
| Single Page and Portfolio Styling
|--------------------------------------------------------------------------
*/
if (!is_front_page() && (is_page() || is_singular('portfolio'))) {
/* hero active or not */
if (is_page() && get_post_meta($post->ID, 'ut_activate_page_hero', true) == 'on' || is_singular('portfolio') && get_post_meta($post->ID, 'ut_activate_page_hero', true) != 'off') {
$css .= '#primary { padding-top:80px; }';
}
/* hero color styling */
$ut_hero_caption_description_color = get_post_meta($post->ID, 'ut_page_caption_description_color', true);
$ut_hero_caption_slogan_color = get_post_meta($post->ID, 'ut_page_caption_slogan_color', true);
/* add to CSS */
if (!empty($ut_hero_caption_description_color)) {
$css .= '.hero-description-bottom { color: ' . $ut_hero_caption_description_color . '}' . "\n";
}
/* add to CSS */
if (!empty($ut_hero_caption_slogan_color)) {
$css .= '.hero-title { color: ' . $ut_hero_caption_slogan_color . ' }' . "\n";
}
/* headlines */
$ut_h1_font_style = get_post_meta($post->ID, 'ut_section_header_font_style', true);
$css .= ut_create_global_headline_font_style('.page-title', $ut_h1_font_style);
$ut_page_header_style = get_post_meta($post->ID, 'ut_section_header_style', true);
$ut_page_header_style = !empty($ut_page_header_style) && $ut_page_header_style != 'global' ? $ut_page_header_style : ot_get_option('ut_global_headline_style');
$ut_page_title_color = get_post_meta($post->ID, 'ut_section_title_color', true);
$ut_section_title_shadow_color = get_post_meta($post->ID, 'ut_section_shadow_color', true);
/* pt style 3 needs a fallback */
if (empty($ut_page_title_color) && $ut_page_header_style == 'pt-style-3') {
$ut_page_title_color = $accentcolor;
}
/* add to CSS */
if (!empty($ut_page_title_color)) {
$css .= (is_page() ? '.page-id-' : '.postid-') . $post->ID . ' #primary .page-title { color: ' . $ut_page_title_color . '; }' . "\n";
$css .= create_section_headline_style((is_page() ? '.page-id-' : '.postid-') . $post->ID . ' #primary', $ut_page_header_style, $ut_page_title_color, $ut_section_title_shadow_color);
}
/* content background */
$ut_page_background_color = get_post_meta($post->ID, 'ut_section_background_color', true);
/* add to CSS */
if (!empty($ut_page_background_color)) {
$css .= '.main-content-background { background-color: ' . $ut_page_background_color . '; }' . "\n";
$css .= '.main-content-background .page-header.pt-style-1 .page-title span { background-color: ' . $ut_page_background_color . '; }' . "\n";
}
/* header glow */
if (get_post_meta($post->ID, 'ut_section_title_glow', true) == 'on') {
$ut_page_title_color = get_post_meta($post->ID, 'ut_section_title_color', true);
$ut_page_title_glow_color = get_post_meta($post->ID, 'ut_section_title_glow_color', true);
if (!empty($ut_page_title_color)) {
$css .= (is_page() ? '.page-id-' : '.postid-') . $post->ID . ' #primary .page-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_page_title_color . ', 2px 2px 3px black ;
}' . "\n";
}
if (!empty($ut_page_title_glow_color)) {
$css .= (is_page() ? '.page-id-' : '.postid-') . $post->ID . ' #primary .page-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_page_title_glow_color . ', 2px 2px 3px black ;
}' . "\n";
}
}
/* header margin */
$ut_page_header_margin_left = get_post_meta($post->ID, 'ut_section_header_margin_left', true);
$ut_page_header_margin_right = get_post_meta($post->ID, 'ut_section_header_margin_right', true);
/* add to CSS */
if (!empty($ut_page_header_margin_left)) {
$css .= '#primary header.page-header { margin-left:' . $ut_page_header_margin_left . '; }' . "\n";
}
/* add to CSS */
if (!empty($ut_page_header_margin_right)) {
$css .= '#primary header.page-header { margin-right:' . $ut_page_header_margin_right . '; }' . "\n";
}
/* page slogan upperase */
$ut_page_caption_slogan_uppercase = get_post_meta($post->ID, 'ut_page_caption_slogan_uppercase', true);
/* add to CSS */
if ($ut_page_caption_slogan_uppercase == 'on') {
$css .= '.hero-title { text-transform: uppercase; }';
}
/* page slogan color */
$ut_page_slogan_color = get_post_meta($post->ID, 'ut_section_slogan_color', true);
/* add to CSS */
if (!empty($ut_page_slogan_color)) {
$css .= '#primary .lead { color: ' . $ut_page_slogan_color . '; }' . "\n";
}
/* page slogan padding bottom */
$ut_page_slogan_padding = get_post_meta($post->ID, 'ut_section_slogan_padding', true);
$ut_page_slogan_padding = !empty($ut_page_slogan_padding) ? $ut_page_slogan_padding : '';
/* add to CSS */
if (!empty($ut_page_slogan_padding)) {
$css .= '#primary .page-header { padding-bottom:' . $ut_page_slogan_padding . '; }' . "\n";
}
/* page slogan padding left and right */
$ut_section_slogan_padding_left = get_post_meta($post->ID, 'ut_section_slogan_padding_left', true);
$ut_section_slogan_padding_right = get_post_meta($post->ID, 'ut_section_slogan_padding_right', true);
/* add to CSS */
if (!empty($ut_section_slogan_padding_left)) {
$css .= '#primary .lead { padding-left: ' . $ut_section_slogan_padding_left . '; }' . "\n";
}
/* add to CSS */
if (!empty($ut_section_slogan_padding_right)) {
$css .= '#primary .lead { padding-right: ' . $ut_section_slogan_padding_right . '; }' . "\n";
}
/* page text color */
$ut_page_text_color = get_post_meta($post->ID, 'ut_section_text_color', true);
/* add to CSS */
if (!empty($ut_page_text_color)) {
$css .= '#primary .entry-content { color: ' . $ut_page_text_color . '; }' . "\n";
}
/* page headlines text color */
$ut_page_heading_color = get_post_meta($post->ID, 'ut_section_heading_color', true);
/* add to CSS */
if (!empty($ut_page_heading_color)) {
/* add to CSS */
$css .= '#primary .entry-content h1 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
$css .= '#primary .entry-content h2 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
$css .= '#primary .entry-content h3 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
$css .= '#primary .entry-content h4 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
$css .= '#primary .entry-content h5 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
$css .= '#primary .entry-content h6 { color: ' . $ut_page_heading_color . ' !important; }' . "\n";
}
}
/*
|--------------------------------------------------------------------------
| Front Page
|--------------------------------------------------------------------------
*/
if (is_front_page()) {
/* front page hero header styling */
$ut_front_expertise_slogan_color = ot_get_option('ut_front_expertise_slogan_color');
$ut_front_company_slogan_color = ot_get_option('ut_front_company_slogan_color');
/* add to CSS */
if (!empty($ut_front_expertise_slogan_color)) {
$css .= '.hero-description-bottom { color: ' . $ut_front_expertise_slogan_color . '}' . "\n";
}
/* add to CSS */
if (!empty($ut_front_company_slogan_color)) {
$css .= '.hero-title { color: ' . $ut_front_company_slogan_color . ' }' . "\n";
}
$ut_front_company_slogan_uppercase = ot_get_option('ut_front_company_slogan_uppercase', 'on');
/* add to CSS */
if (!empty($ut_front_company_slogan_uppercase) && $ut_front_company_slogan_uppercase == 'on') {
$css .= '.hero-title { text-transform: uppercase; }';
}
}
/* hero holder adjustment when navigation is visible */
if ((ot_get_option('ut_navigation_state') == 'on_transparent' || ot_get_option('ut_navigation_state') == 'on') && ($ut_hero_type == 'splithero' && ut_return_hero_config('ut_hero_split_content_type', 'image') == 'image')) {
$css .= '#ut-hero .hero-holder { margin-top:80px; }';
}
/* header hero font style for front and blog */
if (is_front_page() || is_singular('portfolio') || is_page()) {
if (ot_get_option('ut_front_hero_font_type', 'ut-font') == 'ut-google') {
$ut_google_front_page_hero_font_style = ot_get_option('ut_google_front_page_hero_font_style');
if (!empty($google_fonts[$ut_google_front_page_hero_font_style['font-id']]['family'])) {
if ($ut_hero_style == 'ut-hero-style-11') {
$css .= '#ut-hero .hdh .hero-description,';
}
$css .= '.hero-title {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$ut_google_front_page_hero_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty($ut_google_front_page_hero_font_style['font-weight'])) {
$css .= ' font-weight: ' . $ut_google_front_page_hero_font_style['font-weight'] . ';';
}
if (!empty($ut_google_front_page_hero_font_style['font-size'])) {
$css .= ' font-size: ' . $ut_google_front_page_hero_font_style['font-size'] . ';';
}
if (!empty($ut_google_front_page_hero_font_style['font-style'])) {
$css .= ' font-style: ' . $font_styles[$ut_google_front_page_hero_font_style['font-style']] . ';';
}
if (!empty($ut_google_front_page_hero_font_style['line-height'])) {
$css .= ' line-height: ' . $ut_google_front_page_hero_font_style['line-height'] . ';';
}
if (!empty($ut_google_front_page_hero_font_style['text-transform'])) {
$css .= ' text-transform: ' . $ut_google_front_page_hero_font_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$ut_header_hero_font_style = ot_get_option('ut_front_page_hero_font_style', 'semibold');
if ($ut_hero_style == 'ut-hero-style-11') {
$css .= '#ut-hero .hdh .hero-description,';
}
$css .= '.hero-title { font-family: ' . $ut_recognized_font_styles[$ut_header_hero_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* out for theme font */
$ut_hero_font_style = ut_return_hero_config('ut_hero_font_style', 'semibold');
/* design exception for hero */
if ($ut_hero_style == 'ut-hero-style-11') {
$css .= '#ut-hero .hdh .hero-description,';
}
$css .= '.hero-title { font-family: ' . $ut_recognized_font_styles[$ut_hero_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
}
if (is_home()) {
if (ot_get_option('ut_blog_hero_font_type', 'ut-font') == 'ut-google') {
$ut_google_blog_hero_font_style = ot_get_option('ut_google_blog_hero_font_style');
if (!empty($google_fonts[$ut_google_blog_hero_font_style['font-id']]['family'])) {
/* design exception for hero */
if ($ut_hero_style == 'ut-hero-style-11') {
$css .= '#ut-hero .hdh .hero-description,';
}
$css .= '.hero-title {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$ut_google_blog_hero_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty($ut_google_blog_hero_font_style['font-weight'])) {
$css .= ' font-weight: ' . $ut_google_blog_hero_font_style['font-weight'] . ';';
}
if (!empty($ut_google_blog_hero_font_style['font-size'])) {
$css .= ' font-size: ' . $ut_google_blog_hero_font_style['font-size'] . ';';
}
if (!empty($ut_google_blog_hero_font_style['font-style'])) {
$css .= ' font-style: ' . $font_styles[$ut_google_blog_hero_font_style['font-style']] . ';';
}
if (!empty($ut_google_blog_hero_font_style['line-height'])) {
$css .= ' font-style: ' . $ut_google_blog_hero_font_style['line-height'] . ';';
}
if (!empty($ut_google_blog_hero_font_style['text-transform'])) {
$css .= ' text-transform: ' . $ut_google_blog_hero_font_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$ut_header_hero_font_style = ot_get_option('ut_blog_hero_font_style', 'semibold');
$css .= '.hero-title { font-family: ' . $ut_recognized_font_styles[$ut_header_hero_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* out for theme font */
$ut_header_hero_font_style = ot_get_option('ut_blog_hero_font_style', 'semibold');
$css .= '.hero-title { font-family: ' . $ut_recognized_font_styles[$ut_header_hero_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
}
/* hero header background image for tablet slider */
if ($ut_hero_type == 'tabs') {
$ut_tabs_headline_style = ut_return_hero_config('ut_tabs_headline_style', 'semibold');
$css .= ut_create_global_headline_font_style('.ut-tablets-title', $ut_tabs_headline_style);
/* hero type tabs uses a different header image */
$css .= ut_create_css_background('.hero', ut_return_hero_config('ut_hero_image', '', true));
}
/* hero header background image for image hero */
if ($ut_hero_type == 'image' || $ut_hero_type == 'splithero') {
$ut_hero_image = ut_return_hero_config('ut_hero_image');
if (is_array($ut_hero_image) && !empty($ut_hero_image['background-image'])) {
/*no background if rain effect is active */
$css .= ut_create_css_background('.hero', $ut_hero_image);
} elseif (!empty($ut_hero_image) && !is_array($ut_hero_image)) {
/* fallback to version 1.0 */
$css .= '.hero { background-image: url(' . esc_url($ut_hero_image) . '); }' . "\n";
}
}
/* video poster */
if ($detect->isMobile() && $ut_hero_type == 'video') {
/* video poster image for mobile devices */
$ut_video_poster = ut_return_hero_config('ut_video_poster');
/* hero can be an image , so we need to check the hero type */
if (!empty($ut_video_poster)) {
$css .= '.hero {
background-image: url(' . esc_url($ut_video_poster) . ');
background-size: cover !important;
background-attachment: scroll !important;
}' . "\n";
}
$css .= '.ut-video-control {
display:none !important;
}';
}
/* video position for selfhosted video */
if (ut_return_hero_config('ut_video_source', 'youtube') == 'selfhosted' && !$detect->isMobile() && ut_return_hero_config('ut_video_containment', 'hero') == 'body' && is_front_page()) {
$css .= '.ut-video-container { position:fixed; }';
}
/* split hero */
if ($ut_hero_type == 'splithero') {
$split_image_max_width = ut_return_hero_config('ut_hero_split_image_width');
/* check if value is available */
$split_image_max_width = empty($split_image_max_width) ? '60' : $split_image_max_width;
$css .= '#ut-hero .ut-split-image { max-width: ' . $split_image_max_width . '% !important; }';
}
/* hero header background image for animated image hero */
if ($ut_hero_type == 'animatedimage') {
$header_image = ut_return_hero_config('ut_hero_animated_image');
if (!empty($header_image)) {
/* get image ID by url*/
$imageID = ut_get_image_id($header_image);
/* grab image imnformation */
$imageinfo = wp_get_attachment_image_src($imageID, 'full');
/* background */
$css .= '.hero {
background-position: 0px 0px;
background-repeat: repeat-x;
background-image: url(' . esc_url($header_image) . ');
-webkit-animation: animatedBackground 60s linear infinite;
-moz-animation: animatedBackground 60s linear infinite;
animation: animatedBackground 60s linear infinite;
}' . "\n";
$css .= '@media screen and (max-width: 1024px) {
.hero {
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
}
}';
$css .= '@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: ' . $imageinfo[1] . 'px 0; }
}
@-webkit-keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: ' . $imageinfo[1] . 'px 0; }
}
@-moz-keyframe animatedBackground {
from { background-position: 0 0; }
to { background-position: ' . $imageinfo[1] . 'px 0; }
}';
}
}
/* fancy slider */
$fancy_slider_height = $ut_hero_type == 'transition' ? ut_return_hero_config('ut_fancy_slider_height', '600px') : '';
if (!empty($fancy_slider_height)) {
$css .= '.ut-fancy-slider-fullwidth { height: ' . $fancy_slider_height . '; }';
$css .= '.ut-fancy-slider-fullwidth .hero-inner { height: ' . $fancy_slider_height . '; }';
}
/* header overlay styling */
$ut_hero_overlay_color = ut_return_hero_config('ut_hero_overlay_color');
$ut_hero_overlay_color_opacity = ut_return_hero_config('ut_hero_overlay_color_opacity', '0.8');
if (!empty($ut_hero_overlay_color)) {
$css .= '.hero .parallax-overlay { background-color: rgba(' . ut_hex_to_rgb($ut_hero_overlay_color) . ' , ' . $ut_hero_overlay_color_opacity . ' ); }' . "\n";
}
/* blog hero header styling */
$ut_blog_expertise_slogan_color = ot_get_option('ut_blog_expertise_slogan_color');
$ut_blog_company_slogan_color = ot_get_option('ut_blog_company_slogan_color');
if (!empty($ut_blog_expertise_slogan_color) && is_home()) {
$css .= '.hero-description-bottom { color: ' . $ut_blog_expertise_slogan_color . '}' . "\n";
}
if (!empty($ut_blog_company_slogan_color) && is_home()) {
$css .= '.hero-title { color: ' . $ut_blog_company_slogan_color . ' }' . "\n";
}
$ut_blog_company_slogan_uppercase = ot_get_option('ut_blog_company_slogan_uppercase', 'on');
if (!empty($ut_blog_company_slogan_uppercase) && is_home() && $ut_blog_company_slogan_uppercase == 'on') {
$css .= '.hero-title { text-transform: uppercase; }';
}
/* check if contact section is active*/
$ut_activate_csection = ut_return_csection_config('ut_activate_csection');
/* only get contact section styles if footer is active */
if ($ut_activate_csection == 'on') {
/* contact section header styling */
$ut_csection_header_slogan_color = ot_get_option('ut_csection_header_slogan_color');
$ut_csection_header_expertise_slogan_color = ot_get_option('ut_csection_header_expertise_slogan_color');
$ut_csection_header_style = ot_get_option('ut_csection_header_style', 'pt-style-1');
$ut_csection_header_style = $ut_csection_header_style == 'global' ? ot_get_option('ut_global_headline_style') : $ut_csection_header_style;
/* pt style 3 needs a fallback */
if (empty($ut_csection_header_slogan_color) && $ut_csection_header_style == 'pt-style-3') {
$ut_csection_header_slogan_color = $accentcolor;
}
if (!empty($ut_csection_header_slogan_color)) {
$css .= '#contact-section .parallax-title { color: ' . $ut_csection_header_slogan_color . '}' . "\n";
$css .= create_section_headline_style('#contact-section', $ut_csection_header_style, $ut_csection_header_slogan_color);
}
if (!empty($ut_csection_header_expertise_slogan_color)) {
$css .= '#contact-section .lead { color: ' . $ut_csection_header_expertise_slogan_color . ' }' . "\n";
}
if (ot_get_option('ut_csection_title_uppercase', 'off') == 'on') {
$css .= '#contact-section .parallax-title { text-transform: uppercase; }';
}
$css .= '#contact-section .parallax-title span span { color:' . $accentcolor . '; }' . "\n";
/* contact section section styles */
$csection_background = null;
$csection_background_type = ot_get_option('ut_csection_background_type', 'image');
/* contact section styling */
if ($csection_background_type == 'image') {
$ut_csection_background_image = ut_return_csection_config('ut_csection_background_image');
if (is_array($ut_csection_background_image) && !empty($ut_csection_background_image['background-image'])) {
$csection_background .= ut_create_css_background('#contact-section', $ut_csection_background_image);
$ut_csection_background_image = $ut_csection_background_image['background-image'];
} elseif (!is_array($ut_csection_background_image)) {
$csection_background .= !empty($ut_csection_background_image) ? '#contact-section { background-image: url(' . esc_url($ut_csection_background_image) . '); }' . "\n" : '';
}
}
/* video poster image */
if ($csection_background_type == 'video' && $detect->isMobile() || $detect->isMobile() && ot_get_option('ut_front_video_containment', 'hero') == 'body') {
$ut_csection_video_poster = ot_get_option('ut_csection_video_poster');
/* video poster image for mobile devices */
$css .= '#contact-section {
background-image: url(' . esc_url($ut_csection_video_poster) . ');
background-size: cover !important;
background-attachment: scroll !important;
}' . "\n";
}
/* there is no image, so we check if a background color has been set */
$ut_csection_background_color = ot_get_option('ut_csection_background_color');
if (empty($ut_csection_background_image)) {
$csection_background .= !empty($ut_csection_background_color) ? '#contact-section { background: ' . $ut_csection_background_color . '; }' . "\n" : '';
}
/* add to CSS */
$css .= $csection_background;
/* contact section header font style */
if (ot_get_option('ut_csection_header_font_type', 'ut-font') == 'ut-google') {
$ut_csection_header_google_font_style = ot_get_option('ut_csection_header_google_font_style');
if (!empty($google_fonts[$ut_csection_header_google_font_style['font-id']]['family'])) {
$font = '#contact-section .parallax-title {';
$font .= 'font-family:"' . $google_fonts[$ut_csection_header_google_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty($ut_csection_header_google_font_style['font-weight'])) {
$font .= ' font-weight: ' . $ut_csection_header_google_font_style['font-weight'] . ';';
}
if (!empty($ut_csection_header_google_font_style['font-size'])) {
$font .= ' font-size: ' . $ut_csection_header_google_font_style['font-size'] . ';';
}
if (!empty($ut_csection_header_google_font_style['font-style']) && isset($font_styles[$ut_csection_header_google_font_style['font-style']])) {
$font .= ' font-style: ' . $font_styles[$ut_csection_header_google_font_style['font-style']] . ';';
}
if (!empty($ut_csection_header_google_font_style['line-height'])) {
$font .= ' line-height: ' . $ut_csection_header_google_font_style['line-height'] . ';';
}
if (!empty($ut_csection_header_google_font_style['text-transform'])) {
$font .= ' text-transform: ' . $ut_csection_header_google_font_style['text-transform'] . ';';
}
$font .= '}';
$css .= $font;
} else {
/* fallback if user has not chosen a google font yet */
$font_style = ot_get_option('ut_csection_header_font_style', 'semibold');
if (isset($ut_recognized_font_styles[$font_style])) {
$css .= '#contact-section .parallax-title { font-family: ' . $ut_recognized_font_styles[$font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif;}' . "\n";
}
}
} else {
$font_style = ot_get_option('ut_csection_header_font_style', 'semibold');
if (isset($ut_recognized_font_styles[$font_style])) {
$css .= '#contact-section .parallax-title { font-family: ' . $ut_recognized_font_styles[$font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif;}' . "\n";
}
}
/* contact section border styling */
if (ot_get_option('ut_activate_csection_border', 'off') == 'on') {
/* border settings */
$ut_csection_border_color = ot_get_option('ut_csection_border_color');
$ut_csection_border_color = !empty($ut_csection_border_color) ? $ut_csection_border_color : $accentcolor;
$ut_csection_border_width = ot_get_option('ut_csection_border_width');
$ut_csection_border_width = !empty($ut_csection_border_width) ? $ut_csection_border_width : '1';
$ut_csection_border_style = ot_get_option('ut_csection_border_style');
$ut_csection_border_style = !empty($ut_csection_border_style) ? $ut_csection_border_style : 'solid';
/* add to CSS */
$css .= '#contact-section { border-top: ' . $ut_csection_border_width . 'px ' . $ut_csection_border_style . ' ' . $ut_csection_border_color . '; }';
}
/* contact section box styling */
$ut_left_csection_content_area_color = ot_get_option('ut_left_csection_content_area_color');
$ut_right_csection_content_area_color = ot_get_option('ut_right_csection_content_area_color');
$ut_left_csection_content_area_opacity = ot_get_option('ut_left_csection_content_area_opacity', '0.8');
$ut_right_csection_content_area_opacity = ot_get_option('ut_right_csection_content_area_opacity', '0.8');
$css .= !empty($ut_left_csection_content_area_color) ? '#contact-section .ut-left-footer-area { background: rgb(' . ut_hex_to_rgb($ut_left_csection_content_area_color) . ',' . $ut_left_csection_content_area_opacity . '); }' . "\n" : '';
$css .= !empty($ut_left_csection_content_area_color) ? '#contact-section .ut-left-footer-area { background: rgba(' . ut_hex_to_rgb($ut_left_csection_content_area_color) . ',' . $ut_left_csection_content_area_opacity . '); }' . "\n" : '';
$css .= !empty($ut_right_csection_content_area_color) ? '#contact-section .ut-right-footer-area { background: rgb(' . ut_hex_to_rgb($ut_right_csection_content_area_color) . ',' . $ut_right_csection_content_area_opacity . '); }' . "\n" : '';
$css .= !empty($ut_right_csection_content_area_color) ? '#contact-section .ut-right-footer-area { background: rgba(' . ut_hex_to_rgb($ut_right_csection_content_area_color) . ',' . $ut_right_csection_content_area_opacity . '); }' . "\n" : '';
/* contact section overlay color */
$ut_csection_overlay = ut_return_csection_config('ut_csection_overlay', 'on');
$ut_csection_overlay_color = ut_return_csection_config('ut_csection_overlay_color');
$ut_csection_overlay_opacity = ut_return_csection_config('ut_csection_overlay_opacity', '0.8');
$css .= !empty($ut_csection_overlay_color) ? '#contact-section .parallax-overlay { background: rgb(' . ut_hex_to_rgb($ut_csection_overlay_color) . ',' . $ut_csection_overlay_opacity . '); }' . "\n" : '';
$css .= !empty($ut_csection_overlay_color) ? '#contact-section .parallax-overlay { background: rgba(' . ut_hex_to_rgb($ut_csection_overlay_color) . ',' . $ut_csection_overlay_opacity . '); }' . "\n" : '';
/* contact section section padding */
$ut_csection_padding_top = ot_get_option('ut_csection_padding_top');
$ut_csection_padding_bottom = ot_get_option('ut_csection_padding_bottom');
/* fallback if there is no entry */
$ut_csection_padding_top = empty($ut_csection_padding_top) ? '80px' : $ut_csection_padding_top;
$ut_csection_padding_bottom = empty($ut_csection_padding_bottom) ? '60px' : $ut_csection_padding_bottom;
if ($ut_csection_overlay == 'on') {
$css .= '#contact-section .parallax-overlay { padding-top:' . $ut_csection_padding_top . '; padding-bottom:' . $ut_csection_padding_bottom . '; }' . "\n";
$css .= '#contact-section .ut-offset-anchor { top:-' . (79 + str_replace("px", "", $ut_navigation_padding_top) + str_replace("px", "", $ut_navigation_padding_bottom)) . 'px; }' . "\n";
} else {
$css .= '#contact-section { padding-top:' . $ut_csection_padding_top . '; padding-bottom:' . $ut_csection_padding_bottom . '; }' . "\n";
$css .= '#contact-section .ut-offset-anchor { top:-' . (79 + str_replace("px", "", $ut_csection_padding_top) + str_replace("px", "", $ut_navigation_padding_top) + str_replace("px", "", $ut_navigation_padding_bottom)) . 'px; }' . "\n";
}
}
/* end $ut_activate_csection */
/* copyright */
if (ot_get_option('ut_footer_font_weight', 'normal') == 'bold') {
$css .= '.copyright { font-family: "ralewaysemibold", Helvetica, Arial, sans-serif !important; }';
}
/* theme options misc settings */
if (ot_get_option('ut_blockquote_font_type', 'ut-font') == 'ut-google') {
$ut_google_blockquote_font_style = ot_get_option('ut_google_blockquote_font_style');
if (!empty($google_fonts[$ut_google_blockquote_font_style['font-id']]['family'])) {
$css .= 'blockquote {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$ut_google_blockquote_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty($ut_google_blockquote_font_style['font-weight'])) {
$css .= ' font-weight: ' . $ut_google_blockquote_font_style['font-weight'] . ';';
}
if (!empty($ut_google_blockquote_font_style['font-size'])) {
$css .= ' font-size: ' . $ut_google_blockquote_font_style['font-size'] . ';';
}
if (!empty($ut_google_blockquote_font_style['font-style'])) {
$css .= ' font-style: ' . $font_styles[$ut_google_blockquote_font_style['font-style']] . ';';
}
if (!empty($ut_google_blockquote_font_style['text-transform'])) {
$css .= ' text-transform: ' . $ut_google_blockquote_font_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$ut_blockquote_font_style = ot_get_option('ut_blockquote_font_style', 'semibold');
$css .= 'blockquote { font-family: ' . $ut_recognized_font_styles[$ut_blockquote_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* out for theme font */
$ut_blockquote_font_style = ot_get_option('ut_blockquote_font_style', 'semibold');
$css .= 'blockquote { font-family: ' . $ut_recognized_font_styles[$ut_blockquote_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
if (ot_get_option('ut_global_lead_font_type', 'ut-font') == 'ut-google') {
$ut_google_lead_font_style = ot_get_option('ut_google_lead_font_style');
if (!empty($google_fonts[$ut_google_lead_font_style['font-id']]['family'])) {
$css .= '.lead, .taxonomy-description {';
/* familiy */
$css .= 'font-family:"' . $google_fonts[$ut_google_lead_font_style['font-id']]['family'] . '", "Helvetica Neue", Helvetica, Arial, sans-serif;';
if (!empty($ut_google_lead_font_style['font-weight'])) {
$css .= ' font-weight: ' . $ut_google_lead_font_style['font-weight'] . ';';
}
if (!empty($ut_google_lead_font_style['font-size'])) {
$css .= ' font-size: ' . $ut_google_lead_font_style['font-size'] . ';';
}
if (!empty($ut_google_lead_font_style['font-style'])) {
$css .= ' font-style: ' . $font_styles[$ut_google_lead_font_style['font-style']] . ';';
}
if (!empty($ut_google_lead_font_style['text-transform'])) {
$css .= ' text-transform: ' . $ut_google_lead_font_style['text-transform'] . ';';
}
$css .= '}';
} else {
/* fallback if user has not chosen a google font yet */
$ut_lead_font_style = ot_get_option('ut_lead_font_style', 'semibold');
$css .= '.lead, .taxonomy-description { font-family: ' . $ut_recognized_font_styles[$ut_lead_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
} else {
/* out for theme font */
$ut_lead_font_style = ot_get_option('ut_lead_font_style', 'semibold');
$css .= '.lead, .taxonomy-description { font-family: ' . $ut_recognized_font_styles[$ut_lead_font_style] . ', "Helvetica Neue", Helvetica, Arial, sans-serif; }' . "\n";
}
/* loader logo */
$ut_site_logo = get_theme_mod('ut_site_logo');
$loader_logo = ot_get_option('ut_image_loader_logo', $ut_site_logo);
if (!empty($loader_logo)) {
$css .= '#ut-loader-logo { background-image: url(' . esc_url($loader_logo) . '); background-position: center center; background-repeat: no-repeat; }' . "\n";
}
/*
|--------------------------------------------------------------------------
| Footer Skin & Border
|--------------------------------------------------------------------------
*/
if (ot_get_option('ut_footer_skin', 'ut-footer-light') == 'ut-footer-light') {
$ut_footer_skin_light_bgcolor = ot_get_option('ut_footer_skin_light_bgcolor');
if (!empty($ut_footer_skin_light_bgcolor)) {
/* add to CSS */
$css .= '.footer, a.toTop {
background: ' . $ut_footer_skin_light_bgcolor . ' ;
}';
}
} else {
$ut_footer_skin_dark_bgcolor = ot_get_option('ut_footer_skin_dark_bgcolor');
if (!empty($ut_footer_skin_dark_bgcolor)) {
/* add to CSS */
$css .= '.footer.ut-footer-dark, .ut-footer-dark a.toTop {
background: ' . $ut_footer_skin_dark_bgcolor . ' ;
}';
}
}
/* footer border */
$ut_footer_skin_border = ot_get_option('ut_footer_skin_border');
/* add to CSS */
if (!empty($ut_footer_skin_border)) {
$css .= '.footer { border-top: 1px solid ' . $ut_footer_skin_border . '; }';
$css .= 'a.toTop { border: 1px solid ' . $ut_footer_skin_border . '; border-bottom: none; }';
}
/* subfooter backgroundcolor */
$ut_subfooter_bgcolor = ot_get_option('ut_subfooter_bgcolor');
/* add to CSS */
if (!empty($ut_subfooter_bgcolor)) {
/* add to CSS */
$css .= '.footer .footer-content {
background: ' . $ut_subfooter_bgcolor . ' ;
}';
}
/* subfooter paddingtop */
$ut_subfooter_padding_top = ot_get_option('ut_subfooter_padding_top');
/* add to CSS */
if (!empty($ut_subfooter_padding_top)) {
/* add to CSS */
$css .= '.footer .footer-content {
padding-top: ' . $ut_subfooter_padding_top . ';
}';
}
/* individual section styles , only run this query for front page */
if (is_front_page()) {
/* retrieve query arguements */
$pagequery = ut_prepare_front_query();
if (!empty($pagequery)) {
$css_query = new WP_Query($pagequery);
if ($css_query->have_posts()) {
while ($css_query->have_posts()) {
$css_query->the_post();
global $detect;
$ut_section_video_state = get_post_meta($css_query->post->ID, 'ut_section_video_state', true);
/*
* split section
*/
$ut_section_width = get_post_meta($css_query->post->ID, 'ut_section_width', true);
if ($ut_section_width == 'split') {
/* try to get featured image */
$fullsize = wp_get_attachment_url(get_post_thumbnail_id($css_query->post->ID));
if (!empty($fullsize)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-split-screen-poster{ background: url("' . $fullsize . '") }';
}
/* padding settings */
$ut_split_section_margin_top = get_post_meta($css_query->post->ID, 'ut_split_section_margin_top', true);
$ut_split_section_margin_bottom = get_post_meta($css_query->post->ID, 'ut_split_section_margin_bottom', true);
/* fallback if there is no entry */
$ut_split_section_margin_top = empty($ut_split_section_margin_top) ? '' : $ut_split_section_margin_top;
$ut_split_section_margin_bottom = empty($ut_split_section_margin_bottom) ? '' : $ut_split_section_margin_bottom;
$ut_split_content_align = get_post_meta($css_query->post->ID, 'ut_split_content_align', true);
if (!empty($ut_split_content_align) && $ut_split_content_align == 'right') {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-split-content-right { margin-top:' . $ut_split_section_margin_top . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-split-content-right { margin-bottom:' . $ut_split_section_margin_bottom . '; }' . "\n";
}
if (!empty($ut_split_content_align) && $ut_split_content_align == 'left') {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-split-content-left { margin-top:' . $ut_split_section_margin_top . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-split-content-left { margin-bottom:' . $ut_split_section_margin_bottom . '; }' . "\n";
}
}
/*
* section padding
*/
/* get overlay settings */
$ut_overlay_section = get_post_meta($css_query->post->ID, 'ut_overlay_section', true);
/* padding settings */
$ut_section_padding_top = get_post_meta($css_query->post->ID, 'ut_section_padding_top', true);
$ut_section_padding_bottom = get_post_meta($css_query->post->ID, 'ut_section_padding_bottom', true);
$ut_section_slogan_padding = get_post_meta($css_query->post->ID, 'ut_section_slogan_padding', true);
/* fallback if there is no entry */
$ut_section_padding_top = empty($ut_section_padding_top) ? '80px' : $ut_section_padding_top;
$ut_section_padding_bottom = empty($ut_section_padding_bottom) ? '60px' : $ut_section_padding_bottom;
$ut_section_slogan_padding = empty($ut_section_slogan_padding) ? '30px' : $ut_section_slogan_padding;
/* add to CSS */
if ($ut_overlay_section == 'on') {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-overlay { padding-top:' . $ut_section_padding_top . '; padding-bottom:' . $ut_section_padding_bottom . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-offset-anchor { top:-' . (79 + str_replace("px", "", $ut_navigation_padding_top) + str_replace("px", "", $ut_navigation_padding_bottom)) . 'px; }' . "\n";
} else {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . '{ padding-top:' . $ut_section_padding_top . '; padding-bottom:' . $ut_section_padding_bottom . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .ut-offset-anchor { top:-' . (79 + str_replace("px", "", $ut_section_padding_top) + str_replace("px", "", $ut_navigation_padding_top) + str_replace("px", "", $ut_navigation_padding_bottom)) . 'px; }' . "\n";
}
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-header { padding-bottom:' . $ut_section_slogan_padding . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-header { padding-bottom:' . $ut_section_slogan_padding . '; }' . "\n";
/*
* section header font
*/
/* get font style */
$ut_section_header_font_style = get_post_meta($css_query->post->ID, 'ut_section_header_font_style', true);
/* fallback if there is no entry */
$ut_section_header_font_style = empty($ut_section_header_font_style) ? 'semibold' : $ut_section_header_font_style;
/* add to CSS */
$css .= ut_create_global_headline_font_style('#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-title', $ut_section_header_font_style);
$css .= ut_create_global_headline_font_style('#' . ut_clean_section_id($css_query->post->post_name) . ' .section-title', $ut_section_header_font_style);
if ($ut_section_video_state != 'on') {
/*
* section parallax image
*/
/* get parallax settings*/
$ut_parallax_image = get_post_meta($css_query->post->ID, 'ut_parallax_image', true);
$ut_parallax_section = get_post_meta($css_query->post->ID, 'ut_parallax_section', true);
/* image fallback to version 1.0 */
if (is_array($ut_parallax_image) && !empty($ut_parallax_image['background-image'])) {
if (!empty($ut_parallax_image) && $ut_parallax_section == 'on') {
$css .= ut_create_css_background('#' . ut_clean_section_id($css_query->post->post_name) . '.parallax-section', $ut_parallax_image);
} else {
$css .= ut_create_css_background('#' . ut_clean_section_id($css_query->post->post_name), $ut_parallax_image);
}
} elseif (!is_array($ut_parallax_image)) {
if (!empty($ut_parallax_image) && $ut_parallax_section == 'on') {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . '.parallax-section { background-image: url(' . esc_url($ut_parallax_image) . '); }' . "\n";
} else {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' { background-image: url(' . esc_url($ut_parallax_image) . '); }' . "\n";
}
}
/*
* section background color
*/
$ut_section_background_color = get_post_meta($css_query->post->ID, 'ut_section_background_color', true);
if (!empty($ut_section_background_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . '{ background-color: ' . $ut_section_background_color . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-header.pt-style-1 .section-title span { background-color: ' . $ut_section_background_color . '; }' . "\n";
}
}
/* video poster for section */
if ($detect->isMobile() && $ut_section_video_state != 'off' || $detect->isMobile() && ot_get_option('ut_front_video_containment', 'hero') == 'body') {
$ut_video_poster = get_post_meta($css_query->post->ID, 'ut_section_video_poster', true);
if (!empty($ut_video_poster)) {
/* video poster image for mobile devices */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' {
background-image: url(' . esc_url($ut_video_poster) . ');
background-size: cover !important;
background-attachment: scroll !important;
}' . "\n";
} else {
$ut_section_video_bgcolor = get_post_meta($css_query->post->ID, 'ut_section_video_bgcolor', true);
if (!empty($ut_section_video_bgcolor)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . '{ background-color: ' . $ut_section_video_bgcolor . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-header.pt-style-1 .section-title span { background-color: ' . $ut_section_video_bgcolor . '; }' . "\n";
}
}
}
/*
* section title , text , heading and lead color
*/
$ut_section_text_color = get_post_meta($css_query->post->ID, 'ut_section_text_color', true);
if (!empty($ut_section_text_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content { color: ' . $ut_section_text_color . '; }' . "\n";
}
$ut_section_heading_color = get_post_meta($css_query->post->ID, 'ut_section_heading_color', true);
if (!empty($ut_section_heading_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h1 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h2 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h3 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h4 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h5 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-content h6 { color: ' . $ut_section_heading_color . ' !important; }' . "\n";
}
$ut_section_header_style = get_post_meta($css_query->post->ID, 'ut_section_header_style', true);
$ut_section_header_style = !empty($ut_section_header_style) && $ut_section_header_style != 'global' ? $ut_section_header_style : ot_get_option('ut_global_headline_style');
$ut_section_title_color = get_post_meta($css_query->post->ID, 'ut_section_title_color', true);
/* pt style 3 needs a fallback */
if (empty($ut_section_title_color) && $ut_section_header_style == 'pt-style-3') {
$ut_section_title_color = $accentcolor;
}
if (!empty($ut_section_title_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-title { color: ' . $ut_section_title_color . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-title { color: ' . $ut_section_title_color . '; }' . "\n";
$css .= create_section_headline_style('#' . ut_clean_section_id($css_query->post->post_name), $ut_section_header_style, $ut_section_title_color);
}
/*
* section title shadow
*/
if (get_post_meta($css_query->post->ID, 'ut_section_title_glow', true) == 'on') {
$ut_section_title_color = get_post_meta($css_query->post->ID, 'ut_section_title_color', true);
$ut_section_title_glow_color = get_post_meta($css_query->post->ID, 'ut_section_title_glow_color', true);
if (!empty($ut_section_title_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_section_title_color . ', 2px 2px 3px black ;
}' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_section_title_color . ', 2px 2px 3px black;
}' . "\n";
}
if (!empty($ut_section_title_glow_color)) {
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_section_title_glow_color . ', 2px 2px 3px black ;
}' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .section-title.ut-glow {
text-shadow: 0 0 40px ' . $ut_section_title_glow_color . ', 2px 2px 3px black;
}' . "\n";
}
}
/*
* section header spacing
*/
$ut_section_header_margin_left = get_post_meta($css_query->post->ID, 'ut_section_header_margin_left', true);
$ut_section_header_margin_right = get_post_meta($css_query->post->ID, 'ut_section_header_margin_right', true);
/* add to CSS */
if (!empty($ut_section_header_margin_left)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' header.section-header { margin-left:' . $ut_section_header_margin_left . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' header.parallax-header { margin-left:' . $ut_section_header_margin_left . '; }' . "\n";
}
/* add to CSS */
if (!empty($ut_section_header_margin_right)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' header.section-header { margin-right:' . $ut_section_header_margin_right . '; }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' header.parallax-header { margin-right:' . $ut_section_header_margin_right . '; }' . "\n";
}
/*
* section p lead padding
*/
$ut_section_slogan_padding_left = get_post_meta($css_query->post->ID, 'ut_section_slogan_padding_left', true);
$ut_section_slogan_padding_right = get_post_meta($css_query->post->ID, 'ut_section_slogan_padding_right', true);
/* add to CSS */
if (!empty($ut_section_slogan_padding_left)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .lead { padding-left: ' . $ut_section_slogan_padding_left . '; }' . "\n";
}
/* add to CSS */
if (!empty($ut_section_slogan_padding_right)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .lead { padding-right: ' . $ut_section_slogan_padding_right . '; }' . "\n";
}
/*
* section lead color
*/
$ut_section_slogan_color = get_post_meta($css_query->post->ID, 'ut_section_slogan_color', true);
/* add to CSS */
if (!empty($ut_section_slogan_color)) {
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .lead, #' . ut_clean_section_id($css_query->post->post_name) . ' .lead p { color: ' . $ut_section_slogan_color . '; }' . "\n";
}
/*
* overlay color
*/
if ($ut_overlay_section == 'on') {
$ut_overlay_color = get_post_meta($css_query->post->ID, 'ut_overlay_color', true);
$ut_overlay_color_opacity = get_post_meta($css_query->post->ID, 'ut_overlay_color_opacity', true);
$ut_overlay_color_opacity = !empty($ut_overlay_color_opacity) ? $ut_overlay_color_opacity : '0.8';
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-overlay { background-color: rgb(' . ut_hex_to_rgb($ut_overlay_color) . '); }' . "\n";
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . ' .parallax-overlay { background-color: rgba(' . ut_hex_to_rgb($ut_overlay_color) . ' , ' . $ut_overlay_color_opacity . ' ); }' . "\n";
}
/*
* section border bottom
*/
if (get_post_meta($css_query->post->ID, 'ut_section_border_bottom', true) == 'on') {
/* border settings */
$ut_section_border_bottom_color = get_post_meta($css_query->post->ID, 'ut_section_border_bottom_color', true);
$ut_section_border_bottom_color = !empty($ut_section_border_bottom_color) ? $ut_section_border_bottom_color : $accentcolor;
$ut_section_border_bottom_width = get_post_meta($css_query->post->ID, 'ut_section_border_bottom_width', true);
$ut_section_border_bottom_width = !empty($ut_section_border_bottom_width) ? $ut_section_border_bottom_width : '1';
$ut_section_border_bottom_style = get_post_meta($css_query->post->ID, 'ut_section_border_bottom_style', true);
$ut_section_border_bottom_style = !empty($ut_section_border_bottom_style) ? $ut_section_border_bottom_style : 'solid';
/* add to CSS */
$css .= '#' . ut_clean_section_id($css_query->post->post_name) . '{ border-bottom: ' . $ut_section_border_bottom_width . 'px ' . $ut_section_border_bottom_style . ' ' . $ut_section_border_bottom_color . '; }';
}
}
}
wp_reset_postdata();
}
}
/* end front page styling */
$css .= '.parallax-overlay-pattern.style_one { background-image: url(" ' . THEME_WEB_ROOT . '/images/overlay-pattern.png") !important; }' . "\n";
$css .= '.parallax-overlay-pattern.style_two { background-image: url(" ' . THEME_WEB_ROOT . '/images/overlay-pattern2.png") !important; }' . "\n";
/* custom css from theme option panel */
$css .= ot_get_option('ut_custom_css');
/* end css */
$css .= '</style>';
/* check for css cache */
if (ot_get_option('ut_use_cache', 'off') == 'on' && is_front_page()) {
$transient_prefix = $detect->isMobile() ? '_mobile' : '_desktop';
$cacheTime = ot_get_option('ut_cache_ltime', '10');
set_transient('ut_css_cache' . $transient_prefix, $css, 60 * $cacheTime);
}
echo apply_filters('ut-custom-css', $css);
}
/* template config */
$ut_accentcolor = get_option('ut_accentcolor', '#F1C40F');
$ut_hero_overlay_pattern = ut_return_hero_config('ut_hero_overlay_pattern', 'on') == 'on' ? 'parallax-overlay-pattern' : '';
$ut_hero_background_slides = ut_return_hero_config('ut_background_slider_slides');
?>
<!-- hero section -->
<section id="ut-hero" class="slider hero ha-waypoint parallax-section parallax-background" data-animate-up="ha-header-hide" data-animate-down="ha-header-hide">
<?php
/* overlay animation effect for hero */
if (ut_return_hero_config('ut_hero_overlay_effect') == 'on') {
?>
<canvas data-strokecolor="<?php
echo ut_hex_to_rgb($ut_accentcolor);
?>
" id="ut-animation-canvas" style="z-index:4;"></canvas>
<?php
}
?>
<?php
/* overlay for hero */
if (ut_return_hero_config('ut_hero_overlay') == 'on') {
?>
<div class="parallax-overlay <?php
echo $ut_hero_overlay_pattern;
function ut_count_up($atts, $content = null)
{
extract(shortcode_atts(array('color' => '', 'desccolor' => '', 'to' => '1250', 'background' => '', 'opacity' => '0.8', 'width' => '', 'icon' => '', 'last' => 'false', 'class' => ''), $atts));
$grid = array('third' => 'ut-one-third', 'fourth' => 'ut-one-fourth', 'half' => 'ut-one-half');
$last = $last == 'true' ? 'ut-column-last' : '';
/* fallback */
$gridwidth = !empty($grid[$width]) ? $grid[$width] : '';
$background = !empty($background) ? 'style="background: rgba(' . ut_hex_to_rgb($background) . ',' . $opacity . ');"' : '';
$color = !empty($color) ? 'style="color: ' . $color . '"' : '';
$desccolor = !empty($desccolor) ? 'style="color: ' . $desccolor . '"' : '';
$box = '<div class="' . $gridwidth . ' ' . $class . ' ' . $last . '">';
$box .= '<div data-effecttype="counter" class="ut-counter-box ut-counter" data-counter="' . $to . '" ' . $background . '>';
if (!empty($icon)) {
$box .= '<i class="fa ' . $icon . ' fa-4x" ' . $color . '></i>';
}
$box .= '<span class="ut-count" ' . $color . '>' . $to . '</span>';
$box .= '<h3 class="ut-counter-details" ' . $desccolor . '>' . do_shortcode($content) . '</h3>';
$box .= '</div>';
$box .= '</div>';
return $box;
}
$ut_second_hero_button_url = ut_return_hero_config('ut_second_hero_button_url');
$ut_second_hero_button_style = ut_return_hero_config('ut_second_hero_button_style', 'default');
$ut_second_hero_button_settings = ut_return_hero_config('ut_second_hero_button_settings');
}
?>
<!-- hero section -->
<section id="ut-hero" class="hero ha-waypoint parallax-section parallax-background" data-animate-up="ha-header-hide" data-animate-down="ha-header-hide">
<?php
/* overlay animation effect for hero */
if (ut_return_hero_config('ut_hero_overlay_effect') == 'on') {
?>
<canvas data-strokecolor="<?php
echo ut_hex_to_rgb($ut_effect_color);
?>
" id="ut-animation-canvas"></canvas>
<?php
}
?>
<?php
/* overlay effect for hero */
if (ut_return_hero_config('ut_hero_overlay') == 'on') {
?>
<div class="parallax-overlay <?php
echo $ut_hero_overlay_pattern;
static function create_portfolio_gallery()
{
global $paged, $wp_query;
/* pagination */
if (empty($paged)) {
if (!empty($_GET['paged'])) {
$paged = $_GET['paged'];
} elseif (!empty($wp->matched_query) && ($args = wp_parse_args($wp->matched_query))) {
if (!empty($args['paged'])) {
$paged = $args['paged'];
}
}
if (!empty($paged)) {
$wp_query->set('paged', $paged);
}
}
$temp = $wp_query;
$wp_query = $term = null;
/* settings */
$portfolio_categories = get_post_meta(self::$token, 'ut_portfolio_categories');
$term = '';
/* global portfolio settings */
$portfolio_settings = get_post_meta(self::$token, 'ut_portfolio_settings');
$portfolio_settings = $portfolio_settings[0];
/* gallery options */
$gallery_options = get_post_meta(self::$token, 'ut_gallery_options');
$gallery_options = $gallery_options[0];
/* detail style */
$detailstyle = !empty($portfolio_settings['detail_style']) ? $portfolio_settings['detail_style'] : 'slideup';
/* columnset */
$columnset = !empty($gallery_options['columns']) ? $gallery_options['columns'] : 4;
$gutter = !empty($gallery_options['gutter']) ? 'gutter' : '';
/* image style */
$image_style_class = $portfolio_settings['image_style'];
/* variables for last row item */
switch ($columnset) {
case 2:
$z = 0;
$counter = 1;
break;
case 3:
$z = 4;
$counter = 2;
break;
case 4:
$z = 5;
$counter = 3;
break;
}
/* fallback if no meta has been set */
$portfolio_per_page = !empty($portfolio_settings['posts_per_page']) ? $portfolio_settings['posts_per_page'] : 4;
$portfolio_categories = !empty($portfolio_categories) ? $portfolio_categories : array();
/* portfolio query terms */
$portfolio_terms = array();
if (is_array($portfolio_categories[0]) && !empty($portfolio_categories[0])) {
foreach ($portfolio_categories[0] as $key => $value) {
array_push($portfolio_terms, $key);
}
$portfolio_terms_query = $portfolio_terms;
}
/* only change term if browser is browsing this portfolio */
if (!empty($_GET['portfolioID']) && $_GET['portfolioID'] == self::$token) {
if ($gallery_options['filter_type'] == 'static' && !empty($_GET['termID'])) {
/* sanitize term */
$term = absint($_GET['termID']);
/* reset terms */
$portfolio_terms_query = array();
array_push($portfolio_terms_query, $term);
}
}
/* user is not browsing this portfolio , so we reset the pagination */
if (!empty($_GET['portfolioID']) && $_GET['portfolioID'] != self::$token) {
$paged = 0;
}
/* query args */
$portfolio_args = array('post_type' => 'portfolio', 'posts_per_page' => $portfolio_per_page, 'paged' => $paged, 'tax_query' => array(array('taxonomy' => 'portfolio-category', 'terms' => $portfolio_terms_query, 'field' => 'term_id')));
/* start query */
$portfolio_query = $wp_query = new WP_Query($portfolio_args);
/* portfolio filter */
if (!empty($gallery_options['filter'])) {
$filter = '<div class="ut-portfolio-menu-wrap"><ul id="ut-portfolio-menu-' . self::$token . '" class="ut-portfolio-menu ' . (!empty($gallery_options['filter_style']) ? $gallery_options['filter_style'] : 'style_one') . '">';
/* reset button */
$reset = !empty($gallery_options['reset_text']) ? $gallery_options['reset_text'] : __('All', 'ut_portfolio_lang');
if ($gallery_options['filter_type'] == 'static') {
$selected = empty($term) ? 'class="selected"' : '';
$filter .= '<li><a href="?portfolioID=' . self::$token . '#ut-portfolio-items-' . self::$token . '-anchor" data-filter="*" ' . $selected . '>' . $reset . '</a></li>';
} else {
$filter .= '<li><a href="#" data-filter="*" class="selected">' . $reset . '</a></li>';
}
/* get taxonomies */
$taxonomies = get_terms('portfolio-category');
$taxonomiesarray = json_decode(json_encode($taxonomies), true);
if (is_array($portfolio_terms) && is_array($taxonomies)) {
foreach ($portfolio_terms as $single_term) {
$key = self::search_tax_key($single_term, $taxonomiesarray);
if ($gallery_options['filter_type'] == 'static' && isset($key)) {
$selected = $taxonomies[$key]->term_id == $term ? 'class="selected"' : '';
$filter .= '<li><a ' . $selected . ' href="?termID=' . $taxonomies[$key]->term_id . '&portfolioID=' . self::$token . '#ut-portfolio-items-' . self::$token . '-anchor" data-filter=".' . $taxonomies[$key]->slug . '-filt">' . $taxonomies[$key]->name . '</a></li>';
} else {
if (isset($taxonomies[$key]->slug)) {
$filter .= '<li><a href="#" data-filter=".' . $taxonomies[$key]->slug . '-filt">' . $taxonomies[$key]->name . '</a></li>';
}
}
}
}
$filter .= '</ul></div>';
}
/* needed javascript */
$gallery = self::generate_gallery_script($gallery_options, $counter);
/* create hidden gallery */
if ($detailstyle == 'slideup') {
$gallery .= self::create_hidden_popup_portfolio($portfolio_args, $portfolio_settings['image_style']);
}
/* output portfolio wrap */
$gallery .= '<div id="ut-portfolio-wrap" class="ut-portfolio-wrap" data-textcolor="' . $portfolio_settings["text_color"] . '" data-opacity="' . $portfolio_settings["hover_opacity"] . '" data-hovercolor="' . ut_hex_to_rgb($portfolio_settings["hover_color"]) . '">';
$gallery .= '<a class="ut-portfolio-offset-anchor" style="top:-120px;" id="ut-portfolio-items-' . self::$token . '-anchor"></a>';
/* add filter */
if (isset($gallery_options['filter'])) {
$gallery .= $filter;
}
/* output portfolio container */
$gallery .= '<div id="ut-portfolio-items-' . self::$token . '" class="ut-portfolio-item-container">';
/* loop trough portfolio items */
if ($portfolio_query->have_posts()) {
while ($portfolio_query->have_posts()) {
$portfolio_query->the_post();
/* needed variables */
$projecttype = '';
$title = str_ireplace('"', '', trim(get_the_title()));
$post_format = get_post_format();
/* link settings */
$ut_portfolio_link_type = get_post_meta($portfolio_query->post->ID, 'ut_portfolio_link_type', true);
$external = false;
$target = '_blank';
/* theme meta boxes are storing strings */
if (!is_array($ut_portfolio_link_type)) {
$temp_array = array();
$temp_array['target'] = $ut_portfolio_link_type;
$ut_portfolio_link_type = $temp_array;
$temp_array = null;
}
if (!empty($ut_portfolio_link_type['target']) && $ut_portfolio_link_type['target'] == 'external') {
/* get link user haas to set */
$external = get_post_meta($portfolio_query->post->ID, 'ut_external_link', true);
} elseif (!empty($ut_portfolio_link_type['target']) && $ut_portfolio_link_type['target'] == 'internal') {
/* get permalink to single portfolio */
$external = get_permalink($portfolio_query->post->ID);
$target = '_self';
}
/* itemposition */
$itemposition = '';
if ($columnset != 3) {
if ($columnset == 2) {
$z % 2 == 0 ? $itemposition = '' : ($itemposition = 'last');
}
if ($columnset == 4) {
$z % 4 == 0 ? $itemposition = 'last' : ($itemposition = '');
}
} else {
if ($z % 3 == 0) {
$itemposition = 'last';
$z = 3;
}
}
/* get all portfolio-categories for this item ( needed for filter ) */
$portfolio_cats = wp_get_object_terms($portfolio_query->post->ID, 'portfolio-category');
/* set filter attributes */
if (is_array($portfolio_cats)) {
foreach ($portfolio_cats as $single_cat) {
$projecttype .= $single_cat->slug . "-filt ";
}
}
/* gallery style */
$gallery_style = !empty($gallery_options['style']) ? $gallery_options['style'] : 'style_one';
/* portfolio featured image */
$fullsize = $thumbnail = $portfolio_detail_image = wp_get_attachment_url(get_post_thumbnail_id($portfolio_query->post->ID));
$caption = get_post(get_post_thumbnail_id($portfolio_query->post->ID))->post_excerpt;
/* hero type setting - new with 2.6 */
$ut_page_hero_type = get_post_meta($portfolio_query->post->ID, 'ut_page_hero_type', true);
$optionkey = 'ut_page_hero_image';
if (!empty($ut_page_hero_type)) {
if ($ut_page_hero_type == 'image' || $ut_page_hero_type == 'animatedimage' || $ut_page_hero_type == 'splithero' || $ut_page_hero_type == 'custom' || $ut_page_hero_type == 'dynamic') {
$post_format = '';
}
if ($ut_page_hero_type == 'slider' || $ut_page_hero_type == 'transition' || $ut_page_hero_type == 'tabs') {
$post_format = 'gallery';
}
if ($ut_page_hero_type == 'video') {
$post_format = 'video';
$ut_page_video_source = get_post_meta($portfolio_query->post->ID, 'ut_page_video_source', true);
}
/* switch option key */
switch ($ut_page_hero_type) {
case 'animatedimage':
$optionkey = 'ut_page_hero_animated_image';
break;
default:
$optionkey = 'ut_page_hero_image';
}
}
/* end ut_page_hero_type */
/* check if there is a detail image available */
$portfolio_detail_image_data = get_post_meta($portfolio_query->post->ID, $optionkey, true);
if (is_array($portfolio_detail_image_data) && !empty($portfolio_detail_image_data['background-image'])) {
$portfolio_detail_image = $portfolio_detail_image_data['background-image'];
} elseif (!is_array($portfolio_detail_image_data) && !empty($portfolio_detail_image_data)) {
$portfolio_detail_image = $portfolio_detail_image_data;
}
/* cropping dimensions */
$width = !empty($gallery_options['crop_size_x']) ? $gallery_options['crop_size_x'] : '600';
$height = !empty($gallery_options['crop_size_y']) ? $gallery_options['crop_size_y'] : '400';
$thumbnail = ut_resize($fullsize, $width, $height, true, true, true);
/* style one images with title */
if ($gallery_style == 'style_one') {
/* create single portfolio item */
$gallery .= '<article class="' . $projecttype . ' ' . $itemposition . ' ut-masonry ' . $gutter . ' portfolio-style-one">';
$gallery .= '<div class="ut-portfolio-item ut-hover">';
/* link markup for slideup details */
if ($detailstyle == 'slideup') {
/* has external link */
if (!empty($external)) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
$gallery .= '<a class="ut-portfolio-link ' . $image_style_class . '" rel="bookmark" title="' . $title . '" data-wrap="' . self::$token . '" data-post="' . $portfolio_query->post->ID . '" href="#ut-portfolio-details-wrap-' . self::$token . '">';
}
}
/* link markup for image popup */
if ($detailstyle == 'popup') {
$popuplink = NULL;
/* image post or audio post */
if (empty($post_format) || $post_format == 'audio') {
/* has external link */
if (!empty($external)) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= '<div class="ut-new-hide" id="ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '"><h4>' . $title . '</h4><p>' . $caption . '</p></div>';
}
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $portfolio_settings['image_style'] . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $portfolio_detail_image . '">';
}
}
/* video post */
if ($post_format == 'video') {
/* has external link */
if (!empty($external)) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
/* get the content */
if (!empty($ut_page_hero_type) && $ut_page_hero_type == 'video') {
/* youtube video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'youtube') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video', true);
}
/* selfhosted video - not supported by prettyphoto */
if (isset($ut_page_video_source) && $ut_page_video_source == 'selfhosted') {
$popuplink = $fullsize;
}
/* custom video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'custom') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video_custom', true);
}
/* content is still empty - let's assign the regular content */
if (empty($content)) {
$content = get_the_content();
}
} else {
$content = get_the_content();
}
/* try to catch video url */
$popuplink = !empty($popuplink) ? $popuplink : ut_get_portfolio_format_video_content($content);
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= '<div class="ut-new-hide" id="ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '"><h4>' . $title . '</h4><p>' . $caption . '</p></div>';
}
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $portfolio_settings['image_style'] . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $popuplink . '">';
}
}
/* gallery post */
if ($post_format == 'gallery') {
/* has external link */
if (!empty($external)) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= ut_portfolio_lightgallery($portfolio_query->post->ID, self::$token, $ut_page_hero_type);
} else {
$gallery .= ut_portfolio_prettyphoto_gallery($portfolio_query->post->ID, self::$token, $ut_page_hero_type);
}
$gallery .= '<a class="ut-portfolio-popup-' . $portfolio_query->post->ID . ' ' . $portfolio_settings['image_style'] . '" title="' . $caption . '" href="' . $portfolio_detail_image . '">';
}
}
}
if (has_post_thumbnail() && !post_password_required()) {
$gallery .= '<figure><img alt="' . get_the_title() . '" width="' . $width . '" height="' . $height . '" src="' . UT_PORTFOLIO_URL . 'i/?w=' . $width . '&h=' . $height . self::$cache . '" class="portfolio-lazy" data-original="' . $thumbnail . '" /></figure>';
} elseif (post_password_required()) {
$gallery .= '<div class="ut-password-protected">' . __('Password Protected Portfolio', 'ut_portfolio_lang') . '</div>';
}
$gallery .= '<div class="ut-hover-layer">';
$gallery .= '<div class="ut-portfolio-info">';
$gallery .= '<div class="ut-portfolio-info-c">';
/* item title */
$gallery .= '<h2 class="portfolio-title">' . $title . '</h2>';
$gallery .= '<span>' . ut_generate_cat_list($portfolio_cats) . '</span>';
$gallery .= '</div>';
$gallery .= '</div>';
$gallery .= '</div>';
$gallery .= '</a>';
$gallery .= '</div>';
$gallery .= '</article>';
}
/* style two only images and title beneath */
if ($gallery_style == 'style_two') {
/* create single portfolio item */
$gallery .= '<article class="' . $projecttype . ' ' . $itemposition . ' ut-masonry ' . $gutter . ' portfolio-style-two">';
$gallery .= '<div class="ut-portfolio-item ut-hover">';
/* link markup for slideup details */
if ($detailstyle == 'slideup') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
$gallery .= '<a class="ut-portfolio-link ' . $image_style_class . '" rel="bookmark" title="' . $title . '" data-wrap="' . self::$token . '" data-post="' . $portfolio_query->post->ID . '" href="#ut-portfolio-details-wrap-' . self::$token . '">';
}
}
/* link markup for image popup */
if ($detailstyle == 'popup') {
$popuplink = NULL;
/* image post or audio post */
if (empty($post_format) || $post_format == 'audio') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= '<div class="ut-new-hide" id="ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '"><h4>' . $title . '</h4><p>' . $caption . '</p></div>';
}
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $portfolio_settings['image_style'] . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $portfolio_detail_image . '">';
}
}
/* video post */
if ($post_format == 'video') {
/* has external link */
if (!empty($external)) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
/* get the content */
if (!empty($ut_page_hero_type) && $ut_page_hero_type == 'video') {
/* youtube video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'youtube') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video', true);
}
/* selfhosted video - not supported by prettyphoto */
if (isset($ut_page_video_source) && $ut_page_video_source == 'selfhosted') {
$popuplink = $fullsize;
}
/* custom video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'custom') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video_custom', true);
}
/* content is still empty - let's assign the regular content */
if (empty($content)) {
$content = get_the_content();
}
} else {
$content = get_the_content();
}
/* try to catch video url */
$popuplink = !empty($popuplink) ? $popuplink : ut_get_portfolio_format_video_content($content);
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= '<div class="ut-new-hide" id="ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '"><h4>' . $title . '</h4><p>' . $caption . '</p></div>';
}
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $portfolio_settings['image_style'] . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $popuplink . '">';
}
}
/* gallery post */
if ($post_format == 'gallery') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $title . '" href="' . $external . '" target="' . $target . '">';
} else {
if (self::$lightbox == 'ut-lightgallery') {
$gallery .= ut_portfolio_lightgallery($portfolio_query->post->ID, self::$token, $ut_page_hero_type);
} else {
$gallery .= ut_portfolio_prettyphoto_gallery($portfolio_query->post->ID, self::$token, $ut_page_hero_type);
}
$gallery .= '<a class="ut-portfolio-popup-' . $portfolio_query->post->ID . ' ' . $portfolio_settings['image_style'] . '" title="' . $title . '" href="#">';
}
}
}
if (has_post_thumbnail() && !post_password_required()) {
$gallery .= '<figure><img alt="' . get_the_title() . '" width="' . $width . '" height="' . $height . '" src="' . UT_PORTFOLIO_URL . 'i/?w=' . $width . '&h=' . $height . self::$cache . '" class="portfolio-lazy" data-original="' . $thumbnail . '" /></figure>';
} elseif (post_password_required()) {
$gallery .= '<div class="ut-password-protected">' . __('Password Protected Portfolio', 'ut_portfolio_lang') . '</div>';
}
$gallery .= '<div class="ut-hover-layer">';
$gallery .= '<div class="ut-portfolio-info">';
$gallery .= '<div class="ut-portfolio-info-c">';
if ($post_format == 'video') {
$gallery .= '<i class="fa fa-film fa-lg"></i>';
}
if ($post_format == 'audio') {
$gallery .= '<i class="fa fa-headphones fa-lg"></i>';
}
if ($post_format == 'gallery') {
$gallery .= '<i class="fa fa-camera-retro fa-lg"></i>';
}
if (empty($post_format)) {
$gallery .= '<i class="fa fa-picture-o fa-lg"></i>';
}
$gallery .= '<span>' . ut_generate_cat_list($portfolio_cats) . '</span>';
$gallery .= '</div>';
$gallery .= '</div>';
$gallery .= '</div>';
$gallery .= '</a>';
$gallery .= '<div>';
/* link markup for slideup details */
if ($detailstyle == 'slideup') {
$gallery .= '<a class="ut-portfolio-link ' . $portfolio_settings['image_style'] . '" rel="bookmark" title="' . $title . '" data-wrap="' . self::$token . '" data-post="' . $portfolio_query->post->ID . '" href="#ut-portfolio-details-wrap-' . self::$token . '">';
}
/* link markup for image popup */
if ($detailstyle == 'popup') {
$popuplink = NULL;
/* image post or audio post */
if (empty($post_format) || $post_format == 'audio') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $caption . '" href="' . $external . '" target="' . $target . '">';
} else {
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $image_style_class . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $portfolio_detail_image . '">';
}
}
/* video post */
if ($post_format == 'video') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $caption . '" href="' . $external . '" target="' . $target . '">';
} else {
/* get the content */
if (!empty($ut_page_hero_type) && $ut_page_hero_type == 'video') {
/* youtube video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'youtube') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video', true);
}
/* selfhosted video - not supported by prettyphoto */
if (isset($ut_page_video_source) && $ut_page_video_source == 'selfhosted') {
$popuplink = $fullsize;
}
/* custom video */
if (isset($ut_page_video_source) && $ut_page_video_source == 'custom') {
$content = get_post_meta($portfolio_query->post->ID, 'ut_page_video_custom', true);
}
/* content is still empty - let's assign the regular content */
if (empty($content)) {
$content = get_the_content();
}
} else {
$content = get_the_content();
}
/* try to catch video url */
$popuplink = !empty($popuplink) ? $popuplink : ut_get_portfolio_format_video_content($content);
$gallery .= '<a data-rel="' . self::$lightbox . '" class="' . $portfolio_settings['image_style'] . '" data-sub-html="#ut-lightgallery-sub-html-' . $portfolio_query->post->ID . '" title="' . $caption . '" href="' . $popuplink . '">';
}
}
/* gallery post */
if ($post_format == 'gallery') {
/* has external link */
if ($external) {
$gallery .= '<a class="' . $image_style_class . '" rel="bookmark" title="' . $caption . '" href="' . $external . '" target="' . $target . '">';
} else {
$gallery .= '<a class="ut-portfolio-popup-' . $portfolio_query->post->ID . ' ' . $portfolio_settings['image_style'] . '" title="' . $title . '" href="#">';
}
}
}
/* item title */
$gallery .= '<h2 class="portfolio-title">' . $title . '</h2>';
$gallery .= '</a>';
$gallery .= '</div>';
$gallery .= '</div>';
$gallery .= '</article>';
}
$z++;
}
}
/* end portfolio container */
$gallery .= '</div>';
/* portfolio pagination */
if ($portfolio_query->max_num_pages > 1) {
$gallery .= '<nav class="ut-portfolio-pagination clearfix ' . (!empty($gallery_options['filter_style']) ? $gallery_options['filter_style'] : 'style_one') . '">';
if ($paged > 1) {
$gallery .= '<a href="?paged=' . ($paged - 1) . '&portfolioID=' . self::$token . '&termID=' . $term . '#ut-portfolio-items-' . self::$token . '-anchor"><i class="fa fa-angle-double-left"></i></a>';
}
for ($i = 1; $i <= $portfolio_query->max_num_pages; $i++) {
$selected = $paged == $i || empty($paged) && $i == 1 ? 'selected' : '';
$gallery .= '<a href="?paged=' . $i . '&portfolioID=' . self::$token . '&termID=' . $term . '#ut-portfolio-items-' . self::$token . '-anchor" class="' . $selected . '">' . $i . '</a>';
}
if ($paged < $portfolio_query->max_num_pages) {
$paged_next = $paged == 0 ? $paged + 1 : $paged;
$gallery .= '<a href="?paged=' . ($paged_next + 1) . '&portfolioID=' . self::$token . '&termID=' . $term . '#ut-portfolio-items-' . self::$token . '-anchor"><i class="fa fa-angle-double-right"></i></a>';
}
$gallery .= '</nav>';
}
/* end portfolio wrap */
$gallery .= '</div>';
/* restore wp_query */
$wp_query = null;
$wp_query = $temp;
/* reset query */
wp_reset_postdata();
/* return final gallery */
return $gallery;
}