@php

    $primaryColor = '#C22365';
    $primaryColorAccent = '#a11d54';
    $blueSkyColor = '#93C7EB';

    $settings = new stdClass();

    if (request()->has('selected_template_settings')) {
        $settings = request()->get('selected_template_settings');
    }

@endphp

<style>

    @if($settings)
        @if(isset($settings->text_typography) && $settings->text_typography && $settings->text_typography != '')

            @font-face {
                font-family: "TextTypography";
                src: url("{{ $settings->text_typography_link }}") format("{{ $settings->font_text_type }}");
            }

            html,
            body *,
            .text-template
             {
                font-family: "TextTypography", Arial, sans-serif;
                font-weight: normal;
                font-style: normal;
            }
        @endif
        @if(isset($settings->title_typography) && $settings->title_typography && $settings->title_typography != '')

            @font-face {
                font-family: "TitleTypography";
                src: url("{{ $settings->title_typography_link }}") format("{{ $settings->font_title_type }}");
            }

            .title-template,
            h1, h2, h3, h4, h5, h6 {
                font-family: 'TitleTypography', Arial, sans-serif !important;
                font-weight: normal;
                font-style: normal;
            }
        @endif
    @endif

    .slick-slide {
        margin: 0px 0px 0px 10px !important;
    }

    #logo-enterprising,
    #logo-enterprising-2 {
        width: auto;
        height: 50px;
    }
    .small {
        font-size: 12px !important;
    }

    a:hover {
        text-decoration: none;
        /* ne; !important*/
    }

    .has-search .form-control {
        padding-left: 2.375rem;
        background: #eeeeee69;
        border: 1px solid #eeeeee69;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    .main-nav .nav-link {
        margin-left: 1em;
        margin-right: 1em;
    }

    .product-quantity-selector input {
        border: 0px solid transparent;
        text-align: center;
    }


    /* Custom */
    .bb-1-g {
        border-bottom: 1px solid #eeeeee69;
    }

    .bt-1-pc {
        border-top: 1px solid {{ $primaryColor }};
    }

    .bt-2-pc {
        border-top: 2px solid {{ $primaryColor }};
    }

    .bb-1-pc {
        border-bottom: 1px solid {{ $primaryColor }};
    }

    .bb-2-pc {
        border-bottom: 2px solid {{ $primaryColor }};
    }

    .b-1-pc {
        border: 1px solid {{ $primaryColor }};
    }

    .b-2-pc {
        border: 2px solid {{ $primaryColor }};
    }

    .product-quantity-selector {
        border: 2px solid {{ $primaryColor }}
    }

    select:not(.not-stiled),
    input:not(#input-search,.input-number,.not-stiled),
    textarea:not(.not-stiled) {
        border-radius: 0px !important;
        border: 2px solid {{ $primaryColor }} !important;
    }

    #cartPreview {
        width: auto;
        right: -56vw;
    }

    #cartPreview .modal-header{
        background: rgba(0, 0, 0, 0.03);
        border-bottom: 2px solid #dee2e6;
    }

    #cartPreview .modal-content {
        border-radius: 0px !important;
    }

    .modal-backdrop.show.cart {
        opacity: 0;
    }
    #card-additional-information,
    #card-additional-information .card-header,
    #card-additional-information .card-body {
        border: 0px solid transparent;
    }

    #card-additional-information .card-header {
        background: transparent;
    }

    .copyright {
        background: {{ $primaryColor }};
        color: #FFFF;
        font-size: 12px;
    }

    .bg-primary-color {
        background-color: {{ $primaryColor }} !important;
        color: #FFFF;
    }

    .border-primary-color {
        border-color: {{ $primaryColor }} !important;
    }

    .fa-spinner {
        animation: rotate 1.5s linear infinite;
    }

    @keyframes rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    .bg-primary-color:hover {
        background-color: {{ $primaryColorAccent }} !important;
        color: #FFFF !important;
    }

    .bg-light-color {
        background: #F5F5F5;
    }

    .heading-overlaying {
        overflow: hidden;
        text-align: center;
    }

    .heading-overlaying:before,
    .heading-overlaying:after {
        background-color: {{ $primaryColor }};
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 70px;
    }

    .heading-overlaying-left:before {
        background-color: {{ $primaryColor }};
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 70px;
        top: -4px;
    }

    .heading-overlaying-right:after {
        background-color: {{ $primaryColor }};
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 70px;
        top: -4px;
    }

    .heading-overlaying:before {
        right: 0.5em;
        margin-left: -50%;
    }

    .heading-overlaying:after {
        left: 0.5em;
        margin-right: -50%;
    }

    .primary-color {
        color: {{ $primaryColor }};
    }

    .bluesky-color {
        color: {{ $blueSkyColor }};
    }

    .black-color {
        color: #000000;
    }

    a.nav-link,
    .navbar-light .navbar-nav .nav-link {
        color: #1c1e21;
    }

    .copyright a {
        text-decoration: none;
        color: #FFFF;
    }

    .footer {
        background: {{ $blueSkyColor }};
        color: #FFFF;
    }

    .color-white {
        color: #FFFF;
    }

    .bolder {
        font-weight: bolder;
    }

    .bg-bluesky-color {
        background: {{ $blueSkyColor }};
    }

    .footer a {
        text-decoration: none;
        color: #FFFF;
    }

    .jumbotron {
        border-radius: 0px !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .alertify-notifier .ajs-message.ajs-success {
        color: #fff;
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0, 5);
        border-radius: 5px;
        background: {{ $primaryColor }};

    }

    .discount-price {
        text-decoration: line-through;
    }

    .offer-button {
        position: absolute;
        z-index: 1;
        top: 30px;
        left: 1px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: {{ $primaryColor }};
        color: white;
    }

    a.cart:hover,
    a.favorites:hover {
        text-decoration: none;
        color: #d60e96;
    }

    a.cart .cart-basket,
    a.favorites .favorites-counter {
        font-size: .6rem;
        position: absolute;
        top: -2px;
        right: -5px;
        width: 20px;
        height: 20px;
        color: #fff;
        background-color: red;
        border-radius: 50%;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        background-color: {{ $primaryColor }} !important;
    }

    .newsletter .content {
        margin: 0 auto;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .newsletter .content .form-control {
        height: 50px;
        border-color: #ffffff;
        border-radius: 0;
    }

    .newsletter .content.form-control:focus {
        box-shadow: none;
        border: 2px solid {{ $primaryColor }};
    }

    .newsletter .content .btn {
        min-height: 50px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background: {{ $primaryColor }};
        color: #fff;
        font-weight: 600;
    }

    .no-radius {
        border-radius: 0px !important;
    }

    /** Product **/
    .product-wrapper,
    .product-img {
        overflow: hidden;
        position: relative;
    }

    .product-action {
        bottom: 0px;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: center;
        transition: all 0.6s ease 0s;
    }


    .product-wrapper .card,
    .card-blog {
        border: 1px solid transparent;
    }

    .product-wrapper {
        height: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 20%) !important;
    }

    .product-action-style {
        display: inline-block;
        padding: 16px 2px 12px;
    }

    .product-wrapper:hover .product-action {
        bottom: 40%;
        opacity: 1;
    }

    .product-wrapper-home:hover .product-action {
        bottom: 40%;
        opacity: 1;
    }

    .btn-product-action {
        width: 50px;
        height: 50px;
        padding: 10px;
        border-radius: 100%;
    }

    img.img-product {
        width: auto;
        height: 135px;
    }

    .product-desc {
        font-size: 14px;
    }

    .product-promotion {
        position: absolute;
        width: 80px;
        border-radius: 5px;
        z-index: 1;
        bottom: -15px;
        padding-left: 10px;
        padding-right: 10px;
        color: white;
        font-size: 13px;
        line-height: 1.2;
        background-color: {{ $primaryColor }};
    }

    .card-accordion {
        border: 0px transparent;
    }

    .card-accordion .card-header {
        border: 0px transparent;
    }

    .card-contact .card-header {
        border: 0px transparent;
    }

    .card-contact .card-body {
        background: rgba(0, 0, 0, .03);
    }

    .card-header-filter {
        border-bottom: 3px solid {{ $primaryColor }} !important;
    }

    .card-contact input[type=text],
    .card-contact input[type=email],
    .card-contact textarea {
        border: 0px solid transparent;
    }

    .card-accordion .card-body {
        border-left: 3px solid rgba(0, 0, 0, .03);
        border-right: 3px solid rgba(0, 0, 0, .03);
        border-bottom: 3px solid rgba(0, 0, 0, .03);
    }

    span.filter-name {
        font-size: 12px;
    }

    .pagination .page-link {
        border: 1px solid #dee2e6;
        background: rgba(0, 0, 0, .03);
        color: #1c1e21;
        margin: 0.2em;
        border-radius: 3px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: #eeeeee69;
    }

    .pagination .page-link.active {
        color: #FFFF;
        background: {{ $primaryColor }};
        border: 1px solid {{ $primaryColor }};
    }

    .pagination .last,
    .pagination .preview {
        border: 0px transparent;
        background: transparent;
    }

    .fa-chevron-circle-right,
    .fa-chevron-circle-left {
        font-size: 20px;
    }

    .breadcrumb-item a {
        text-decoration: none;
        color: #FFFF;
    }

    #blog-image {
        width: 30%;
    }

    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
      background-color: {{ $primaryColor }};
    }
    .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
      background-color: #C8FFC8; 
    }

    .custom-control-input:checked~.custom-control-label::before {
      color: #fff;
      border-color: {{ $primaryColor }} !important;
      background-color: {{ $primaryColor }} !important;
    }

    /** Success Payment**/
    .btn-template {
        background-color: {{ $primaryColor }} !important;
        color: #FFFF !important;
        
    }
    .btn-slider-position {
        position: absolute;
        top: 75%;
        left: 5%;
    }
    .btn-template:hover {
        background-color: {{ $primaryColorAccent }} !important;
        color: #FFFF !important;
    }

    .swiper-container {
        position: relative;
    }

    .swiper-slide-img{
        display: block !important;
        width: 100% !important;
        height: 100vh;
        object-fit: cover;
    }

    /* 
    ##Device = Desktops
    ##Screen = 1281px to higher resolution desktops
    */

    @media (min-width: 1281px) {

        .lg-hidden {
            display: none;
        }

        .bl-lg-2-pc {
            border-left: 2px solid {{ $primaryColor }}
        }

        .bt-sm-2-pc {
            border-top: 0px transparent;
        }

    }

    /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
    */

    @media (min-width: 1025px) and (max-width: 1280px) {

        .lg-hidden {
            display: none;
        }

        .bl-lg-2-pc {
            border-left: 2px solid {{ $primaryColor }}
        }

        .bt-sm-2-pc {
            border-top: 0px transparent;
        }

    }

    /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
    */

    @media (min-width: 768px) and (max-width: 1024px) {

        .lg-hidden {
            display: none;
        }

        .bl-lg-2-pc {
            border-left: 2px solid {{ $primaryColor }}
        }

        .bt-sm-2-pc {
            border-top: 0px transparent;
        }
    }

    /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
    */

    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

        .lg-hidden {
            display: none;
        }

        .bl-lg-2-pc {
            border-left: 2px solid {{ $primaryColor }}
        }

        .bt-sm-2-pc {
            border-top: 0px transparent;
        }
    }

    /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
    */

    @media (min-width: 481px) and (max-width: 767px) {

        .sm-hidden {
            display: none;
        }

        .mt-xs-4 {
            margin-top: 1.5rem !important;
        }

        a.cart .cart-basket,
        a.favorites .favorites-counter {
            position: relative;
            top: -6px;
            right: 5px;
        }

        #nav-cart-actions {
            display: block;
            padding: 1em;
        }

        #account-action {
            display: inline-block;
            margin-top: 1em;
        }

        #blog-image {
            width: 100%;
        }

        .btn-sm-block {
            display: block;
        }

        .mt-xs-0 {
            margin-top: 0px !important;
        }

        .pt-xs-0 {
            padding-top: 0px !important;
        }

        .bl-lg-2-pc {
            border-left: 0px transparent;
        }

        .bt-sm-2-pc {
            border-top: 2px solid {{ $primaryColor }}
        }

        .heading-overlaying {
            font-size: 20px !important;
            overflow-wrap: break-word;
            word-wrap: break-word;
            hyphens: auto;
        }

        .heading-overlaying:before,
        .heading-overlaying:after {
            width: 30px;
        }

        .heading-overlaying:before {
            right: 5px;
            margin-left: 0px;
        }

        .heading-overlaying:after {
            left: 5px;
            margin-right: 0px;
        }
        
        #cartPreview {
            width: auto;
            right: 0;
        }

        .modal-backdrop.show.cart {
            opacity: 0.4;
        }

        .delete-tag {
            margin-left: 2em !important;
        }

        .cart-modal-product-image {
            width: auto !important;
            max-height: 100px;
            margin-left: 33%;
        }

        .jumbotron {
            height: 150px;
        }

        .mt-xs-0 {
            margin-top: 0px !important;
        }

        .mb-xs-0 {
            margin-bottom: 0px !important;
        }

        .ml-xs-0 {
            margin-left: 0px !important;
        }

        .mr-xs-0 {
            margin-right: 0px !important;
        }

        .pt-xs-0 {
            padding-top: 0px !important;
        }

        .pb-xs-0 {
            padding-bottom: 0px !important;
        }

        .pl-xs-0 {
            padding-left: 0px !important;
        }

        .pr-xs-0 {
            padding-right: 0px !important;
        }

        .d-sm-none {
            display: none !important;
        }

        .swiper-container {
            position: relative; 
            height: 221px;
        }

        .swiper-slide-img {
            display: block !important;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .btn-slider-position {
            top: 60%;
            left: 5%;
        }
    }

    /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
    */
    @media (min-width: 320px) and (max-width: 480px) {

        .sm-hidden {
            display: none;
        }

        .mt-xs-4 {
            margin-top: 1.5rem !important;
        }

        a.cart .cart-basket,
        a.favorites .favorites-counter {
            position: relative;
            top: -6px;
            right: 5px;
        }

        #nav-cart-actions {
            display: block;
            padding: 1em;
        }

        #account-action {
            display: inline-block;
            margin-top: 1em;
        }

        #blog-image {
            width: 100%;
        }

        .btn-sm-block {
            display: block;
            width: 100%;
        }

        .mt-xs-0 {
            margin-top: 0px !important;
        }

        .pt-xs-0 {
            padding-top: 0px !important;
        }

        .bl-lg-2-pc {
            border-left: 0px transparent;
        }

        .bt-sm-2-pc {
            border-top: 2px solid {{ $primaryColor }}
        }

        .heading-overlaying {
            font-size: 20px !important;
            overflow-wrap: break-word;
            word-wrap: break-word;
            hyphens: auto;
        }

        .heading-overlaying:before,
        .heading-overlaying:after {
            width: 30px;
        }

        .heading-overlaying:before {
            right: 5px;
            margin-left: 15px;
        }

        .heading-overlaying:after {
            left: 5px;
            margin-right: 15px;
        }

        #cartPreview {
            width: auto;
            right: 0;
        }

        .modal-backdrop.show.cart {
            opacity: 0.4;
        }

        .delete-tag {
            margin-left: 2em !important;
        }

        .cart-modal-product-image {
            width: auto !important;
            max-height: 100px;
            margin-left: 33%;
        }

        .jumbotron {
            height: 150px;
        }

        .mt-xs-0 {
            margin-top: 0px !important;
        }

        .mb-xs-0 {
            margin-bottom: 0px !important;
        }

        .ml-xs-0 {
            margin-left: 0px !important;
        }

        .mr-xs-0 {
            margin-right: 0px !important;
        }

        .pt-xs-0 {
            padding-top: 0px !important;
        }

        .pb-xs-0 {
            padding-bottom: 0px !important;
        }

        .pl-xs-0 {
            padding-left: 0px !important;
        }

        .pr-xs-0 {
            padding-right: 0px !important;
        }

        .d-sm-none {
            display: none !important;
        }

        .swiper-container {
            position: relative; 
            height: 221px;
        }
        
        .swiper-slide-img {
            display: block !important;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .btn-slider-position {
            top: 60%;
            left: 5%;
        }
        
    }

    @media screen and (min-width: 320px) and (max-width: 915px) and (orientation: landscape) {
        #web-menu{
            display: none;
        }
        #store-content{
            display: none;
        }
        #footer-content{
            display: none;
        }
    }

    @charset "UTF-8";

    #cart_view_container {
        background-color: #fff;
        border: 1px solid #d3d3d3;
        border-radius: 15px;
        font-family: HelveticaNeue, ”Helvetica Neue”, Helvetica, Arial;
        font-weight: 400;
        margin-top: 150px;
        position: absolute;
        right: 1px;
        z-index: 1000;
    }

    #cart_view_container .h7 {
        color: #000;
        font-size: 0.8em;
    }

    #cart_view_container .h7.blue-text {
        color: {{ $primaryColor }};
    }

    #cart_view_container #cart_view_title {
        background-color: {{ $primaryColor }};
        border-radius: 15px 15px 0 0;
        color: #fff;
        font-weight: 700;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }

    #cart_view_container #cart_view_products {
        color: #000;
        max-height: 399px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    #cart_view_container #cart_view_products .h7 {
        font-weight: 700;
    }

    #cart_view_container #cart_view_products .cart-view-product-image {
        max-height: 100%;
        max-width: 100px;
    }

    #cart_view_container #cart_view_products .cart-view-product-details {
        font-size: 0.7em;
    }

    #cart_view_container #cart_view_products .remove-product-icon {
        color: {{ $primaryColor }};
        font-size: 1.4em;
        margin: 0 auto;
    }

    #cart_view_container #cart_view_amounts,
    #cart_view_container #cart_view_products .cart-view-product-separator {
        margin: 0 auto;
        width: 90%;
    }

    #cart_view_container #cart_view_amounts #cart_view_total,
    #cart_view_container #cart_view_amounts .blue-text {
        font-weight: 700;
    }

    #cart_view_container #cart_view_buy_button_container {
        margin: 15px 0;
        text-align: center;
    }

    #cart_view_container #cart_view_buy_button_container a {
        font-size: 12.8px;
        text-transform: none;
    }

