:root {
--font-size-body: 110%;
--font-size-title: 120%;
--secondary-color: #139694;
--d-gradient : radial-gradient(108.15% 5708.45% at 100% 100%, #FFEAA2 0%, #DEB05E 22.4%, #FCE3A3 48.96%, #FFECA7 75.52%, #DEB05E 96.87%);
--d-textg: radial-gradient(108.15% 5708.45% at 100% 100%, #FFEAA2 0%, #DEB05E 22.4%, #FCE3A3 48.96%, #FFECA7 75.52%, #DEB05E 96.87%);
} @font-face {
font-family: 'SVNFutura';
src: local('SVNFutura Font'),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaBook.woff2) format("woff2"),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaBook.woff) format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'SVNFutura Bold';
src: local('SVNFutura Bold Font'),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaDemiBold.woff2) format("woff2"),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaDemiBold.woff) format("woff");
font-style: normal;
font-weight: 700;
} @font-face {
font-family: 'SVNFutura Heavy';
src: local('SVNFutura Heavy Font'),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaHeavy.woff2) format("woff2"),
url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/fonts/SVN-FuturaHeavy.woff) format("woff");
font-style: normal;
font-weight: 700;
}
body {
font-family: 'SVNFutura';
font-size: var(--font-size-body);
}
.from_the_blog_comments,
.post_comments {
display: none;
}
.dark, .dark p, .dark td {
color: #fff;
} .homepage-menu a > svg {
display: none;
}
ul.header-nav > li > a {
font-family: 'SVNFutura Heavy';
letter-spacing: -0.8px
}
.nav-spacing-xlarge > li {
margin: 0 8px;
}
.nav-dropdown.dropdown-uppercase > li > a {
font-size: .8em;
letter-spacing: -0.2px;
}
.header.transparent .header-main {
background: linear-gradient(to bottom, rgba(6,41,67,1) 0%, rgba(255,255,255,0) 100%) !important;
}
.nav-dropdown>li.nav-dropdown-col{
display:block
}
.nav-dropdown{
min-width: 230px;
}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{
font-weight:normal !important;
font-size:15px; font-weight:500
}
.nav-dropdown .nav-dropdown-col>ul li:hover{
background: var(--secondary-color)
}
.nav-dropdown-default>li:hover>a,
.nav-dropdown .nav-dropdown-col>ul li:hover>a{
color:white
}
.nav-dropdown-default>li:hover{
background:#fbae3c
}
.nav-dropdown-default>li>a{
border-bottom:0 !important
}
.nav-dropdown-has-arrow li.has-dropdown:before{
border-width: 10px;
margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col>ul{
border: 1px solid var(--secondary-color);
margin-top: -40px;
box-shadow: 1px 1px 5px #828282;
display:none;position: absolute;
left: 100%;
z-index: 9;
background: white;
min-width: 240px;
}
.nav-dropdown .nav-dropdown-col>ul li:not(:first-child) {
border-top: 1px solid #333;
}
.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:black
}
.header-nav li.nav-dropdown-col:hover >ul{
display:block !important
}
.off-canvas-left .mfp-content {
background-color: #fff;
}
.mfp-content .nav > li > a,
.mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > a {
color: #333;
letter-spacing: -0.4px;
}
.nav-vertical > li > ul li a {
text-transform: uppercase;
}
.nav-slide-header {
padding: 0px 5px;
}
.nav-slide-header button {
color: var(--secondary-color);
letter-spacing: -0.3px;
}
.sub-menu.nav-sidebar-ul > li:not(:first-child) {
border-top: 1px solid #eee;
} .reweb_landing_menu .menu-item-has-children ul,
.reweb_landing_menu .menu-item-has-children ul .menu-item-has-children ul {
display: none;
position: absolute;
min-width: 200px;
min-height: 100px;
list-style: none;
border: 1px solid var(--secondary-color);
border-top: 4px solid var(--secondary-color);
}
.reweb_landing_menu .menu-item-has-children:hover ul,
.reweb_landing_menu .menu-item-has-children ul .menu-item-has-children:hover ul {
display: block;
}
.reweb_landing_menu .menu-item-has-children ul li {
margin-bottom: 0;
position: relative;
}
.reweb_landing_menu .menu-item-has-children ul li:not(:first-child) {
border-top: 1px solid #333
}
.reweb_landing_menu .menu-item-has-children ul a {
display: block;
padding: 8px 20px;
position: relative;
background-color: #fff;
text-transform: uppercase;
font-size: .9em;
color: #333;
transition: all .2s
}
.reweb_landing_menu .menu-item-has-children ul a:hover{
color: var(--secondary-color)
}
.reweb_landing_menu .menu-item-has-children ul .menu-item-has-children ul {
top: 0;
left: 100%;
}
header.transparent .logo-theaqua {
margin: 0px 0;
transition-duration: 0.3s;
min-width: 146px;
min-height: 75px;
padding: 0px;
position: absolute;
top: 0px;
left: 0px;
padding: 5px 30px 0px 10px
}
header.transparent .theaqua #logo img.header-logo {
padding: 0
}
.header-main.landingreal:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 23.5vh;
min-height: 80px;
background: linear-gradient(180deg, rgba(12, 30, 53, 0) 5%, rgba(7, 25, 48) 150.74%);
transform: rotate(-180deg);
pointer-events: none;
}
header.transparent .landingreal ul.header-nav > li {
margin: 0 15px
}
header.transparent .landingreal ul.header-nav > li > a {
color: #fff;
font-size: 1.1em;
text-transform: uppercase;
font-family: 'SVNFutura';
font-weight: 700;
} .reweb-landing-section.reweb-bg .bg.fill.bg-fill.bg-loaded::after {
content: "";
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);
width: 100%;
height: 300px;
position: absolute;
bottom: 0;
}
.reweb-landing-title .section-title b {
background: #FACD57;
opacity: .8;
}
.reweb-waterpoint-tab.reweb-landing-tab ul.nav-size-xlarge > li.active > a {
background: var(--d-gradient);
color: var(--primary-color)
}
.reweb-waterpoint-tab.reweb-landing-tab ul.nav-size-xlarge > li > a {
border: 2px solid #ffeba7;
color: #f6db90;
padding: 0px 15px;
}
.reweb-partner-info p {
margin-bottom: .2em;
}
.reweb-landing-imagebox {
display: flex;
flex-flow: wrap row;
position: relative;
}
.reweb-landing-imagebox .box-image {
order: 2
}
.reweb-landing-imagebox .box-text {
order: 1
}
.reweb-landing-title h2 {
display: flex;
flex-flow: wrap row;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
.reweb-landing-title h2:before,
.reweb-landing-title h2:after {
content: '';
width: 45px;
height: 1px;
background: #FACD57;
margin-right: 10px;
}
.reweb-landing-title h2:after {
margin-left: 10px;
margin-right: 0;
}
.reweb-landing-title span,
.reweb-landing-title p  {
background: var(--d-textg);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.reweb-landing-tabcontents .reweb-landing-imagebox {
display: none;
}
.reweb-landing-tabcontents .reweb-landing-imagebox.active {
display: block;
}
.reweb-landing-tablinks {
position: absolute;
top: 50%;
left: 15px;
transform: translate(0,-50%);
display: flex;
flex-flow: wrap column;
z-index: 3;
}
.reweb-landing-tablinks a {
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
text-shadow: 1px 3px 3px rgb(0,0,0);
}
.reweb-landing-tablinks a.active {
color: #DEB05E
}
.reweb-landing-tablinks a:hover {
color: #ecc702;
text-shadow: 0px 0px 15px rgb(255, 215, 0);
}
.reweb-waterpoint-tab.reweb-light.reweb-landing-tab ul.nav-size-xlarge > li > a {
color: #00315e;
}
.mobile-nav .nav-icon > a {
color: #fff;
} .reweb-image-border {
border: 2px solid rgb(255, 189, 89);
border-radius: 5px;
}
.reweb-info p {
min-height: 55px;
margin-bottom: 5px;
line-height: 1.6;
}
.reweb-bg:after {
content: '';
background: url(https://waterpointtayninh.vn/wp-content/themes/namlong/wp-content/uploads/2023/08/bg-content.svg) no-repeat;
width: 100%;
height: 100%;
position: absolute;
}
.reweb-tab > .nav {
overflow-y: scroll;
flex-flow: row;
justify-content: space-between;
padding: 10px 0;
}
.reweb-waterpoint-tab.reweb-tab > .nav > li,
.reweb-waterpoint-tab.reweb-tab > .nav > li > a {
margin: 0;
}
.reweb-waterpoint-tab ul.nav-size-xlarge > li.active > a {
color: #fff;
background: #19898a;
}
.reweb-tab > .nav > li > a {
padding: 0 1.2em;
border-radius: 5px;
line-height: 2.5em;
margin: 0 15px;
white-space: nowrap;
}
.reweb-waterpoint-tab ul.nav-size-xlarge > li > a {
color: #19898a;
padding: 10px 20px;
min-width: 300px;
text-align: center;
display: block;
border: 2px solid #19898a;
border-radius: 0;
}
.reweb-waterpoint-tab ul.nav-size-xlarge > li.active > a {
color: #fff;
}
.reweb-waterpoint-tab ul.nav-size-xlarge > li > a {
color: #19898a;
text-align: center;
}
.reweb-gioithieu .wpcf7-form .row > .col {
padding-bottom: 0
}
.reweb-gioithieu .wpcf7-form .wpcf7-submit {
background: var(--secondary-color)
}
.reweb-register-phone a {
margin-bottom: 0
} article .entry-meta {
border-bottom: 0;
}
.col.post-item {
padding-bottom: 0
}
.blog-archive .post-item .box-text {
font-size: 100%;
} 
.blog-archive .post-item .post-title {
font-size: 1.2em
}  #wrapper .blog-featured-title {
background-color: #fff;
text-shadow: none
}
.blog-featured-title .entry-divider,
.blog-featured-title .page-title-bg {
display: none;
}
#wrapper .page-title-inner.dark,
#wrapper .page-title-inner.dark h1,
#wrapper .page-title-inner.dark h6 {
color: var(--primary-color);
margin-bottom: 0;
}
.blog-single {
padding-top: 0;
} .social-icons .button.is-outline {
border-width: 1px;
}
.button i, button i {
top: -1px;
} .widget > ul > li + li, ul.menu > li + li {
border-top: 0
} .section-footer .bg.section-bg::before {
content: "";
background: url(https://waterpointtayninh.vn/wp-content/themes/namlong/wp-content/uploads/2023/08/footer-decord.png) no-repeat left top;
display: block;
width: 100%;
height: 100%;
}
.ux-menu-link .ux-menu-link__link {
min-height: 1.2em;
line-height: 1.2;
text-transform: uppercase;
}
.absolute-footer.dark {
color: #139694;
}
.grecaptcha-badge {
display: none !important;
} .reweb-contact-button {
position: fixed;
bottom: 0;
right: 0;
z-index: 1;
width: 100%;
}
.reweb-contact-button a {
width: 100%;
position: relative;
} 
.reweb-contact-button .icon-box {
align-items: center;
background: #19898a;
padding: 8px 6px;
}
.reweb-contact-button a:not(:first-child) {
border-left: 1px solid #20707d;
}
.reweb-contact-button .icon-box-img {
width: 12px !important
}
.reweb-contact-button .icon-box-left .icon-box-img + .icon-box-text {
padding-left: 1em;
font-size: .8em;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.5px;
}
.reweb-contact-hotline {
display: none;
}
.reweb-contact-hotline .icon-box-text p,
.reweb-contact-button .icon-box-text p {
margin-bottom: 0
}
.reweb-contact-button p {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .hide-for-medium, [data-show="hide-for-medium"] {
display: none !important;
}
p.from_the_blog_excerpt,
.recent-blog-posts a,
.box-text .post-title.is-large a,
.nav-next > a,
.nav-previous > a,
.reweb-contact-hotline  p,
.reweb-contact-button p {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
}
@media (min-width: 850px) {
.show-for-medium, [data-show="show-for-medium"] {
display: block !important;
}
.blog-archive .large-10 {
flex-basis: 100%;
max-width: 100%;
}
.reweb-contact-button a {
height: 55px
}
.reweb-contact-button {
top: 30%;
width: inherit;
}
.reweb-contact-button .icon-box {
position: absolute;
top: 0;
left: calc( 100% - 45px);
transition: all 0.25s;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding: 5px 15px;
width: 200px;
}
.reweb-contact-button .icon-box:hover {
left: calc( 100% - 150px);
}
.reweb-contact-button .icon-box-img {
width: 20px !important;
}
.reweb-contact-hotline {
position: fixed;
bottom: 30px;
left: 30px;
z-index: 1;
display: flex;
}
.reweb-contact-hotline a .icon-box {
align-items: center;
background: #19898a;
padding: 0px 15px;
height: 60px;
}
.reweb-contact-hotline a:first-child .icon-box {
padding: 8px 15px;
}
.reweb-contact-hotline a:not(:first-child) {
border-left: 1px solid #20707d;
}
.reweb-contact-hotline .icon-box .icon-box-img {
margin-bottom: 0
}
.reweb-contact-hotline .text {
color: #fff
}
}
@media only screen and (min-width: 1024px) { .show-for-medium, [data-show="show-for-medium"] {
display: none !important;
}
.hide-for-medium, [data-show="hide-for-medium"] {
display: block !important;
}
.blog-single .large-9 {
flex-basis: 70%;
max-width: 70%;
}
.blog-single .large-3 {
flex-basis: 30%;
max-width: 30%;
} li.has-dropdown > ul {
padding: 0;
border: 1px solid #199795;
border-top: 4px solid #199795;
}
li.has-dropdown > ul > li:not(:first-child) {
border-top: 1px solid #333 !important;
}
li.has-dropdown > ul > li a {
color: #333;
} .box-text .post-title.is-large  {
font-size: var(--font-size-title);
}
.nav-next > a,
.nav-previous > a {
line-height: 1;
} .reweb-tab > .nav {
justify-content: center;
}
header.transparent .theaqua #logo {
padding: 20px 0px 0px 20px;
min-width: 165px;
min-height: 80px;
}
header.transparent .theaqua #logo::after {
width: 235px;
height: 120px;
}
.reweb-landing-imagebox:after {
content: "";
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);
width: 100%;
height: 300px;
position: absolute;
bottom: 0;
z-index: 1;
}
.reweb-landing-imagebox .box-text {
position: absolute;
bottom: 3%;
z-index: 3;
max-width: 960px;
margin: 0 auto;
transform: translate(-50%, 0%);
left: 50%;
}
.reweb-landing-tablinks {
left: 15px;
}
.reweb-landing-tablinks a {
font-size: 1.5em;
}
.reweb-landing-imagebox.active:before {
content: "";
display: block;
width: 400px;
height: 100%;
background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
position: absolute;
z-index: 1;
}
.reweb_landing_menu .menu-item-has-children > a::after,
#reweb_landing_menu_mobile .menu-item-has-children > a::after {
content: "";
font-family: fl-icons !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 1.2;
margin-left: 5px;
}
.reweb_landing_menu .menu-item-has-children ul .menu-item-has-children > a::after,
#reweb_landing_menu_mobile .menu-item-has-children ul .menu-item-has-children > a::after {
content: "";
font-family: fl-icons !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: 400 !important;
line-height: 1.2;
position: absolute;
top: 50%;
left: 90%;
transform: translate(-50%,-50%);
}
header.transparent .theaqua #logo::after {
content: "";
background: url(https://waterpointtayninh.vn/wp-content/themes/namlong/assets/images/logo-bg.svg) no-repeat left top;
position: absolute;
left: 0;
top: 0;
z-index: -1;
background-size: cover;
}
.homepage-menu a svg {
display: block;
}
.homepage-menu a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
max-width: 30px;
padding: 0;
margin: 18px 0 0;
}
}
@media only screen and (min-width: 1080px) {
.nav-spacing-xlarge > li {
margin: 0 12px;
}
.blog-archive .large-10 {
flex-basis: 85%;
max-width: 85%;
}
}
@media only screen and (min-width: 1140px) {
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}