23s2s

✏️ Editing: theme-options-css.php

<?php

/**
 * Beruco Theme Options CSS
 */

require_once ( BERUCO_ADDON_DIR . 'admin/extension/theme-options/class.options-style.php' );
$beruco_styles = new Beruco_Theme_Styles;

ob_start();

echo "\n/* Beruco Theme Options CSS */";

echo "\n/* General Styles */\n";

//site width
$site_width = $beruco_styles->beruco_dimension_settings( 'site-width', 'width' );
if( $site_width ){
	echo '@media (min-width: 1400px){
		.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
			max-width: '. esc_attr( $site_width ) .';
		}
	}';
}

//primary color
$primary_color = $beruco_styles->beruco_get_option( 'primary-color' );
$rgb = $beruco_styles->beruco_hex2rgba( $primary_color, 'none' );

/*
 * Theme Color -> $primary-color
 * Secondary Color -> $secondary_color
 * Theme RGBA -> $rgb example -> echo 'body{ background: rgba('. esc_attr( $rgb ) .', 0.5); }';
 * Theme Secondary RGBA -> $rgb example -> echo 'body{ background: rgba('. esc_attr( $secondary_rgb ) .', 0.5); }';
 */

if( $primary_color ){
	echo '.primary-color, .theme-color, a:focus, a:hover, a:active {
		color: '. esc_attr( $primary_color ) .';
	}';
	echo '.primary-bg, .theme-bg {
		background-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.border-shape-top:before, .border-shape-top-left:before {
		background: linear-gradient(to bottom, '. esc_attr( $primary_color ) .' -24%, rgb(58 123 213 / 0%));
	}';
	echo '.border-shape-top:after, .border-shape-top-left:after {
		background: linear-gradient(to top, '. esc_attr( $primary_color ) .' 0%, rgb(58 123 213 / 0%));
	}';
	echo '.team-wrapper.team-style-default .team-inner:after,
	.testimonial-style-default .testimonial-inner:before,
body span.heart-sym.theme-color	{
		background: rgba('. esc_attr( $rgb ) .', 0.1);
	}';
	echo '.section-title-wrapper .title-wrap > *.sub-title:after {
		background: rgba('. esc_attr( $rgb ) .', 0.29);
	}';
	echo '.service-style-classic-pro .service-inner:hover .post-thumb:before {
		background: rgba('. esc_attr( $rgb ) .', 0.81);
	}';	
	echo '.service-style-default .service-inner:before {
		background: linear-gradient(to left, rgba('. esc_attr( $rgb ) .', 0.38), rgb(58 123 213 / 0%));
	}';
	echo '.page-title-wrap:after {
		background: linear-gradient(to top, rgba('. esc_attr( $rgb ) .', 0.29), rgb(255 255 255 / 0%));
	}';	
	echo '.service-style-default .service-inner:hover:before {
		background: linear-gradient(to left, '. esc_attr( $primary_color ) .', rgb(58 123 213 / 0%));
	}';
	echo '.elementor-widget-container.feature-box-wrapper.feature-box-classic:before {
		background: linear-gradient(to bottom, rgba('. esc_attr( $rgb ) .', 0.31), rgb(184 151 128 / 4%));
		background: -webkit-linear-gradient(to bottom, rgba('. esc_attr( $rgb ) .', 0.31), rgb(184 151 128 / 4%));
	}';
	echo 'aside.footer-widget-2 h5:before, .widget .widgettitle:before,	.widget .widget-title:before, .widget-area-right .wp-block-group__inner-container h1:before, .widget-area-right .wp-block-group__inner-container h2:before, .widget-area-right .wp-block-group__inner-container h3:before, .widget-area-right .wp-block-group__inner-container h4:before, .widget-area-right .wp-block-group__inner-container h5:before, .widget-area-right .wp-block-group__inner-container h6:before, .widget-area-left .widget .widget-title:before, .wp-block-file__button, .cus-cc-form .btQuoteBooking .ui-slider .ui-slider-handle, .cus-cc-form .btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal, .cus-cc-form  .btQuoteBooking .btQuoteBookingForm .btQuoteTotal, .cus-cc-form .btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner, .cus-cc-form .btQuoteBooking .btContactSubmit, .cus-cc-form .btDatePicker .ui-datepicker-header, .wp-block-column.f-bottom-sec, .testimonial-style-classic.testimonial-dark .owl-carousel .owl-nav .owl-prev:before,  .testimonial-style-classic.testimonial-dark .owl-carousel .owl-nav .owl-next:before, .service-style-classic .service-inner:hover .service-icon-img-wrap, .testimonial-wrapper.testimonial-style-modern.testimonial-slide-model .testimonial-inner:before, .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-meta .post-more a:before, ul.nav.post-meta > li.post-date > a, .comment-body .reply a.comment-reply-link:after, .elementor-widget-ceaposts .blog-style-classic-pro .blog-inner .post-date a, .elementor-widget-ceaposts .blog-inner .read-more:before, .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon:before, .portfolio-style-classic .portfolio-inner .post-title-head, .portfolio-style-classic .portfolio-inner .post-thumb.post-overlay-active .post-overlay-items .post-icons .post-magnific-wrap .post-magnific.image-gallery-link:hover,.wp-block-heading.cus-woo-title:before,.cus-woo-search .wp-block-search__label:before {
		background-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.calendar_wrap th, tfoot td, .elementor-widget-container.feature-box-wrapper.feature-box-classic:after,  ul[id^="nv-primary-navigation"] li.button.button-primary > a, .menu li.button.button-primary > a, span.animate-bubble-box:after, span.animate-bubble-box:before, .owl-dots button.owl-dot, .team-style-classic-pro .team-social-wrap ul.social-icons > li > a,
.pagination-single-inner > h6 > a span.arrow, ::selection,.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot,.content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a:after, .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:after, .comments-pagination.pagination .page-numbers.current, .blog-wrapper.blog-style-default .blog-inner .post-date a, .portfolio-meta ul.nav.social-icons > li > a:hover, span.cea-popup-modal-dismiss.ti-close, blockquote:after,
.wp-block-quote.is-large:after, .wp-block-quote.is-style-large:after, .wp-block-quote.is-style-large:not(.is-style-plain):after,.wp-block-quote.has-text-align-right:after, .wp-block-quote:after, p.quote-author::before, nav.post-nav-links .post-page-numbers.current, blockquote cite::before, 
 .widget .tagcloud > a:hover, .widget .tagcloud > a:focus, .widget .tagcloud > a:active, .section-title-wrapper.title-theme .title-wrap > *.sub-title:after, .team-style-default .team-inner .post-overlay-items > .team-social-wrap, .blog-wrapper.blog-style-default .blog-inner .post-date a, .cea-tab-elementor-widget.tab-style-2.cea-vertical-tab a.nav-item.nav-link:before, .portfolio-single .portfolio-video.post-video-wrap .video-play-icon, .portfolio-wrapper.portfolio-style-default .isotope-filter ul.nav li a:before, .call-us-team a.cea-button-link:hover, .call-us-team a.cea-button-link span.cea-button-num, .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:after, .widget-area-left .contact-widget-info > p > span:after,
.widget-area-right .contact-widget-info > p > span:after, .portfolio-style-default .portfolio-inner .post-thumb:before, .portfolio-single .portfolio-sub-title, .testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner:hover:before, .timeline > li > .timeline-sep-title:before, .feature-box-style-5 .feature-box-wrapper .fbox-number, .header-navbar a.h-phone:before, .full-search-wrapper .input-group:after, .secondary-bar-inner a.secondary-menu-toggle:after, .footer-widget.contact-widget:before, .comments-pagination.pagination .page-numbers:hover, .cd-timeline-navigation a, .cd-horizontal-timeline .events a.selected::after, .cd-horizontal-timeline .filling-line, .team-wrapper.team-style-classic .team-inner > *.post-thumb:before, .portfolio-style-default .active.center .portfolio-inner .post-thumb:before, .cus-service-flip .flip-box-wrapper .flip-back:before, .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:after, .back-to-top, .widget-area-left .contact-widget-info > p > span.bi, .widget-area-right .contact-widget-info > p > span.bi,
 .zozo_social_widget ul.nav.social-icons > li > a:hover, .row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon:before,
