.navbar {
	background-color: #25304D;
	color: white;
}

.navbar-brand {
	color: white;
}

.intro-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

p {
	margin-block-start: 0em;
	margin-block-end: 0em;
}

.product-container {
	height: 550px;
	overflow:hidden;
	max-width: 300px!important;
}

.card-footer {
	position: relative;
	bottom: 0px;
}

.product-name-compact {
	height: 120px;
}

.product-info-section {
	min-height: 80vh;
}

body{
    margin-top:20px;
    font-family: Figtree, sans-serif;
    min-width: 385px;
}
select.form-control:not([size]):not([multiple]) {
    height: 44px;
}
select.form-control {
    padding-right: 38px;
    background-position: center right 17px;
    /* background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNv…9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K); */
    background-repeat: no-repeat;
    background-size: 9px 9px;
}
.form-control:not(textarea) {
    height: 44px;
}
.form-control {
    padding: 0 18px 3px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    background-color: #fff;
    color: #606975;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.shopping-cart,
.wishlist-table,
.order-table {
    margin-bottom: 20px
}

.shopping-cart .table,
.wishlist-table .table,
.order-table .table {
    margin-bottom: 0
}

.shopping-cart .btn,
.wishlist-table .btn,
.order-table .btn {
    margin: 0
}

.shopping-cart>table>thead>tr>th,
.shopping-cart>table>thead>tr>td,
.shopping-cart>table>tbody>tr>th,
.shopping-cart>table>tbody>tr>td,
.wishlist-table>table>thead>tr>th,
.wishlist-table>table>thead>tr>td,
.wishlist-table>table>tbody>tr>th,
.wishlist-table>table>tbody>tr>td,
.order-table>table>thead>tr>th,
.order-table>table>thead>tr>td,
.order-table>table>tbody>tr>th,
.order-table>table>tbody>tr>td {
    vertical-align: middle !important
}

.shopping-cart>table thead th,
.wishlist-table>table thead th,
.order-table>table thead th {
    padding-top: 17px;
    padding-bottom: 17px;
    border-width: 1px
}

.shopping-cart .remove-from-cart,
.wishlist-table .remove-from-cart,
.order-table .remove-from-cart {
    display: inline-block;
    color: #ff5252;
    font-size: 18px;
    line-height: 1;
    text-decoration: none
}

.shopping-cart .count-input,
.wishlist-table .count-input,
.order-table .count-input {
    display: inline-block;
    width: 100%;
    width: 86px
}

.shopping-cart .product-item,
.wishlist-table .product-item,
.order-table .product-item {
    display: table;
    width: 100%;
    min-width: 150px;
    margin-top: 5px;
    margin-bottom: 3px
}

.shopping-cart .product-item .product-thumb,
.shopping-cart .product-item .product-info,
.wishlist-table .product-item .product-thumb,
.wishlist-table .product-item .product-info,
.order-table .product-item .product-thumb,
.order-table .product-item .product-info {
    display: table-cell;
    vertical-align: top
}

.shopping-cart .product-item .product-thumb,
.wishlist-table .product-item .product-thumb,
.order-table .product-item .product-thumb {
    width: 130px;
    padding-right: 20px
}

.shopping-cart .product-item .product-thumb>img,
.wishlist-table .product-item .product-thumb>img,
.order-table .product-item .product-thumb>img {
    display: block;
    width: 100%
}

@media screen and (max-width: 860px) {
    .shopping-cart .product-item .product-thumb,
    .wishlist-table .product-item .product-thumb,
    .order-table .product-item .product-thumb {
        /* display: none */
    }
}

.shopping-cart .product-item .product-info span,
.wishlist-table .product-item .product-info span,
.order-table .product-item .product-info span {
    display: block;
    font-size: 13px
}

.shopping-cart .product-item .product-info span>em,
.wishlist-table .product-item .product-info span>em,
.order-table .product-item .product-info span>em {
    font-weight: 500;
    font-style: normal
}

.shopping-cart .product-item .product-title,
.wishlist-table .product-item .product-title,
.order-table .product-item .product-title {
    margin-bottom: 6px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 500
}

.shopping-cart .product-item .product-title>a,
.wishlist-table .product-item .product-title>a,
.order-table .product-item .product-title>a {
    transition: color .3s;
    color: #374250;
    line-height: 1.5;
    text-decoration: none
}

.shopping-cart .product-item .product-title>a:hover,
.wishlist-table .product-item .product-title>a:hover,
.order-table .product-item .product-title>a:hover {
    color: #0da9ef
}

.shopping-cart .product-item .product-title small,
.wishlist-table .product-item .product-title small,
.order-table .product-item .product-title small {
    display: inline;
    margin-left: 6px;
    font-weight: 500
}

.wishlist-table .product-item .product-thumb {
    display: table-cell !important
}

@media screen and (max-width: 576px) {
    .wishlist-table .product-item .product-thumb {
        /* display: none !important */
    }
}

.shopping-cart-footer {
    display: table;
    width: 100%;
    padding: 0px 0;
}

.shopping-cart-footer>.column {
    padding: 2px 0;
}

.shopping-cart-footer>.column:last-child {
    text-align: right
}

.shopping-cart-footer>.column:last-child .btn {
    margin-right: 0;
    margin-left: 15px
}

@media (max-width: 768px) {
    .shopping-cart-footer>.column {
        display: block;
        width: 100%
    }

    .shopping-cart-footer>.column .btn {
        width: 100%;
        margin: 12px 0 !important
    }
}

.coupon-form .form-control {
    display: inline-block;
    width: 100%;
    max-width: 235px;
    margin-right: 12px;
}

.form-control-sm:not(textarea) {
    height: 36px;
}

.breadcrumb-container, .breadcrumb-container-mobile {
	padding-top: 20px;
	margin-left: 20px;
	font-size: 0.7em;
}
.breadcrumb-container-mobile {
	font-size: 0.9em;
	color: blue;
}

.breadcrumb-container-mobile > nav > ol > li>a {
	color: blue;
	text-decoration: none;
}
.breadcrumb-container-mobile > nav > ol > li>a:hover {
	color: blue;
	text-decoration: underline;
}

.breadcrumb-container > nav > ol > li>a {
	color: black;
	text-decoration: none;
}
.breadcrumb-container > nav > ol > li>a:hover {
	color: blue;
	text-decoration: underline;
}
.breadcrumb-container-mobile {
	display: none;
}

@media (max-width: 768px) {
	.breadcrumb-container {
		display: none;
	}
	.breadcrumb-container-mobile {
		display: block;
	}
}

@media screen and (min-width: 1400px) {
	.breadcrumb-container {
		margin-left: 80px;
	}
}

.btn-success:hover {
	box-shadow: green 0px 0px 0px 2px;
}

.btn-outline-secondary:hover {
	border: 1px solid rgb(140 155 255);
	box-shadow: gray 0px 0px 0px 2px;
}

.btn-primary:hover {
	border: 1px solid rgb(140 155 255);
	box-shadow: #3169db 0px 0px 0px 2px;
}

/* Base alert style */
.alert2 {
  padding: 10px 16px 10px 40px;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  position: relative;
  border: 1px solid transparent;
  color: #333;
  margin-top:20px;
}

/* Icon styling */
.alert2::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
}

/* Success alert - greenish */
.alert2-success {
  background-color: #e6f4ea;
  border-color: #b7d8b7;
  color: #2e5630;
}
.alert2-success::before {
  content: "✔"; /* check mark */
  color: #2e5630;
}

/* Error alert - reddish */
.alert2-warning {
  background-color: #f9e6e8;
  border-color: #e0b4b8;
  color: #5f2126;
}
.alert2-warning::before {
  content: "✖"; /* cross mark */
  color: #5f2126;
}

/* Info alert - bluish */
.alert2-info {
  background-color: #e8f0f7;
  border-color: #b8cfe4;
  color: #28435d;
}
.alert2-info::before {
  content: "ℹ"; /* info symbol */
  color: #28435d;
}