</style>


@if ($settings)
    <style>

        @if(isset($settings->font_color) && $settings->font_color && $settings->font_color != '')
            html, body {
                color: {{ $settings->font_color }} !important;
            }            
            .my-orders-primary-color {
                color: {{ $settings->font_color }} !important;
            }
        @endif

        @if(isset($settings->hover_color) && $settings->hover_color && $settings->hover_color != '')
            .hover-template:hover {
                background-color: {{ $settings->hover_color }} !important;
                color: #FFFF !important;
            }
            .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
                background-color: {{ $settings->hover_color }} !important;   
            }
            .bullet-template:hover {
                background-color: {{ $settings->hover_color }} !important;
            }

            a.preview span.primary-color {
                color: {{ $settings->hover_color }} !important;
            }
            a.last span.primary-color {
                color: {{ $settings->hover_color }} !important;
            }

            a.nav-link:not(.product-category):hover,
            .navbar-light .navbar-nav .nav-link:not(.product-category):hover {
                color: {{ $settings->hover_color }} !important;
            }

        @endif

        @if(isset($settings->button_color) && $settings->button_color && $settings->button_color != '')
            .btn-template {
                background-color: {{ $settings->button_color }} !important;
                color: #FFFF !important;
            }
            .btn-template:hover {
                background-color: {{ $settings->hover_color }} !important;
                color: #FFFF !important;
            }
            .alertify-notifier .ajs-message.ajs-success {
                background: {{ $settings->button_color }} !important;
            }
            .pagination .page-link.active {
                background: {{ $settings->button_color }} !important;
                border: 1px solid {{ $settings->button_color }} !important;
            }
            .breadcrumb-template {
                background: {{ $settings->button_color }} !important;
            }
            .breadcrumb-template:hover {
                background: {{ $settings->button_color }} !important;
            }
            .card-header-filter {
                border-bottom: 3px solid {{ $settings->button_color }} !important;
            }
            select:not(.not-stiled),
            input:not(#input-search,.input-number,.not-stiled),
            textarea:not(.not-stiled) {
                border-radius: 0px !important;
                border: 2px solid {{ $settings->button_color }} !important;
            }
            .primary-color {
                color: {{ $settings->button_color }} !important;
            }
            
            .v-pagination__item--active {
                background-color: {{ $settings->button_color }} !important;
            }
            .v-icon.v-icon.v-icon--link {
                color: {{ $settings->button_color }} !important;
            }
            .product-quantity-selector {
                border: 2px solid {{ $settings->button_color }} !important;
            }

            .bt-2-pc {
                border-top: 2px solid {{ $settings->button_color }};
            }

            .heading-overlaying:before,
            .heading-overlaying:after {
                background-color: {{ $settings->button_color }};
            }

            .bb-2-pc {
                border-bottom: 2px solid {{ $settings->button_color }};
            }

            .product-promotion {
                background: {{ $settings->button_color }} !important;
            }

            @media (min-width: 320px) and (max-width: 480px) {
                .bt-sm-2-pc {
                    border-top: 2px solid {{ $settings->button_color }} !important;
                }
            }

            @media (min-width: 1025px) and (max-width: 1280px) {
                .bl-lg-2-pc {
                    border-left: 2px solid {{ $settings->button_color }} !important;
                }
            }
        @endif

        @if(isset($settings->icon_color) && $settings->icon_color && $settings->icon_color != '')
            .icon-template {
                color: {{ $settings->icon_color }} !important;
            }
            .my-orders-icon {
                color: {{ $settings->icon_color }} !important;
            }
        @endif

        @if(isset($settings->newsletter_color) && $settings->newsletter_color && $settings->newsletter_color != '')
            .news-letter-template {
                background-color: {{ $settings->newsletter_color }} !important;
            }
        @endif

        @if(isset($settings->clients_color) && $settings->clients_color && $settings->clients_color != '')
            .clients-template {
                background-color: {{ $settings->clients_color }} !important;
            }
            .clients-template:hover {
                background-color: {{ $settings->clients_color }} !important;
            }
        @endif

        @if(isset($settings->brand_bar_color) && $settings->brand_bar_color && $settings->brand_bar_color != '')
            .brand-bar-template {
                background-color: {{ $settings->brand_bar_color }} !important;
            }
        @endif

        @if(isset($settings->bullet_color) && $settings->bullet_color && $settings->bullet_color != '')
            .bullet-template {
                background-color: {{ $settings->bullet_color }} !important;
            }
        @endif

        @if(isset($settings->footer_color) && $settings->footer_color && $settings->footer_color != '')
            .footer-template {
                background-color: {{ $settings->footer_color }} !important;
            }
        @endif

        @if(isset($settings->copyright_color) && $settings->copyright_color && $settings->copyright_color != '')
            .copyright-template {
                background-color: {{ $settings->copyright_color }} !important;
            }
        @endif

        @if(isset($settings->menu_color) && $settings->menu_color && $settings->menu_color != '')
            .menu-template {
                background: {{ $settings->menu_color }}  !important;
            }
        @endif

        @if(isset($settings->menu_text_color) && $settings->menu_text_color && $settings->menu_text_color != '')
            .menu-template {
                color: {{ $settings->menu_text_color }}  !important;
            }

            .menu-template a.nav-link:not(.product-category),
            .menu-template .navbar-light .navbar-nav .nav-link:not(.product-category) {
                color: {{ $settings->menu_text_color }}  !important;
            }
        @endif

    </style>
@endif