Custom styles php

<?php
  // Load WordPress functions and render this file as a stylesheet
  require_once "../../../../wp-load.php";
  header("Content-type: text/css");

  // Load custom CSS
  $custom_css = get_field('custom_css', 'option');
  // $post_id = $_GET['post_id']; -> Don't use $post specific styling because this file will be cached over all pages
  // Define all default colors and so we can use these as variables
  $primary_color   = get_field('primary_color', 'option');
  $secondary_color = get_field('secondary_color', 'option');
  $tertiary_color  = get_field('tertiary_color', 'option');
  $quartairy_color = get_field('quartairy_color', 'option');
  $quinary_color   = get_field('quinary_color', 'option');
  $senary_color    = get_field('senary_color', 'option');

  // Load default font size
  $font_size = get_field('font_size', 'option');

  // Load default text font
  $font = get_field('font', 'option');

switch ($font) {
	case 'alegreya':
		$font            = "'Alegreya', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Alegreya:400,700&display=swap';
		break;

	case 'alegreya_sc':
		$font            = "'Alegreya SC', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Alegreya+SC:400,700&display=swap';
		break;

	case 'amatic_sc':
		$font            = "'Amatic SC', cursive";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap';
		break;

	case 'cinzel':
		$font            = "'Cinzel', serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Cinzel:400,700&display=swap';
		break;

	case 'dancing_script':
		$font            = "'Dancing Script', cursive";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Dancing+Script:400,700&display=swap';
		break;

	case 'kalam':
		$font            = "'Kalam', cursive";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Kalam:400,700&display=swap';
		break;

	case 'karma':
		$font            = "'Karma', serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Karma:400,700&display=swap';
		break;

	case 'merienda':
		$font            = "'Merienda', cursive";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Merienda:400,700&display=swap';
		break;

	case 'neuton':
		$font            = "'Neuton', serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Neuton:400,700&display=swap';
		break;

	case 'opensans':
		$font            = "'Open Sans', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap';
		break;

	case 'raleway':
		$font            = "'Raleway', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap';
		break;

	case 'roboto':
		$font            = "'Roboto', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
		break;

	case 'sourcesanspro':
		$font            = "'Source Sans Pro', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap';
		break;

	case 'yanone':
		$font            = "'Yanone Kaffeesatz', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700&display=swap';
		break;

	case 'rubik':
		$font            = "'Rubik', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap';
		break;
	case 'concert_one':
		$font            = "'Concert One', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Concert+One:400,700&display=swap';
		break;
	case 'abril_fatface':
		$font            = "'Abril Fatface', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Abril+Fatface:400,700&display=swap';
		break;
	case 'poppins':
		$font            = "'Poppins', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap';
		break;
	case 'karla':
		$font            = "'Karla', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Karla:400,700&display=swap';
		break;
	case 'lora':
		$font            = "'Lora', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Lora:400,700&display=swap';
		break;
	case 'frank_ruhl_libre':
		$font            = "'Frank Ruhl Libre', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:400,700&display=swap';
		break;
	case 'playfair_display':
		$font            = "'Playfair Display', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap';
		break;
	case 'archivo':
		$font            = "'Archivo', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Archivo:400,700&display=swap';
		break;
	case 'spectral':
		$font            = "'Spectral', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Spectral:400,700&display=swap';
		break;
	case 'fjalla_one':
		$font            = "'Fjalla One', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Fjalla+One:400,700&display=swap';
		break;

	default:
		$font            = "'Open Sans', sans-serif";
		$font_import_url = 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap';
		break;
}//end switch

  // Load default heading font
  $font_headings = get_field('font_headings', 'option');
