/*
Theme Name: Midar & Marchinde
Description: This is a child theme for Flatsome Theme
Author: Marchinde
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/**** CSS Style Hiển thị ảnh sản phẩm tại trang thanh toán ***/
.isures-image--review {
    float: left;
    margin-right: 8px;
    border-radius: 5px;
}

/**** END CSS Style Hiển thị ảnh sản phẩm tại trang thanh toán  ***/

/**** CSS Marchine Notification ***/
<style>
.alert-num {
    background: #ff0000;
    color: #fff;
    padding: 3px 7px;
    border-radius: 100%;
    font-size: 11px;
	font-weight: bold;
    position: absolute;
    top: 0;
    right: -2px;
}
.menu-hide {
    display: none;
}
</style>

/**** End CSS Marchine Notification ***/

/**** Center caption image ***/
.wp-block-image .aligncenter {
    text-align: center;
}
/**** End Center caption image ***/

/**** Center caption image ***/
.section-design .accordion-item .accordion-title, .div-cau-hoi .accordion-item .accordion-title {
  position: relative;
  height: 58px;
  border: solid 1px #c6ebde;
  border-radius: 10px;
  line-height: 58px;
  padding-right: 40px;
  padding-left: 15px;
  background: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 7px;
  cursor: pointer;
}
/**** End Center caption image ***/

.accordion .toggle {
    display: none;
}
#accordion-1899246978 {
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.24);
  border-radius: 20px;
  margin-bottom: 20px;
}
#accordion-2576799511 {
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.24);
  border-radius: 20px;
  margin-bottom: 20px;
}
#accordion-1318810196 {
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.24);
  border-radius: 20px;
  margin-bottom: 20px;
}


/**** Css noi dung an ***/
.noidungan{
  width: auto;
  height: auto;
  text-align: center;
  color: white;
  background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: button-gradient 10s ease infinite;
  padding: 10px;
  border-radius: 10px;
  margin: 0 auto;
}
/**** End Css noi dung an ***/

/**** Css noi dung an VIP ***/
.noidunganvip{
  width: auto;
  height: auto;
  text-align: center;
  color: white;
  background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: button-gradient 10s ease infinite;
  padding: 10px;
  border-radius: 10px;
  margin: 0 auto;
}
/**** End Css noi dung an ***/


/**** Css noi dung an SVIP ***/
.noidungansvip{
  width: auto;
  height: auto;
  text-align: center;
  color: white;
  background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: button-gradient 10s ease infinite;
  padding: 10px;
  border-radius: 10px;
  margin: 0 auto;
}
/**** End Css noi dung an SVIP ***/

/**** Css noi dung an Admin ***/
.noidunganadmin{
  width: auto;
  height: auto;
  text-align: center;
  color: white;
  background-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  animation: button-gradient 10s ease infinite;
  padding: 10px;
  border-radius: 10px;
  margin: 0 auto;
}
/**** End Css noi dung an Admin ***/


/**** Css Breadcrumb ***/
.breadcrumbs{
	margin-bottom: 5px;
	background: white;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #ef0b0b;
	width: auto;
	box-shadow: 0px 0px 2px 2px #eeeeee;
	font-size: 80%;
	
}
/**** End Css Breadcrumb ***/
/**** Css AIO Table of contents ***/
.wp-block-aioseo-table-of-contents {
	margin-bottom: 5px;
	margin-top: 25px;
	background: white;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #bbbbbb;
	width: 100%;
	font-size: 90%;
	border-left: 3px solid blue;
}
/**** Css AIO Table of contents ***/

/**** Css Button Gradiant ***/
.mabuttongradiant {
	position: relative;
	margin: 300px auto 0;
	width: 500px;
	height: 250px;
	background: linear-gradient(0deg, #000, #272727);
}

.mabuttongradiant:before, .mabuttongradiant:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.mabuttongradiant:after {
	filter: blur(50px);
}
/**** END Css Button Gradiant ***/

/****CODE Tag End Post Flatsome ***/
.tags-thongtin {
    display: flex;
}
div#tags-posts a {
    visibility: visible;
    background: #00adef;
    color: #fff;
    margin-bottom: 1px;
    padding: 0px 5px;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 7px;
}
div#tags-posts a:hover {
    color: #00adef;
    border: 1px solid;
    background-color: #ffffff;
}
div#tags-posts {
    padding-bottom: 15px;
    visibility: hidden;
    margin-left: -20px;
    margin-top: -2px;
}
/**** END CODE Tag End Post Flatsome ***/

/**** CSS bài viết liên quan - bài viết cùng catergorys ***/
.tags-thongtin {
padding: 8px 35px 8px 36px;
margin: 20px 0;
text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #BCE8F1;
border-radius: 4px;
background-color: #D9EDF7;
}

.relatedcategory {
padding: 8px 35px 8px 36px;
margin: 20px 0;
text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #BCE8F1;
border-radius: 4px;
background-color: #D9EDF7;
}

.relatedposts {
padding: 8px 35px 8px 36px;
margin: 20px 0;
text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
border: 1px solid #BCE8F1;
border-radius: 4px;
background-color: #D9EDF7;
}
/**** END CSS bài viết liên quan - bài viết cùng catergorys ***/


/**** CSS Border Shadow Mobile Sticky ***/
.mybordershadow {
  border-radius: 28px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
/**** END CSS Border Shadow Mobile Sticky ***/

/**** CSS Lightbox Popup transparent ***/
#popup-contact-company {
  background: #f000;
}
#popup-contact-studio {
  background: #f000;
}
#popup-contact-build {
  background: #f000;
}
#popup-contact-store {
  background: #f000;
}
#popup-contact-more {
  background: #f000;
}
.mfp-close {
  display: none;
}
.lightbox-content {
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0);
}
	
/**** END CSS Lightbox Popup ***/

/**** CSS Accordion ***/
.faq-accordion a.accordion-title {
 border:none;
 font-weight:600;
 background-color:white!important;
 border-radius:12px;
 margin-bottom:10px;
 padding:20px 20px 20px 20px;
}
.faq-accordion .icon-angle-down:before {content:"";}
.faq-accordion span:after {
 content:"+";
 position:relative;
 float:right;
 top:-6px!important;
 font-weight:500;
 font-size:24px;
 text-align:right!important;
 color:#0552ff;
}

/**** END CSS Accordion ***/
	
/**** CSS Banner Backdrop notification homescreen ***/
.sub-menu.nav-dropdown {
  background: transparent;
}
.nav-dropdown-has-border .nav-dropdown {
  border: 0px solid #ddd;
}
/**** CSS Banner Backdrop notification homescreen ***/

.back-to-top  {
  margin-bottom: 80px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
}