.service-style-default .service-inner .read-more:before,.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .single-cea-team .team-social-wrap ul.social-icons > li > a:hover, a.full-search-toggle.close,  .single-post .comments-wrapper.section-inner input.submit:hover, .page .comments-wrapper.section-inner input.submit:hover, footer .widget .tagcloud > a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .header-navbar .cea-button-link, .elementor-element.border-shape-skew:before, .single-cea-team .team-info .col-md-6.team-experience-wrap, .service-style-classic-pro .service-inner .post-details-outer .service-icon-img-wrap, .portfolio-style-classic .portfolio-inner .post-thumb.post-overlay-active .post-overlay-items .post-icons .post-magnific-wrap .post-magnific.image-gallery-link:hover, .header-navbar.navbar .wp-menu li > ul.sub-menu li a:before, aside.footer-widget-2 h5:before, .widget .widgettitle:before, .widget .widget-title:before, footer .mailchimp-wrapper .input-group input.btn.btn-default, .bottom-search-wrap .search-form .input-group .btn:hover, .team .team-designation-wrap:after, .team-wrapper.team-style-default .team-inner .post-thumb .post-image-link:before,.service-style-modern .service-inner:hover:before, .woocommerce-MyAccount-navigation > ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation > ul li.is-active a, .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a, .footer-box-icon  {
		background-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.theme-color-bg, .icon-theme-color-bg, .flip-box-wrapper:hover .icon-theme-hcolor-bg, .contact-info-style-classic-pro .contact-info-title, .contact-info-wrapper.contact-info-style-classic:before, .isotope-filter ul.nav li.active a:after, .isotope-filter ul.nav li a:after, .blog-wrapper.blog-style-modern .blog-inner .top-meta .post-category, .blog-wrapper .post-overlay-items .post-date a, .event-style-classic .top-meta .post-date, .blog-layouts-wrapper .post-overlay-items .post-date a, .portfolio-content-wrap .portfolio-title h3,
	.service-style-classic .entry-title:after,.service-style-classic .entry-title:before,.team-style-default .team-inner .post-overlay-items > .team-social-wrap > ul,
.team-style-default .team-inner:hover .post-overlay-items > .team-social-wrap,
.portfolio-style-classic .post-thumb.post-overlay-active:after, .elementor-widget-container.feature-box-wrapper.feature-box-classic:after, h2.we-stand__top-title, span.zozo-product-favoured, .flip-back .cea-button:hover {
		background-color: '. esc_attr( $primary_color ) .' !important;
	}';
	echo '.full-search-wrapper .search-form .input-group .btn:hover, .testimonial-style-list .testimonial-inner:after,.team-details-icon,ul.nav.post-meta > li span,
.comment-metadata time, .comments-wrap span:before, .comment-body .reply a.comment-reply-link, .blog .beruco-masonry .post-meta .post-more a, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a .widget.widget_nav_menu li a:before, .beruco-masonry > article .top-meta-wrap a, h2.entry-title a:hover, .woocommerce-message::before,
.woocommerce div.product p.price, .woocommerce div.product span.price,ul.pricing-features-list.list-group li:before, .doc-icon, .sidebar-broucher .icon-box a:hover, p.quote-author, .feature-box-wrapper .fbox-content a:hover, ul.nav.post-meta > li.post-tag > a:hover, blockquote cite, .wp-block-quote cite, .wp-block-quote footer, .bottom-meta-wrap ul.nav.post-meta > li.post-date a:hover,
.single-post .top-meta-wrap ul.nav.post-meta li a:hover, .cus-img-menu .menu-item .widget .wp-block-image:hover figcaption a, .single-post blockquote cite, .single-post blockquote cite a, .content-widgets-wrapper .widget_categories ul li a:before, .content-widgets-wrapper .widget_archive ul li a:before, .content-widgets-wrapper .wp-block-categories li a:before, footer button.input-group-addon.zozo-mc.btn.btn-default, .cus-contact a:first-child, .pagination-single-inner > h6 > a:hover span.title, .beruco-masonry .bottom-meta-wrap .post-meta li.post-share-wrap .social-share a:hover i, .post-share-wrap ul.social-share > li > a:hover > i, .team-style-classic-pro .team-designation, .pricing-style-classic.pricing-table-wrapper ul > li:after, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a, .widget-content-bx a i, .elementor-widget-ceaposts .blog-inner .read-more:hover:after, .blog .beruco-masonry .post-meta .post-more a:hover:after, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:hover:after, .widget-area-left .contact-widget-info > p a:hover, .widget-area-right .contact-widget-info > p a:hover, .testimonial-style-default .testimonial-inner::after, i.breadcrumb-delimiter, .sticky-head.header-sticky .header-navbar a.h-phone:hover, .section-title-wrapper span.elementor-divider-separator:after, .insta-footer-wrap .sub-title,.single-post ul.nav.post-meta > li.post-category:before, .secondary-bar-inner .contact-widget-info p a:hover, .header-topbar ul.nav.topbar-ul.element-left > li span.bi, .theme-separator .section-title-wrapper span.elementor-divider-separator:before, ul.mobile-menu li.menu-item-has-children > span.down-arrow:after, ul.mobile-menu li.menu-item-has-children > span.up-arrow:after, .cus-cc-form .btQuoteBooking .btContactNext, .single-cea-team .team-social-wrap ul.social-icons > li > a, .blog-style-classic-pro .blog-inner .nav.top-meta-list > li:first-child:after, .blog-style-classic-pro .blog-inner .post-author a:hover > span.author-name,
.blog-style-classic-pro .blog-inner .post-details-outer .post-category a:hover, .timeline > li:hover > .timeline-panel:after, .single ul.portfolio-meta-list:before, .custom-post-nav a > *, .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover, .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a, .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span.bi:before, .woocommerce div ul.products li.product .price, .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .beruco-masonry .top-meta-wrap ul.nav.post-meta > li span.bi:before, .wp-block-button.is-style-outline a.wp-block-button__link, .widget_calendar .calendar_wrap td a, .isotope-filter ul.nav.m-auto.d-block li.active a, .site-header ul.social-icons.social-hbg-white>li a:hover, .widget.widget_nav_menu li a:before, .beruco-masonry .top-meta-wrap .post-meta a:hover,
.section-title-wrapper.c-theme .title-wrap > *.sub-title .subtitle-dots:before, ul.page-title-elements.page-title-center.pull-center * i, header .navbar > div > ul.nav > li.secondary-toggle-wrapper a, .beruco-masonry .bottom-meta-wrap .post-meta .post-more a:before, .beruco-masonry[data-columns="2"] .bottom-meta-wrap .post-author a:hover, .beruco-masonry .top-meta-wrap ul.nav.post-meta > li.post-author a, blockquote:before, .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before, .wp-block-quote.is-style-large:not(.is-style-plain):before,.wp-block-quote.has-text-align-right:before, .wp-block-quote:before, .single-post .top-meta-wrap:first-child ul.nav.post-meta li.post-date a:hover, .zozo_social_widget ul.nav.social-icons > li > a:hover, .widget.beruco_latest_post_widget .side-item .side-item-text .comments-wrap span, footer button.input-group-addon.zozo-mc.btn.btn-default:hover, .content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:before, .single-post ul.nav.post-meta > li.post-category:before, .team .team-designation-wrap:before, .woocommerce-info::before, .woocommerce div.product form.cart .group_table td .woocommerce-Price-amount.amount, .shop_table.cart td.product-price .amount, .shop_table.cart td.product-subtotal .amount, .woocommerce table.shop_table td.product-name, .woocommerce table.shop_table td,.wc-block-components-price-slider__range-input-wrapper,.mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu li > a:hover, .mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu li.current-menu-item > a, .mobile-menu-active .mobile-menu-floating .mobile-menu-wrapper ul.mobile-menu li.current-menu-ancestor > a  {
		color: '. esc_attr( $primary_color ) .';
	}';
	echo '.widget.widget_nav_menu li a:before, .beruco-masonry .bottom-meta-wrap .post-meta li.post-share-wrap .social-share a:hover, .single-post ul.social-share > li > a:hover, .post-share-wrap ul.social-share > li > a, .header-topbar ul.nav.topbar-ul.element-left > li span.bi, .content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a,
	.content-widgets .widget .menu-service-sidebar-menu-container ul > li.current-menu-item > a:before,
	.content-widgets .widget .menu-service-sidebar-menu-container ul > li > a:hover:before, .header-topbar ul.nav.topbar-ul li a .theme-color, .header-topbar ul.nav.topbar-ul li .theme-color, .custom-post-nav a:hover h5, .header-sticky .header-navbar .cea-button-link:hover, .header-sticky .header-navbar .cea-button-link:hover .cea-button-text {
			color: '. esc_attr( $primary_color ) .' !important;
		}';
		echo '.timeline > li > .timeline-sep-title {
			color: rgba('. esc_attr( $rgb ) .', 0.20);
		}';
		
		
		
	echo 'body .cus-num .feature-box-default .fbox-number:before,body .owl-carousel .owl-nav button:hover, .service-style-list .service-inner:before  {
			background: '. esc_attr( $primary_color ) .' !important;
		}';	
	echo 'blockquote,
.wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-large:not(.is-style-plain),.wp-block-quote.has-text-align-right, .wp-block-quote,.woocommerce-message,
.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .contact-form-wrapper span.wpcf7-form-control-wrap input:focus, .contact-form-wrapper span.wpcf7-form-control-wrap select:focus, .contact-form-wrapper span.wpcf7-form-control-wrap textarea:focus, .single-post .comments-wrapper.section-inner input:focus, .single-post .comments-wrapper.section-inner textarea:focus, .modal-popup-body input.wpcf7-form-control:focus, 
.modal-popup-body textarea.wpcf7-form-control:focus, .wp-block-search__input:focus, .mailchimp-wrapper .input-group input#zozo-mc-email:focus, .single-cea-testimonial .testimonial-info img, .cus-float-img .float-parallax img, .comments-wrapper.section-inner input:focus, .comments-wrapper.section-inner textarea:focus, ul.nav.pagination.post-pagination > li > a, .comments-pagination.pagination .page-numbers, .team-wrapper.team-style-default .team-inner > .post-thumb img.img-fluid.rounded-circle, .testimonial-wrapper.testimonial-style-list .post-thumb img, .timeline > li:hover .timeline-panel, nav.post-nav-links .post-page-numbers, .theme-separator .section-title-wrapper span.elementor-divider-separator:after, form.form-inline.search-form .input-group > *.form-control:focus, .cd-horizontal-timeline .events-content, .cd-horizontal-timeline .events a.selected::after, .cus-cc-form .btQuoteBooking .btContactNext, .cus-cc-form .btQuoteBooking .btContactNext:hover, .cus-cc-form .btQuoteBooking input[type="text"]:focus, .cus-cc-form .btQuoteBooking input[type="email"]:focus, .cus-cc-form .btQuoteBooking input[type="url"]:focus, .cus-cc-form .btQuoteBooking input[type="tel"]:focus, .cus-cc-form .btQuoteBooking input[type="number"]:focus, .btQuoteBooking input[type="date"]:focus, .cus-cc-form .btQuoteBooking textarea:focus, .cus-cc-form .btQuoteBooking .fancy-select .trigger.open, .cus-cc-form .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText:focus, .single-cea-team .team-social-wrap ul.social-icons > li > a, .service-style-default .service-inner .service-icon-img-wrap, .elementor-column.border-left-cls:before, input[type="submit"], .portfolio-meta ul.nav.social-icons > li > a, .timeline > li .timeline-body:before, .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .button, .single .row.team, .full-search-wrapper form.form-inline.search-form .form-control,
.full-search-wrapper form.form-inline.search-form .form-control:focus, .single-post .comments-wrapper.section-inner input.submit, .page .comments-wrapper.section-inner input.submit, .wp-block-button.is-style-outline a.wp-block-button__link, form.post-password-form input:focus, .pricing-inner-wrapper>.pricing-image, .portfolio-style-modern .portfolio-inner .post-overlay-items .post-icons a.image-gallery-link:before, .pricing-style-default .pricing-inner-wrapper>.pricing-image, input.wpcf7-form-control:focus, textarea.wpcf7-form-control:focus, .mobile-menu-floating form.form-inline.search-form .input-group input.form-control, .zozo_social_widget ul.nav.social-icons > li > a, .widget_search .search-form .input-group .form-control, .widget_search .search-form .input-group .btn, .search-form .input-group .btn, footer .mailchimp-wrapper .input-group input.btn.btn-default, .team-wrapper.team-style-list .media .team-social-wrap ul.social-icons > li > a, .service-style-default .service-inner .service-icon-img-wrap:before,
.service-style-classic .service-inner:hover .service-icon-img-wrap, .testimonial-style-modern .testimonial-inner .post-thumb > a > img, .form-control:focus, .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row .input-text:focus, .woocommerce-page form .form-row .input-text:focus, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
		border-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,
p.wp-block-tag-cloud a.tag-cloud-link, body .owl-carousel .owl-nav button:hover, body .owl-carousel .owl-nav button	{
		border-color: '. esc_attr( $primary_color ) .' !important;
	}';
	echo '.cf-style-modern span.wpcf7-form-control-wrap input, .cf-style-modern span.wpcf7-form-control-wrap select, .cf-style-modern span.wpcf7-form-control-wrap textarea	{
		border-color: rgba('. esc_attr( $rgb ) .', 0.1);
	}';
	echo 'body .team-wrapper.team-style-default .team-inner:before {
		border-color: rgba('. esc_attr( $rgb ) .', 0.18);
	}';
	
	echo '.testimonial-wrapper.testimonial-style-default .owl-item .testimonial-inner, .custom-post-nav .prev-nav-link > a, .custom-post-nav .next-nav-link > a,
.section-title-wrapper .title-wrap > *.sub-title:before,
body span.heart-sym.theme-color:before,.row.portfolio-details .col-sm-4 > .portfolio-meta span.portfolio-meta-icon:after 	{
		border-bottom-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.timeline:before, .single-cea-team .team-social-wrap ul.social-icons > li > a:hover, .team-media.media .team-details-icon a:hover {
		border-right-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.single-cea-team .team-social-wrap ul.social-icons > li > a {
		border-left-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.woocommerce-info {
		border-top-color: '. esc_attr( $primary_color ) .';
	}';
	echo '.page-title-wrap:after{
		border-color: rgba('. esc_attr( $rgb ) .', 0.35);
	}';
	
	
	
	echo '.cea-counter-wrapper.cea-counter-style-modern .counter-value > *,
	.pricing-style-classic .pricing-table-info > *.price-text span {
		-webkit-text-stroke: 1px '. esc_attr( $primary_color ) .';
	}';
}

//secondary color
$secondary_color = $beruco_styles->beruco_get_option( 'secondary-color' );
if( $secondary_color ){
	echo '.secondary-color, .custom-post-nav .prev-nav-link > a:hover h5, .custom-post-nav .next-nav-link > a:hover h5,  .widget_calendar .calendar_wrap td a:hover {
		color: '. esc_attr( $secondary_color ) .';
	}';
	echo '.secondary-bg {
		background-color: '. esc_attr( $secondary_color ) .';
	}';
	echo '.close:hover,.team-style-classic-pro .team-social-wrap ul.social-icons > li > a:hover,