switch ($font_headings) {
	case 'alegreya':
		$font_headings            = "'Alegreya', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Alegreya:400,700&display=swap';
		break;

	case 'alegreya_sc':
		$font_headings            = "'Alegreya SC', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Alegreya+SC:400,700&display=swap';
		break;

	case 'amatic_sc':
		$font_headings            = "'Amatic SC', cursive";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Amatic+SC:400,700&display=swap';
		break;

	case 'cinzel':
		$font_headings            = "'Cinzel', serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Cinzel:400,700&display=swap';
		break;

	case 'dancing_script':
		$font_headings            = "'Dancing Script', cursive";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Dancing+Script:400,700&display=swap';
		break;

	case 'kalam':
		$font_headings            = "'Kalam', cursive";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Kalam:400,700&display=swap';
		break;

	case 'karma':
		$font_headings            = "'Karma', serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Karma:400,700&display=swap';
		break;

	case 'merienda':
		$font_headings            = "'Merienda', cursive";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Merienda:400,700&display=swap';
		break;

	case 'neuton':
		$font_headings            = "'Neuton', serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Neuton:400,700&display=swap';
		break;

	case 'opensans':
		$font_headings            = "'Open Sans', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap';
		break;

	case 'raleway':
		$font_headings            = "'Raleway', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap';
		break;

	case 'roboto':
		$font_headings            = "'Roboto', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap';
		break;

	case 'sourcesanspro':
		$font_headings            = "'Source Sans Pro', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&display=swap';
		break;

	case 'yanone':
		$font_headings            = "'Yanone Kaffeesatz', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700&display=swap';
		break;

	case 'rubik':
		$font_headings            = "'Rubik', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap';
		break;
	case 'concert_one':
		$font_headings            = "'Concert One', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Concert+One:400,700&display=swap';
		break;
	case 'abril_fatface':
		$font_headings            = "'Abril Fatface', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Abril+Fatface:400,700&display=swap';
		break;
	case 'poppins':
		$font_headings            = "'Poppins', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap';
		break;
	case 'karla':
		$font_headings            = "'Karla', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Karla:400,700&display=swap';
		break;
	case 'lora':
		$font_headings            = "'Lora', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Lora:400,700&display=swap';
		break;
	case 'frank_ruhl_libre':
		$font_headings            = "'Frank Ruhl Libre', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:400,700&display=swap';
		break;
	case 'playfair_display':
		$font_headings            = "'Playfair Display', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap';
		break;
	case 'archivo':
		$font_headings            = "'Archivo', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Archivo:400,700&display=swap';
		break;
	case 'spectral':
		$font_headings            = "'Spectral', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Spectral:400,700&display=swap';
		break;
	case 'fjalla_one':
		$font_headings            = "'Fjalla One', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Fjalla+One:400,700&display=swap';
		break;

	default:
		$font_headings            = "'Open Sans', sans-serif";
		$font_headings_import_url = 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap';
		break;
}//end switch

  // Load default heading size
  $font_size_headings = get_field('font_size_headings', 'option');

switch ($font_size_headings) {
	case 'small':
		$font_headings_size = [
		'h1' => '28px',
		'h2' => '24px',
		'h3' => '21px',
		'h4' => '18px',
		'h5' => '16px',
		'h6' => '15px',
		];
		break;

	case 'normal':
		$font_headings_size = [
		'h1' => '34px',
		'h2' => '32px',
		'h3' => '26px',
		'h4' => '21px',
		'h5' => '18px',
		'h6' => '16px',
		];
		break;

	case 'large':
		$font_headings_size = [
		'h1' => '40px',
		'h2' => '32px',
		'h3' => '28px',
		'h4' => '24px',
		'h5' => '20px',
		'h6' => '16px',
		];
		break;
}//end switch

  // Load default font size
  $font_size = get_field('font_size', 'option');
switch ($font_size) {
	case 'small':
		$font_size = '14px';
		break;

	case 'normal':
		$font_size = '15px';
		break;

	case 'large':
		$font_size = '16px';
		break;
}

  // Load border radius
  $button_radius = get_field('button_radius', 'option');
switch ($button_radius) {
	case 'rounded':
		$button_radius = "5px";
		break;

	default:
		$button_radius = "0px";
		break;
}

  // Load image radius
  $image_radius = get_field('image_radius', 'option');
switch ($image_radius) {
	case 'rounded':
		$image_radius = "5px";
		break;

	default:
		$image_radius = "0px";
		break;
}

  // Logo height
  $logo = get_field('logo', 'option');
if ($logo) :
	$logo_height = wp_get_attachment_metadata($logo);
	$logo_height = ($logo_height['height'] + 60);
