Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / ailwtbdh / lynchestinegroup.com / wp-content / themes / koncrete / inc /

Editing: dynamic-style.php

<?php
/**
 * @author  RadiusTheme
 * @since   1.0
 * @version 1.0
 */

namespace radiustheme\Koncrete;

use Mexitek\PHPColors\Color;

/*-------------------------------------
INDEX
=======================================
#. Typography
#. Defaults CSS File
#. Header
#. Breadcrumb
#. Footer
#. Theme Defaults
#. Widgets
#. Contents Area
-------------------------------------*/
/*-------------------------------------
Assign variable from Redux options
# typography
# color
# color references

@darkPrimaryColor: ffb400; // secondary in php
@primaryColor: ffc92b;
@textPrimaryColor: ffffff;
@accentColor: f8f8f8;
@primaryTextColor: 000000;
@breakpointMd: 768px;
-------------------------------------*/
$prefix                           = Constants::$theme_prefix;
$typo_body                        = RDTheme::$options['typo_body'];
$typo_h1                          = RDTheme::$options['typo_h1'];
$typo_h2                          = RDTheme::$options['typo_h2'];
$typo_h3                          = RDTheme::$options['typo_h3'];
$typo_h4                          = RDTheme::$options['typo_h4'];
$typo_h5                          = RDTheme::$options['typo_h5'];
$typo_h6                          = RDTheme::$options['typo_h6'];
$menu_typo                        = RDTheme::$options['menu_typo'];
$submenu_typo                     = RDTheme::$options['submenu_typo'];
$resmenu_typo                     = RDTheme::$options['resmenu_typo'];
$primary_color                    = apply_filters( "{$prefix}_primary_color", RDTheme::$options['primary_color'] );
$primary_rgb                      = Helper::hex2rgb( $primary_color );
$secondary_color                  = apply_filters( "{$prefix}_secondary_color", RDTheme::$options['secondary_color'] );
$secondary_rgb                    = Helper::hex2rgb( $secondary_color );
$menu_color                       = apply_filters( "{$prefix}_menu_color", RDTheme::$options['menu_color'] );
$menu_hover_color                 = apply_filters( "{$prefix}_menu_hover_color", RDTheme::$options['menu_hover_color'] );
$transparent_menu_color           = apply_filters( "{$prefix}_transparent_menu_color", RDTheme::$options['transparent_menu_color'] );
$transparent_menu_hover_color     = apply_filters( "{$prefix}_transparent_menu_hover_color", RDTheme::$options['transparent_menu_hover_color'] );
$submenu_color                    = apply_filters( "{$prefix}_submenu_color", RDTheme::$options['submenu_color'] );
$submenu_hover_color              = apply_filters( "{$prefix}_submenu_hover_color", RDTheme::$options['submenu_hover_color'] );
$submenu_column_header_bg         = apply_filters( "{$prefix}_submenu_column_header_bg", RDTheme::$options['submenu_column_header_bg'] );

$breadcrumb_link_color            = apply_filters( "{$prefix}_breadcrumb_link_color", RDTheme::$options['breadcrumb_link_color'] );
$breadcrumb_link_hover_color      = apply_filters( "{$prefix}_breadcrumb_link_hover_color", RDTheme::$options['breadcrumb_link_hover_color'] );
$breadcrumb_active_color          = apply_filters( "{$prefix}_breadcrumb_active_color", RDTheme::$options['breadcrumb_active_color'] );
$breadcrumb_seperator_color       = apply_filters( "{$prefix}_breadcrumb_seperator_color", RDTheme::$options['breadcrumb_seperator_color'] );
$banner_title                     = apply_filters( "{$prefix}_banner_title", RDTheme::$options['banner_title'] );

$footer_bgcolor                   = apply_filters( "{$prefix}_footer_bgcolor", RDTheme::$options['footer_bgcolor'] );
$footer_title_color               = apply_filters( "{$prefix}_footer_title_color", RDTheme::$options['footer_title_color'] );
$footer_color                     = apply_filters( "{$prefix}_footer_color", RDTheme::$options['footer_color'] );
$footer_link_color                = apply_filters( "{$prefix}_footer_link_color", RDTheme::$options['footer_link_color'] );
$footer_link_hover_color          = apply_filters( "{$prefix}_footer_link_hover_color", RDTheme::$options['footer_link_hover_color'] );
$logo_image_max_height            = apply_filters( "{$prefix}_logo_image_max_height", RDTheme::$options['logo_image_max_height'] );

