/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Text Domain: flatsome-child
Version: 3.19.8
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.section-title i {
	opacity: 1;
}
.section-title-normal {
    border-bottom: 2px solid #27ae60;
    background: rgb(236, 240, 241);
    span {
    background-color: #27ae60;
    color: #fff;
    padding: 5px 15px;
    }
}
span.section-title-main {
    float: left;
    background: #27ae60;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
    padding: 5px 15px;
    position: relative;
    padding-right: 8px;
    border-top-left-radius: 3px;
    width: unset;
}
span.section-title-main:after {
    content: '';
    display: block;
    position: absolute;
    border: solid 25px transparent;
    border-left-color: #27ae60;
    right: -49px;
    top: 0;
}
p.product-section-title.container-width.product-section-title-related.uppercase {
    border-bottom: 2px solid #27ae60;
	border-top: 0!important;
	background: rgb(236, 240, 241);
}
.product-section-title-related span {
    background: #27ae60;
    color: #fff;
    font-size: 20px;
	font-weight: 600;
    line-height: 48px;
    padding: 12px 15px;
    position: relative;
    padding-right: 8px;
    border-top-left-radius: 3px;
    width: unset;
}
.product-section-title-related span:after {
    content: '';
    display: block;
    position: absolute;
    border: solid 25px transparent;
    border-left-color: #27ae60;
    right: -49px;
    top: 0;
}
.widget {
    border: 1px solid #ecf0f1;
    border-radius: 0 0 15px 15px;
    .is-divider {
        margin-top: 0;
        max-width: 100%;
        color: #ecf0f1;
        background-color: #ecf0f1;
    }
    ul {
        padding: 0px 15px;
    }
}
span.widget-title {
    display: block;
    width: 100%;
    background: #27ae60;
    color: #ffffff;
    padding: 15px;
}
.product-small {
    .col-inner {
        border: 1px solid #ecf0f1;
        border-radius: 5px;
    }

}
.has-hover .bg, .has-hover [class*=image-] img {
    border-radius: 5px 5px 0 0;
}
.term-description {
    margin-top: 50px;
	ul {
		li {
			list-style: square;
			margin-left: 20px;
		}
	}
	ol {
		li {
			margin-left: 20px;	
		}
	}
}
.box-text.box-text-products {
    padding: 15px;
}
p.name.product-title.woocommerce-loop-product__title {
    padding-bottom: 5px;
    font-weight:  600;
}
.badge-container {
    margin-top:  15px;
    .badge {
        font-size: 12px;
        height: 2.0em;
    }
    .badge-circle {
        margin-left: 15px;
        .badge-inner {
            padding: 0px 5px;
        }
    }
}

table { 
	th {
		border: 1px solid #222!important;
		background: #f2f2f2;
	}
	td {
		border: 1px solid #222;
		padding: 5px!important;
	}
}
#content {
	ol ol, ol ul, ul ol, ul ul {
    margin-left: 1.5em!important;
} 
}

.message-wrapper {
    display:none!important;
}

.updated:not(.published) {
    display: inline;
}

.cta-block {
	display:block;
	width: 100%;
	background: #FFF9E5;
	padding: 25px;
	border-radius: 10px;
	margin: 30px auto;
}
/*CSS CTA button*/
.call-to-action {
    position: fixed;
      margin: auto;
      right: 0;
      z-index: 9999;
      box-shadow: 1px 1px 5px #ccc;
      padding: 15px 10px;
      border-radius: 10px 0 0 10px;
      top: 35%;
      background-color: #fff;
      text-align: center;
      font-size: 12px;
      color:#fff;
      text-align: center;
  }
  .call-to-action li a {
    color: #222!important;
  }
  .call-to-action li {
    list-style: none;
    display: inline;
  }
  .call-to-action li p {
    margin-bottom: 10px;
  }
  .call-to-action img {
    width: 38px;
    height: 38px;
	border-radius: 100%;
  }
  
  .call-to-action img.image-animation {
    animation: flip-horizontal 2s cubic-bezier(0.5, 0.030, 0.515, 0.955) 3s infinite both;
  }
  
  @keyframes flip-horizontal {
    0% {
      transform: scaleX(1);
    }
    50% {
      transform: scaleX(-1);
    }
    100% {
      transform: scaleX(1);
    }
  }
  
.goilai-cls p {
    margin-bottom: 5px;
	font-size: 12px;
}
.goilai-cls .super-shortcode.super_three_fifth.super-column.column-number-1.grid-level-0.first-column {
    width: 70% !important;
}
.goilai-cls .super-shortcode.super_two_fifth.super-column.column-number-2.grid-level-0 {width: 29% !important;float: left;margin-left: 1%;}
.goilai-cls form, .goilai-cls .super-shortcode.super-field.super-text.super-ungrouped {
    margin-bottom: 0 !important;
}

.goilai-cls {
    padding: 4px 10px;
    background: #FFF6DA;
    border: 1px solid #F4D793;
    border-radius: 5px;
    .super-shortcode-field {
        border-radius: 3px !important;
    }
    .valid-invalid-message:before {
        content: "* "
    }
    .button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
        border-radius: 0 5px 5px 0;
    }
    .flex-row.formsdt {
        align-items: flex-end;
    }
    .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
        border-radius:  5px 0 0 5px;
    }
    .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
        font-size: 14px;
    }
}

.section-title a {
	font-size: 16px;
}
p.related-title {
	font-size: 18px;
	font-weight: 600;
}
.relatedpost img {
	border-radius: 5px;
}

div#ez-toc-container {
	margin: 50px 0;
}

.tuvan-section {
	input[type=submit].button {
		background: #286f46!important;
	}
}

span.amount.contact {
	color: #e74c3c!important;
}
.product-category {
	p.header-title {
		font-weight: 600;
	}
}
h3.name.product-title.woocommerce-loop-product__title {
	font-size: 16px;
}

.related-post-box,.related-block{
	margin:30px auto;
	padding:10px;
    border-left:3px solid #FA812F;
	background:#FFF9E5;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
span.section-title-main {
		font-size: 18px; !important;
	}
/*Call to action*/
.call-to-action {
    transform: none;
    z-index: 9999;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    border-radius: 0;
    top: unset;
    bottom: 0;
    background-color: #fff;
    box-shadow: 1px 1px 5px #ccc;
  }
  .call-to-action li {
    display: block;
    width:33%!important;
    float:left;
    margin-bottom:0
  }
  .call-to-action li p {
    margin-bottom: 0;
  }
  .call-to-action li a {
    color: #222!important;
  }
  .call-to-action img {
      margin-right: 0;
  }

}




/* Ngày cập nhật trang chính sách */
.omnix-last-update{
    padding-bottom:15px;
    border-bottom:1px solid #e5e5e5;
    font-size:15px;
    color:#666;
    line-height:1.8;
}

.omnix-last-update strong{
    color:#333;
    font-weight:700;
}

/* Khoảng cách tới nội dung */
.omnix-update-spacing{
    height:30px;
}