<?php
/**
 * Variable used as scss to parse custom css based on customizer options 
 *
 * @package Bizflow
 * @since 1.0.0
 */


$custom_scss = '
body {
      font-size: $body-font-size-mobile;
      color: $text-color;
      background-color: $body-bg;
      @media screen and (min-width: $break-mobile) {
        font-size: $body-font-size-tablet;
      }
      @media screen and (min-width: $break-tablet) {
        font-size: $body-font-size;
      }
    }
    
    .container-boxed{
      @media screen and (min-width : ($site-width + 30) ) {
        max-width: $site-width;
      }
    }
    .container-fullwidth:not(.content-true-fullwidth) .container-inner-restrict, .header-container.container-boxed .container-inner-restrict{
      @media screen and (min-width : ($site-width + 30) ) {
        max-width: $site-width;
      }
    }
    
    code, kbd, samp{
      background-color: darken($content-bg, 2.5%);
    }
    table, table td, table th{
      border-color: darken($content-bg, 7.5%);
    }
    blockquote, .wp-block-quote, .wp-block-quote.is-large{
      border-left-color: $primary-color;
      cite{
        color: lighten($text-color, 2.5%);
      }
    }
    
    
    a {
      color: $primary-color;
      &:hover {
        color: darken($primary-color, 12%);
      }
    }
    h1 {
      font-size: $h1-font-size-mobile;
      @media screen and (min-width: $break-mobile) {
        font-size: $h1-font-size-tablet;
      }
      @media screen and (min-width: $break-tablet) {
        font-size: $h1-font-size;
      }
    }
    h2 {
      font-size: $h2-font-size-mobile;
      @media screen and (min-width: $break-mobile) {
        font-size: $h2-font-size-tablet;
      }
      @media screen and (min-width: $break-tablet) {
        font-size: $h2-font-size;
      }
    }
    
    .ip-single-item .entry-title, .page-title {
      font-size: $single-title-size;
      @media screen and (min-width: $break-mobile) {
        font-size: $single-title-size;
      }
      @media screen and (min-width: $break-tablet) {
        font-size: $single-title-size;
      }
    }
    
    .ip-archive-item .entry-header h2{
      font-size: $archive-title-size;
      @media screen and (min-width: $break-mobile) {
        font-size: $archive-title-size;
      }
      @media screen and (min-width: $break-tablet) {
        font-size: $archive-title-size;
      }
    }
    .header-type_logo_left .logo-wrapper a{
      height: $navbar-height;
    }
    .header-type_logo_left .logo-wrapper img{
      max-height: $navbar-height;
    }
    .header-type_logo_left .responsive-menu-toggle .btn{
      height: $navbar-height;
      width: $navbar-height;
    }
    .main-navigation .ip-nav > li{
      padding-top : ($navbar-height - ( 3.5 * $navbar-font-size ) ) / 2;
      padding-bottom : ($navbar-height - ( 3.5 * $navbar-font-size ) ) / 2;

      > a{
        font-size: $navbar-font-size;
        line-height : 1;
        padding: 1.25em 1em;

        &::before{
          bottom: -( ($navbar-height - ( 3.5 * $navbar-font-size ) ) / 2 );
        }
      }
    }
    
    h1,
    h2,
    h3,
    h4,
    .sidebar-widget .widget-title span,
    .entry-header h1,
    .entry-header h2 a,
    .entry-footer .excerpt-read-more {
      color: $heading-color;
    }
    button,
    input[type="button"],
    input[type="submit"],
    .button,
    .btn {
      border-color: darken($content-bg, 7.5%);
      background-color: $content-bg;
      &:hover,
      &:focus {
        border-color: $primary-color;
        color: $primary-color;
        background-color: lighten($content-bg, 3%);
      }
    }
    
    input::-moz-placeholder,
    textarea::-moz-placeholder,
    input[type="text"]::-moz-placeholder,
    input[type="number"]::-moz-placeholder,
    input[type="date"]::-moz-placeholder,
    input[type="url"]::-moz-placeholder,
    input[type="date"]::-moz-placeholder,
    input[type="email"]::-moz-placeholder {
      color: darken($text-color, 3.5%);
      opacity: 1;
    }
    
    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    input[type="text"]:-ms-input-placeholder,
    input[type="number"]:-ms-input-placeholder,
    input[type="date"]:-ms-input-placeholder,
    input[type="url"]:-ms-input-placeholder,
    input[type="date"]:-ms-input-placeholder,
    input[type="email"]:-ms-input-placeholder {
      color: darken($text-color, 3.5%);
    }
    
    input:-webkit-input-placeholder,
    textarea:-webkit-input-placeholder,
    input[type="text"]:-webkit-input-placeholder,
    input[type="number"]:-webkit-input-placeholder,
    input[type="date"]:-webkit-input-placeholder,
    input[type="url"]:-webkit-input-placeholder,
    input[type="date"]:-webkit-input-placeholder,
    input[type="email"]:-webkit-input-placeholder {
      color: darken($text-color, 3.5%);
    }
    input,
    textarea,
    select,
    input[type="text"],
    input[type="number"],
    input[type="date"],
    input[type="url"],
    input[type="date"],
    input[type="email"],
    input[type="checkbox"],
    input[type="radio"] {
      color: darken($text-color, 3.5%);
      background: darken($content-bg, 2.5%);
      border-color: darken($content-bg, 7.5%);
    }
    
    input:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="date"]:focus,
    input[type="url"]:focus,
    input[type="date"]:focus,
    input[type="email"]:focus,
    input[type="checkbox"]:checked,
    input[type="radio"]:checked {
      color: $text-color;
      border-color: $primary-color;
    }
    input[type="file"]{
      background: unset;
      border-color: unset;
    }
    .header-container,
    .header-container.container-boxed {
      background-color: $header-bg;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }
    .site-title, .site-description, .site-title a{
      color : $navbar-color;
    }
    .entry-header h2 a:hover,
    .entry-footer .excerpt-read-more:hover {
      color: darken($primary-color, 12%);
    }
    .ip-nav-secondary {
      border-bottom-color: desaturate(darken($header-bg, 5%), 10%);
    }
    .ip-nav-secondary li a {
      color: darken($text-color, 7.5%);
      &:hover {
        color: darken($text-color, 3.5%);
        background-color: darken($header-bg, 7.5%);
      }
    }
    .ip-nav-secondary li.current-menu-item > a {
      color: darken($text-color, 3.5%);
      background-color: darken($header-bg, 7.5%);
    }
    
    .ip-nav-secondary li.menu-item-has-children > ul {
      background-color: darken($header-bg, 7.5%);
    }
    
    .main-navigation .ip-nav {
      li.current-menu-item > a,
      li a:hover {
        background-color: darken($navbar-bg, 12%);
      }
      li ul {
        background-color: lighten($navbar-bg, 7.3%);
      }
      li a {
        color: $navbar-color;
    
        &:hover,
        &:active {
          color: lighten($navbar-color, 16.5%);
        }
      }
      > li.menu-item-has-children > a::before {
        border-bottom-color: $navbar-color;
      }
      li ul li.menu-item-has-children > a::before {
        border-left-color: $navbar-color;
      }
    }
    .container-fullwidth .main-navigation, .container-fullwidth.header-type_logo_left>.container-inner, .header-container.container-boxed .main-navigation>.container-inner-restrict, .container-boxed.header-type_logo_left .container-inner-restrict {
      background-color : $navbar-bg;
    }
    .footer-container {
      background-color: $footer-bg;
      color : darken( $footer-color, 5.6%);

      h1, h2, h3, h4, h5{
        color : darken( $footer-color, 3.5%);
      }
      a{
        color : darken( $footer-color, 3.5%);

        &:hover{
          color : $footer-color;
        }
      }
    }
    .back-to-top {
      border-color: $primary-color;
      background-color: $primary-color;
      &:hover,
      &:active {
        color: $primary-color;
      }
    }
    
    .content-container.container-boxed,
    .content-wrapper,
    .sidebar,
    .site-content,
    body.sidebar-config .site-content {
      background-color: $content-bg;
    }
    .sidebar-widget .widget-title {
      border-bottom-color: desaturate(darken($navbar-bg, 7.5%), 25%);
      span {
        padding: $body-font-size-mobile/2 $body-font-size-mobile/1.2;
        color: $navbar-color;
        background-color: desaturate(darken($navbar-bg, 7.5%), 25%);
        @media screen and (min-width: $break-mobile) {
          padding: $body-font-size-tablet/2 $body-font-size-tablet/1.2;
        }
        @media screen and (min-width: $break-tablet) {
          padding: $body-font-size/2 $body-font-size/1.2;
        }
      }
    }
    .ip-single-item .entry-content,
    .ip-archieve-item .entry-content {
      color: $text-color;
    }
    
    .ip-archieve-item .entry-footer {
      border-top-color: desaturate(darken($content-bg, 7.5%), 25%);
    }
    .archieve-cat-links a.cat-link {
      padding: $body-font-size-mobile/5;
      color: darken($text-color, 5%);
      background-color: desaturate(darken($content-bg, 7.5%), 25%);
      &:hover {
        background-color: desaturate($primary-color, 22.5%);
      }
      @media screen and (min-width: $break-mobile) {
        padding: $body-font-size-tablet/5;
      }
      @media screen and (min-width: $break-tablet) {
        padding: $body-font-size/5;
      }
    }
    .ip-single-item .before-entry-thumbnail a.cat-link,
    .ip-single-item .entry-footer a.tag-link,
    .ip-single-item .entry-footer a[rel="tag"] {
      padding: $body-font-size-mobile/5 $body-font-size-mobile/2;
      color: darken($text-color, 5%);
      background-color: desaturate(darken($content-bg, 0.5%), 15%);
      border-color: darken($content-bg, 7.5%);
      &:hover {
        background-color: desaturate($primary-color, 22.5%);
        border-color: desaturate($primary-color, 22.5%);
      }
      @media screen and (min-width: $break-mobile) {
        padding: $body-font-size-tablet/5 $body-font-size-tablet/2;
      }
      @media screen and (min-width: $break-tablet) {
        padding: $body-font-size/5 $body-font-size/2;
      }
    }
    
    .ip-single-item .before-entry-thumbnail .cat-links i[class*="ipicon-"],
    .ip-single-item .after-entry-title .byline i[class*="ipicon-"],
    .ip-single-item .after-entry-title .posted-on i[class*="ipicon-"],
    .ip-single-item .entry-footer .cat-links i[class*="ipicon-"] {
      color: darken($text-color, 1.5%);
    }
    .ip-single-item .after-entry-title a,
    .ip-single-item .after-entry-title i[class*="ipicon-"] {
      color: darken($text-color, 7.5%);
      &:hover {
        color: lighten($text-color, 3.5%);
      }
    }
    
';