<?php
/*-------------------------------------
#. Typography
---------------------------------------*/
?>
body, ul li {
  font-family: <?php echo esc_html( $typo_body['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_body['font-size'] ); ?>;
  font-weight : <?php echo esc_html( $typo_body['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_body['font-style'] ) ? 'normal' : $typo_body['font-style']; ?>;
}
h1 {
  font-family: <?php echo esc_html( $typo_h1['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h1['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h1['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h1['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h1['font-style'] ) ? 'normal' : $typo_h1['font-style']; ?>;
}
h2 {
  font-family: <?php echo esc_html( $typo_h2['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h2['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h2['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h2['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h2['font-style'] ) ? 'normal' : $typo_h2['font-style']; ?>;
}
h3 {
  font-family: <?php echo esc_html( $typo_h3['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h3['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h3['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h3['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h3['font-style'] ) ? 'normal' : $typo_h3['font-style']; ?>;
}
h4 {
  font-family: <?php echo esc_html( $typo_h4['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h4['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h4['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h4['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h4['font-style'] ) ? 'normal' : $typo_h4['font-style']; ?>;
}
h5 {
  font-family: <?php echo esc_html( $typo_h5['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h5['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h5['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h5['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h5['font-style'] ) ? 'normal' : $typo_h5['font-style']; ?>;
}
h6 {
  font-family: <?php echo esc_html( $typo_h6['font-family'] ); ?>, sans-serif;
  font-size: <?php echo esc_html( $typo_h6['font-size'] ); ?>;
  line-height: <?php echo esc_html( $typo_h6['line-height'] ); ?>;
  font-weight : <?php echo esc_html( $typo_h6['font-weight'] ); ?>;
  font-style: <?php echo empty( $typo_h6['font-style'] ) ? 'normal' : $typo_h6['font-style']; ?>;
}

<?php
/*-------------------------------------
# default css file
-------------------------------------*/
?>
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
a,
a:visited {
  color: <?php echo esc_html( $secondary_color ); ?>;
}
a:hover,
a:focus,
a:active {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Header area
---------------------------------------*/
?>
.main-header-block .item-menu-button {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.logo-area img {
  max-height: <?php echo esc_html( $logo_image_max_height ); ?>;
}

<?php // mobile menu ?>
.mean-container .mean-nav > ul li a {
  font-size: <?php echo esc_html($resmenu_typo['font-size']) ?>;
  font-family: <?php echo esc_html($resmenu_typo['font-family']) ?>;
  font-weight: <?php echo esc_html($resmenu_typo['font-weight']) ?>;
  line-height: <?php echo esc_html($resmenu_typo['line-height']) ?>;
  text-transform: <?php echo esc_html($resmenu_typo['text-transform']) ?>;
  font-style: <?php echo empty( $resmenu_typo['font-style'] ) ? 'normal' : $resmenu_typo['font-style']; ?>;

}

<?php // desktop menu ?>
.main-header .main-navigation-area .main-navigation nav > ul > li > a {
  font-size: <?php echo esc_html($menu_typo['font-size']) ?>;
  font-family: <?php echo esc_html($menu_typo['font-family']) ?>;
  font-weight: <?php echo esc_html($menu_typo['font-weight']) ?>;
  line-height: <?php echo esc_html($menu_typo['line-height']) ?>;
  text-transform: <?php echo esc_html($menu_typo['text-transform']) ?>;
  font-style: <?php echo empty( $menu_typo['font-style'] ) ? 'normal' : $menu_typo['font-style']; ?>;

}

.main-header .main-navigation-area .main-navigation ul li > ul.sub-menu > li ul li:hover > a,
.main-header .main-navigation-area .main-navigation ul li > ul.sub-menu > li > a,
.main-header .main-navigation-area .main-navigation ul li > ul.sub-menu > li ul li a {
  font-size: <?php echo esc_html($submenu_typo['font-size']) ?>;
  font-family: <?php echo esc_html($submenu_typo['font-family']) ?>;
  font-weight: <?php echo esc_html($submenu_typo['font-weight']) ?>;
  line-height: <?php echo esc_html($submenu_typo['line-height']) ?>;
  text-transform: <?php echo esc_html($submenu_typo['text-transform']) ?>;
  font-style: <?php echo empty( $submenu_typo['font-style'] ) ? 'normal' : $submenu_typo['font-style']; ?>;

}
.main-header .main-navigation-area .main-navigation ul li.current_page_item > a {
  color: <?php echo esc_html( $menu_hover_color ); ?>
}

<?php
/*-------------------------------------
#. Common Style
---------------------------------------*/
?>

.ms-left {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.main-header .main-navigation-area .main-navigation nav > ul > li.current-hash-item > a {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Preloader Style
---------------------------------------*/
?>
<?php
/*-------------------------------------
#. ScrollUp Style
---------------------------------------*/
?>
#scrollUp {
  color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
#scrollUp:hover, #scrollUp:focus {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
@keyframes blink {
  20% {
    color: #cccccc;
    border-color: #cccccc;
  }
  50% {
    color: #cccccc;
    border-color: #cccccc;
  }
  70% {
    color: <?php echo esc_html( $primary_color ); ?>;
    border-color: <?php echo esc_html( $primary_color ); ?>;
  }
  100% {
    color: <?php echo esc_html( $primary_color ); ?>;
    border-color: <?php echo esc_html( $primary_color ); ?>;
  }
}
@-webkit-keyframes blink {
  20% {
    color: #cccccc;
    border-color: #cccccc;
  }
  50% {
    color: #cccccc;
    border-color: #cccccc;
  }
  70% {
    color: <?php echo esc_html( $primary_color ); ?>;
    border-color: <?php echo esc_html( $primary_color ); ?>;
  }
  100% {
    color: <?php echo esc_html( $primary_color ); ?>;
    border-color: <?php echo esc_html( $primary_color ); ?>;
  }
}
#scrollUp:focus {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
#. Media Box Custom Style
---------------------------------------*/
?>
<?php
/*-------------------------------------
#. Gutters Style
---------------------------------------*/
?>
<?php
/*-------------------------------------
#. Text Row Style
---------------------------------------*/
?>
<?php
/*-------------------------------------
#. Title Style
---------------------------------------*/
?>
.heading-layout1:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
#. Title Bar Style
---------------------------------------*/
?>
.title-bar-lg:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.title-bar-lg1:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.title-bar-xl:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.title-bar-xl1:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.title-bar-primary:before {
  background: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Owl Nav Control Style
---------------------------------------*/
?>
.nav-control-layout1 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout1 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.nav-control-layout3 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout3 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout4 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout4 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout5 .owl-controls .owl-nav > div {
  background: <?php echo esc_html( $secondary_color ); ?>;
}
.nav-control-layout5 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.nav-control-layout5 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.smart-nav-layout1 div,
.smart-nav-layout1 span {
  border-color: <?php echo esc_html( $primary_color ); ?>;

}
.smart-nav-layout1 div:hover,
.smart-nav-layout1 span:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.smart-nav-layout2 div,
.smart-nav-layout2 span {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  color: <?php echo esc_html( $primary_color ); ?>;
}
.smart-nav-layout2 div:hover,
.smart-nav-layout2 span:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.smart-nav-layout3 span,
.smart-nav-layout3 div {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.smart-nav-layout3 span:hover,
.smart-nav-layout3 div:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.dot-control-layout2 .owl-controls .owl-dots .active span {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background: <?php echo esc_html( $primary_color ); ?>;
}
.dot-control-layout4 .owl-controls .owl-dots .active span {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background: <?php echo esc_html( $primary_color ); ?>;
}
.dot-control-layout3 .owl-controls .owl-dots .active span {
  background: <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
#. Header Top Bar Style
---------------------------------------*/
?>
.header-fetures .media i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-fetures .media .media-body .subtitle a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-contact-layout1 ul li i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-contact-layout2 ul li i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-contact-layout3 ul li i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-contact-layout4 ul li i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-social-layout1 ul li a:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
  border: 1px solid <?php echo esc_html( $secondary_color ); ?>;
}
.header-social-layout2 ul li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-social-layout3 ul li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-social-layout4 ul li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-social-layout5 ul li a:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
  border: 1px solid <?php echo esc_html( $secondary_color ); ?>;
}
nav#dropdown .sub-menu {
  border-top: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
#. Header Area Style
---------------------------------------*/
?>
.header-menu-layout2 .template-main-menu nav > ul > li > a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-menu-layout3 .template-main-menu nav > ul > li > a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-menu-layout4 .template-main-menu nav > ul > li > a:hover {
  color: <?php echo esc_html( $secondary_color ); ?>;
}
.header-menu-layout5 .template-main-menu nav > ul > li > a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-menu-layout6 .template-main-menu nav > ul > li > a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.header-action-items-layout2 ul li .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.header-search-dark .search-input {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.header-search-custom .search-input {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.header-action-items-layout1 .cart-icon-area a:hover i {
  color: <?php echo esc_html( $primary_color ); ?> ;
}
.header-action-items-layout1 .cart-icon-area a span.cart-icon-num {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.header-action-items-layout1 .cart-icon-area .cart-icon-products .widget_shopping_cart {
  border-top: 3px solid <?php echo esc_html( $primary_color ); ?>;
}
.cart-area-dark .cart-trigger-icon span {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.cart-area-light .cart-trigger-icon span {
  background-color: <?php echo esc_html( $primary_color ); ?>;

}
.cart-items {
  border-top: 3px solid <?php echo esc_html( $primary_color ); ?>;
}
.cart-items .cart-item {
  border-bottom: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.cart-items .cart-item .cart-btn .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.cart-items .cart-item .cart-btn .item-btn:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

<?php
/*-------------------------------------
#. menu color
---------------------------------------*/
?>

.hover_style_0 li:hover > a {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;
}
.hover_style_1 li a:before,
.hover_style_1 li a:after {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;

}
.hover_style_2 li a:before {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;
}
.hover_style_3 li a:before {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;

}

<?php
// menu-color
 ?>
.main-header .main-navigation-area .main-navigation nav > ul > li a {
  color: <?php echo esc_html( $menu_color ); ?>;
}
.main-header .main-navigation-area .main-navigation nav > ul > li.menu-item-has-children:after {
  color: <?php echo esc_html( $menu_color ); ?>;
}
.main-header .main-navigation-area .main-navigation nav > ul > li.menu-item-has-children:hover:after {
  color: <?php echo esc_html( $menu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation nav > ul > li > a:hover {
  color: <?php echo esc_html( $menu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation nav > ul > li > a:after {
  background-color: <?php echo esc_html( $menu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul.menu > li > a:after {
  background-color: <?php echo esc_html( $menu_hover_color ); ?>;
}

<?php
// dark menu color
?>

.main-header .dark-layout .main-navigation-area .main-navigation nav > ul > li > a {
  color: <?php echo esc_html( $transparent_menu_color ); ?>;
}
.main-header .dark-layout .main-navigation-area .main-navigation nav > ul > li.menu-item-has-children:after {
  color: <?php echo esc_html( $transparent_menu_color ); ?>;
}

.main-header .dark-layout .main-navigation-area .main-navigation nav > ul > li.current-hash-item > a {
  color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}

.main-header .dark-layout .main-navigation-area .main-navigation nav > ul > li > a:hover {
  color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}

.main-header .dark-layout .main-navigation-area .main-navigation ul.menu > li > a:after {
  background-color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}

.transparent-header .main-header .main-navigation-area .main-navigation nav > ul > li > a {
  color: <?php echo esc_html( $transparent_menu_color ); ?>;
}
.transparent-header .main-header .main-navigation-area .main-navigation nav > ul > li.menu-item-has-children:after {
  color: <?php echo esc_html( $transparent_menu_color ); ?>;
}
.transparent-header .main-header .main-navigation-area .main-navigation nav > ul > li.menu-item-has-children:hover:after {
  color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}
.transparent-header .main-header .main-navigation-area .main-navigation nav > ul > li > a:hover {
  color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}
.transparent-header .main-header .main-navigation-area .main-navigation nav > ul > li > a:after {
  background-color: <?php echo esc_html( $transparent_menu_hover_color ); ?>;
}

<?php
// submenu-color
 ?>
.main-header .main-navigation-area .main-navigation ul li ul li a {
  color: <?php echo esc_html( $submenu_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li a {
  color: <?php echo esc_html( $submenu_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul > li > ul {
  border-top: 1px solid <?php echo esc_html( $submenu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul li ul li:hover > a {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li ul li:hover > a {
  background-color: <?php echo esc_html( $submenu_hover_color ); ?>;
}
.main-header .main-navigation-area .main-navigation ul li.mega-menu > ul.sub-menu > li > a {
  background-color: <?php echo esc_html( $submenu_column_header_bg ); ?>;
}

<?php
/*-------------------------------------
#. Banner Area Style
---------------------------------------*/
?>
.site-banner-box-layout2 .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;

}
.site-banner-box-layout2 .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;

}

<?php /*banner title color */ ?>
.inner-page-banner .breadcrumbs-area h1 {
  color: <?php echo esc_html( $banner_title ); ?>;
}

.koncrete-button {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  color: #111;
}
a.koncrete-button {
  color: #111;
}
.koncrete-button:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

<?php
/*-------------------------------------
#. Breadcrumbs Area Style
---------------------------------------*/
?>

<?php /*breadcrumb link color*/ ?>
.inner-page-banner .breadcrumbs-area ul li a{
  color: <?php echo esc_html( $breadcrumb_link_color ); ?>;
}

<?php /*breadcrumb link:hover color*/ ?>
.inner-page-banner .breadcrumbs-area ul li a:hover {
  color: <?php echo esc_html( $breadcrumb_link_hover_color ); ?>;
}

<?php /*breadcrumb active color*/  ?>
.inner-page-banner .breadcrumbs-area ul li {
  color: <?php echo esc_html( $breadcrumb_active_color ); ?>;
}
<?php /*breadcrumb separator color*/ ?>
.inner-page-banner .breadcrumbs-area ul li:before {
  color: <?php echo esc_html( $breadcrumb_seperator_color ); ?>;
}
<?php 
// navxt
 ?>
.inner-page-banner .breadcrumbs-area.bcn_display  {
  color: <?php echo esc_html( $breadcrumb_seperator_color ); ?>;
}
.inner-page-banner .breadcrumbs-area.bcn_display a span {
  color: <?php echo esc_html( $breadcrumb_link_color ); ?>;
}

.inner-page-banner .breadcrumbs-area.bcn_display span {
  color: <?php echo esc_html( $breadcrumb_active_color ); ?>;
}
.inner-page-banner .breadcrumbs-area.bcn_display a span:hover {
  color: <?php echo esc_html( $breadcrumb_link_hover_color ); ?>;
}

<?php
/*-------------------------------------
#. Widget Sidebar Area Style
---------------------------------------*/
?>
.widget-project-info1 .item-details .item-social li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget_koncrete_contact_info .contact-item li i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-department ul li a i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-department ul li:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-department ul li:hover a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-department ul li:hover a i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget_koncrete_service_titles .widget-department ul li a i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget_koncrete_service_titles .widget-department ul li:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.widget_koncrete_service_titles .widget-department ul li:hover a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget_koncrete_service_titles .widget-department ul li:hover a i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-call-to-action .item-content .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.widget-call-to-action .item-content .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.widget-search .stylish-input-group .input-group-addon button:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-category ul li:after {
  content: "";
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-category ul li:hover a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-category ul li:hover a i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-recent-blog .media-wrap .media .media-body .post-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.widget-tag ul li:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.widget-form-box .contact-form-box .form-group .item-btn:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.widget-form-box .contact-form-box .form-group .item-btn1 {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-widget-title .rtin-title:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Pagination Area Style
---------------------------------------*/
?>
.pagination-layout1 ul li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout2 ul li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout3 .previous-btn a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout3 .previous-btn a:hover i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout3 .home-btn a i:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout3 .next-btn a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout3 .next-btn a:hover i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
pagination-layout4 ul li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.pagination-layout1 ul li.active span {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Footer Area Style
---------------------------------------*/
?>

.widget_nav_menu li a:before, .menu-bottom-menu-for-widget-container li a:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.main-footer-wrap {
  background-color: <?php echo esc_html( $footer_bgcolor ); ?>;
  color: <?php echo esc_html( $footer_color ); ?>;
}
.main-footer-wrap p {
  color: <?php echo esc_html( $footer_color ); ?>;
}
.main-footer-wrap a{
   color: <?php echo esc_html( $footer_link_color ); ?>;
}
.main-footer-wrap a{
   color: <?php echo esc_html( $footer_link_color ); ?>;
}
.main-footer-wrap a:hover{
   color: <?php echo esc_html( $footer_link_hover_color ); ?>;
}
.main-footer-box .title {
  color: <?php echo esc_html( $footer_title_color ); ?>;
}
.footer-social li a:hover {
  background-color: <?php echo esc_html( $footer_link_hover_color ); ?>;
}

<?php
/* footer bottom */
$footer_border_color = $footer_bgcolor;
$footer_bgcolor_ins = new Color($footer_bgcolor);
if ($footer_bgcolor_ins->isDark()) {
  $footer_border_color = '#'. $footer_bgcolor_ins->lighten();
}else {
  $footer_border_color = '#'. $footer_bgcolor_ins->darken();
}

.footer-bottom-wrap {
  border-top: 1px solid <?php echo esc_html( $footer_border_color ); ?>;
  background-color: <?php echo esc_html( $footer_bgcolor ); ?>;
}

<?php
/*-------------------------------------
#. Error page style
---------------------------------------*/
?>
.error-overlay:after {
  background-color: rgba(<?php echo esc_html( $secondary_rgb ); ?>, 0.9);
}

<?php
/*-------------------------------------
#. Contact page style
---------------------------------------*/
?>
.contact-form-box .form-group .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.contact-form-box .form-group .item-btn:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

<?php
/*-------------------------------------------------------------------------
#####. ↓↓-------post types---------↓↓ ######
-------------------------------------------------------------------------*/
?>

<?php
/*-------------------------------------
#. Project Area Style
-------------------------------------*/
?>
.single-project-box-layout1 .item-why-choose-box .item-content:hover .item-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.project-box-layout1 .item-content .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout2 .item-img .item-btn-wrap .item-btn {
  border-bottom: 0px solid <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout2 .item-img .item-btn-wrap1 .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout2 .item-content .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout2:hover .item-img .item-btn-wrap .item-btn {
  border-bottom: 75px solid <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout3 .item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout3 .item-content .item-subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout4 .item-img .item-content .item-content-inner .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout4 .item-img .item-content .item-content-inner a.item-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 2px solid <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout6 .item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout6 .item-content .item-title:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.isotop-btn a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.isotop-btn .current {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.isotop-btn1 a.nav-item:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.isotop-btn1 a.nav-item:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.isotop-btn1 a.current {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.project-box-layout5 .item-img .item-content {
  background-color: rgba( <?php echo esc_html( $primary_rgb ); ?> ,0.9);
}
<?php
/*-------------------------------------
#. Team Area Style
-------------------------------------*/
?>
.team-box-layout1 .item-img .front-inner-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout1 .item-img .front-inner-content .item-subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout1 .item-img .back-inner-content {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout2 .item-content-team h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout2 .item-content-team .subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout2 .item-content-team .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout2:hover .item-img:after {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.team-box-layout3 .item-content-team .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout3 .item-content-team .item-social li a:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout4 .item-content-team .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout4 .item-content-team .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout4 .item-content-team .item-btn:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout5 .item-content-team h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout5 .item-content-team .subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout5 .item-content-team .item-social li a {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout5 .item-content-team .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout5:hover .item-img:after {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.team-box-layout6 .item-content-team .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.team-box-layout6 .item-content-team .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.single-team-box2 .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.team-box-layout-h1:hover .item-content {
  background-color: rgba(<?php echo esc_attr( $primary_rgb ); ?>, 0.9);
}

.team-box-layout-h2 .item-content .item-heading:after {
  background-color: <?php echo esc_attr( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Testmonial Area Style
-------------------------------------*/
?>
.testimonial-box-layout1 .item-content ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.testimonial-box-layout2 .item-rating li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.testmonial-box-layout3 .item-content ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.testimonial-box-layout4 .testimonial-item-layout1 .media-body ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.testimonial-box-layout5 .testimonial-item-layout1 .media-body ul li {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content p:after {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content p:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body p:after {
  color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.75);
}
.all-testimonial-box .all-testimonial-box-list .media .media-body .item-content ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Blog Area Style
-------------------------------------*/
?>
.blog-box-layout1 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout1 .item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout2 .item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .item-btn {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout3 .item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout4 .item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout5 .item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout6 .item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout6 .item-content .post-date {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout6 .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout6 .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-box-layout6 .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-details .item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-details .item-content .entry-meta li i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-details .item-content .entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-details .item-content .entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-details .item-content .entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-tag ul li:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-comments .media .media-body .item-btn:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.single-blog-box .blog-form .blog-form-box .form-group .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.post-password-form input[type="submit"] {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.post-password-form input[type="submit"]:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
.blog-box-layout3 .item-content h3 a:hover, .blog-box-layout3 .item-content h2 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Service Area Style
-------------------------------------*/
?>
.service-wrap-layout9 {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout3 .item-img i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout3 .item-content .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout3 .item-content .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout4 .item-content .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout4:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout5 .media .item-img i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout6 .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout6 .item-content .item-btn {
  border: <?php echo esc_html( $primary_color ); ?> solid 1px;
}
.service-box-layout6:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout6:hover .item-content .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout7 .item-img .item-content .item-title a i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout9 .item-img i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout9 .item-content .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout9 .item-content .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout10 ul li .service-box-item .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout10 ul li .service-box-item:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout12 .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.service-box-layout12 .item-content h3:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.single-service-box .single-service-banner .item-img .title:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.single-service-box .item-why-choose-box .item-content:hover .item-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.single-service-box .single-service-accordion .accordion-box .panel-default .panel-heading .accordion-toggle.collapsed:after {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.single-service-box .single-service-accordion .accordion-box .panel-default .active:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.single-service-box .single-service-accordion .accordion-box .panel-default .active .accordion-toggle:after {
  color: <?php echo esc_html( $primary_color ); ?> !important;
}
.single-service-box .single-service-gallery .gallery-img a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.loadmore-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.loadmore-btn:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

.rtel-service-gallery6 .rtin-service-box .item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery6 .rtin-service-box .item-content h3:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery7 .rtin-service-box .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery7 .rtin-service-box .item-content .item-btn {
  border: <?php echo esc_html( $primary_color ); ?> solid 1px;
}
.rtel-service-gallery7 .rtin-service-box:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery7 .rtin-service-box:hover .item-content .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-service-gallery3 .rtin-service-box .item-img .item-content-service:hover {
  background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>,.9);
}

<?php
/*-------------------------------------
#. Widget style
-------------------------------------*/
?>
.sidebar-widget ul li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.sidebar-widget.widget_calendar a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.sidebar-widget.widget_tag_cloud .tagcloud a:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.service-contact-widget .item-content .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.service-contact-widget .item-content .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.widget_nav_menu.main-footer-box li a:before {
  color: <?php echo esc_html( $primary_color ); ?>
}

<?php
/*-------------------------------------
#. comment style
-------------------------------------*/
?>
.comments-area h3.comment-title:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.comments-area .main-comments .comment-meta .reply-area a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.comments-area .main-comments .comment-meta .reply-area .a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
#respond .comment-reply-title-backup:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
#respond form .btn-send {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
#respond form .btn-send:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
<?php
/*-------------------------------------
#. single blog post
-------------------------------------*/
?>

.sticky .item-content:after {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.comments-wrapper form .form-group .btn-send {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.blog-tag ul li:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.post-pagination span {
  background-color: <?php echo esc_html( $primary_color ); ?>;

}
.blog-box-layout3 .item-content .entry-meta i {
  color: <?php echo esc_html( $primary_color ); ?>
}
.sticky .rtin-item-content:after {
  color: <?php echo esc_html( $primary_color ); ?>
}

<?php
/*-------------------------------------
=============elementor addon css================
-------------------------------------*/
?>

<?php
/*-------------------------------------
# title-content-button
-------------------------------------*/
?>
.rtel-title-content-button .rtin-content .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-title-content-button .rtin-content .item-btn:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

.rtel-title-content-button2 .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 2px solid <?php echo esc_html( $primary_color ); ?>;
}

.rtel-title-content-button2 .item-btn:hover {
  border: 2px solid <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
# progress
-------------------------------------*/
?>

.rtel-progress-1 .rtin-content .rtin-media i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-progress-2 .progress .progress-bar {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# call-to-action
-------------------------------------*/
?>
.rtel-call-to-action {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# project-gallery
-------------------------------------*/
?>
.rtel-project-gallery .isotop-btn a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .isotop-btn .current {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .isotop-btn1 a.nav-item:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-project-gallery .isotop-btn1 a.nav-item:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .isotop-btn1 a.current {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap .item-btn {
  border-bottom: 0px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .rtin-project-layout2 .rtin-item-img .item-btn-wrap1 .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .rtin-project-layout2:hover .rtin-item-img .item-btn-wrap .item-btn {
  border-bottom: 75px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery1 .rtin-project-layout1 .rtin-item-content .rtin-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery4 .rtin-project-layout4 .rtin-item-content .item-subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-project-gallery4 .rtin-project-layout4 .rtin-item-img:after {
  background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.8);
}
.rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .item-title:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery6 .smart-nav-layout3 div:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery .rtin-project-layout2 .rtin-item-content .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery6 .rtin-project-layout6 .rtin-item-content .rtin-item-title:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-project-gallery5 .rtin-project-layout5 .rtin-item-img .rtin-item-content {
  background-color: rgba( <?php echo esc_html( $primary_rgb ); ?> ,0.9);
}

.rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner .title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-project-gallery7 .rtin-project-box-layout4 .item-img .item-content .item-content-inner a.item-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
# section-title
-------------------------------------*/
?>

.rtel-section-title .rtin-title:before {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# accordion
-------------------------------------*/
?>
.rtel-koncrete-accordion .rtin-content .panel-default .panel-heading .accordion-toggle:after {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active:after {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active .panel-title a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-koncrete-accordion .rtin-content .panel-default .panel-heading.active .accordion-toggle:after {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery .nav-control-layout4 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery .nav-control-layout4 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# team-gallery
-------------------------------------*/
?>
.rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery1 .rtin-team-layout1 .item-img .front-inner-content .item-subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery1 .rtin-team-layout1 .item-img .back-inner-content {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery2 .rtin-team-layout2 .item-content-team .item-btn:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  color: #ffffff;
}

.rtel-team-gallery3 .rtin-team-layout3 .item-img:before {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery3 .rtin-team-layout3 .item-content-team .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery4 .rtin-team-layout4 .item-content-team h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery4 .rtin-team-layout4 .item-content-team .subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery4 .rtin-team-layout4 .item-content-team .item-social li a:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-team-gallery4 .rtin-team-layout4:hover .item-img:after {
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 25px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.rtel-team-gallery4 .rtin-team-layout4 .item-img:after {
  background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.85);
}
<?php
/*-------------------------------------
# testimonial
-------------------------------------*/
?>
.rtel-testimonial .nav-control-layout5 .owl-controls .owl-nav > div {
  background: <?php echo esc_html( $secondary_color ); ?>;

}
.rtel-testimonial .nav-control-layout5 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-testimonial .nav-control-layout5 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-testimonial .rtin-smart-nav-layout1 div:hover,
.rtel-testimonial .rtin-smart-nav-layout1 span:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial1 .rtin-testimonial-layout1 .rtin-testimonial-layout1-content .media-body ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .item-rating li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-nav > div {
  background: <?php echo esc_html( $secondary_color ); ?>;
}
.rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial2 .rtin-testimonial-layout2 .rtin-testimonial-layout2-content .nav-control-layout5 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial3 .rtin-testimonial-layout3-content .rtin-item-content ul li.has-rating {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-testimonial3 .dot-control-layout4 .owl-controls .owl-dots .active span {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# clients-brand
-------------------------------------*/
?>
.rtel-clients-brand-1 .brand-img:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-prev:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-clients-brand-2 .nav-control-layout4 .owl-controls .owl-next:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# radius-post
-------------------------------------*/
?>

.rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-radius-post-1 .rtin-radius-post-layout-1 .rtin-entry-meta .rtin-author a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-post-date {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-2 .rtin-radius-post-layout-2 .rtin-item-content .rtin-entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-smart-nav-layout div,
.rtel-radius-post-3 .rtin-smart-nav-layout span {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-smart-nav-layout div:hover,
.rtel-radius-post-3 .rtin-smart-nav-layout span:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .rtin-entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-3 .rtin-radius-post-layout-3 .rtin-item-content .item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-post-date {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li a:hover span {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-entry-meta li span a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post-4 .rtin-radius-post-layout-4 .rtin-item-content .rtin-item-btn:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-radius-post .rtin-entry-meta i {
  color: <?php echo esc_html( $primary_color ); ?>
}
<?php
/*-------------------------------------
# service gallery
-------------------------------------*/
?>
.rtel-service-gallery1 .rtin-service-box .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery1 .rtin-service-box .service-item-content .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-service-gallery1 .rtin-service-box .service-item-content .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery1 .rtin-service-box .service-item-content .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery2 .rtin-service-box .item-content-service .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery2 .rtin-service-box:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery3 .rtin-service-box .item-img .item-content-service .item-title a i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery4 .rtin-service-box .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery4 .rtin-service-box .item-content-service .item-btn:hover {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery5 .rtin-service-box .item-icon i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-gallery5 .rtin-service-box:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
<?php
/*-------------------------------------
# radius-address
-------------------------------------*/
?>

<?php
/*-------------------------------------
# experience-action Style
-------------------------------------*/
?>
.rtel-title-subtitle-button .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# video-with-title
-------------------------------------*/
?>
.rtel-video-with-title .rtin-box .item-btn {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-video-with-title .video-icon .popup-youtube {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-video-popup-icon .video-icon .popup-youtube {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-video-popup-icon2 .popup-youtube i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# service-widget-box
-------------------------------------*/
?>
.rtel-service-widget-image .rtin-content h3 a:hover {
  color: <?php echo esc_html( $secondary_color ); ?>;
}

.rtel-service-widget-image .rtin-content .btn-wrap .item-btn {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-widget-image .rtin-content .btn-wrap .item-btn i {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.rtel-service-widget-image .rtin-content .btn-wrap .item-btn:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# service-info-box
-------------------------------------*/
?>

.rtel-service-info-box-2 .item-icon {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rtel-service-info-box-2:hover .item-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  color: #ffffff;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
}
.rtel-service-info-box-1:hover {
  background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.9);
}
.rtel-service-info-box-1 .media .item-img i:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
            box-shadow: 0 0 0 0 <?php echo esc_html( $primary_color ); ?>;
  }
  40% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 15px rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
            box-shadow: 0 0 0 0 rgba(<?php echo esc_html( $primary_rgb ); ?>, 0);
  }
}
.rtel-service-info-box-4 .media .item-icon i {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
# service-info-box
-------------------------------------*/
?>
.rt-el-google-map-2 .contact-info .contact-method li i {
  color: <?php echo esc_html( $secondary_color ); ?>;
}

<?php
/*-------------------------------------
# About History
-------------------------------------*/
?>
.rtel-about-history .rtin-subtitle {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*-------------------------------------
#. Elementor Overwrite
---------------------------------------*/
?>

.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon .elementor-accordion-icon-open {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
  border-left: 1px solid <?php echo esc_html( $primary_color ); ?>;
}

.elementor-widget-icon-list .elementor-icon-list-icon i {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php

/*-------------------------------------
#. Dynmic variable Overwrite
---------------------------------------*/
?>

.bg-primary {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.bg-secondary {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

.text-primary-color {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.text-secondary-color {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php

/*-------------------------------------
#. Wp Frontend Gutenberg block
---------------------------------------*/
?>

.wp-block-button__link {
  border-color: <?php echo esc_html( $primary_color ); ?>;
  color: <?php echo esc_html( $primary_color ); ?> ;
}
.wp-block-button__link:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}
.wp-block-quote:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
<?php

/*-------------------------------------
#. Woo-commerce
---------------------------------------*/
?>

<?php
/*------------------------------------- Woocommerce: Widgets ---------------------------------------*/
?>

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.rt-woo-nav .owl-custom-nav .owl-prev:hover,
.rt-woo-nav .owl-custom-nav .owl-next:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.product-grid-view .view-mode ul li.grid-view-nav a,
.product-list-view .view-mode ul li.list-view-nav a {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce ul.products li.product h3 a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce ul.products li.product .price {
  color: <?php echo esc_html( $secondary_color ); ?>;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce a.added_to_cart {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.tagcloud a {
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  color: <?php echo esc_html( $primary_color ); ?>;
}
.tagcloud a:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}
.shop-box-layout1 .item-img:after {
  background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.5);
}

.shop-box-layout1 .item-img .shop-action-items li a .fa.fa-heart {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.shop-box-layout1 .item-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.shop-box-layout1 .rate-items .rate-item {
  color: #fdc800;
}

.shop-box-layout1 .item-price {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce div.product .product-meta a:hover,
.woocommerce div.product .product_meta a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce div.product form.cart .button {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce div.product form.cart .button:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce a.woocommerce-review-link:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {

background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
  
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
<?php
/*------------------------------------- Woocommerce: Cart ---------------------------------------*/
?>
p.demo_store {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce-message,
.woocommerce-info {
  border-color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit[disabled]:disabled:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button[disabled]:disabled:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button[disabled]:disabled:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button[disabled]:disabled:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {

background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;

}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

<?php
/*------------------------------------- Woocommerce: Checkout ---------------------------------------*/
?>

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {

background-color: <?php echo esc_html( $primary_color ); ?>;
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
 
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  background-color: <?php echo esc_html( $secondary_color ); ?>;
}

.woocommerce .site-wrp a.remove {
  color: <?php echo esc_html( $secondary_color ); ?> !important;
}
.woocommerce .site-wrp a.remove:hover {
  background: <?php echo esc_html( $secondary_color ); ?>;
}

.pagination-layout-shop ul li a:hover {
  background: <?php echo esc_html( $primary_color ); ?>;
}

.pagination-layout-shop ul li .current.page-numbers {
  background: <?php echo esc_html( $primary_color ); ?>;
}

<?php
/*------------------------------------- Elementor Woocommerce Product slider ---------------------------------------*/
?>

.rt-el-product-slider-1 .rtin-smart-nav-layout-product div {
  
  border: 1px solid <?php echo esc_html( $primary_color ); ?>;
 
}
.rt-el-product-slider-1 .rtin-smart-nav-layout-product div:hover {
  background-color: <?php echo esc_html( $primary_color ); ?>;
  border-color: <?php echo esc_html( $primary_color ); ?>;
}

.rt-product-block-1 span.onsale {
  background-color: <?php echo esc_html( $primary_color ); ?>;
}

.rt-product-block-1 .rtin-title a:hover {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.rt-product-block-1 .rtin-thumb-wrapper:after {

background-color: rgba(<?php echo esc_html( $primary_rgb ); ?>, 0.5);
  
}

.rt-product-block-1 .rtin-thumb-wrapper .shop-action-items li a .fa.fa-heart {
  color: <?php echo esc_html( $primary_color ); ?>;
}

.woocommerce-message:before, .woocommerce-info:before {
  color: <?php echo esc_html( $primary_color ); ?>;
}

<?php 
// Layer Slider
?>
.wrapper .ls-v6 .ls-nav-prev:hover, .wrapper .ls-v6 .ls-nav-next:hover {
  border-color: <?php echo esc_html( $primary_color ); ?> !important;
  background-color: <?php echo esc_html( $primary_color ); ?> !important;
}