endif;

  // Header image
  $header_bg = get_field('header_bg', 'option');

  // Header background opacity
  $header_bg_opacity = get_field('header_bg_opacity', 'option');

  // Header background color
  $header_bg_color = get_field('header_bg_color', 'option');

  // Logo position
  $logo_position = get_field('logo_position', 'option');

  // Navigation layout
  $navigation_layout = get_field('navigation_layout', 'option');

  // Navigation position
  $navigation_position = get_field('navigation_position', 'option');

  // Navigation background color
  $navigation_bg_color = get_field('navigation_bg_color', 'option');

  // Navigation background opacity
  $navigation_bg_opacity = get_field('navigation_bg_opacity', 'option');

  // Featured blocks inside header
  $featured_blocks_inside = get_field('featured_blocks_inside', 'option');

  // Featured blocks background
  $featured_blocks_bg = get_field('featured_blocks_bg', 'option');

  // Intro background
  $intro_bg = get_field('intro_bg', 'option');

  // Reviews background
  $reviews_bg = get_field('reviews_bg', 'option');

  // Treatments background
  $treatments_bg = get_field('treatments_bg', 'option');

  // Footer mobile sticky cta buttons
  $footer_sticky = get_field('fsticky_active', 'option');

  // Topbar background + color
  $topbar_bg    = get_field('topbar_bg', 'option');
  $topbar_color = get_field('topbar_color', 'option');
?>

<?php
// Font headings
if ($font == $font_headings) { ?>
  @import url('<?php echo $font_import_url; ?>');

<?php } else { ?>
  @import url('<?php echo $font_import_url; ?>');
  @import url('<?php echo $font_headings_import_url; ?>');
<?php } ?>

<?php
// Default font
if ($font) : ?>
  body {
	font-family: <?php echo $font; ?>;
  }
<?php endif; ?>

<?php
// Default font headings
if ($font_headings) : ?>
  h1, h2, h3, h4, h5, h6 {
	font-family: <?php echo $font_headings; ?>;
  }
<?php endif; ?>

<?php
// Default font heading sizes
if ($font_headings_size) : ?>
  h1 {
	font-size: <?php echo $font_headings_size['h1']; ?>;
  }

  h2 {
	font-size: <?php echo $font_headings_size['h2']; ?>;
  }

  h3 {
	font-size: <?php echo $font_headings_size['h3']; ?>;
  }

  h4 {
	font-size: <?php echo $font_headings_size['h4']; ?>;
  }

  h5 {
	font-size: <?php echo $font_headings_size['h5']; ?>;
  }

  h6 {
	font-size: <?php echo $font_headings_size['h6']; ?>;
  }
<?php endif; ?>

<?php
// Default font size
if ($font_size) : ?>
  body {
	font-size: <?php echo $font_size; ?>;
  }
<?php endif; ?>

<?php
// Global color
if ($quartairy_color) : ?>
  body,
  .product-usps li,
  .stock-message {
	color: <?php echo $senary_color; ?>;
  }
<?php endif; ?>

