<?php

// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}


/* Getting skin color */
$skincolor = cymolthemes_get_option('skincolor');

/* Dark BG color */
$secondarycolor = cymolthemes_get_option('secondarycolor');

/* Grey BG color */
$secondarygreycolor = cymolthemes_get_option('secondary-greycolor');

/* Blackish Button Color */
$blackish_buttoncolor = cymolthemes_get_option('blackish_buttoncolor');
$special_element_font  = cymolthemes_get_option('element_title');
$special_element_fontfamily   = $special_element_font['family'];
$special_element_fontweight   = $special_element_font['variant'];
$general_font = cymolthemes_get_option('general_font');
$h4_heading_font = cymolthemes_get_option('h4_heading_font');
$h4_heading_font_fontweight   = $h4_heading_font['variant'];

if( $h4_heading_font_fontweight == 'regular' ){
	$h4_heading_font_fontweight  = '400';
}

$general_font = cymolthemes_get_option('general_font');

$button_font = cymolthemes_get_option('button_font');
$button_font_fontweight = $button_font['variant'];
if( $button_font_fontweight == 'regular' ){
	$button_font_fontweight  = '400';
}
/*
 *  Set skin color set for this page only.
 */
if( isset($_GET['color']) && trim($_GET['color'])!='' ){
	$skincolor = '#'.trim($_GET['color']);
}

?>


.cmt-col-bgcolor-darkgrey.cmt-col-bgimage-yes .cmt-bg-layer-inner,
.cmt-bgcolor-darkgrey.cmt-bg.cmt-bgimage-yes > .cmt-bg-layer-inner,
.cmt-bg.cmt-bgcolor-darkgrey .cmt-bg-layer,
.cmt-vc_btn3.cmt-vc_btn3-color-black, .cmt-vc_btn3.cmt-vc_btn3-color-black.cmt-vc_btn3-style-flat,
.cmt-col-bgcolor-darkgrey .cmt-bg-layer-inner, .cmt-bgcolor-darkgrey,
.site-header.cmt-sticky-bgcolor-darkgrey.is_stuck,
 .cmt-header-overlay .site-header.cmt-sticky-bgcolor-darkgrey.is_stuck, .site-header-menu.cmt-sticky-bgcolor-darkgrey.is_stuck, .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-darkgrey .cmt-titlebar .breadcrumb-wrapper .container, .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-darkgrey .breadcrumb-wrapper .container:before, .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-darkgrey .breadcrumb-wrapper .container:after, .cmt-header-style-infostack .site-header .cmt-stickable-header.is_stuck.cmt-sticky-bgcolor-darkgrey, .cmt-header-style-infostack .site-header-menu .is_stuck .cmt-sticky-bgcolor-darkgrey, .cmt-header-style-infostack .is_stuck.cmt-sticky-bgcolor-darkgrey, .cmt-header-style-infostack .cmt-bgcolor-darkgrey, .cymolthemes-topbar-wrapper.cmt-bgcolor-darkgrey {
	background-color: <?php echo esc_attr($secondarycolor); ?>;
}
.cmt-col-bgcolor-grey .cmt-bg-layer-inner, .cmt-bgcolor-grey,
 .site-header.cmt-sticky-bgcolor-grey.is_stuck,
 .site-header-menu.cmt-sticky-bgcolor-grey.is_stuck, .cmt-header-overlay .site-header.cmt-sticky-bgcolor-grey.is_stuck, .cmt-header-style-infostack .site-header .cmt-stickable-header.is_stuck.cmt-sticky-bgcolor-grey,
 .cmt-header-style-infostack .site-header-menu .is_stuck .cmt-sticky-bgcolor-grey,
 .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-grey .cmt-titlebar .breadcrumb-wrapper .container, .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-grey .breadcrumb-wrapper .container:before, .cmt-titlebar-wrapper.cmt-breadcrumb-on-bottom.cmt-breadcrumb-bgcolor-grey .breadcrumb-wrapper .container:after {
	background-color: <?php echo esc_attr($secondarygreycolor); ?>;
}


