<?php
function bestel_custom_primary_color() {
	$mainColor = bestel_get_option( 'bestel_custom_primary_color' );
	ob_start();

	?>
/* spacing style */


:root {
	--primary: <?php echo esc_html( $mainColor ); ?>;
}
a:focus, a:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-primary {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>; 
}
.btn-primary.disabled, .btn-primary:disabled {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>; 
}
.btn-outline-primary {
	color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>; 
}
.btn-outline-primary:hover {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: <?php echo esc_html( $mainColor ); ?>;
 }
.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-link:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.custom-control-input:checked ~ .custom-control-indicator {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.page-item.active .page-link {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.page-link:focus, .page-link:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.badge-primary {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
	border-top-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
	border-top-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
	border-right-color: <?php echo esc_html( $mainColor ); ?>; 
}

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
	border-right-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
	border-bottom-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
	border-bottom-color: <?php echo esc_html( $mainColor ); ?>; 
}
.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
	border-left-color: <?php echo esc_html( $mainColor ); ?>;
}
.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
	border-left-color: <?php echo esc_html( $mainColor ); ?>; 
}
.bg-primary {
	background-color: <?php echo esc_html( $mainColor ); ?> !important; 
}
.border-primary {
	border-color: <?php echo esc_html( $mainColor ); ?> !important; 
}
.text-primary {
	color: <?php echo esc_html( $mainColor ); ?> !important; 
}
.theme-color {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.more-link {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.btn.dropdown-toggle.btn-light [class*='icon'], .btn.dropdown-toggle.btn-light:focus [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.dropdown-info table td:nth-child(2),
.dropdown-form table td:nth-child(2) {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.dropdown-info table span,
.dropdown-form table span {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.dropdown-info ul.list-unstyled a {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.dropdown-menu .close:hover {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
ul.circle-list li:before {
	color: <?php echo esc_html( $mainColor ); ?>;
}
ul.categories-list li:before  ,.widget_categories  ul li:before{
	color: <?php echo esc_html( $mainColor ); ?>; 
}
ul.marker-list li:before {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
ul.marker-list li span, ul.marker-list li b {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
ul.marker-list-sm li:before {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
ul.icn-list li [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
ul.icn-list li b {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.icn-text .icn-text-circle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.icn-text-sm .icn-text-circle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.icn-text-sm span {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.info-box-color {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.info-grid-label {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.quote:after {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.tags-list li a:hover ,.tagcloud a:hover{
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.tag-cat-list .post-categories a:hover, .widget_archive li a:hover,
.widget_pages ul li a:hover {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.form-control:focus {
	border: 1px solid <?php echo esc_html( $mainColor ); ?>;
	-webkit-box-shadow: 0 0 0 1px <?php echo esc_html( $mainColor ); ?>;
	box-shadow: 0 0 0 1px <?php echo esc_html( $mainColor ); ?>; 
}
.booking-form-toggle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.popover-markup.opened .trigger > .form-control {
	-webkit-box-shadow: 0 0 0 2px <?php echo esc_html( $mainColor ); ?>;
	box-shadow: 0 0 0 2px <?php echo esc_html( $mainColor ); ?>; 
}
.ui-datepicker .ui-datepicker-calendar .start > a {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.ui-datepicker .ui-datepicker-calendar .end > a {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-color: <?php echo esc_html( $mainColor ); ?> !important;
}
.review-rating > input:checked ~ label, .review-rating:not(:checked) > label:hover, .review-rating:not(:checked) > label:hover ~ label {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.review-rating > input:checked + label:hover, .review-rating > input:checked ~ label:hover, .review-rating > label:hover ~ input:checked ~ label, .review-rating > input:checked ~ label:hover ~ label {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.loading-dots.dark-gray i {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.header-info:hover [class*='icon-'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.header-mobile-slide [class*='icon-'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}



@media (max-width: 1023px) {
	.header-toggle-slide.active {
		background-color: <?php echo esc_html( $mainColor ); ?>;
	}
}
.header-contact span {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.header-contact [class*='icon-'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.header-nav .navbar-nav .nav-item.active > .nav-link, .header-nav .navbar-nav .nav-item.hovered > .nav-link {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.header-nav .navbar-nav .nav-link:hover, .header-nav .navbar-nav .nav-link[aria-expanded="true"] {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
@media (min-width: 1024px) {
	.header .navbar-nav .submenu a:hover {
		color: <?php echo esc_html( $mainColor ); ?>;
	} 
}
.footer-social a:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.footer ul.icn-list li [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.room-card-info .room-price {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.room-card--style3 .room-card-info .room-price {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.room-card-info .room-information {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.service-card-2-more {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.special-card-caption-header {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.special-card-off {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.special-card-2-caption {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.special-card-2-more {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.guestbook-review a {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.guestbook-rating-visual span.fill {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.guestbook-rating-visual span.half-fill:after {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.faq-item [data-toggle='collapse']:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.faq-item [data-toggle='collapse']:after {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.newsletter-card {
	border-top: 4px solid <?php echo esc_html( $mainColor ); ?>;
}
.filters-toggle {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.filters-slide {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.btn-filter {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.btn-filter-invert:hover {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.rating-visual span.fill {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.rating-visual span.half-fill:after {
	background: <?php echo esc_html( $mainColor ); ?>; 
}
.rating-box .recommendation-value span {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.star-1 [class*='icon-']:nth-child(-n+1) {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.star-2 [class*='icon-']:nth-child(-n+2) {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.star-3 [class*='icon-']:nth-child(-n+3) {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.star-4 [class*='icon-']:nth-child(-n+4) {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.star-5 [class*='icon-'] {
	color: <?php echo esc_html( $mainColor ); ?> !important; }
.star .review-rating input:checked ~ label {
	color: <?php echo esc_html( $mainColor ); ?> !important;
}
.review-box-bot [class*='icon-'] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
@media (min-width: 1024px) {
	.filters-by-category ul li a:after {
		border-top-color: <?php echo esc_html( $mainColor ); ?>;
	} 
}
.filters-by-category ul li a.selected {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.catalog-widget-inside > a:first-child {
	border-top: 4px solid <?php echo esc_html( $mainColor ); ?>;
}
.widget-booking-text {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.slick-prev:hover,
.slick-next:hover {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.blog-post .sticky_post_icon span{
	color: <?php echo esc_html( $mainColor ); ?>;
 }
.blog-post .post-image .post-link:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.blog-post .post-meta-author a {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.blog-post .post-meta-social a:hover [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.post-password-form input[type=submit] {
	background: <?php echo esc_html( $mainColor ); ?> !important;
	border:2px solid <?php echo esc_html( $mainColor ); ?> !important;
}
.post-read-more,
.post-read-more a,
.post-read-more:focus,
.post-read-more:focus a  {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.blog-post:not(.post-preview) .post-meta-date {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.post-preview .post-meta-date [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.post-preview .post-title a:hover {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.comments-block .comment .text .meta [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.comments-block .comment .text a.reply:hover {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.comments-block .comment .text a.reply [class*='icon'] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.calendar__header {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.calendar__header .prev, .calendar__header .next {
	color: <?php echo esc_html( $mainColor ); ?>; 
}
.calendar th {
	background-color: <?php echo esc_html( $mainColor ); ?>; 
}
.calendar .selected:hover:after {
	border: 1px solid <?php echo esc_html( $mainColor ); ?>;
}
.page-numbers.current {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.view-room{
	color: <?php echo esc_html( $mainColor ); ?>;
}
.allquestionbutton button{
	background: <?php echo esc_html( $mainColor ); ?> !important;
}
.widget_recent_comments ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_nav_menu ul li a:hover{ 
	color: <?php echo esc_html( $mainColor ); ?>;
}
.category-tag-style ul li a:hover{
	color:<?php echo esc_html( $mainColor ); ?>;
}  
.header .nav-item.current-menu-item >a.nav-link {
	background: <?php echo esc_html( $mainColor ); ?> !important;
}
.page-numbers.current,
.page-numbers > span {
	border: 1px solid <?php echo esc_html( $mainColor ); ?>;
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.pagination .nav-links a:hover,.page-numbers a:hover{
	background: <?php echo esc_html( $mainColor ); ?> none repeat scroll 0 0;
}
.widget_pages ul li:before, .widget_nav_menu ul li:before {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-primary:hover {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.backToTop {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.backToTop:hover {
	background: <?php echo esc_html( $mainColor ); ?>;
}
.icn-text:hover .icn-text-circle {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: <?php echo esc_html( $mainColor ); ?>;
	border-color: <?php echo esc_html( $mainColor ); ?>;
}
.header--style2 .header-info [class*='icon-'], .header--style2 .header-toggle-slide {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.header-lang.header-lang--lined .btn.dropdown-toggle:before {
	background-color: <?php echo esc_html( $mainColor ); ?>;
}
@media (min-width: 1024px){
.header-nav-compact .navbar-nav .nav-link:hover, .header-nav-compact .navbar-nav .nav-link[aria-expanded="true"] {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.header-nav-compact .navbar-nav .nav-item.active > .nav-link, .header-nav-compact .navbar-nav .nav-item.hovered > .nav-link {
	color: <?php echo esc_html( $mainColor ); ?>;
}
}

.header-topline--bg .header-search input[type='text'], .header-topline--bg .header-search input[type='search'] {
	border-bottom-color:<?php echo esc_html( $mainColor ); ?>;
}
.icn-box-icon {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.testimonials-carousel .slick-prev:before, .testimonials-carousel .slick-next:before {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.call-us-icon {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.call-us-phone a {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.footer--style2 .col-light {
	border-top-color: <?php echo esc_html( $mainColor ); ?>;
}
.footer--style2 .footer-social a:not(.btn) {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.h-subtitle {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.testimonials-item-quote {
	color: <?php echo esc_html( $mainColor ); ?>;
}
.header.header--style2 .nav-item.current-menu-item >a.nav-link { 
	color: <?php echo esc_html( $mainColor ); ?>;
}
.header--style2 .header-toggle-slide.active {
	color: <?php echo esc_html( $mainColor ); ?>;
	border-bottom: 3px solid <?php echo esc_html( $mainColor ); ?>;
}
.call-us-icon:before {
	color: <?php echo esc_html( $mainColor ); ?>;
}
	<?php
	$bestel_custom_css = ob_get_clean();
	return $bestel_custom_css;
}