<?php
// Global heading color
if ($quartairy_color) : ?>
  h1, h2, h3, h4, h5, h6 {
	color: <?php echo $senary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Global anchor color
if ($tertiary_color) : ?>
  a,
  .woocommerce ul.products li.product .price,
  .woocommerce .price {
	color: <?php echo $tertiary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Global anchor:hover color
if ($primary_color) : ?>
  a:hover,
  .woocommerce ul.products li.product .price,
  .woocommerce .price,
  .product-usps li i {
	color: <?php echo $primary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Global button color
if ($tertiary_color) : ?>
  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  [type="submit"]
   {
	background: <?php echo $tertiary_color; ?> !important;
	color: #fff !important;
  }
<?php endif; ?>

<?php
// Global button:hover color
if ($primary_color) : ?>
  .btn:hover,
  .wpcf7-submit:hover,
  .woocommerce span.onsale:hover,
  .woocommerce a.button:hover,
  .woocommerce .button:hover,
  [type="submit"]:hover
   {
	background: <?php echo $primary_color; ?> !important;
	color: #fff !important;
  }
<?php endif; ?>

<?php
// Social media background color
if ($primary_color) : ?>
  div.social-media ul li a {
	background: <?php echo $secondary_color; ?> !important;
	color: #fff !important;
  }

  div.social-media ul li a i {
	color: #fff !important;
  }

  div.social-media ul li a:hover {
	background: <?php echo $primary_color; ?> !important;
	color: #fff !important;
  }
<?php endif;
if ($tertiary_color) : ?>
  footer div.social-media ul li a {
	background: <?php echo $tertiary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Phone and e-mail icon color
if ($primary_color) : ?>
  div.phone a.phone, div.email a.email {
	background: <?php echo $secondary_color; ?> !important;
	color: #fff !important;
  }

  div.phone a.phone, div.email a.email i {
	color: #fff !important;
  }

  div.phone a.phone:hover, div.email a.email:hover {
	background: <?php echo $primary_color; ?> !important;
	color: #fff !important;
  }

  header nav.navbar-default div.navbar-header div.wrapper button.navbar-toggle {
	color: <?php echo $secondary_color; ?> !important;
  }

  .woocommerce-info,
  .woocommerce-message {
	border-top-color: <?php echo $secondary_color; ?> !important;
  }

  .woocommerce-info::before,
  .woocommerce-message::before {
	color: <?php echo $secondary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Default border radius
if ($button_radius) : ?>
  .btn,
  .wpcf7-submit,
  .woocommerce span.onsale,
  .woocommerce a.button,
  .woocommerce .button,
  .modal__container,
  [type="submit"] {
	-moz-border-radius: <?php echo $button_radius; ?> !important;
	-webkit-border-radius: <?php echo $button_radius; ?> !important;
	border-radius: <?php echo $button_radius; ?> !important;
  }
<?php endif; ?>

<?php
// Default image radius
if ($image_radius) : ?>
  .img-responsive {
	-moz-border-radius: <?php echo $image_radius; ?>;
	-webkit-border-radius: <?php echo $image_radius; ?>;
	border-radius: <?php echo $image_radius; ?>;
  }
<?php endif; ?>


<?php
// Reduce navigation background opacity on mobile devices
if ($header_bg_color) :
	$rgb = hex2rgb($header_bg_color); ?>

header div.header {
  background-color: rgba(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>, <?php echo $header_bg_opacity; ?>) !important;
}
header .sticky_menu_small div.header {
  background-color: rgb(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>) !important;
}

@media only screen and (max-width : 992px) {
  header nav.navbar-default {
	background: none !important;
  }
}
<?php endif; ?>

<?php
// Header background image
if ($header_bg) : ?>
  header > div.wrapper {
	display: block;
	position: relative;
  }

  header div.header::after {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
  }

  header > div.wrapper::after {
	background: url('<?php echo $header_bg['sizes']['fullscreen'] ?>');
	background-size: cover;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -2;
  }

<?php endif; ?>

<?php
// Header background opacity
$sticky_bg_opacity = get_field('sticky_bg_opacity', 'option');
$sticky_bg_color   = get_field('sticky_bg_color', 'option');
$sticky_color      = get_field('sticky_color', 'option');
if ($sticky_bg_color) :
	$rgb = hex2rgb($sticky_bg_color);
	if ($sticky_bg_opacity) : ?>
  header .sticky_menu_small div.header {
	background-color: rgba(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>, <?php echo $sticky_bg_opacity; ?>) !important;
  }
	<?php else : ?>
  header .sticky_menu_small div.header {
	background-color: rgb(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>) !important;
  }
	<?php endif; ?>
	<?php
endif;
if ($sticky_color) : ?>
  @media only screen and (min-width : 992px) {
	header .wrapper.sticky_menu div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav>li>a {
	  color: <?php echo $sticky_color; ?> !important;
	}
  }
<?php endif; ?>


<?php
// Header background height for homepage
if ($header_bg) : ?>
  @media only screen and (min-width : 992px) {
	body.home header > div.wrapper {
	  min-height: 350px;
	  <?php if (($logo_height + 275) > 350) : ?>
		min-height: <?php echo ($logo_height + 275); ?>px;
	  <?php endif; ?>
	}
	body.home header > div.wrapper.above {
	  min-height: 500px;
	  <?php if (($logo_height + 425) > 500) : ?>
		min-height: <?php echo ($logo_height + 425); ?>px;
	  <?php endif; ?>
	}
  }

  @media only screen and (min-width : 992px) {
	body header > div.wrapper {
	  min-height: 225px;
	  <?php if (($logo_height + 75) > 225) : ?>
		min-height: <?php echo ($logo_height + 75); ?>px;
	  <?php endif; ?>
	}
	body header > div.wrapper.above {
	  min-height: 375px;
	  <?php if (($logo_height + 225) > 375) : ?>
		min-height: <?php echo ($logo_height + 225); ?>px;
	  <?php endif; ?>
	}
	body header > div.wrapper.above::after,
	body header > div.wrapper.above.shadow::before,
	body header > div.wrapper.above_shadow::before {
	  <?php if (($logo_height) > 150) : ?>
		top: <?php echo $logo_height; ?>px;
	  <?php endif; ?>
	}
	body header > div.wrapper.sticky_menu .header__content {
	  <?php if (($logo_height) > 150) : ?>
		margin-top: <?php echo $logo_height; ?>px;
	  <?php endif; ?>
	}
  }
<?php endif; ?>

<?php
// Header height based on logo height
if ($logo_height) : ?>
  @media only screen and (min-width : 992px) {
	header > div.wrapper {
	  min-height: <?php echo ($logo_height + 100); ?>px;
	}
	header > div.wrapper.above {
	  min-height: <?php echo ($logo_height + 250); ?>px;
	}

	header div.header div.holder {
	  height: <?php echo $logo_height; ?>px;
	}
  }
<?php endif; ?>

<?php
// Topbar background + color
if ($topbar_bg) : ?>
  .topbar {
	background: <?php echo $topbar_bg ?>;
  }
<?php endif;
if ($topbar_color) : ?>
  .topbar {
	color: <?php echo $topbar_color ?>;
  }
<?php endif; ?>

<?php
// Navigation background-color
if ($secondary_color) :
	if (empty($navigation_bg_color)) {
			$navigation_bg_color = $secondary_color;
	}

	if (empty($navigation_bg_opacity)) {
			$navigation_bg_opacity = '1';
	}
	?>

nav.navbar-default, div.navbar-collapse {
  background-color: <?php echo $navigation_bg_color; ?>; !important;
}

@media only screen and (min-width : 992px) {
	<?php $rgb = hex2rgb($navigation_bg_color); ?>

  div.navbar-collapse {
	background: none !important;
  }

  header nav.navbar-default {
	background-color: rgba(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>,  <?php echo $navigation_bg_opacity; ?>) !important;
  }

  nav.navbar-default div.navbar-collapse ul.navbar-nav>li a:hover {
	background-color: rgba(<?php echo $rgb[0]; ?>, <?php echo $rgb[1]; ?>, <?php echo $rgb[2]; ?>,  <?php echo $navigation_bg_opacity; ?>) !important;
	-webkit-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.1);
  }

  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:hover,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:focus,
  header div.header.full-width nav.navbar-default div.navbar-collapse ul.navbar-nav > li > a:active {
	color: <?php echo $secondary_color; ?> !important;
  }
}
<?php endif; ?>


<?php
// Featured blocks in header
if ($featured_blocks_inside && $header_bg) : ?>
  @media only screen and (min-width : 992px) {
	section.featured div.wrapper {
	  margin-top: -100px;
	}
	header>div.wrapper .header__content {
	  transform: translate3d(0, -40px, 0);
	}
  }
<?php else : ?>
  section.featured div.wrapper {
	margin-top: 60px;
  }
<?php endif; ?>

<?php
// Featured blocks background color
if ($featured_blocks_bg) : ?>
  section.featured {
	background: <?php echo $featured_blocks_bg; ?>;
  }
<?php endif; ?>

<?php
// Featured blocks border color
if ($featured_blocks_bg) : ?>
  section.featured a div.item:hover {
	border: 2px solid <?php echo $featured_blocks_bg; ?>;
  }
<?php endif; ?>

<?php
// Intro background color
if ($intro_bg) : ?>
  section.intro {
	background: <?php echo $intro_bg; ?>;
  }
<?php endif; ?>

<?php
// Reviews background color
if ($reviews_bg) : ?>
  body.home section.reviews {
	background: <?php echo $reviews_bg; ?>;
  }
<?php endif; ?>

<?php
// Treatments background color
if ($treatments_bg) : ?>
  section.treatments:not(.archive) {
	background: <?php echo $treatments_bg; ?>;
  }
<?php endif; ?>

<?php
// Logo position
if ($logo_position) : ?>
  header div.header {
	text-align: <?php echo $logo_position; ?>;
  }
<?php endif; ?>

<?php
// Navigation collapse border bottom color
if ($tertiary_color) : ?>
  header div.navbar-collapse ul.navbar-nav li a, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-bottom: 1px solid <?php echo $tertiary_color; ?>;
  }

  @media only screen and (min-width : 992px) {
	header div.navbar-collapse ul.navbar-nav li a, header nav.navbar-default div.navbar-collapse ul.navbar-nav li ul.dropdown-menu li.active > a {
	  color: <?php echo $tertiary_color; ?> !important;
	}
  }

<?php endif; ?>

<?php
// Header color icon color
if ($tertiary_color) : ?>
  header div.header div.contact i {
	color: <?php echo $tertiary_color; ?>;
  }
<?php endif; ?>

<?php
// Navigation position
if ($navigation_position) : ?>
  @media only screen and (min-width : 992px) {
	header div.navbar-collapse {
	  text-align: <?php echo $navigation_position; ?>;
	}
  }
<?php endif; ?>

<?php
// Featured blocks paragraph color
if ($senary_color) : ?>
  section.featured div.item p,
  section.news div.item p {
	color: <?php echo $senary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Featured blocks border radius
if ($button_radius) : ?>
  section.featured div.item,
  section.news div.item {
	-moz-border-radius: <?php echo $button_radius; ?>;
	-webkit-border-radius: <?php echo $button_radius; ?>;
	border-radius: <?php echo $button_radius; ?>;
  }
<?php endif; ?>

<?php
// Partners background-color
if ($tertiary_color) : ?>
  section.partners {
	background: <?php echo $tertiary_color; ?> !important;
  }
<?php endif; ?>

<?php
if ($image_radius) : ?>
  section.partners img {
	border-radius: 0 !important;
  }
<?php endif; ?>

<?php
// Footer background-color
if ($secondary_color) : ?>
  footer,
  .author {
	background: <?php echo $secondary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Footer heading border-bottom color
if ($tertiary_color) : ?>
  footer h4 {
	border-bottom: 1px solid <?php echo $tertiary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Footer socket background-color
if ($primary_color) : ?>
  footer div.socket,
  .footer-sticky {
	background: <?php echo $primary_color; ?> !important;
  }
<?php endif; ?>

<?php
// Footer sticky extra margin
if ($footer_sticky) : ?>
  @media only screen and (max-width : 767px) {
	footer {
	  margin-bottom: 65px;
	}
  }
<?php endif; ?>

<?php
// Treatments image radius
if ($image_radius == '5px') : ?>
  section.treatments div.items div.item img {
	border-radius: 100% !important;
  }

  .img-circle {
	border-radius: 100% !important;
  }
<?php else : ?>
  .img-circle {
	border-radius: 0 !important;
  }
<?php endif; ?>

<?php
// Treatments button background-color
if ($quinary_color) : ?>
section.treatments div.button-wrap {
  background: <?php echo $quinary_color; ?>;
  margin-top: 30px;
}
<?php endif; ?>

<?php
// Treatments button background-color
if ($senary_color) : ?>
section.treatments div.item a {
  color: <?php echo $senary_color; ?> !important;
}
<?php endif; ?>

<?php
// Treatments button background-color
if ($senary_color) : ?>
section.prices table tr td a {
  color: <?php echo $senary_color; ?> !important;
}
<?php endif; ?>

<?php
// Treatments links color
if ($senary_color) : ?>
aside div.block.treatments ul li a,
.woocommerce .widget_product_categories ul li a,
.woocommerce .widget_product_categories ul li span {
  color: <?php echo $senary_color; ?> !important;
}
<?php endif; ?>

<?php
// Aside treatments block hover color
if ($secondary_color) : ?>
aside div.block.treatments ul li:hover,
.woocommerce .widget_product_categories ul li:hover {
  background: <?php echo $secondary_color; ?>;
}
<?php endif; ?>

<?php
// Custom CSS
if ($custom_css) : ?>
	<?php echo $custom_css; ?>
<?php endif;