header a.btn.btn-primary:hover, .search-form .input-group .btn:hover, p.wp-block-tag-cloud a.tag-cloud-link:hover, .widget .tagcloud > a:hover, .back-to-top:hover {
		background-color: '. esc_attr( $secondary_color ) .';
	}';
	echo '.secondary-bg-border .section-title-wrapper span.elementor-divider-separator:before,  p.wp-block-tag-cloud a.tag-cloud-link:hover {
		border-color: '. esc_attr( $secondary_color ) .';
	}';	
}
echo '.single .row.team1::before {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/lawyer-ties.png' ) .'); 
}';
echo '.footer-widgets-wrap:before {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/footer-flight-with-circle.png' ) .'); 
}';
echo '.header-topbar:before1 {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/arrow-hor-line.png' ) .'); 
}';
echo '.cus-testimonial-page .testimonial-wrapper.testimonial-style-list .testimonial-inner .post-excerpt::before {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/left-quote-1.png' ) .'); 
}';
echo '.single .row.team:before {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/team-single-bg.png').');
}';
echo '.service-style-classic-pro .post-details-outer1:before {
	background-image: url('. esc_url( get_template_directory_uri() . '/assets/images/shape-roof-ver-gray.png').');
}';
//body background if boxed
$beruco_styles->beruco_bg_settings( 'site-bg', 'body' );

//button color keys -> fore, bg, border, hfore, hbg, hborder
echo '.btn, button, .header-navbar a.btn.btn-primary, .widget_search .search-form .input-group .btn,button.wp-block-search__button,.btn.bordered:hover,.close,
button.wp-block-search__button,ul.nav.pagination.post-pagination > li > span,.comment-respond input[type="submit"],input[type="submit"], .wp-block-button__link,input[type="submit"]:hover,.button.button-primary, input[type=button]:hover, header .mini-cart-dropdown ul.cart-dropdown-menu > li.mini-view-cart a, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,a.zozo-woo-compare-ajax.zozo-btn, .mini-view-wishlist a, .mini-view-cart a,.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, a.zozo-compare-close, a.zozo-sticky-cart-close, a.zozo-sticky-wishlist-close, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button  {';
	$beruco_styles->beruco_button_color( 'button-color', 'fore' );
	$beruco_styles->beruco_button_color( 'button-color', 'bg' );
	$beruco_styles->beruco_button_color( 'button-color', 'border' );
echo '}';
echo '.btn:hover, button:hover, .header-navbar a.btn.btn-primary:hover, .widget_search .search-form .input-group .btn:hover, button.wp-block-search__button:hover, .btn:focus, button:focus, .back-to-top:focus,.header-navbar a.btn.btn-primary:focus, .widget_search .search-form .input-group .btn:focus, button.wp-block-search__button:focus, .btn:active, button:active, .back-to-top:active,.header-navbar a.btn.btn-primary:active, .widget_search .search-form .input-group .btn:active, button.wp-block-search__button:active,.contact-form-wrapper input.wpcf7-form-control.wpcf7-submit:hover, input[type="submit"]:hover, header .mini-cart-dropdown ul.cart-dropdown-menu > li.mini-view-cart a:hover,nav.post-nav-links .post-page-numbers:hover, .wp-block-button__link:hover,.wp-block-button.is-style-outline a.wp-block-button__link:hover, .pagination-single-inner > h6 > a span.arrow:hover,ul.nav.pagination.post-pagination > li > a:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,a.zozo-woo-compare-ajax.zozo-btn:hover, .mini-view-wishlist a:hover, .mini-view-cart a:hover,.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover, a.zozo-compare-close:hover, a.zozo-sticky-cart-close:hover, a.zozo-sticky-wishlist-close:hover {';
	$beruco_styles->beruco_button_color( 'button-color', 'hfore' );
	$beruco_styles->beruco_button_color( 'button-color', 'hbg' ) ;
	$beruco_styles->beruco_button_color( 'button-color', 'hborder' );
echo '}';

//site link color
$beruco_styles->beruco_link_color( 'link-color', 'regular', '.header-topbar a' );
$beruco_styles->beruco_link_color( 'link-color', 'hover', '.header-topbar a:hover' );
$beruco_styles->beruco_link_color( 'link-color', 'active', '.header-topbar a:active, .header-topbar a:focus' );

//site padding
$beruco_styles->beruco_padding_settings( 'site-padding', '.beruco-content-wrap' );

// mobile header style
$mobilebar_from = $beruco_styles->beruco_get_option('mobilebar-responsive');
$mobilebar_from = $mobilebar_from ? absint($mobilebar_from) : 767;
//Apply mobile header bar color
$mobilebar_color = $beruco_styles->beruco_get_option( 'header-mobilebar-color' );
$mobilebar_item_color = $beruco_styles->beruco_get_option( 'header-mobilebar-item-color' );
//Apply mobile menu color
$mobilemenu_color = $beruco_styles->beruco_get_option( 'mobile-menu-color' );
$mobilemenu_item_color = $beruco_styles->beruco_get_option( 'mobile-menu-item-color' );
//Apply mobile sidebar width 
$mobile_sidebar_width = $beruco_styles->beruco_get_option('mobile-sidebar-width');

echo '@media only screen and (max-width: ' . esc_attr($mobilebar_from) . 'px) {';
    echo '.header-mobilebar { display: flex; }';
    echo '.site-header { display: none; }';
	echo '.header-mobilebar.navbar *{
		color: '. esc_attr( $mobilebar_item_color ) .' !important;
	}';
	echo '.header-mobilebar.navbar {
		background-color: '. esc_attr( $mobilebar_color ) .' !important;
	}';	
	echo '.mobile-menu-active .mobile-menu-floating {
		background-color: '.esc_attr( $mobilemenu_color ).' !important;
	}';	
	echo '.mobile-menu-active .mobile-menu-floating * {
		color: '.esc_attr( $mobilemenu_item_color ).';
	}';	
	echo '.mobile-menu-floating i.close-icon:after, .mobile-menu-floating i.close-icon:before{
		border-bottom-color: '.esc_attr( $mobilemenu_item_color ).';
	}';
echo '}';

echo '@media only screen and (min-width: ' . esc_attr($mobilebar_from + 1) . 'px) {';
    echo '.site-header { display: block; }';
    echo '.header-mobilebar { display: none; }';
	echo '.header-mobilebar.navbar * {
		color: '. esc_attr( $mobilebar_item_color ) .' !important;
	}';
	echo '.header-mobilebar.navbar {
		background-color: '. esc_attr( $mobilebar_color ) .' !important;
	}';	
	echo '.mobile-menu-active .mobile-menu-floating {
		background-color: '. esc_attr( $mobilemenu_color ) .' !important;
	}';	
	echo '.mobile-menu-active .mobile-menu-floating * {
		color: '.esc_attr( $mobilemenu_item_color ).';
	}';	
	echo '.mobile-menu-floating i.close-icon:after, .mobile-menu-floating i.close-icon:before{
		border-bottom-color: '.esc_attr( $mobilemenu_item_color ).' !important;
	}';
echo '}';

