@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");

:root {
    --artemis-red: #ff325a;
}


body, .form-control, .btn, table, tr, th, td, thead, tbody, .dropdown-menu, .skin-blue-light .sidebar-menu > li > a, .skin-blue .sidebar-menu > li > a {
    font-family: "Open Sans", "Inter", "Karla", "Roboto", "Arial", sans-serif; /*'Open Sans',*/
!important;
    color: #333;
    font-weight: normal;
    font-size: 13px;
}


@media (min-width: 1400px) {
    .container {
        width: 1360px;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1560px;
    }
}


.navbar-nav {
    width: 100%;
}

img {
    width: 100%;
    height: auto;
}

.btn {
    font-family: "Open Sans", "Inter", "Karla", "Roboto", "Arial", sans-serif;
!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .content-header h2, .content-header h4, .page-title {
    font-family: "Open Sans", "Inter", "Karla", "Roboto", "Arial", sans-serif;
!important;
    text-transform: none;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Open Sans", "Inter", "Karla", "Roboto", "Arial", sans-serif;
!important;
    line-height: 1.2em;
}

.h1, h1 {
    font-size: 24px;
}

.h2, h2 {
    font-size: 22px;
}

.h3, h3 {
    font-size: 18px;
    padding: 15px 0;
}

.h4, h4 {
    font-size: 16px;
}

.h5, h5 {
    font-size: 14px;
}

h2.underlined {
    border-bottom: 2px solid lightgray;
    padding-bottom: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
}

a, a:hover, a:focus, a:active, a:visited {
    color: var(--artemis-red);
!important;
}

label {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.container {
    max-width: 90%;
}

.page {
    max-width: 1170px;
    min-height: 570px;
    margin-bottom: 30px;
}

.page-title {
    margin: 20px 0 10px 0;
}

/*Fro main frame*/

.no-padding-r {
    padding-right: 0;
}

.no-padding-l {
    padding-left: 0;
}

.no-padding-t {
    padding-top: 0;
}

.no-padding-b {
    padding-bottom: 0;
}

.no-margin-r {
    margin-right: 0;
}

.no-margin-l {
    margin-left: 0;
}

.no-margin-t {
    margin-top: 0;
}

.no-margin-b {
    margin-bottom: 0;
}

/**************************
 * Font sizes
 *************************/
.f-8 {
    font-size: 8px;
}

.f-9 {
    font-size: 9px;
}

.f-10 {
    font-size: 10px;
}

.f-11 {
    font-size: 11px;
}

.f-11 {
    font-size: 11px;
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-24 {
    font-size: 24px;
}

.f-24 {
    font-size: 24px;
}

.f-36 {
    font-size: 36px;
}

.f-48 {
    font-size: 48px;
}

/*manage border*/
.select2-drop, .select2-drop.select2-drop-above,
.select2-container.select2-drop-above .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-container-multi .select2-choices .select2-search-choice,
.select2-container .select2-choice,
.form-control, button, .btn, .btnn {
    border-radius: 3px;
!important;
}

.navbar {
    margin-bottom: 0;
}


.header.shop .nav li {
    float: left;
}

.header.shop .nav li a {
    padding: 20px 8px;

}

.header.shop .nav li a:focus {
    background-color: inherit
}

.header.shop .search-bar input {
    width: 475px;
}

.content {
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
    background-color: transparent;
!important;
}

.menu-area, .menu-area nav {
    height: 100%;
}

div.logo {
    width: 150px;
    height: auto;
}

/** Orange flare text */
.header.shop .top-left .list-main li i,
.header.shop .list-main li i,
.hero-slider .hero-text h1 {
    color: var(--artemis-red);
}

/** Orange flare background */
.header.shop .nav li.active a,
.header.shop .header-inner,
.header.shop .right-bar .sinlge-bar .single-icon .total-count {
    background-color: var(--artemis-red);
}

.header.sticky .header-inner .nav li a {
    color: white;
}

.header.shop .nav li .dropdown li a:hover,
.header.sticky .header-inner .nav li.active a,
.header.sticky .header-inner .nav li .dropdown li a:hover{
    color: #333;
}

.hero-slider .single-slider {
    height: 440px;
}

.hero-slider .hero-text h1 span {
    /*float: left;*/
    /*background-color: #222222;*/
    /*color: white;*/
    padding: 5px;
    font-size: inherit;
}

.hero-slider .hero-text .btn {
    background-color: var(--artemis-red);
}

.hero-slider .hero-text .btn:hover {
    background-color: #333;
}

.hero-slider .hero-text {
    margin-top: 50px;

}

.header.shop .logo {
    margin: 10px 0 0;
}

.header.shop .nav li .new {
    background-color: black
}

.header.shop .search-bar .btnn {
    background-color: black
}

.header.shop .search-bar .btnn:hover {
    background-color: var(--artemis-red)
}

.btn-danger {
    color: white;
}

.btn-artemis-red {
    background-color: var(--artemis-red);
    color: white;
    z-index: inherit;
}

.btn-bordered-artemis-red {
    border: 2px var(--artemis-red) solid;
    background-color: white;
    color: var(--artemis-red);
}

.btn-bordered-artemis-red:hover {
    background-color: var(--artemis-red);
    color: white;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}

.form-control {
    font-size: inherit;
    min-height: 36px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    padding: 5px 10px;
}

/*
|--------------------------------------------------------------------------
| Variant selector in product details
|--------------------------------------------------------------------------
|
|
*/
.selector {
    cursor: pointer;
}

.colour-selection .selected {
    border: 4px dashed lightgrey;
}

.selection .selected {
    border: 1px dashed royalblue;

}

.selection {
    margin: 10px 15px 0 0;
    min-width: 150px;

}

.selection .btn-group {
    display: block;
}

.selected i.fa {
    position: relative;
    top: 3px;
}

.colour-selector i.fa {
    position: relative;
    top: 8px;
    left: 10px;
}

.selection h4 {
    /*font-size: 14px;*/
    /*font-weight: bold;*/
    /*text-transform: none;*/
    margin-bottom: 5px;
}

/*
|--------------------------------------------------------------------------
| Top nav
|--------------------------------------------------------------------------
|
|
*/

.slicknav_menu .slicknav_icon-bar {
    background-color: var(--artemis-red);
}

.slicknav_nav li:hover a, .slicknav_nav .slicknav_arrow {
    color: var(--artemis-red);
}

.header.shop .nav li .dropdown li:hover a {
    background-color: var(--artemis-red);
    text-decoration: underline;
}

.pagination {
    margin: 15px 0 30px;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover,
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    border-color: darkgray;
}

.pagination > li > a, .pagination > li > span {
    padding: 20px;
}

.product-details h1 {
    margin-top: 20px;
}

.product-price {
    font-weight: bold;
    font-size: 18px;
}

.add-to-cart-btn, .update-cart-item-btn {
    border: 1px #fc466b solid;
    background-color: white;
    color: #fc466b;
    width: 300px;
}

.static-content ul li {
    list-style: inside;
}

.modal {
    z-index: 9999;
}

.modal-header, .modal-footer {
    display: block;
}

.modal-footer {
    padding: 30px 0 0 0;
}

.modal-title {
    font-size: 22px;
}

.modal-footer {
    border: 0;
}

.modal-dialog .modal-content .modal-header .close {
    border: 0;
}

.modal-dialog .modal-content .modal-header .close:hover {
    color: #fff;
    border-color: transparent;
    background: black;
}

.header .shopping .shopping-item {
    top: 30px;
}

.footer-top {
    padding: 20px 0;
}

.footer-top td {
    border: 0;
    padding: 15px;
}

.footer ul,
.footer li,
.footer p,
.footer a {
    color: white !important;
}

.footer h1,
.footer h2,
.footer h3,
.footer h1 a,
.footer h2 a,
.footer h3 a {
    color: var(--artemis-red) !important;
}


.shopping-cart {
    padding-bottom: 100px;
}

.shopping-cart .table td {
    padding: 15px;
}

.shopping-summery thead tr th {
    background-color: lightgrey;
}

.product-name {
    font-size: 1.2em;
    font-weight: bold;
}

.shopping-summery div.form-group span.readonly {
    border: 0;
}

.shopping-summery div.form-group {
    padding-right: 0;
}

.shop-by-section {
    margin-bottom: 30px;
}


.shop-by-section h1 {
    margin-top: 30px;
    font-size: 30px;
}

.product-details table {
    margin: 15px 0;
}


/*
|--------------------------------------------------------------------------
| Marking as favourite in product details
|--------------------------------------------------------------------------
|
|
*/

.is-favourite {
    color: red;
}


.header.shop .main-category li .mega-menu .single-menu .title-link {
    margin: 10px 0;
}

.header.shop .main-category li .mega-menu .single-menu .inner-link {
    margin-top: 10px;
}


.selector.un-available {
    text-decoration: line-through;
}

.selected i.fa {

    color: forestgreen;
    text-shadow: white 1px 1px;
!important;
}

i.selection-checkmark {
    color: forestgreen;
    text-shadow: white 1px 1px;
!important;
}

.selection .selected {
    border: 1px solid forestgreen;
    /*background-color: lightgreen;*/
}

.non-colour-selector {
    background-color: white;
}

/* Datatable tile view*/
.productAlsoAvailableOnDatatableDt tr,
.productAlsoAvailableOnDatatableDt tr td {
    float: left;
    width: 218px;
    height: 240px;
    border: none;
}

.table-hover.productAlsoAvailableOnDatatableDt tbody tr:hover {
    background-color: transparent;
    border: 1px solid #ddd;
}

.productAlsoAvailableOnDatatableDt > tbody > tr > td {
    border: none;
}

.productAlsoAvailableOnDatatableDt thead {
    visibility: hidden;
    display: none;
}

.pagination > li > a, .pagination > li > span {
    padding: 10px;
    /*margin: 5px;*/
}

.also-available-in-container {
    margin: 40px 0 0 0;
}

.image-template-selector {
    padding: 10px;
    width: 130px;
}

.image-template-selector.selected-image-template {
    border: 2px solid forestgreen;
    border-radius: 10px;
    height: 130px;

}

.print-position-badge {
    position: relative;
    top: -40px;
    right: -10px;
}

.form-control {
    padding: 0;
}

.header-inner {
    height: fit-content;
}

.buy-now-btn {
    border: 2px #fc466b solid;
    background-color: white;
    color: #fc466b;
    font-weight: bold;
}


/* Custom color input >>> */
input[type="color"] {
    -webkit-appearance: none;
    padding: 5px;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

input[type="color"]::-webkit-color-swatch {
    border: none;
}

/* <<< Custom color input */

/* Pagination >>> */

.pagination > li > a, .pagination > li > span {

    padding: 12px;
    margin-left: -1px;

    /*border: 2px solid var(--artemis-red);*/
}


/* simple pagination >>> */

/*ul.simple-pagination li span,ul.simple-pagination li a{*/
/*    width: 300px;*/
/*}*/
/* <<< simple pagination */