.elementor-column.elementor-top-column.cmt-col-bgcolor-darkgrey:not(.cmt-bgimage-yes) .elementor-widget-wrap>.cmt-stretched-div, .elementor-column.elementor-top-column.cmt-col-bgcolor-darkgrey:not(.cmt-col-stretched-yes)>.elementor-widget-wrap, .elementor-column.elementor-inner-column.cmt-col-bgcolor-darkgrey:not(.cmt-bgimage-yes)>.elementor-widget-wrap
{
	background-color: <?php echo esc_attr($secondarycolor); ?> !important;
}

.elementor-column.elementor-top-column.cmt-col-bgcolor-darkgrey.cmt-bgimage-yes .elementor-widget-wrap .cmt-stretched-div:before {
    background-color: rgba( <?php echo cymolthemes_hex2rgb($secondarycolor); ?>,0.90)!important;
}

.elementor-section.elementor-top-section.cmt-bgcolor-darkgrey,
.elementor-section.elementor-top-section.cmt-bgcolor-darkgrey:before,
.elementor-section.elementor-inner-section.cmt-bgcolor-darkgreys,
.elementor-progress-wrapper {
   background-color: <?php echo esc_attr($secondarycolor); ?>;
}

/***Secondary Grey color***/

.elementor-column.elementor-top-column.cmt-col-bgcolor-grey:not(.cmt-bgimage-yes) .elementor-widget-wrap>.cmt-stretched-div, .elementor-column.elementor-top-column.cmt-col-bgcolor-grey:not(.cmt-col-stretched-yes)>.elementor-widget-wrap, .elementor-column.elementor-inner-column.cmt-col-bgcolor-grey:not(.cmt-bgimage-yes)>.elementor-widget-wrap {
	background-color: <?php echo esc_attr($secondarygreycolor); ?> !important;
}
.elementor-column.elementor-top-column.cmt-col-bgcolor-grey.cmt-bgimage-yes .elementor-widget-wrap .cmt-stretched-div:before {
    background-color: rgba( <?php echo cymolthemes_hex2rgb($secondarygreycolor); ?>,0.70)!important;
}
.elementor-section.elementor-top-section.cmt-bgcolor-grey,
.elementor-section.elementor-top-section.cmt-bgcolor-grey:before,
.elementor-section.elementor-inner-section.cmt-bgcolor-grey,
.cmt-btn-style-flat.cmt-btn-color-grey .elementor-button {
   background-color: <?php echo esc_attr($secondarygreycolor); ?>;
}

.elementor-column.elementor-top-column.cmt-col-bgcolor-skincolor:not(.cmt-bgimage-yes) .elementor-widget-wrap>.cmt-stretched-div, .elementor-column.elementor-top-column.cmt-col-bgcolor-skincolor:not(.cmt-col-stretched-yes)>.elementor-widget-wrap, .elementor-column.elementor-inner-column.cmt-col-bgcolor-skincolor:not(.cmt-bgimage-yes)>.elementor-widget-wrap
{
	background-color: <?php echo esc_attr($skincolor); ?> !important;
}
.elementor-column.elementor-top-column.cmt-col-bgcolor-skincolor.cmt-bgimage-yes .elementor-widget-wrap .cmt-stretched-div:before {
    background-color: rgba( <?php echo cymolthemes_hex2rgb($skincolor); ?>,0.85)!important;
}