if( !empty( $mobile_sidebar_width ) && isset( $mobile_sidebar_width['width'] ) && !empty( $mobile_sidebar_width['width'] ) ){
	echo '@media only screen and (max-width: ' . esc_attr($mobilebar_from) . 'px) {';
    echo '.mobile-menu-active .mobile-menu-floating {
		max-width: '. esc_attr( $mobile_sidebar_width['width'] ) .'px; 
	}';
	echo '}';
}

//page loader
$page_loader = $beruco_styles->beruco_image_settings('page_loader');
if( isset( $page_loader['url'] ) && !empty( $page_loader['url'] ) ){
	echo '.page-loader { background-image: url('. esc_url( $page_loader['url']  ) .'); }';
}

//body typo styles
$beruco_styles->beruco_typo_settings( 'content-typography', 'body' );

//lead typo styles
$beruco_styles->beruco_typo_settings( 'lead-typography', '.lead' );

//h1 typo styles
$beruco_styles->beruco_typo_settings( 'h1-typography', 'h1, .h1' );

//h2 typo styles
$beruco_styles->beruco_typo_settings( 'h2-typography', 'h2, .h2' );

//h3 typo styles
$beruco_styles->beruco_typo_settings( 'h3-typography', 'h3, .h3' );

//h4 typo styles
$beruco_styles->beruco_typo_settings( 'h4-typography', 'h4, .h4' );

//h5 typo styles
$beruco_styles->beruco_typo_settings( 'h5-typography', 'h5, .h5' );

//h6 typo styles
$beruco_styles->beruco_typo_settings( 'h6-typography', 'h6, .h6' );

// Heading Mobile View Typography
echo '@media only screen and (max-width: 767px){';
	
//h1 typo styles
$beruco_styles->beruco_typo_settings( 'h1-mobile-typography', 'h1, .h1' );

//h2 typo styles
$beruco_styles->beruco_typo_settings( 'h2-mobile-typography', 'h2, .h2' );

//h3 typo styles
$beruco_styles->beruco_typo_settings( 'h3-mobile-typography', 'h3, .h3' );

//h4 typo styles
$beruco_styles->beruco_typo_settings( 'h4-mobile-typography', 'h4, .h4' );

//h5 typo styles
$beruco_styles->beruco_typo_settings( 'h5-mobile-typography', 'h5, .h5' );

//h6 typo styles
$beruco_styles->beruco_typo_settings( 'h6-mobile-typography', 'h6, .h6' );

echo '}';

//header typo styles & link color
$beruco_styles->beruco_typo_settings( 'header-typography', '.site-header' );
$beruco_styles->beruco_link_color( 'header-links-color', 'regular', '.site-header a' );
$beruco_styles->beruco_link_color( 'header-links-color', 'hover', '.site-header a:hover' );
$beruco_styles->beruco_link_color( 'header-links-color', 'active', '.site-header a:active' );
$beruco_styles->beruco_bg_settings( 'header-background', '.site-header' );
$beruco_styles->beruco_padding_settings( 'header-padding', '.site-header' );
$beruco_styles->beruco_margin_settings( 'header-margin', '.site-header' );
$beruco_styles->beruco_border_settings( 'header-border', '.site-header' );

