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

/*************** ADD CUSTOM CSS HERE.   ***************/
p {
 margin: 20px 0;
}
.nav-dropdown-default {
 padding: 10px;
}
.nav-dropdown-default .nav-column li > a,
.nav-dropdown.nav-dropdown-default > li > a {
 color: #fff;
 font-size: 15px;
}
.nav-dropdown.nav-dropdown-default li:hover a {
 color: #222 !important;
}
.header-top .header-block .header-block-block-1 {
 position: absolute;
 top: 0;
 width: 600px !important;
 right: 0;
}
.header-top .header-block .header-block-block-1 .icon-box {
 width: fit-content;
 background-color: #39466d;
 padding: 5px 10px;
 margin-left: 1em;
 border-radius: 0 0 10px 10px;
 min-height: 40px;
 float: right;
}
.has-transparent .nav > li > a:hover,
.has-transparent .nav > li.active > a,
.has-transparent .nav > li.current > a,
.has-transparent .nav > li > a.active,
.has-transparent .nav > li > a.current {
 color: #fcc83a !important;
}
.header-top {
 height: 0;
 min-height: 0 !important;
}
.header-main .flex-right {
 margin-top: 2em;
}
.stuck .header-main .flex-right {
 margin-top: 0;
}
ul.lang_switcher {
 list-style: none;
 display: inline;
}
ul.lang_switcher li {
 display: inline-block;
 margin-left: 0;
 margin-bottom: 0;
}
ul.lang_switcher li a {
 color: #283b91;
 text-transform: uppercase;
 font-size: 0.85em;
}

.footer-wrapper .is-divider {
 display: block;
}
.footer-wrapper .ux-menu-link__link {
 min-height: 2em !important;
 padding: 0;
}
.is-divider,
.absolute-footer {
 display: none;
}
.header.transparent .header-wrapper {
 background: rgba(0, 143, 209, 90%);
}
.home_featured .icon-box-text {
 background-color: #00a650;
 padding: 10px;
 padding-top: 2em;
 transition: all 0.3s ease-in-out;
}
.home_featured .icon-box-center .icon-box-img {
 margin: 0 auto -1.3em;
}
h2.section-title-center span,
h2.section-title-normal span {
 border-bottom: 2px solid #00a650;
 padding: 0.3em 0.5em;
 border-color: #00a650s !important;
}
h2.section-title-normal {
 border-bottom: none !important;
}
h2.section-title-center b,
h2.section-title-normal b {
 opacity: 0;
}
.home_product .flickity-page-dots .dot.is-selected {
 background-color: #fcc83a;
}
.home_product .product-title {
 font-weight: 700;
}
.row-slider .flickity-page-dots .dot {
 width: 13px;
 height: 13px;
}
.home_news .post-item .box-text {
 min-height: 200px;
}
aside.widget .widget-title {
 background-color: #00a650;
 color: #fff;
 padding: 10px 20px;
 margin-bottom: -20px;
}
aside.widget ul,
aside.widget .textwidget {
 border: 2px solid #00a650;
 padding: 10px;
}

.button.secondary:not(.is-outline) {
 color: #39466d;
}
.img-ft {
 border-right: 2px solid #fff;
}
.contact_form .caldera-grid .row {
 margin-bottom: 1em;
}
.caldera-grid .form-group {
 margin-bottom: 0 !important;
}
.caldera-grid input {
 height: 49px !important;
}
.caldera-grid input.button {
 color: #fff;
 font-weight: 700;
}
.caldera-grid .col-sm-8,
.caldera-grid .col-sm-4 {
 padding: 0 !important;
}
.product-small .box-image {
 background-color: #e7e7e7;
}
.product-small .box-image img {
 padding: 0px;
}
.product-small .box-text p {
 font-size: 1.3em;
 font-weight: 700;
}

.info-float-text span {
 position: absolute;
 right: -125px;
 top: 145px;
 line-height: 1em;
 font-size: 135px;
 font-weight: 700;
 background: #fff;
 letter-spacing: -0.05em;
 text-align: center;
 color: black;
 transform: rotate(90deg);
 -webkit-text-fill-color: #ffffff;
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: #d8d1d1;
 text-shadow: 0 15px 10px rgb(0 0 0 / 5%);
 opacity: 0.5;
}
.tth-title-line {
 letter-spacing: 8px;
 border-bottom: solid;
 display: inline;
 border-width: 5px;
 border-bottom-style: groove;
 border-color: #00a650;
}
.content-cl-1 {
 padding: 20px 0;
 font-weight: 600;
 text-transform: uppercase;
 font-size: 40px;
 line-height: 40px;
 color: #00a650;
 text-shadow: 0px 3px 5px #ccc;
}
.tth-tittle-sub p {
 font-size: 20px;
 padding: 10px 0;
}
.sec-gt .img-gt {
 border: 10px solid #ffffff;
 box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}