.elementor-section.elementor-top-section.cmt-bgcolor-skincolor,
.elementor-section.elementor-top-section.cmt-bgcolor-skincolor:before,
 .elementor-section.elementor-inner-section.cmt-bgcolor-skincolor{
   background-color: <?php echo esc_attr($skincolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-iconcolor-skincolor .cmt-box-icon i {
	color: <?php echo esc_attr($skincolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-iconcolor-darkgrey .cmt-box-icon i {
	color: <?php echo esc_attr($blackish_buttoncolor); ?>;
}



.cmt-btn-style-flat.cmt-btn-color-darkgrey .elementor-button,
.cmt-btn-style-flat.cmt-btn-color-skincolor .elementor-button:hover{
	background-color:<?php echo esc_attr($blackish_buttoncolor); ?>;
}

.cmt-btn-style-flat.cmt-btn-color-grey .elementor-button,
.cmt-btn-style-flat.cmt-btn-color-white .elementor-button,
.cmt-btn-style-text.cmt-btn-color-darkgrey .elementor-button{
	color:<?php echo esc_attr($blackish_buttoncolor); ?>;
}
.cmt-btn-style-flat.cmt-btn-color-darkgrey.cmt-btn-shape-square:not(.cmt-btn-style-text).elementor-element.elementor-widget-button .elementor-button-link:before,
.cmt-btn-style-flat.cmt-btn-color-darkgrey.cmt-btn-shape-square:not(.cmt-btn-style-text).elementor-element.elementor-widget-button .elementor-button-link:after,

.cmt-btn-style-flat.cmt-btn-color-skincolor.cmt-btn-shape-square:not(.cmt-btn-style-text).elementor-element.elementor-widget-button .elementor-button-link:hover:before,
.cmt-btn-style-flat.cmt-btn-color-skincolor.cmt-btn-shape-square:not(.cmt-btn-style-text).elementor-element.elementor-widget-button .elementor-button-link:hover:after,
.cymolthemes-iconbox.cymolthemes-iconcolor-darkgrey .cmt-box-icon i,
.cmt-btn-style-outline.cmt-btn-color-white .elementor-button:hover,
.cmt-btn-style-text.cmt-btn-color-skincolor .elementor-button:hover{
	color:<?php echo esc_attr($blackish_buttoncolor); ?>;
}
.cmt-btn-style-text.cmt-btn-color-grey .elementor-button{
	color:<?php echo esc_attr($secondarygreycolor); ?>;
}
.cmt-btn-style-flat.cmt-btn-color-grey .elementor-button{
   background-color: <?php echo esc_attr($secondarygreycolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-grey .elementor-button{
	border-color:<?php echo esc_attr($secondarygreycolor); ?> !important;
	color:<?php echo esc_attr($secondarygreycolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-grey .elementor-button:hover{
	color:<?php echo esc_attr($blackish_buttoncolor); ?>;
	background-color:<?php echo esc_attr($secondarygreycolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-skincolor .elementor-button{
	border-color:<?php echo esc_attr($skincolor); ?>;
	color:<?php echo esc_attr($skincolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-skincolor .elementor-button:hover{
	color:#fff;
	background-color:<?php echo esc_attr($skincolor); ?>;
	border-color:<?php echo esc_attr($skincolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-darkgrey .elementor-button{
	border-color:<?php echo esc_attr($blackish_buttoncolor); ?>;
	color:<?php echo esc_attr($blackish_buttoncolor); ?>;
}
.cmt-btn-style-outline.cmt-btn-color-darkgrey .elementor-button:hover{
	border-color:<?php echo esc_attr($blackish_buttoncolor); ?>;
	color:#fff;
	background-color:<?php echo esc_attr($blackish_buttoncolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-iconcolor-grey .cmt-box-icon i {
    color:<?php echo esc_attr($secondarygreycolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-grey.cmt-iconstyle-outline-boxed .cmt-box-icon,
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-grey.cmt-iconstyle-outline-rounded .cmt-box-icon,
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-grey.cmt-iconstyle-outline-rounded-less .cmt-box-icon {
	border-color: <?php echo esc_attr($secondarygreycolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-darkgrey.cmt-iconstyle-outline-boxed .cmt-box-icon,
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-darkgrey.cmt-iconstyle-outline-rounded .cmt-box-icon,
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-darkgrey.cmt-iconstyle-outline-rounded-less .cmt-box-icon {
	border-color: <?php echo esc_attr($secondarycolor); ?>;
}
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-darkgrey .cmt-box-icon {
	background-color: <?php echo esc_attr($secondarycolor); ?>;	
}
.cymolthemes-iconbox.cymolthemes-icon-bgcolor-grey .cmt-box-icon {
	background-color: <?php echo esc_attr($secondarygreycolor); ?>;	
}


.cymolthemes-iconbox-stylethree .cmt-iocnbox-btn a {
	font-family:<?php echo esc_attr($button_font['family']); ?>;
	font-weight:<?php echo esc_attr($button_font_fontweight); ?>;
	text-transform:<?php echo esc_attr($button_font['text-transform']); ?>;
}