//dropdown style
$beruco_styles->beruco_bg_settings( 'dropdown-background', '.primary-menu .menu-item-has-children ul.sub-menu' );
$beruco_styles->beruco_link_color( 'dropdown-links-color', 'regular', '.primary-menu .menu-item-has-children ul.sub-menu li a' );
$beruco_styles->beruco_link_color( 'dropdown-links-color', 'hover', '.primary-menu .menu-item-has-children ul.sub-menu li a:hover' );
$beruco_styles->beruco_link_color( 'dropdown-links-color', 'active', '.primary-menu .menu-item-has-children ul.sub-menu li a:active, .primary-menu li.current-menu-parent > ul.sub-menu > li.current-menu-item > a,
.primary-menu li.current-menu-parent > ul.sub-menu > li.current-menu-ancestor.current-menu-item > a, ul.wp-menu ul.sub-menu li.menu-item.current-menu-ancestor.menu-item-has-children > a' );

//dropdown on sticky style
$beruco_styles->beruco_bg_settings( 'dropdown-sticky-background', '.sticky-head.header-sticky .primary-menu .menu-item-has-children ul.sub-menu li' );
$beruco_styles->beruco_link_color( 'dropdown-sticky-links-color', 'regular', '.sticky-head.header-sticky .primary-menu .menu-item-has-children ul.sub-menu li a' );
$beruco_styles->beruco_link_color( 'dropdown-sticky-links-color', 'hover', '.sticky-head.header-sticky .primary-menu .menu-item-has-children ul.sub-menu li a:hover' );
$beruco_styles->beruco_link_color( 'dropdown-sticky-links-color', 'active', '.sticky-head.header-sticky .primary-menu .menu-item-has-children ul.sub-menu li a:active, .sticky-head.header-sticky .primary-menu li.current-menu-parent > ul.sub-menu > li.current-menu-item > a, .sticky-head.header-sticky .primary-menu li.current-menu-parent > ul.sub-menu > li.current-menu-ancestor.current-menu-item > a,.sticky-head.header-sticky ul.wp-menu ul.sub-menu li.menu-item.current-menu-ancestor.menu-item-has-children > a' );

//header topbar typo styles
$beruco_styles->beruco_typo_settings( 'header-topbar-typography', '.header-topbar' );

//header topbar styles & link color
$topbar_height = $beruco_styles->beruco_get_option('header-topbar-height');
if( !empty( $topbar_height ) && isset( $topbar_height['height'] ) && !empty( $topbar_height['height'] ) ){
	echo '.header-topbar {';
		echo 'line-height: '. esc_attr( $topbar_height['height'] ) .'px;';
	echo '}';
}

$topbar_sticky_height = $beruco_styles->beruco_get_option('header-topbar-sticky-height');
if( !empty( $topbar_sticky_height ) && isset( $topbar_sticky_height['height'] ) && !empty( $topbar_sticky_height['height'] ) ){
	echo '.header-sticky .header-topbar {';
		echo 'line-height: '. esc_attr( $topbar_sticky_height['height'] ) .'px;';
	echo '}';
}

$beruco_styles->beruco_bg_settings( 'header-topbar-background', '.header-topbar' );
$beruco_styles->beruco_padding_settings( 'header-topbar-padding', '.header-topbar' );
$beruco_styles->beruco_margin_settings( 'header-topbar-margin', '.header-topbar' );
$beruco_styles->beruco_border_settings( 'header-topbar-border', '.header-topbar' );
$beruco_styles->beruco_link_color( 'header-topbar-links-color', 'regular', '.header-topbar a' );
$beruco_styles->beruco_link_color( 'header-topbar-links-color', 'hover', '.header-topbar a:hover' );
$beruco_styles->beruco_link_color( 'header-topbar-links-color', 'active', '.header-topbar a:active, .header-topbar ul.wp-menu > li.current-menu-item > a,.header-topbar ul.nav.wp-menu > li.menu-item-has-children.current_page_parent > a, .header-topbar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a' );

//topbar on sticky style
$beruco_styles->beruco_bg_settings( 'header-topbar-sticky-background', '.sticky-head.header-sticky .header-topbar' );
$beruco_styles->beruco_link_color( 'header-topbar-sticky-links-color', 'regular', '.sticky-head.header-sticky .header-topbar a' );
$beruco_styles->beruco_link_color( 'header-topbar-sticky-links-color', 'hover', '.sticky-head.header-sticky .header-topbar a:hover' );
$beruco_styles->beruco_link_color( 'header-topbar-sticky-links-color', 'active', '.sticky-head.header-sticky .header-topbar a:active, .sticky-head.header-sticky .header-topbar ul.wp-menu > li.current-menu-item > a, .sticky-head.header-sticky .header-topbar ul.nav.wp-menu > li.menu-item-has-children.current_page_parent > a,.sticky-head.header-sticky .header-topbar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a'  );

//header logobar typo styles
$beruco_styles->beruco_typo_settings( 'header-logobar-typography', '.header-logobar' );

//header logobar styles & link color
$logobar_height = $beruco_styles->beruco_get_option('header-logobar-height');
if( !empty( $logobar_height ) && isset( $logobar_height['height'] ) && !empty( $logobar_height['height'] ) ){
	echo '.header-logobar {';
		echo 'line-height: '. esc_attr( $logobar_height['height'] ) .'px;';
	echo '}';
}

$logobar_sticky_height = $beruco_styles->beruco_get_option('header-logobar-sticky-height');
if( !empty( $logobar_sticky_height ) && isset( $logobar_sticky_height['height'] ) && !empty( $logobar_sticky_height['height'] ) ){
	echo '.header-sticky .header-logobar {';
		echo 'line-height: '. esc_attr( $logobar_sticky_height['height'] ) .'px;';
	echo '}';
}

$beruco_styles->beruco_bg_settings( 'header-logobar-background', '.header-logobar' );
$beruco_styles->beruco_padding_settings( 'header-logobar-padding', '.header-logobar' );
$beruco_styles->beruco_margin_settings( 'header-logobar-margin', '.header-logobar' );
$beruco_styles->beruco_border_settings( 'header-logobar-border', '.header-logobar' ); 
$beruco_styles->beruco_link_color( 'header-logobar-links-color', 'regular', '.header-logobar a' );
$beruco_styles->beruco_link_color( 'header-logobar-links-color', 'hover', '.header-logobar a:hover' );
$beruco_styles->beruco_link_color( 'header-logobar-links-color', 'active', '.header-logobar a:active, .header-logobar ul.wp-menu > li.current-menu-item > a,.header-logobar ul.nav.wp-menu > li.menu-item-has-children.current_page_parent > a, .header-logobar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a' );

//logobar on sticky style
$beruco_styles->beruco_bg_settings( 'header-logobar-sticky-background', '.sticky-head.header-sticky .header-logobar' );
$beruco_styles->beruco_link_color( 'header-logobar-sticky-links-color', 'regular', '.sticky-head.header-sticky .header-logobar a' );
$beruco_styles->beruco_link_color( 'header-logobar-sticky-links-color', 'hover', '.sticky-head.header-sticky .header-logobar a:hover' );
$beruco_styles->beruco_link_color( 'header-logobar-sticky-links-color', 'active', '.sticky-head.header-sticky .header-logobar a:active, .sticky-head.header-sticky .header-logobar ul.wp-menu > li.current-menu-item > a, .sticky-head.header-sticky .header-logobar ul.nav.wp-menu > li.menu-item-has-children.current_page_parent > a,.sticky-head.header-sticky .header-logobar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a' );

//header navbar typo styles
$beruco_styles->beruco_typo_settings( 'header-navbar-typography', '.header-navbar' );

//header navbar styles & link color
$navbar_height = $beruco_styles->beruco_get_option('header-navbar-height');
if( !empty( $navbar_height ) && isset( $navbar_height['height'] ) && !empty( $navbar_height['height'] ) ){
	echo '.header-navbar {';
		echo 'line-height: '. esc_attr( $navbar_height['height'] ) .'px;';
	echo '}';
}

$navbar_sticky_height = $beruco_styles->beruco_get_option('header-navbar-sticky-height');
if( !empty( $navbar_sticky_height ) && isset( $navbar_sticky_height['height'] ) && !empty( $navbar_sticky_height['height'] ) ){
	echo '.header-sticky .header-navbar {';
		echo 'line-height: '. esc_attr( $navbar_sticky_height['height'] ) .'px;';
	echo '}';
}

$beruco_styles->beruco_bg_settings( 'header-navbar-background', '.header-navbar' );
$beruco_styles->beruco_padding_settings( 'header-navbar-padding', '.header-navbar' );
$beruco_styles->beruco_margin_settings( 'header-navbar-margin', '.header-navbar' );
$beruco_styles->beruco_border_settings( 'header-navbar-border', '.header-navbar' );
$beruco_styles->beruco_link_color( 'header-navbar-links-color', 'regular', '.header-navbar a' );
$beruco_styles->beruco_link_color( 'header-navbar-links-color', 'hover', '.header-navbar a:hover' );
$beruco_styles->beruco_link_color( 'header-navbar-links-color', 'active', '.header-navbar a:active, .header-navbar ul.wp-menu > li.current-menu-item > a, .header-navbar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a' );

//navbar on sticky style
$beruco_styles->beruco_bg_settings( 'header-navbar-sticky-background', '.sticky-head.header-sticky .header-navbar' );
$beruco_styles->beruco_link_color( 'header-navbar-sticky-links-color', 'regular', '.sticky-head.header-sticky .header-navbar a' );
$beruco_styles->beruco_link_color( 'header-navbar-sticky-links-color', 'hover', '.sticky-head.header-sticky .header-navbar a:hover' );
$beruco_styles->beruco_link_color( 'header-navbar-sticky-links-color', 'active', '.sticky-head.header-sticky .header-navbar a:active, .sticky-head.header-sticky .header-navbar ul.wp-menu > li.current-menu-item > a, .sticky-head.header-sticky .header-navbar ul.nav.wp-menu > li.menu-item-has-children.current-menu-ancestor > a, .sticky-head.header-sticky .header-navbar a.active' );

//logo styles
$site_logo_width = $beruco_styles->beruco_get_option('site-logo-width');
if( !empty( $site_logo_width ) && isset( $site_logo_width['width'] ) && !empty( $site_logo_width['width'] ) ){
	echo 'img.site-logo { max-width: '. esc_attr( $site_logo_width['width'] ) .'px; }';
}
$sticky_logo_width = $beruco_styles->beruco_get_option('sticky-logo-width');
if( !empty( $sticky_logo_width ) && isset( $sticky_logo_width['width'] ) && !empty( $sticky_logo_width['width'] ) ){
	echo 'img.sticky-logo { max-width: '. esc_attr( $sticky_logo_width['width'] ) .'px; }';
}
$mobile_logo_width = $beruco_styles->beruco_get_option('mobile-logo-width');
if( !empty( $mobile_logo_width ) && isset( $mobile_logo_width['width'] ) && !empty( $mobile_logo_width['width'] ) ){
	echo 'img.mobile-logo { max-width: '. esc_attr( $mobile_logo_width['width'] ) .'px; }';
}

//blog page title settings
$beruco_styles->beruco_color( 'blog-title-color', '.blog .page-title-wrap .page-title, .blog .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'blog-title-desc-color', '.blog .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'blog-title-link-color', 'regular', '.blog .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'blog-title-link-color', 'hover', '.blog .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'blog-title-link-color', 'active', '.blog .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'blog-title-bg', '.blog .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'blog-title-padding', '.blog .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'blog-title-overlaycolor', '.blog .beruco-page-header:after' );
$blog_overlay = $beruco_styles->beruco_get_option( 'blog-title-overlaycolor' );
echo '.blog .beruco-page-header:after {
    background-color: ' . esc_attr( $blog_overlay ) . ';
}';

//archive page title settings
$beruco_styles->beruco_color( 'archive-title-color', '.archive .page-title-wrap .page-title, .archive .page-title-wrap .breadcrumb li, .search .page-title-wrap .page-title, .search .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'archive-title-desc-color', '.archive .page-title-wrap .page-subtitle, .search .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'archive-title-link-color', 'regular', '.archive .page-title-wrap .breadcrumb a, .search .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'archive-title-link-color', 'hover', '.archive .page-title-wrap .breadcrumb a:hover, .search .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'archive-title-link-color', 'active', '.archive .page-title-wrap .breadcrumb a:active, .search .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'archive-title-bg', '.archive .beruco-page-header, .search .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'archive-title-padding', '.archive .page-title-wrap, .search .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'archive-title-overlaycolor', '.archive .beruco-page-header:after, .search .beruco-page-header:after' );
$archive_overlay = $beruco_styles->beruco_get_option( 'archive-title-overlaycolor' );
echo '.archive .beruco-page-header:after, .search .beruco-page-header:after {
    background-color: ' . esc_attr( $archive_overlay ) . ';
}';

//single post page title settings
$beruco_styles->beruco_color( 'single-title-color', '.single-post .page-title-wrap .page-title, .single-post .page-title-wrap .breadcrumb li, .single-product .page-title-wrap .page-title, .single-product .page-title-wrap .breadcrumb li, .single-campaign .page-title-wrap .page-title, .single-campaign .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'single-title-desc-color', '.single-post .page-title-wrap .page-subtitle, .single-product .page-title-wrap .page-subtitle, .single-campaign .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'single-title-link-color', 'regular', '.single-post .page-title-wrap .breadcrumb a, .single-product .page-title-wrap .breadcrumb a, .single-campaign .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'single-title-link-color', 'hover', '.single-post .page-title-wrap .breadcrumb a:hover, .single-product .page-title-wrap .breadcrumb a:hover, .single-campaign .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'single-title-link-color', 'active', '.single-post .page-title-wrap .breadcrumb a:active, .single-product .page-title-wrap .breadcrumb a:active, .single-campaign .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'single-title-bg', '.single-post .beruco-page-header, .single-product .beruco-page-header, .single-campaign .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'single-title-padding', '.single-post .page-title-wrap, .single-product .page-title-wrap, .single-campaign .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'single-title-overlaycolor', '.single-post .beruco-page-header:after, .single-product .beruco-page-header:after, .single-product .beruco-page-header:after, body.single-doctors-directory.doctors-directory-template-default .beruco-page-header:after' );
$single_overlay = $beruco_styles->beruco_get_option( 'single-title-overlaycolor' );
echo '.single-post .beruco-page-header:after, .single-product .beruco-page-header:after, .single-product .beruco-page-header:after, body.single-doctors-directory.doctors-directory-template-default .beruco-page-header:after {
    background-color: ' . esc_attr( $single_overlay ) . ';
}';

//page title settings
$beruco_styles->beruco_color( 'page-title-color', '.page .page-title-wrap .page-title, .page .page-title-wrap .breadcrumb li, .error404 .page-title-wrap .page-title, .error404 .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'page-title-desc-color', '.page .page-title-wrap .page-subtitle, .error404 .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'page-title-link-color', 'regular', '.page .page-title-wrap .breadcrumb a, .error404 .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'page-title-link-color', 'hover', '.page .page-title-wrap .breadcrumb a:hover, .error404 .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'page-title-link-color', 'active', '.page .page-title-wrap .breadcrumb a:active, .error404 .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'page-title-bg', '.page .beruco-page-header, .error404 .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'page-title-padding', '.page .page-title-wrap, .error404 .page-title-wrap' );

$page_title_overlay = $beruco_styles->beruco_get_option( 'page-title-overlaycolor' );
echo '.page .beruco-page-header:after, .error404 .beruco-page-header:after{
	background-color: ' . esc_attr($page_title_overlay) . ';
}';