a.cn-button {
 display: inline-block;
 position: relative;
 font-size: 18px;
 line-height: 27px;
 color: #ffffff;
 font-weight: 400;
 padding: 15px 41px 15px;
 background-color: #00a650;
 overflow: hidden;
 text-transform: capitalize;
 transition: all 300ms linear;
}
a.cn-button:hover {
 color: #24262d;
 -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
 -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
}
a.cn-button:before {
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 100%;
 content: "";
 background-color: #ffffff;
 -webkit-transform: scale(0, 1);
 -ms-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: top right;
 -ms-transform-origin: top right;
 transform-origin: top right;
 -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
 -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
 -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
 transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
 -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
 -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
 -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
 transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
a.cn-button:hover span {
 position: relative;
 color: #222222;
}
a.cn-button:hover:before {
 -webkit-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 transform: scale(1, 1);
 -webkit-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 transform-origin: bottom left;
}
.home_featured .section-bg {
 background-attachment: fixed;
}
.home_featured .icon-box-text:hover {
 background: #fff;
}
.home_featured .icon-box-text:hover h4,
.home_featured .icon-box-text:hover p {
 color: #222;
}
.sec-service .box-image {
 border: 10px solid #ffffff;
 box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}
.home_featured .content-cl-1 {
 color: #fff;
}
.text-product p {
 font-size: 20px;
}
.sec-service:before {
 content: "";
 background: url(http://baobichauhung.com/wp-content/uploads/2022/04/wrapper-section-01.png);
 bottom: -35%;
 left: 0;
 width: 100%;
 height: 70%;
 position: absolute;
}
.info-blog .box-text {
 padding: 15px 20px;
 background-color: rgba(255, 255, 255, 0.95);
 max-width: 85%;
 margin: -15% auto 0;
}
.info-blog .box-image {
 border: 10px solid #ffffff;
 box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}
.copyright-footer a:hover {
 color: #00a650;
}
.flickity-prev-next-button {
 opacity: 1;
 width: 80px;
 color: #00a650;
}
i.icon-menu {
 color: #222;
}

a#top-link {
 background: #00a650;
 border: 1px solid #00a650;
 color: #fff;
 font-size: 23px;
 right: 10px;
}
.nav-dropdown > li > a {
 color: #222;
}
.nav-dropdown > li.nav-dropdown-col {
 display: block;
}
.nav-dropdown {
 border: 1px solid #ddd;
 padding: 0;
}
.nav-dropdown .nav-dropdown-col > a,
.nav-dropdown li a {
 font-weight: 500;
}
.nav-dropdown .nav-dropdown-col > ul li:hover {
 background: #db0000;
}
.nav-dropdown-default > li:hover > a,
.nav-dropdown .nav-dropdown-col > ul li:hover > a {
 color: white;
}
.nav-dropdown-default > li:hover {
 background: #00a650 !important;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
 border-width: 10px;
 margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col ul {
 margin-top: -40px;
 display: none;
 position: absolute;
 left: 100%;
 z-index: 9;
 background: rgba(0, 166, 80, 0.81);
 min-width: 240px;
}
.nav-dropdown > li.nav-dropdown-col {
 width: 100%;
 border-right: 0;
}
.nav-dropdown .nav-dropdown-col > ul li a {
 padding: 10px;
 text-transform: none;
 color: #fff;
}
.header-nav li.nav-dropdown-col:hover > ul {
 display: block !important;
}

.header-nav li.nav-dropdown-col .nav-dropdown-default li:hover > ul {
 display: block !important;
}
ul.product-categories a {
 text-transform: uppercase;
}
ul.children li:hover {
 background: #00a650;
 padding: 0 10px;
}
.widget > ul > li ul {
 border-left: 2px solid #00a650;
}
.textwidget p {
 text-transform: uppercase;
}
.fb_dialog_content iframe {
 bottom: 100px !important;
 right: 0 !important;
}
.pluginSkinLight ._94ve {
 bottom: 80px !important;
}
@media only screen and (max-width: 48em) {
 /*************** ADD MOBILE ONLY CSS HERE  ***************/

 .content-cl-1 {
  font-size: 32px;
 }
 .info-float-text span {
  display: none;
 }
}