/*
Theme Name: mos
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.hdevvn-show-cats{
  border: none !important;
}
span.hdevvn-show-cats li{
  display: block;
  width: auto;
  float: left;
  margin: 0 8px;
}
span.hdevvn-show-cats li a{
  font-size: 11px;
  background: none;
  color: #000;
}

#wide-nav > .flex-row > .flex-left {
    max-width: 325px;
    min-width: 325px;
}

.color-title .section-title-normal {
	background: #fff;
	padding-right: 10px;
	border-bottom: none;
}
.color-title .section-title-normal span.section-title-main {
    margin-bottom: 0;
    background: #e21a22;
    color: #ffff;
    padding: 5px 15px;
    /* border-bottom: 0; */
    position: relative;
    display: block;
}
.color-title .section-title a {
    font-size: 13px;
    font-weight: 300;
    background: #e21a22;
    padding: 2px 10px;
    border-radius: 4px;
    color: #fff;
}
.color-title .section-title-normal span.section-title-main:after {
	content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 22px;
    bottom: 0;
    right: -24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 24px solid #e21a22;
    z-index: 1;
}
span.amount {
	color: #97c73f;
}

.row-sp .box.product-small, .related .box.product-small {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    background: white;
    padding: 10px;
}

.row-sp .box.product-small img, .related .box.product-small img {
    border: 1px solid #f1f1f1;
    border-radius: 10px;
}

#mega-menu-wrap {
		background: #f2cb8d;
}
#mega-menu-title {
		color: #000;
}
#wide-nav > .flex-row > .flex-left {
		max-width: 205px;
		min-width: 205px;
}
.absolute-footer {
		padding: 0;
}
.sf-menu ul li.top-item a {
    font-weight: bold;
    color: blue;
		text-transform: uppercase;
}
span.amount {
    color: #e21a22;
    font-weight: bold;
    font-size: 17px;
}
a {
	color: #000;
}
.dknbt input[type="submit"] {
    background: #fff;
    color: red;
}
.header-button-1 a {
	color: red;
    background-color: #f2cb8d !important;
    font-size: 20px;
    line-height: 1em;
    padding-bottom: 0;
    min-height: auto;
}
#mega_menu a:hover, #mega_menu li.sfHover>a {
	color: blue;
}
.sf-vertical.sf-arrows li:hover>.sf-with-ul:after {
	border-left-color: blue;
}
.small-title .product-category h5 {
	text-transform: none !important;
	letter-spacing: 0;
}
.small-title .product-category .box-text {
	min-height: 59px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.small-title .product-category h5 {
		font-weight: normal !important;
		font-size: 0.8em;
	}
	.color-title .section-title-normal span.section-title-main:after {
		border-top: 17px solid transparent;
		border-bottom: 19px solid transparent;
		top: 19px;
	}
}