//Custom Post Single title settings
$beruco_styles->beruco_color( 'custom-single-title-color', '.single[class*="single-cea-"] .page-title-wrap .page-title, .single[class*="single-cea-"] .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'custom-single-title-desc-color', '.single[class*="single-cea-"] .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'custom-single-title-link-color', 'regular', '.single[class*="single-cea-"] .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'custom-single-title-link-color', 'hover', '.single[class*="single-cea-"] .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'custom-single-title-link-color', 'active', '.single[class*="single-cea-"] .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'custom-single-title-bg', '.single[class*="single-cea-"] .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'custom-single-title-padding', '.single[class*="single-cea-"] .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'custom-single-title-overlaycolor','.single[class*="single-cea-"] .beruco-page-header:after');
$custom_single_overlay = $beruco_styles->beruco_get_option( 'custom-single-title-overlaycolor' );
echo '.single[class*="single-cea-"] .beruco-page-header:after {
	background-color: ' . esc_attr($custom_single_overlay) . ';
}';

//Custom Post Service Single title settings
$beruco_styles->beruco_color( 'cea-service-title-color', '.single.single-cea-service .page-title-wrap .page-title, .single-cea-service .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'cea-service-title-desc-color', '.single.single-cea-service .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'cea-service-title-link-color', 'regular', '.single.single-cea-service .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'cea-service-title-link-color', 'hover', '.single.single-cea-service .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'cea-service-title-link-color', 'active', '.single.single-cea-service .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'cea-service-title-bg', '.single.single-cea-service .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'cea-service-title-padding', '.single.single-cea-service .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'cea-service-overlaycolor','.single.single-cea-service .beruco-page-header:after');
$service_overlay = $beruco_styles->beruco_get_option( 'cea-service-overlaycolor' );
echo '.single.single-cea-service .beruco-page-header:after {
	background-color: ' . esc_attr($service_overlay) . ';
}';

//Custom Post Team Single title settings
$beruco_styles->beruco_color( 'cea-team-title-color', '.single.single-cea-team .page-title-wrap .page-title, .single-cea-team .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'cea-team-title-desc-color', '.single.single-cea-team .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'cea-team-title-link-color', 'regular', '.single.single-cea-team .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'cea-team-title-link-color', 'hover', '.single.single-cea-team .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'cea-team-title-link-color', 'active', '.single.single-cea-team .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'cea-team-title-bg', '.single.single-cea-team .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'cea-team-title-padding', '.single.single-cea-team .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'cea-team-overlaycolor','.single.single-cea-team .beruco-page-header:after');
$team_overlay = $beruco_styles->beruco_get_option( 'cea-team-overlaycolor' );
echo '.single.single-cea-team .beruco-page-header:after {
	background-color: ' . esc_attr($team_overlay) . ';
}';

//Custom Post Testimonial Single title settings
$beruco_styles->beruco_color( 'cea-testimonial-title-color', '.single.single-cea-testimonial .page-title-wrap .page-title, .single-cea-testimonial .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'cea-testimonial-title-desc-color', '.single.single-cea-testimonial .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'cea-testimonial-title-link-color', 'regular', '.single.single-cea-testimonial .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'cea-testimonial-title-link-color', 'hover', '.single.single-cea-testimonial .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'cea-testimonial-title-link-color', 'active', '.single.single-cea-testimonial .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'cea-testimonial-title-bg', '.single.single-cea-testimonial .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'cea-testimonial-title-padding', '.single.single-cea-testimonial .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'cea-testimonial-overlaycolor','.single.single-cea-testimonial .beruco-page-header:after');
$testimonial_overlay = $beruco_styles->beruco_get_option( 'cea-testimonial-overlaycolor' );
echo '.single.single-cea-testimonial .beruco-page-header:after {
	background-color: ' . esc_attr($testimonial_overlay) . ';
}';

//Custom Post Portfolio Single title settings
$beruco_styles->beruco_color( 'cea-portfolio-title-color', '.single.single-cea-portfolio .page-title-wrap .page-title, .single-cea-portfolio .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'cea-portfolio-title-desc-color', '.single.single-cea-portfolio .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'cea-portfolio-title-link-color', 'regular', '.single.single-cea-portfolio .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'cea-portfolio-title-link-color', 'hover', '.single.single-cea-portfolio .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'cea-portfolio-title-link-color', 'active', '.single.single-cea-portfolio .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'cea-portfolio-title-bg', '.single.single-cea-portfolio .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'cea-portfolio-title-padding', '.single.single-cea-portfolio .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'cea-portfolio-overlaycolor','.single.single-cea-portfolio .beruco-page-header:after');
$portfolio_overlay = $beruco_styles->beruco_get_option( 'cea-portfolio-overlaycolor' );
echo '.single.single-cea-portfolio .beruco-page-header:after {
	background-color: ' . esc_attr($portfolio_overlay) . ';
}';

//Custom Post Event Single title settings
$beruco_styles->beruco_color( 'cea-event-title-color', '.single.single-cea-event .page-title-wrap .page-title, .single-cea-event .page-title-wrap .breadcrumb li' );
$beruco_styles->beruco_color( 'cea-event-title-desc-color', '.single.single-cea-event .page-title-wrap .page-subtitle' );
$beruco_styles->beruco_link_color( 'cea-event-title-link-color', 'regular', '.single.single-cea-event .page-title-wrap .breadcrumb a' );
$beruco_styles->beruco_link_color( 'cea-event-title-link-color', 'hover', '.single.single-cea-event .page-title-wrap .breadcrumb a:hover' );
$beruco_styles->beruco_link_color( 'cea-event-title-link-color', 'active', '.single.single-cea-event .page-title-wrap .breadcrumb a:active' );
$beruco_styles->beruco_bg_settings( 'cea-event-title-bg', '.single.single-cea-event .beruco-page-header' );
$beruco_styles->beruco_padding_settings( 'cea-event-title-padding', '.single.single-cea-event .page-title-wrap' );
$beruco_styles->beruco_bg_settings( 'cea-portfolio-overlaycolor','.single.single-cea-event .beruco-page-header:after');
$portfolio_overlay = $beruco_styles->beruco_get_option( 'cea-portfolio-overlaycolor' );
echo '.single.single-cea-event .beruco-page-header:after {
	background-color: ' . esc_attr($portfolio_overlay) . ';
}';

//footer styles and link color
$beruco_styles->beruco_typo_settings( 'footer-typography', '.site-footer' );
$beruco_styles->beruco_bg_settings( 'footer-background', '.site-footer' );
$beruco_styles->beruco_padding_settings( 'footer-padding', '.site-footer' );
$beruco_styles->beruco_margin_settings( 'footer-margin', '.site-footer' );
$beruco_styles->beruco_border_settings( 'footer-border', '.site-footer' );
$beruco_styles->beruco_link_color( 'footer-links-color', 'regular', '.site-footer a' );
$beruco_styles->beruco_link_color( 'footer-links-color', 'hover', '.site-footer a:hover' );
$beruco_styles->beruco_link_color( 'footer-links-color', 'active', '.site-footer a:active' );

//footer top styles and link color
$beruco_styles->beruco_typo_settings( 'insta-footer-typography', '.insta-footer-wrap' );
$beruco_styles->beruco_bg_settings( 'insta-footer-background', '.insta-footer-wrap' );
$beruco_styles->beruco_padding_settings( 'insta-footer-padding', '.insta-footer-wrap' );
$beruco_styles->beruco_margin_settings( 'insta-footer-margin', '.insta-footer-wrap' );
$beruco_styles->beruco_border_settings( 'insta-footer-border', '.insta-footer-wrap' );
$beruco_styles->beruco_link_color( 'insta-footer-links-color', 'regular', '.insta-footer-wrap a' );
$beruco_styles->beruco_link_color( 'insta-footer-links-color', 'hover', '.insta-footer-wrap a:hover' );
$beruco_styles->beruco_link_color( 'insta-footer-links-color', 'active', '.insta-footer-wrap a:active' );

//footer widgets part styles and link color
$beruco_styles->beruco_typo_settings( 'footer-widgets-typography', '.footer-widgets-wrap' );
$beruco_styles->beruco_bg_settings( 'footer-widgets-background', '.footer-widgets-wrap' );
$beruco_styles->beruco_padding_settings( 'footer-widgets-padding', '.footer-widgets-wrap' );
$beruco_styles->beruco_margin_settings( 'footer-widgets-margin', '.footer-widgets-wrap' );
$beruco_styles->beruco_border_settings( 'footer-widgets-border', '.footer-widgets-wrap' );
$beruco_styles->beruco_link_color( 'footer-widgets-links-color', 'regular', '.footer-widgets-wrap a' );
$beruco_styles->beruco_link_color( 'footer-widgets-links-color', 'hover', '.footer-widgets-wrap a:hover' );
$beruco_styles->beruco_link_color( 'footer-widgets-links-color', 'active', '.footer-widgets-wrap a:active' );

//footer bottom styles and link color
$beruco_styles->beruco_typo_settings( 'copyright-section-typography', '.footer-bottom-wrap' );
$beruco_styles->beruco_bg_settings( 'copyright-section-background', '.footer-bottom-wrap' );
$beruco_styles->beruco_padding_settings( 'copyright-section-padding', '.footer-bottom-wrap' );
$beruco_styles->beruco_margin_settings( 'copyright-section-margin', '.footer-bottom-wrap' );
$beruco_styles->beruco_border_settings( 'copyright-section-border', '.footer-bottom-wrap' );
$beruco_styles->beruco_link_color( 'copyright-section-links-color', 'regular', '.footer-bottom-wrap a' );
$beruco_styles->beruco_link_color( 'copyright-section-links-color', 'hover', '.footer-bottom-wrap a:hover' );
$beruco_styles->beruco_link_color( 'copyright-section-links-color', 'active', '.footer-bottom-wrap a:active' );

//secondary bar styles
if( $primary_color && $secondary_color ){
	echo '.secondary-bar-wrapper { background: linear-gradient(90deg, '. esc_attr( $primary_color ) .' 0%, '. esc_attr( $secondary_color ) .' 100%); }';
	
	
	echo '.page-load-initiate .page-loader:before, .page-load-end .page-loader:before, .page-load-initiate .page-loader:after, .page-load-end .page-loader:after { 
		background: linear-gradient(90deg, '. esc_attr( $primary_color ) .' 0%, '. esc_attr( $secondary_color ) .' 100%);
		background: -webkit-gradient(linear, left top, right top, from('. esc_attr( $secondary_color ) .'), to('. esc_attr( $primary_color ) .'));
		background: -webkit-linear-gradient(left, '. esc_attr( $secondary_color ) .' 0%, '. esc_attr( $primary_color ) .' 100%);
		background: -o-linear-gradient(left, '. esc_attr( $secondary_color ) .' 0%, '. esc_attr( $primary_color ) .' 100%);
		background: linear-gradient(to right, '. esc_attr( $secondary_color ) .' 0%, '. esc_attr( $primary_color ) .' 100%);
	}';
}
$secondary_sidebar_width = $beruco_styles->beruco_dimension_settings( 'secondary-sidebar-width', 'width' );
if( $secondary_sidebar_width ){
	echo '.secondary-bar-inner {
		width: '. esc_attr( $secondary_sidebar_width ) .';
	}';
	echo '.secondary-bar-wrapper.from-left .secondary-bar-inner {
		left: -'. esc_attr( $secondary_sidebar_width ) .';
	}';
	echo '.secondary-bar-wrapper.from-right .secondary-bar-inner {
		right: -'. esc_attr( $secondary_sidebar_width ) .';
	}';
}

//End style

$styles = ob_get_clean();

$gf_arr = Beruco_Theme_Styles::$beruco_gf_array;
update_option( 'beruco_google_fonts_list', $gf_arr );
update_option( 'beruco_custom_styles', wp_slash( $styles ) );

Sid Gifari From Gifari Industries - BD Cyber Security Team