body {
background: #ffffff;
}
body .container-fluid {
max-width: 1400px;
}
body .body-inner {
background: #f2f8f8;
}
p,
ul li,
ol li {
font-size: 18px;
font-family: 'Sarabun', sans-serif, "Arial";
}
ul li b,
ol li b,
ul li strong,
ol li strong,
ul li strong,
ol li em {
font-weight: 700;
}
b,
strong,
em {
font-weight: 700;
font-style: normal;
}
h3,
h4,
h5 {
font-family: "Sarabun", "sans-serif", "Arial";
line-height: 1.2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000000;
}
.italic {
font-style: italic;
}
.color1 {
color: #3f5a35 !important;
}
.color2 {
color: #b0ae46 !important;
}
.color3 {
color: #a56d93 !important;
}
.color4 {
color: #ffd4ac !important;
}
.color5 {
color: #676767 !important;
}
.color6 {
color: #b6d8d8 !important;
}
.back1 {
background-color: #3f5a35 !important;
}
.back2 {
background-color: #b0ae46 !important;
}
.back3 {
background-color: #a56d93 !important;
}
.back4 {
background-color: #ffd4ac !important;
}
.back5 {
background-color: #676767 !important;
}
.back6 {
background-color: #b6d8d8 !important;
}
.skew {
overflow: hidden;
}
.skew:after {
-webkit-transform: skew(-45deg, 0);
-ms-transform: skewX(-45deg) skewY(0);
transform: skew(-45deg, 0);
content: '';
background: #f7f7f7;
width: 100%;
height: 100%;
position: absolute;
left: 44px;
top: 0;
z-index: 99;
}
.skew span {
position: relative;
z-index: 101;
}
article.page-article h1 {
color: #3f5a35;
}
#primary.content-area {
overflow: hidden;
} .no-breadcrumbs .logo {
-o-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 45px 0 #ffffff, 0 53px 0 #a56d93;
-ms-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 45px 0 #ffffff, 0 53px 0 #a56d93;
-moz-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 45px 0 #ffffff, 0 53px 0 #a56d93;
-webkit-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 45px 0 #ffffff, 0 53px 0 #a56d93;
box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 45px 0 #ffffff, 0 53px 0 #a56d93;
}
.home .logo {
-o-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 92px 0 #a56d93;
-ms-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 92px 0 #a56d93;
-moz-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 92px 0 #a56d93;
-webkit-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 92px 0 #a56d93;
box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 92px 0 #a56d93;
position: relative;
width: 100%;
min-height: 70px;
}
.home .logo img {
position: absolute;
left: calc(50% - 93.5px);
top: -20px;
}
.logo {
position: relative;
z-index: 101;
-o-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 23px 0 #ffffff, 0 25px 0 #a56d93;
-ms-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 23px 0 #ffffff, 0 25px 0 #a56d93;
-moz-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 23px 0 #ffffff, 0 25px 0 #a56d93;
-webkit-box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 23px 0 #ffffff, 0 25px 0 #a56d93;
box-shadow: 0 -25px 0 #ffffff, 0 -32px 0 #a56d93, 0 23px 0 #ffffff, 0 25px 0 #a56d93;
margin: 0;
}
.logo a img {
max-height: 161px;
}
.header-social-links li a {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
min-width: 20px;
font-size: 15px;
padding: 7px;
}
.header-social-links li a:hover {
background: transparent;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #b0ae46;
}
header .header-top ul {
padding: 5px 0;
margin: 0;
}
header .header-top ul li {
line-height: 1;
padding: 0 10px;
font-family: "Sarabun", "sans-serif", "Arial";
font-size: 13px;
border-right: 1px solid;
color: #676767;
}
header .header-top ul li:last-child {
border-width: 0;
}
header .header-top .social-wrapper {
position: absolute;
right: 24px;
top: -3px;
}
header .header-top .social-wrapper .header-social-links {
padding: 0;
}
header .header-top .social-wrapper .header-social-links li {
padding: 0 2.5px;
border-width: 0;
}
header .header-top .social-wrapper .header-social-links li a {
-ms-border-radius: 0 0 34px 34px;
-o-border-radius: 0 0 34px 34px;
-webkit-border-radius: 0 0 34px 34px;
-moz-border-radius: 0 0 34px 34px;
border-radius: 0 0 34px 34px;
-o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
color: #ffffff !important;
background: #b0ae46;
padding: 3px 6px 6px;
font-size: 12px;
width: 30px;
height: auto;
min-height: 10px;
}
header .header-top .social-wrapper .header-social-links li a.facebook {
color: #3a5795;
}
header .header-top .social-wrapper .header-social-links li a.twitter {
color: #55acee;
}
header .header-top .social-wrapper .header-social-links li a.google_plus {
color: #d34836;
}
header .header-top .social-wrapper .header-social-links li a.linkedin {
color: #006fa6;
}
header.site-header {
padding: 25px 0;
background-color: #ffffff;
background-repeat: repeat;
background-position: 0 -86%;
background-size: auto auto; max-height: 100%;
border-top: 5px solid #b0ae46;
position: relative;
}
.fixed-header-wrapper {
-o-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) and (min-width: 768px) {
header.site-header {
padding: 10px 0;
}
.home .logo {
-o-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 91px 0 #a56d93;
-ms-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 91px 0 #a56d93;
-moz-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 91px 0 #a56d93;
-webkit-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 91px 0 #a56d93;
box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 69px 0 #ffffff, 0 85px 0 #ffffff, 0 91px 0 #a56d93;
}
.category .logo {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.single .logo {
-o-box-shadow: 0 -10px 0 #ffffff, 0 -15px 0 #a56d93;
-ms-box-shadow: 0 -10px 0 #ffffff, 0 -15px 0 #a56d93;
-moz-box-shadow: 0 -10px 0 #ffffff, 0 -15px 0 #a56d93;
-webkit-box-shadow: 0 -10px 0 #ffffff, 0 -15px 0 #a56d93;
box-shadow: 0 -10px 0 #ffffff, 0 -15px 0 #a56d93;
}
}
@media (max-width: 880px) and (min-width: 768px) {
.home .logo {
-o-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 79px 0 #ffffff, 0 85px 0 #a56d93;
-ms-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 79px 0 #ffffff, 0 85px 0 #a56d93;
-moz-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 79px 0 #ffffff, 0 85px 0 #a56d93;
-webkit-box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 79px 0 #ffffff, 0 85px 0 #a56d93;
box-shadow: 0 -5px 0 #ffffff, 0 -32px 0 #a56d93, 0 79px 0 #ffffff, 0 85px 0 #a56d93;
}
}
@media (max-width: 767px) {
header.site-header {
padding-bottom: 10px;
border-bottom: 1px solid rgba(176, 174, 70, 0.5);
}
header.site-header .global-search {
top: 150px;
left: 5%;
right: 5%;
}
.fixed-header-wrapper .global-search {
top: 65px;
width: calc(100% - 30px);
position: absolute;
}
.fixed-header-wrapper .global-search .form-control {
border: 1px solid #f3f2ee;
}
} .main-navigation {
margin: 14px 0 2px;
}
.main-navigation > .container {
position: relative;
}
.main-navigation .navbar-mainbar {
min-height: 10px;
text-align: center;
}
.main-navigation .navbar-mainbar .navbar-nav > li {
z-index: 102;
border-right: 0 solid #a56d93;
padding: 0;
display: inline-flex;
}
.main-navigation .navbar-mainbar .navbar-nav > li.search {
z-index: 101;
margin-left: 10px;
}
.main-navigation .navbar-mainbar .navbar-nav > li.search a {
-ms-border-radius: 35px;
-o-border-radius: 35px;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
background: #a56d93;
color: #ffffff;
height: 35px;
line-height: 38px;
padding: 0 7px;
width: 35px;
text-align: center;
text-shadow: none;
}
.main-navigation .navbar-mainbar .navbar-nav > li.search a i {
text-shadow: none;
}
.main-navigation .navbar-mainbar .navbar-nav > li.search a:hover i {
color: #ffffff;
text-shadow: none;
}
.main-navigation .navbar-mainbar .navbar-nav > li.search:hover a {
color: #ffffff;
}
.main-navigation .navbar-mainbar .navbar-nav > li:nth-last-child(2) {
border-width: 0;
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item > a,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor > a,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent > a {
color: #a56d93;
text-shadow: none;
font-weight: 700;
position: relative;
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item > a:visited,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor > a:visited,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent > a:visited {
color: #a56d93;
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent > a:after {
content: '';
display: block;
border-width: 5px 10px 0 10px;
border-color: #a56d93 transparent transparent transparent;
border-style: solid;
position: absolute;
bottom: 2px;
right: calc(50% - 10px);
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item.current-menu-parent > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor.current-menu-parent > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent.current-menu-parent > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item.current-menu-ancestor > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor.current-menu-ancestor > a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent.current-menu-ancestor > a:after {
content: none;
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item:hover > a,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor:hover > a,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent:hover > a {
font-weight: 700;
text-shadow: none;
}
.main-navigation .navbar-mainbar .navbar-nav > li > a {
color: #000000;
font-size: 16px;
text-transform: none;
text-shadow: none;
font-weight: 400;
padding: 15px 9px;
}
.main-navigation .navbar-mainbar .navbar-nav > li:hover > a {
color: #8c8a37;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-navigation .navbar-mainbar ul li.menu-item-has-children > .sub-menu {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 15px;
top: 15px;
}
.main-navigation .navbar-mainbar ul li.menu-item-has-children > .sub-menu li {
background: #fbfbfb;
}
.main-navigation .navbar-mainbar ul li.menu-item-has-children > .sub-menu li a {
font-family: "Sarabun", "sans-serif", "Arial";
padding: 8px;
font-size: 15px;
line-height: 1.5;
font-weight: 400;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-navigation .navbar-mainbar ul li.menu-item-has-children > .sub-menu li:hover > a {
font-weight: 400;
text-shadow: none;
}
.main-navigation .navbar-mainbar ul li.menu-item-has-children:hover > .sub-menu {
top: 15px;
border-width: 0;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand {
margin-top: 0;
max-width: 280px;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand .logo {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand .logo img {
max-height: 38px;
}
.main-navigation.fixed .navbar-mainbar .navbar-nav {
margin-top: 0;
top: 0;
}
.main-navigation.fixed .navbar-mainbar .navbar-nav > li a {
padding: 12px 7px;
}
.main-navigation.fixed .navbar-mainbar .navbar-nav > li.search {
top: 2px;
}
.main-navigation.fixed .navbar-mainbar .navbar-nav > li.search > a {
padding: 0 7px;
}
.main-navigation.fixed .navbar-mainbar ul li.menu-item-has-children > .sub-menu {
top: 14px;
padding-top: 21px;
}
.main-navigation.fixed .navbar-mainbar ul li.menu-item-has-children > .sub-menu li a {
padding: 5px;
font-size: 12px;
}
.main-navigation.fixed .navbar-mainbar ul li.menu-item-has-children:hover > .sub-menu {
top: 14px;
}
@media (max-width: 1200px) and (min-width: 768px) {
.home .main-navigation {
top: 20px;
}
.main-navigation {
margin: 0;
position: relative;
clear: both;
}
.category .main-navigation {
margin: 10px 0 0;
clear: both;
}
.category .main-navigation .navbar-mainbar .navbar-nav {
top: 0;
}
.single .main-navigation {
margin: 10px 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.main-navigation.fixed {
top: 0 !important;
margin: 0 !important;
padding: 2px 0 !important;
}
.main-navigation.fixed .navbar-mainbar .navbar-nav > li a {
padding: 15px 5px;
font-size: 12px;
}
}
@media (max-width: 880px) and (min-width: 768px) {
.main-navigation.fixed .navbar-mainbar .navbar-brand {
margin: 0;
max-width: 138px;
}
}
@media (max-width: 828px) and (min-width: 768px) {
.main-navigation.fixed .navbar-mainbar .navbar-header {
width: 100%;
float: none;
}
.main-navigation.fixed .navbar-mainbar .navbar-header .navbar-brand {
margin: 0 auto;
float: none;
}
.main-navigation.fixed .navbar-mainbar .navbar-collapse {
width: 100%;
}
.main-navigation.fixed .navbar-mainbar .navbar-collapse .navbar-nav {
float: none;
}
.main-navigation.fixed .navbar-mainbar .navbar-collapse .navbar-nav > li {
float: none;
display: inline-block;
}
}
@media (max-width: 800px) and (min-width: 768px) {
.main-navigation {
top: 0;
}
.main-navigation .navbar-mainbar .navbar-nav > li > a {
font-size: 13px;
}
.category .main-navigation {
margin: 27px 0 0;
}
}
@media (max-width: 767px) {
.main-navigation {
margin: 0 -15px;
}
.main-navigation .navbar-mainbar .navbar-brand {
margin: auto;
height: 72px;
float: none;
}
.main-navigation .navbar-mainbar .navbar-brand .logo {
line-height: 72px;
margin: 0;
}
.main-navigation .navbar-mainbar .navbar-toggle {
border-left: 0 solid #dddddd;
margin: 0;
padding: 18px;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
position: absolute;
right: 0;
height: 72px;
}
.main-navigation .navbar-mainbar .navbar-toggle .icon-bar {
top: 29px;
}
.main-navigation .navbar-mainbar .navbar-toggle .icon-bar.second {
top: 34px;
}
.main-navigation .navbar-mainbar .navbar-toggle .icon-bar.third {
top: 39px;
}
.main-navigation .navbar-mainbar .navbar-toggle.times .icon-bar {
width: 22px;
left: 0;
}
.main-navigation .navbar-mainbar .navbar-toggle.times .icon-bar.first,
.main-navigation .navbar-mainbar .navbar-toggle.times .icon-bar.third {
top: 34px;
}
.main-navigation .navbar-mainbar .navbar-header .search {
line-height: 72px;
left: 0;
padding: 0 15px;
right: auto;
color: #a56d93;
}
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-item a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-ancestor a:after,
.main-navigation .navbar-mainbar .navbar-nav > li.current-menu-parent a:after {
display: none;
}
.main-navigation.fixed .navbar-mainbar .navbar-header .search {
line-height: 50px;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand {
float: none;
height: 50px;
margin: auto;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand .logo {
line-height: 40px;
}
.main-navigation.fixed .navbar-mainbar .navbar-brand .logo img {
max-width: calc(100% - 20px);
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle {
height: 50px;
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle .icon-bar {
top: 19px;
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle .icon-bar.second {
top: 24px;
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle .icon-bar.third {
top: 29px;
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle.times .icon-bar {
width: 22px;
left: 0;
}
.main-navigation.fixed .navbar-mainbar .navbar-toggle.times .icon-bar.first,
.main-navigation.fixed .navbar-mainbar .navbar-toggle.times .icon-bar.third {
top: 24px;
}
}  .page-header-breadcrumbs {
background: #fefefe; -o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border-top: 1px solid rgba(221, 221, 221, 0.7);
border-bottom: 2px solid #eeeeee;
}
ul.breadcrumbs {
z-index: 101;
float: left;
position: static;
}
ul.breadcrumbs li {
color: #231f20;
}
ul.breadcrumbs li * {
color: #231f20;
}
ul.breadcrumbs li a {
font-family: 'Sarabun', sans-serif, "Arial";
font-weight: 400;
color: #a56d93;
}
ul.breadcrumbs li a > i {
color: inherit;
}
ul.breadcrumbs li a > i.fa.fa-home {
color: inherit !important;
}
ul.breadcrumbs li span {
font-family: 'Sarabun', sans-serif, "Arial";
font-weight: 700;
color: #000000;
}
.archive.has-banner ul li {
color: #ffffff;
}
@media (min-width: 1025px) {
.main-slider .content * {
font-size: 36px;
}
}
.main-slider {
margin-top: -50px;
margin-bottom: 0;
}
.main-slider .item-inner {
min-height: 100px;
}
.main-slider .content * {
text-transform: none;
}
.main-slider .content p {
font-family: 'Merienda One', cursive;
}
.main-slider .content .by {
font-size: 0.9rem;
}
.page-template-tpl-home .woocommerce ul.products {
margin: 0 -15px 10px;
overflow-x: hidden;
width: calc(100% + 30px);
padding: 0 15px;
border-top: 0px solid #dddddd;
border-bottom: 0 solid #dddddd;
z-index: 1;
float: left;
}
.page-template-tpl-home .woocommerce ul.products li.product {
padding: 0;
margin: 15px 0 !important;
width: 100% !important;
}
.page-template-tpl-home .woocommerce ul.products li.product .onsale {
right: 6px;
}
.page-template-tpl-home .woocommerce ul.products.owl-carousel.owl-theme .owl-controls {
margin: 0;
}
.page-template-tpl-home .woocommerce ul.products .owl-stage-outer {
max-width: 100%;
}
.page-template-tpl-home .woocommerce ul.products .owl-stage-outer .owl-item {
float: left;
}
.page-template-tpl-home .woocommerce ul.products .owl-stage-outer .owl-item img {
width: 100%;
}
.page-template-tpl-home .woocommerce ul.products img {
width: 100%;
}
.page-template-tpl-home .woocommerce ul.products .owl-dots {
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.page-template-tpl-home .woocommerce ul.products .owl-dots .owl-dot {
display: inline-block;
}
.page-template-tpl-home .woocommerce ul.products .owl-dots .owl-dot span {
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
height: 15px;
width: 15px;
display: block;
background: #ffffff;
margin: 5px;
-o-box-shadow: 0 0 0 3px #b0ae46;
-ms-box-shadow: 0 0 0 3px #b0ae46;
-moz-box-shadow: 0 0 0 3px #b0ae46;
-webkit-box-shadow: 0 0 0 3px #b0ae46;
box-shadow: 0 0 0 3px #b0ae46;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-tpl-home .woocommerce ul.products .owl-dots .owl-dot.active span {
-o-box-shadow: 0 0 0 3px #3f5a35;
-ms-box-shadow: 0 0 0 3px #3f5a35;
-moz-box-shadow: 0 0 0 3px #3f5a35;
-webkit-box-shadow: 0 0 0 3px #3f5a35;
box-shadow: 0 0 0 3px #3f5a35;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav {
width: 100%;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav.disabled {
display: none;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-'] {
width: 25px;
height: 25px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
background: rgba(0, 0, 0, 0.5);
text-align: center;
bottom: auto;
top: 40%;
-ms-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
position: absolute;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-'].owl-prev {
left: 15px;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-'].owl-next {
right: 15px;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-'] i {
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
font-size: 25px;
padding: 0;
line-height: 25px;
color: #ffffff;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-']:hover {
background: #8c8a37;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-ms-border-radius: 30px;
-o-border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-']:hover i {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.page-template-tpl-home .woocommerce ul.products .owl-nav [class*='owl-'].disabled {
opacity: 0.25;
filter: alpha(opacity=25);
cursor: inherit;
}
.page-template-tpl-home .woocommerce ul.products .item-inner {
min-height: 500px;
overflow: hidden;
}
.page-template-tpl-home .woocommerce ul.products .item-inner .container h1 {
position: absolute;
top: 95px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
margin: 0;
line-height: 1;
z-index: 1;
font-size: 58px;
font-family: DINOT-B;
background: rgba(96, 125, 139, 0.5);
padding: 25px;
}
.page-template-tpl-home .woocommerce ul.products .item-inner .container h1.primary,
.page-template-tpl-home .woocommerce ul.products .item-inner .container h1.secondary,
.page-template-tpl-home .woocommerce ul.products .item-inner .container h1.secondary-dark,
.page-template-tpl-home .woocommerce ul.products .item-inner .container h1.dark-grey {
background: rgba(255, 255, 255, 0.45);
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.page-template-tpl-home .woocommerce ul.products .item-inner img {
height: auto;
width: 100%;
position: relative;
left: 0;
}
.testimonials-home,
.popular-articles {
margin-bottom: 25px;
overflow: hidden;
width: 100%;
border-top: 0px solid #dddddd;
border-bottom: 0 solid #dddddd;
z-index: 1;
}
.testimonials-home ul,
.popular-articles ul {
padding-left: 0;
}
.testimonials-home.owl-carousel.owl-theme .owl-controls,
.popular-articles.owl-carousel.owl-theme .owl-controls {
margin: 0;
}
.testimonials-home .owl-stage-outer,
.popular-articles .owl-stage-outer {
max-width: 100%;
overflow: hidden;
}
.testimonials-home .owl-stage-outer .owl-item,
.popular-articles .owl-stage-outer .owl-item {
overflow: hidden;
float: left;
}
.testimonials-home .owl-stage-outer .owl-item img,
.popular-articles .owl-stage-outer .owl-item img {
width: 100%;
}
.testimonials-home .owl-stage-outer .owl-item .deferred-image,
.popular-articles .owl-stage-outer .owl-item .deferred-image {
-webkit-transition: all 0.55s cubic-bezier(0.35, 0.58, 0.38, 0.64);
-moz-transition: all 0.55s cubic-bezier(0.35, 0.58, 0.38, 0.64);
-o-transition: all 0.55s cubic-bezier(0.35, 0.58, 0.38, 0.64);
-ms-transition: all 0.55s cubic-bezier(0.35, 0.58, 0.38, 0.64);
transition: all 0.55s cubic-bezier(0.35, 0.58, 0.38, 0.64);
}
.testimonials-home img,
.popular-articles img {
width: 100%;
}
.testimonials-home .owl-dots,
.popular-articles .owl-dots {
left: 0;
position: absolute;
bottom: -40px;
width: 100%;
text-align: center;
}
.testimonials-home .owl-dots .owl-dot,
.popular-articles .owl-dots .owl-dot {
display: inline-block;
}
.testimonials-home .owl-dots .owl-dot span,
.popular-articles .owl-dots .owl-dot span {
-ms-border-radius: 15px;
-o-border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
height: 15px;
width: 15px;
display: block;
background: transparent;
cursor: pointer;
margin: 5px;
-o-box-shadow: 0 0 0 3px #b0ae46;
-ms-box-shadow: 0 0 0 3px #b0ae46;
-moz-box-shadow: 0 0 0 3px #b0ae46;
-webkit-box-shadow: 0 0 0 3px #b0ae46;
box-shadow: 0 0 0 3px #b0ae46;
opacity: 1;
filter: alpha(opacity=100);
}
.testimonials-home .owl-dots .owl-dot.active span,
.popular-articles .owl-dots .owl-dot.active span {
background: #ffffff;
-o-box-shadow: 0 0 0 3px #b0ae46;
-ms-box-shadow: 0 0 0 3px #b0ae46;
-moz-box-shadow: 0 0 0 3px #b0ae46;
-webkit-box-shadow: 0 0 0 3px #b0ae46;
box-shadow: 0 0 0 3px #b0ae46;
}
.testimonials-home .owl-nav,
.popular-articles .owl-nav {
width: 100%;
}
.testimonials-home .owl-nav.disabled,
.popular-articles .owl-nav.disabled {
display: none;
}
.testimonials-home .owl-nav [class*='owl-'],
.popular-articles .owl-nav [class*='owl-'] {
width: 30px;
height: 30px;
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
background: rgba(96, 125, 139, 0.5);
text-align: center;
bottom: 250px;
line-height: 34px;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: pointer;
position: absolute;
}
.testimonials-home .owl-nav [class*='owl-'].owl-prev,
.popular-articles .owl-nav [class*='owl-'].owl-prev {
left: 16px;
}
.testimonials-home .owl-nav [class*='owl-'].owl-next,
.popular-articles .owl-nav [class*='owl-'].owl-next {
right: 15px;
}
.testimonials-home .owl-nav [class*='owl-'] i,
.popular-articles .owl-nav [class*='owl-'] i {
-webkit-transition: all 0.55s ease-in-out;
-moz-transition: all 0.55s ease-in-out;
-o-transition: all 0.55s ease-in-out;
-ms-transition: all 0.55s ease-in-out;
transition: all 0.55s ease-in-out;
font-size: 22px;
padding: 0;
line-height: 25px;
color: #ffffff;
}
.testimonials-home .owl-nav [class*='owl-']:hover,
.popular-articles .owl-nav [class*='owl-']:hover {
background: #000000;
}
.testimonials-home .owl-nav [class*='owl-'].disabled,
.popular-articles .owl-nav [class*='owl-'].disabled {
opacity: 0.25;
filter: alpha(opacity=25);
cursor: inherit;
}
.testimonials-home .item-inner,
.popular-articles .item-inner {
min-height: 500px;
overflow: hidden;
}
.testimonials-home .item-inner .container h1,
.popular-articles .item-inner .container h1 {
position: absolute;
top: 95px;
color: #ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
margin: 0;
line-height: 1;
z-index: 1;
font-size: 58px;
font-family: DINOT-B;
background: rgba(96, 125, 139, 0.5);
padding: 25px;
}
.testimonials-home .item-inner .container h1.primary,
.popular-articles .item-inner .container h1.primary,
.testimonials-home .item-inner .container h1.secondary,
.popular-articles .item-inner .container h1.secondary,
.testimonials-home .item-inner .container h1.secondary-dark,
.popular-articles .item-inner .container h1.secondary-dark,
.testimonials-home .item-inner .container h1.dark-grey,
.popular-articles .item-inner .container h1.dark-grey {
background: rgba(255, 255, 255, 0.45);
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
}
.testimonials-home .item-inner img,
.popular-articles .item-inner img {
height: auto;
width: 100%;
position: relative;
left: 0;
}
.popular-articles .owl-stage-outer {
overflow: visible;
}
.popular-articles .owl-stage-outer .owl-item {
overflow: visible;
}
.popular-articles .owl-stage-outer .owl-item img {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.popular-articles .owl-stage-outer .owl-item .item {
padding-bottom: 35px;
position: relative;
}
.popular-articles .owl-stage-outer .excerpt {
padding: 7px 0;
position: relative;
}
.popular-articles .owl-stage-outer .img-wrapper {
position: relative;
}
.popular-articles .owl-stage-outer .img-wrapper:after {
-webkit-transform: skew(0, -3deg);
-ms-transform: skewX(0) skewY(-3deg);
transform: skew(0, -3deg);
content: none;
width: 100%;
height: 24px;
background: #fff;
position: absolute;
left: 0;
top: -13px;
}
.popular-articles .owl-nav [class*='owl-'] {
top: -50px;
right: 0;
background: #a56d93;
}
.popular-articles .owl-nav [class*='owl-'].owl-prev {
left: auto;
right: 49px;
}
.popular-articles .owl-nav [class*='owl-'].owl-next {
right: 15px;
}
.popular-articles h4 {
position: relative;
top: -12px;
margin: 0;
background: #a56d93;
left: 10px;
padding: 5px 15px;
width: calc(100% - 20px);
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
border-bottom: 2px solid #ffd4ac;
}
.popular-articles .read-more {
color: #a56d93;
padding: 0;
line-height: 2;
position: absolute;
bottom: 0;
font-weight: 700;
left: calc(50% - 42px);
margin: 0;
text-transform: uppercase;
font-size: 12px;
border-bottom: 1px solid #ffd4ac;
}
.popular-articles .read-more i {
position: relative;
font-size: 12px;
top: 2px;
}
.popular-articles.recent-articles h4 {
background: #b0ae46;
border-color: #dddddd;
}
.popular-articles.recent-articles .read-more {
color: #676629;
border-color: #dddddd;
}
@media (max-width: 768px) {
.main-slider .content .by {
font-size: 12px;
}
} .highlight {
padding: 30px 100px !important;
}
.highlight h3 {
font-weight: 300;
}
@media (max-width: 600px) {
.highlight {
padding: 30px 15px !important;
}
}
ul.fancy-list > li {
color: #293a22;
}
#primary.content-area {
background: #f2f8f8;
clear: both;
}
#social-share-wrapper h1 {
margin-bottom: 10px;
font-size: 29px;
}
body {
background: #fbfbfb;
} .page-banner {
margin-bottom: 25px;
}
.page-banner h2 {
text-align: left;
font-size: 50px !important;
margin-top: 33px !important;
}
.page-banner.full {
position: relative;
min-height: 500px;
}
.page-banner.full.main-slider {
padding: 0;
}
.page-banner.full.main-slider .banner-content {
padding: 35px 0 0 45px;
}
.page-banner.full .container,
.page-banner.full .row,
.page-banner.full .col-md-12,
.page-banner.full .banner-content {
min-height: inherit !important;
}
.page-banner.full .banner-content {
display: table !important;
}
.page-banner.full .banner-content .banner-content-inner {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.page-banner.full.no-link .button {
display: none;
}
.page-banner.full:before {
background: rgba(0, 0, 0, 0.3);
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
}
.page-banner.full.small {
padding: 40px 0;
min-height: 102px;
}
.page-banner.full.small .banner-content {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
max-width: 100%;
border-width: 0;
background: transparent;
}
.page-banner.full.small .banner-content h1 {
color: #ffffff;
font-size: 35px;
border-width: 0;
margin-bottom: 0;
text-align: center;
}
.page-banner.full.small .col-md-12 {
min-height: 100px;
}
.page-banner.full .col-md-12 {
min-height: 400px;
}
.page-banner.full .banner-content {
max-width: calc(100% - 20px);
background: transparent;
width: 100%;
max-width: 100%;
padding: 35px 0 0 45px;
margin: 20px 0 20px 0;
display: inline-block;
}
.page-banner.full .banner-content h1 {
font-size: 65px;
color: #ffffff;
letter-spacing: 1px;
text-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
line-height: 1;
font-weight: 100;
margin: 25px 0;
position: relative;
top: 0;
padding: 0;
font-family: 'Sarabun', sans-serif, "Arial";
background: transparent;
}
.page-banner.full .banner-content * {
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
color: #ffffff;
}
.page-banner.full .banner-content .banner-text {
font-size: 22px;
width: 50%;
font-weight: 400;
}
.page-banner.full .banner-content .subtitle {
font-weight: 400;
}
.page-banner.full .banner-content .button {
background: transparent !important;
border-color: #ffffff;
padding: 15px 30px;
font-size: 20px;
font-weight: 300 !important;
color: #ffffff !important;
margin: 30px 0;
}
.page-banner.full .banner-content .button:hover {
background: #ffffff !important;
color: #3f5a35 !important;
text-shadow: none;
}
.page-banner.full .banner-content .button:hover * {
color: inherit;
}
@media (max-width: 767px) {
.page-banner h2 {
margin-top: 14px !important;
}
} .footer-static {
border-bottom: 1px solid #3f5a35;
-o-box-shadow: 0 1px 0 #000000;
-ms-box-shadow: 0 1px 0 #000000;
-moz-box-shadow: 0 1px 0 #000000;
-webkit-box-shadow: 0 1px 0 #000000;
box-shadow: 0 1px 0 #000000;
padding-top: 15px;
background-color: #24330a;
}
.footer-static h4,
.footer-static p {
margin: 0;
line-height: 1.4;
}
.footer-static .right-border {
border-right: #fff solid 2px;
position: absolute;
height: 100px;
right: -2px;
top: 5px;
}
.footer-static .sign-up h4,
.footer-static .form-group h4 {
margin-bottom: 5px;
}
.footer-static .sign-up {
max-width: 400px;
display: block;
width: 100%;
margin: 0 auto;
}
.footer-static .form-control,
.footer-static .btn {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.footer-static .btn {
background-color: #dddddd;
}
.footer-static .cols {
margin: 15px 0;
}
.footer-static img {
max-width: 100%;
}
.footer-static .text-v-centered {
display: table;
min-height: 110px;
width: 100%;
}
.footer-static .text-v-centered > div {
display: table-cell;
vertical-align: middle;
}
.footer-static .bold {
font-weight: 700;
}
.footer-static h4 {
font-size: 21px;
}
.copyright {
background: #8c8a37;
}
.copyright p {
font-size: 12px;
color: #ffffff;
}
.copyright p a {
color: #ffffff;
}
.footer-widgets {
position: relative;
margin-top: 68px;
padding-top: 0;
}
.footer-widgets:before {
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/footer_border-top.png);
content: '';
width: 100%;
height: 113px;
top: -56px;
position: absolute;
display: block;
}
.footer-widgets h3 {
font-size: 19px;
letter-spacing: 0;
}
.footer-widgets h3:after {
height: 4px;
background: #3f5a35;
}
.footer-widgets .footer-widgets-inner {
background-color: #b0ae46;
padding: 54px 0 42px 0;
}
.footer-widgets .footer-widgets-inner a,
.footer-widgets .footer-widgets-inner * {
color: #ffffff;
}
.footer-widgets .footer-widgets-inner ul li:before {
color: #ffffff;
}
.footer-widgets .footer-widgets-inner .widget.widget_social_media ul li > a {
background-color: #ffffff;
color: #b0ae46;
}
.footer-widgets .footer-widgets-inner .widget.widget_social_media ul li > a i {
color: #b0ae46;
}
.footer-widgets .footer-widgets-inner .widget.widget_tag_cloud .tagcloud a {
border: 1px solid #ffffff;
line-height: 20px;
font-size: 14px !important;
padding: 3px 10px;
margin: 3px 1px;
display: inline-block;
}
.footer-widgets .footer-widgets-inner .widget.widget_tag_cloud .tagcloud a:hover {
background: #3f5a35;
color: #ffffff;
border-color: #3f5a35;
}
.colors-strip {
margin-top: -30px;
position: relative;
z-index: 1;
top: 16px;
overflow: hidden;
}
.colors-strip .inner {
position: relative;
left: -10px;
padding: 5px 0;
float: left;
width: 2800px;
}
.colors-strip .strip-part {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0 2px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
height: 20px;
border: 2px solid #ffeedf;
border-width: 4px 0px 0px 4px;
background: #fff9f3 !important;
}
.colors-strip .strip-part.back-white {
background: #ffd4ac;
}
.footer-widgets.footer-widgets-light {
margin: 0;
border-top: 0 solid #d7eaea;
}
.footer-widgets.footer-widgets-light:before {
opacity: 0.1;
filter: alpha(opacity=10);
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/henry-be.jpg);
top: 0;
height: 100%;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner {
padding: 35px 0 75px;
background: #fff9f3;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner h3 {
color: #000000;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner h3:after {
background: #a56d93;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner a,
.footer-widgets.footer-widgets-light .footer-widgets-inner * {
color: #231f20;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner a {
font-weight: 300;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner ul li {
margin-bottom: 5px;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner ul li:before {
color: inherit;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_social_media ul li > a {
background-color: #55a0a0;
color: #ffffff;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_social_media ul li > a i {
color: #ffffff;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_social_media ul li > a ~ .tooltip {
color: #ffffff;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_social_media ul li > a ~ .tooltip * {
color: inherit;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_tag_cloud .tagcloud a {
font-weight: 400;
color: #231f20;
text-transform: capitalize;
border: 1px solid #594f51;
font-size: 16px;
}
.footer-widgets.footer-widgets-light .footer-widgets-inner .widget.widget_tag_cloud .tagcloud a:hover {
background: #231f20;
color: #ffffff;
border-color: #231f20;
}
.footer-navigation {
padding: 5px;
background: #f3ede0;
}
.footer-navigation .navbar-nav > li > a {
color: #231f20;
font-weight: 600;
}
.footer-navigation .navbar-nav > li > a:hover {
background: transparent;
}
.copyright {
padding: 15px 0 10px;
background-color: #f9f6f0;
}
.copyright p {
text-transform: capitalize;
font-family: "Sarabun", "sans-serif", "Arial";
color: rgba(0, 0, 0, 0.6);
}
.copyright p a {
font-family: inherit;
color: inherit;
}
@media (max-width: 991px) {
.footer-static .right-border {
border-width: 0;
}
}
@media (max-width: 767px) {
.footer-widgets:before {
height: 53px;
top: -27px;
}
} .single .page-banner {
margin-top: -50px;
}
.single .main-content,
.single .sidebar {
padding: 35px 0 30px 40px;
}
.single .main-content h2 {
font-weight: normal;
color: #b6d8d8;
}
.single .main-content .categories a {
font-weight: 500;
color: #3f5a35;
text-transform: capitalize;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.elem {
position: absolute;
top: 40px;
left: 40px;
width: 0;
height: 0;
border-style: solid;
border-width: 75px;
border-color: red blue green orange;
transition-property: transform;
transition-duration: 1s;
}
.elem:hover {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.home #primary.content-area {
overflow: hidden;
background: #ffffff;
}
.tert-font {
font-family: 'Sarabun', serif;
} .slogan {
padding: 0 0 45px;
}
.slogan a {
font-weight: 700;
color: inherit;
color: #8e24aa;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-style: solid;
text-decoration-color: rgba(142, 36, 170, 0.3);
}
.slogan a.active {
color: #ba68c8;
}
.slogan .fancy-title {
font-weight: 300;
margin-bottom: 20px;
}
.slogan .fancy-title:after,
.slogan .fancy-title:before {
background: #ffd4ac;
top: 90%;
}
.slogan .fancy-title a:hover {
color: #000000;
}
.slogan .fancy-title a:hover span {
color: #b0ae46;
}
.slogan p {
color: #000000 !important;
font-size: 17px;
line-height: 1.8;
}
.slogan .we-think {
padding: 0 50px;
margin: 30px 0 45px;
font-size: 18px;
}
.slogan .we-think span {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #efefef;
top: -18px;
font-size: 16px;
display: inline-block;
position: relative;
padding: 5px 25px;
}
.home-title {
border-bottom: 2px solid #3f5a35;
margin-bottom: 15px;
}
.home-title span {
display: inline-block;
background: #3f5a35;
padding: 0 10px 0 16px;
color: #ffffff;
text-transform: capitalize;
font-size: 21px;
font-weight: 700;
font-family: 'Sarabun', serif;
line-height: 35px;
position: relative;
top: 2px;
letter-spacing: 0;
}
.home-title span:after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
content: '';
border-width: 25px 0 25px 25px;
border-color: transparent transparent transparent #3f5a35;
border-style: solid;
position: absolute;
left: calc(100% - 4px);
top: 1px;
}
.home-title.color2 {
border-bottom: 2px solid #b0ae46;
}
.home-title.color2 span {
background: #b0ae46;
}
.home-title.color2 span:after {
border-color: transparent transparent transparent #b0ae46;
}
.home-title.color3 {
border-bottom: 2px solid #a56d93;
}
.home-title.color3 span {
background: #a56d93;
}
.home-title.color3 span:after {
border-color: transparent transparent transparent #a56d93;
}
.home-title.color6 {
border-bottom: 2px solid #84bdbd;
}
.home-title.color6 span {
background: #84bdbd;
}
.home-title.color6 span:after {
border-color: transparent transparent transparent #84bdbd;
}
.logged-in .categories-square .category-articles {
top: 32px;
height: calc(100% - 32px);
}
.categories-square {
position: relative;
overflow: hidden;
}
.categories-square .rain {
display: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: calc(100% + 5px);
}
.categories-square .rain .strip {
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
float: left;
height: 100%;
border-right: 4px dotted #fff6ee;
margin-right: 4px;
}
.categories-square .rain .strip:nth-of-type(even) {
border-color: #e1efef;
}
.categories-square .fancy-title:before {
background: #ffd4ac;
width: 100%;
}
.categories-square .fancy-title:after {
border-color: #ffd4ac transparent transparent;
border-width: 10px 15px 0 15px;
border-style: solid;
left: calc(50% - 15px);
width: auto;
background: transparent;
bottom: -11px;
top: auto;
}
.categories-square .small {
font-size: 0.9rem;
margin: -15px 0 25px;
}
.categories-square .category-articles {
-o-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
-ms-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
position: fixed;
right: 0;
top: 0;
width: 375px;
height: 100%;
z-index: 10101;
background: #ffffff;
padding: 45px 15px 15px;
min-width: 350px;
}
.categories-square .category-articles h3 {
font-size: 22px;
color: #ffffff;
font-family: 'Sarabun', serif;
font-weight: 600;
margin: -15px -15px 7px;
background: #a56d93;
padding: 8px 15px 8px;
width: 100%;
position: absolute;
top: 0;
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.categories-square .category-articles h3 span {
position: relative;
z-index: 101;
}
.categories-square .category-articles h3:before {
content: '';
display: block;
height: 4px;
position: absolute;
background: rgba(0, 0, 0, 0.1);
top: 100%;
left: 0;
width: 100%;
}
.categories-square .category-articles h3 .ti-close {
position: absolute;
right: 11px;
top: 9px;
cursor: pointer;
}
.categories-square .category-articles h3 .fa {
position: absolute;
left: -1px;
top: 2px;
font-size: 33px;
text-shadow: none;
}
.categories-square .category-articles ul {
overflow: auto;
height: calc(100% - 33px);
position: relative;
width: calc(100% + 15px);
padding: 0 12px 0 0;
}
.categories-square .category-articles ul li {
list-style: none;
border-bottom: 1px solid #eaeaea;
padding-bottom: 0;
}
.categories-square .category-articles ul li:before {
top: 5px;
color: #404040 !important;
}
.categories-square .category-articles ul li:last-child {
border-width: 0;
}
.categories-square .category-articles ul li a {
display: block;
padding: 7px 0;
line-height: 1.4;
font-size: 15px;
color: #404040 !important;
}
.categories-square .category-articles ul li:hover a,
.categories-square .category-articles ul li:hover:before {
color: #55a0a0 !important;
}
.categories-square .category-articles .explore {
position: relative;
display: block;
padding: 0 15px;
background: #fbfbfb;
line-height: 38px;
margin: 0 -15px;
color: #000000;
font-family: 'Sarabun', serif;
border-top: 1px solid #dddddd;
font-weight: 300;
text-transform: uppercase;
}
.categories-square .category-articles .explore > div {
position: relative;
}
.categories-square .category-articles .explore:before {
-webkit-transition: all 0.4s cubic-bezier(0.88, 0.01, 0, 0.92);
-moz-transition: all 0.4s cubic-bezier(0.88, 0.01, 0, 0.92);
-o-transition: all 0.4s cubic-bezier(0.88, 0.01, 0, 0.92);
-ms-transition: all 0.4s cubic-bezier(0.88, 0.01, 0, 0.92);
transition: all 0.4s cubic-bezier(0.88, 0.01, 0, 0.92);
content: '';
display: block;
height: 2px;
position: absolute;
background: #a56d93;
bottom: 100%;
left: 0;
width: 0;
}
.categories-square .category-articles .explore:hover:before {
width: 100%;
}
.categories-square .category-articles .explore strong {
font-weight: 700;
}
.categories-square .category-articles .explore i {
font-size: 13px;
}
.categories-square .category-articles.healthy-living h3,
.categories-square .category-articles.sleep-health h3,
.categories-square .category-articles.causes-of-diseases h3 {
background: #ffac60;
}
.categories-square .category-articles.healthy-living ul li:before,
.categories-square .category-articles.sleep-health ul li:before,
.categories-square .category-articles.causes-of-diseases ul li:before {
color: #404040;
}
.categories-square .category-articles.healthy-living ul li a,
.categories-square .category-articles.sleep-health ul li a,
.categories-square .category-articles.causes-of-diseases ul li a {
color: #404040;
}
.categories-square .category-articles.healthy-living .explore:before,
.categories-square .category-articles.sleep-health .explore:before,
.categories-square .category-articles.causes-of-diseases .explore:before {
background: #ffac60;
}
.categories-square .category-articles.food-health h3 {
background: #a5a342;
}
.categories-square .category-articles.food-health ul li:before {
color: #8c8a37;
}
.categories-square .category-articles.food-health ul li a {
color: #8c8a37;
}
.categories-square .category-articles.food-health .explore:before {
background: #a5a342;
}
.categories-square .category-articles.know-your-body h3 {
background: #84bdbd;
}
.categories-square .category-articles.know-your-body .explore:before {
background: #84bdbd;
}
.categories-square .category-articles.exercise-health ul li:before {
color: #8a5579;
}
.categories-square .category-articles.exercise-health ul li a {
color: #8a5579;
}
.categories-wrapper {
padding: 61px 0 100px;
}
.categories-wrapper .circle {
-o-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
overflow: hidden;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-ms-border-radius: 28px;
-o-border-radius: 28px;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
width: 50px;
height: 50px;
background: #ffffff;
position: absolute;
left: calc(50% - 25px);
top: calc(50% - 25px);
z-index: 1001;
}
.categories-wrapper .circle .circle-inner {
width: calc(100% + 5px);
height: calc(100% + 5px);
float: left;
position: relative;
left: 1px;
top: 1px;
}
.categories-wrapper .circle .dot {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
-ms-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-ms-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 4px;
height: 4px;
display: block;
margin: 0 2px 2px 0;
background: #8c8a37;
float: left;
}
.categories-wrapper .categories-inner {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
min-height: 400px;
position: relative;
}
.categories-wrapper .categories-inner .category-square {
-ms-border-radius: 52px;
-o-border-radius: 52px;
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
border-radius: 52px;
-webkit-transition: all 0 ease-out;
-moz-transition: all 0 ease-out;
-o-transition: all 0 ease-out;
-ms-transition: all 0 ease-out;
transition: all 0 ease-out;
position: absolute;
display: block;
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
left: calc(50% - 200px);
top: 0;
overflow: hidden;
border: 0 solid #f1f1f1;
}
.categories-wrapper .categories-inner .category-square.active:before {
opacity: 0.8;
filter: alpha(opacity=80);
}
.categories-wrapper .categories-inner .category-square .ti-close {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-ms-border-radius: 50px;
-o-border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
position: absolute;
background: #ffffff;
width: 40px;
height: 40px;
top: 40px;
left: 40px;
z-index: 10101;
color: #d45d5d;
text-align: center;
line-height: 40px;
}
.categories-wrapper .categories-inner .category-square:before { -webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left: -25px;
top: -25px;
width: calc(100% + 50px);
height: calc(100% + 50px);
content: '';
background-color: #3f5a35;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.07000000000000001;
filter: alpha(opacity=7);
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/excercise-small.jpg);
z-index: 100;
}
.categories-wrapper .categories-inner .category-square:after {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-ms-border-radius: 44px;
-o-border-radius: 44px;
-webkit-border-radius: 44px;
-moz-border-radius: 44px;
border-radius: 44px;
border: 0 solid #ffffff;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
display: block;
}
.categories-wrapper .categories-inner .category-square p {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
color: #ffffff;
font-size: 20px;
top: 83px;
left: -6px;
position: relative;
font-family: 'Sarabun', serif;
font-weight: 700;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
z-index: 101;
}
.categories-wrapper .categories-inner .category-square.healthy-living,
.categories-wrapper .categories-inner .category-square.sleep-health,
.categories-wrapper .categories-inner .category-square.causes-of-diseases {
-ms-border-radius: 52px 52px 0 52px;
-o-border-radius: 52px 52px 0 52px;
-webkit-border-radius: 52px 52px 0 52px;
-moz-border-radius: 52px 52px 0 52px;
border-radius: 52px 52px 0 52px;
background-color: #ff922d;
border-width: 8px 0px 0px 8px;
}
.categories-wrapper .categories-inner .category-square.healthy-living:before,
.categories-wrapper .categories-inner .category-square.sleep-health:before,
.categories-wrapper .categories-inner .category-square.causes-of-diseases:before {
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/healthy-living.jpg);
}
.categories-wrapper .categories-inner .category-square.healthy-living:after,
.categories-wrapper .categories-inner .category-square.sleep-health:after,
.categories-wrapper .categories-inner .category-square.causes-of-diseases:after {
border-width: 5px 0px 0px 5px;
}
.categories-wrapper .categories-inner .category-square.sleep-health:before {
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/sleep-square.jpg);
}
.categories-wrapper .categories-inner .category-square.causes-of-diseases:before {
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/causes-of-diseases.jpg);
}
.categories-wrapper .categories-inner .category-square.food-health {
-ms-border-radius: 52px 52px 52px 0;
-o-border-radius: 52px 52px 52px 0;
-webkit-border-radius: 52px 52px 52px 0;
-moz-border-radius: 52px 52px 52px 0;
border-radius: 52px 52px 52px 0;
background-color: #b0ae46;
left: calc(50% + 1px);
border-width: 8px 8px 0px 0px;
}
.categories-wrapper .categories-inner .category-square.food-health:before {
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/food-helth-square.jpg);
}
.categories-wrapper .categories-inner .category-square.food-health:after {
border-width: 5px 5px 0px 0px;
}
.categories-wrapper .categories-inner .category-square.exercise-health {
-ms-border-radius: 52px 0 52px 52px;
-o-border-radius: 52px 0 52px 52px;
-webkit-border-radius: 52px 0 52px 52px;
-moz-border-radius: 52px 0 52px 52px;
border-radius: 52px 0 52px 52px;
background-color: #a56d93;
top: 201px;
border-width: 0px 0px 8px 8px;
}
.categories-wrapper .categories-inner .category-square.exercise-health:after {
border-width: 0px 0px 5px 5px;
}
.categories-wrapper .categories-inner .category-square.know-your-body {
-ms-border-radius: 0 52px 52px 52px;
-o-border-radius: 0 52px 52px 52px;
-webkit-border-radius: 0 52px 52px 52px;
-moz-border-radius: 0 52px 52px 52px;
border-radius: 0 52px 52px 52px;
left: calc(50% + 1px);
background-color: #95c6c6;
top: 201px;
border-width: 0 8px 8px 0;
}
.categories-wrapper .categories-inner .category-square.know-your-body:before {
background-image: url(//healthzen.org/wp-content/themes/sync/css/images/home/know-your-body.jpg);
}
.categories-wrapper .categories-inner .category-square.know-your-body:after {
border-width: 0 5px 5px 0;
}
.multi-rows {
overflow: hidden;
max-width: 1400px;
margin: 0 auto;
float: left;
width: 100%;
}
.multi-rows .aspect-ratio {
background-size: cover;
min-height: 300px;
}
.multi-rows .container-half {
padding: 25px 40px;
}
.multi-rows .container-half h2 {
margin-top: calc(25% - 38px);
font-size: 32px;
font-family: 'Sarabun', serif;
line-height: 1.2;
}
.multi-rows .stripe h1,
.multi-rows .stripe h2,
.multi-rows .stripe h3,
.multi-rows .stripe h4,
.multi-rows .stripe h5 {
font-family: 'Sarabun', serif;
}
.multi-rows .stripe.dark * {
color: #ffffff;
}
.multi-rows .stripe.dark .table {
background: rgba(0, 0, 0, 0.4);
}
.multi-rows .stripe.light * {
color: #4e4e4e;
}
.multi-rows .stripe.light h1,
.multi-rows .stripe.light h2,
.multi-rows .stripe.light h3,
.multi-rows .stripe.light h4 {
color: #676767;
}
.multi-rows .stripe.light .table {
background: rgba(255, 255, 255, 0.4);
}
.multi-rows .accordion li {
padding-bottom: 0;
}
.partners {
clear: both;
background: #f3f3f3;
padding: 0 0 23px;
}
.partners .title-wrapper {
background: #f3f3f3;
}
.partners .title-wrapper h1 {
font-family: 'Sarabun', serif;
text-transform: none !important;
color: #3f5a35 !important;
}
.partners .title-wrapper h1:before,
.partners .title-wrapper h1:after {
background: #3f5a35;
}
.partners img {
margin: 8px auto;
}
.partners .client {
width: 20%;
text-align: center;
display: inline-block;
}
.testimonials-home {
padding: 25px 0 65px;
}
.testimonials-home blockquote {
padding: 15px 45px;
position: relative;
border-width: 0;
}
.testimonials-home blockquote:before,
.testimonials-home blockquote:after {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 40px;
height: 40px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: auto auto;
background-image: url(//healthzen.org/wp-content/themes/sync/images/icons/quote-open.png);
}
.testimonials-home blockquote:after {
left: auto;
right: 0;
background-image: url(//healthzen.org/wp-content/themes/sync/images/icons/quote-close.png);
}
#footer-static {
padding: 20px 0;
clear: both;
}
#footer-static p {
font-weight: 300;
}
#footer-static img {
max-width: 291px;
}
.clinets-logos {
padding: 2px 0 0;
clear: both;
}
.clinets-logos .title-wrapper {
background: #f3f3f3;
}
.clinets-logos .title-wrapper h1 {
font-family: 'Sarabun', serif;
text-transform: none !important;
color: #3f5a35 !important;
}
.clinets-logos .title-wrapper h1:before,
.clinets-logos .title-wrapper h1:after {
background: #3f5a35;
}
.companies-outer .row {
margin: 0;
}
.companies-outer .company-outer {
padding: 0 1px;
}
.companies-outer .company {
-webkit-box-flex: 31%;
-moz-box-flex: 31%;
box-flex: 31%;
-webkit-flex: 31%;
-moz-flex: 31%;
-ms-flex: 31%;
flex: 31%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
margin: 0 -14px 2px;
text-align: center;
position: relative;
padding: 1.5rem;
background-size: cover;
overflow: hidden;
}
.companies-outer .company .company-logo {
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
position: absolute;
max-width: 50%;
left: 25%;
top: 25%;
}
.companies-outer .company .company-logo img {
max-width: 100%;
}
.companies-outer .company .company-info {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
-ms-flex-direction: column;
-webkit-box-pack: distribute;
-moz-box-pack: distribute;
box-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
-o-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: distribute;
position: absolute;
top: 1rem;
bottom: 1rem;
left: 1rem;
right: 1rem;
padding: 1.5rem;
background: #3f5a35;
color: #fff;
font-weight: 400;
opacity: 0;
-webkit-transform: translateY(50%) scale(1.3);
-moz-transform: translateY(50%) scale(1.3);
-ms-transform: translateY(50%) scale(1.3);
-o-transform: translateY(50%) scale(1.3);
transform: translateY(50%) scale(1.3);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.companies-outer .company .company-info .company-description {
font-size: 18px;
}
.companies-outer .company .company-info .company-links a {
color: #ffffff;
margin: 0 5px;
font-size: 22px;
}
.companies-outer .company:hover .company-info {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
}
.companies-outer .company:hover .company-logo {
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.companies-outer .company-popup {
float: left;
margin-bottom: 2px;
width: 100%;
text-align: center;
}
.companies-outer .company-popup .company-logo {
max-height: 100%;
max-width: 100%;
padding: 0;
}
.companies-outer .company-popup .company-logo img {
display: inline-block;
}
.companies-outer .company-info {
display: none;
}
div.pp_default.pp_pic_holder {
min-height: 400px;
z-index: 1010101;
border: 1px solid #ddd;
background: #ffffff;
}
div.pp_default.pp_pic_holder * {
color: #424242;
}
div.pp_default.pp_pic_holder .pp_gallery {
display: none !important;
}
div.pp_default.pp_pic_holder .company-links a {
margin: 0 5px 0 0;
background: #fbfbfb;
font-size: 17px !important;
width: 30px;
height: 30px;
line-height: 30px !important;
display: inline-block;
text-align: center;
}
div.pp_default.pp_pic_holder h3 {
font-size: 32px;
margin: 0;
text-transform: uppercase;
padding: 0 0 7px;
}
div.pp_default.pp_pic_holder .ppt {
display: none !important;
}
div.pp_default.pp_pic_holder .pp_inline {
height: 100%;
overflow: hidden;
}
div.pp_default.pp_pic_holder .pp_inline p,
div.pp_default.pp_pic_holder .pp_inline a {
font-family: 'Open Sans';
font-size: 24px;
line-height: 1.3;
color: #636466;
}
div.pp_default.pp_pic_holder .pp_inline .text-content {
display: table;
height: 100%;
}
div.pp_default.pp_pic_holder .pp_inline .text-content .text-content-inner {
display: table-cell;
vertical-align: middle;
height: 100%;
}
div.pp_default.pp_pic_holder .img-wrapper {
height: 100%;
background-color: #fbfbfb;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 36%;
margin-right: 25px;
float: left;
position: relative;
}
div.pp_default.pp_pic_holder .img-wrapper img {
padding: 10px;
width: calc(100% - 50px);
position: absolute;
top: 25px;
height: auto;
left: 25px;
}
div.pp_default.pp_pic_holder .pp_content_container .pp_content {
min-height: 400px;
}
div.pp_default.pp_pic_holder .pp_content_container .pp_content a.live-site {
font-size: 15px;
background: #fbfbfb;
padding: 5px 15px;
color: #557a48 !important;
}
div.pp_default.pp_pic_holder .pp_content_container .pp_content .pp_fade {
height: 100%;
}
div.pp_default.pp_pic_holder .pp_content_container .pp_content .pp_fade #pp_full_res {
height: 100%;
}
div.pp_default.pp_pic_holder .pp_details {
height: 0;
margin: 0;
top: 0;
position: absolute;
}
div.pp_default.pp_pic_holder .pp_nav {
top: 0;
position: absolute;
width: 100%;
height: 0;
}
div.pp_default.pp_pic_holder .pp_nav .pp_arrow_previous {
left: -30px;
top: 208px;
position: absolute;
background: transparent;
text-indent: unset;
height: 24px;
}
div.pp_default.pp_pic_holder .pp_nav .pp_arrow_previous:after {
font-size: 41px;
content: "\f104";
height: 20px;
line-height: 20px;
width: 20px;
left: 0;
top: 0;
position: absolute;
}
div.pp_default.pp_pic_holder .pp_nav .pp_arrow_next {
right: -60px;
top: 208px;
left: auto;
position: absolute;
background: transparent;
text-indent: unset;
height: 24px;
}
div.pp_default.pp_pic_holder .pp_nav .pp_arrow_next:after {
font-size: 41px;
content: "\f105";
height: 20px;
line-height: 20px;
width: 20px;
right: 0;
top: 0;
position: absolute;
}
div.pp_default.pp_pic_holder .pp_nav .currentTextHolder {
padding: 5px;
background: #424242;
height: 40px;
width: 40px;
-ms-border-radius: 40px;
-o-border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
top: 17px;
text-align: center;
left: 17px;
color: white;
}
div.pp_default.pp_pic_holder .pp_close {
top: 15px;
right: -16px;
position: absolute;
}
div.pp_default.pp_pic_holder .pp_close:after {
color: #3f5a35;
left: 30px;
top: 5px;
}
body div.pp_default .pp_close:after,
body div.pp_default a.pp_arrow_next:after,
body div.pp_default a.pp_arrow_previous:after {
color: #FFF;
content: '';
font-family: FontAwesome,serif;
}
body div.pp_default .pp_content_container .pp_left,
body div.pp_default .pp_content_container .pp_right {
background: 0 0 !important;
padding: 0 !important;
}
body div.pp_default .pp_top,
body div.pp_default .pp_bottom {
display: none;
}
.no-image-section h2,
.back-image-section h2 {
font-family: 'Sarabun', serif;
margin-bottom: 13px;
}
.no-image-section p,
.back-image-section p {
font-size: 18px;
}
.no-image-section .button.secondary,
.back-image-section .button.secondary {
-ms-border-radius: 6px;
-o-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-o-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 3px 0 rgba(255, 255, 255, 0.5);
background: #a56d93 !important;
border-color: rgba(255, 255, 255, 0.51) !important;
color: #ffffff !important;
padding: 9px 25px;
border-width: 0;
font-weight: 300 !important;
}
.no-image-section .button.secondary strong,
.back-image-section .button.secondary strong {
font-weight: 700;
}
.no-image-section img {
width: 80%;
max-width: 350px;
}
.no-image-section .button.secondary {
-o-box-shadow: 0 3px 0 #dddddd;
-ms-box-shadow: 0 3px 0 #dddddd;
-moz-box-shadow: 0 3px 0 #dddddd;
-webkit-box-shadow: 0 3px 0 #dddddd;
box-shadow: 0 3px 0 #dddddd;
}
.no-image-section.exercise-section {
padding: 75px 0 55px;
}
.slogan + .back-image-section:before {
-webkit-transform: skew(0, 0);
-ms-transform: skewX(0) skewY(0);
transform: skew(0, 0);
}
.no-image-section + .back-image-section:after {
-webkit-transform: skew(0, 0);
-ms-transform: skewX(0) skewY(0);
transform: skew(0, 0);
content: none;
}
.back-image-section {
position: relative;
}
.back-image-section.food-health .display-table {
padding: 170px 0 140px;
}
.back-image-section.deferred-image.image-loaded {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.back-image-section:before,
.back-image-section:after {
-webkit-transform: skew(0, -2deg);
-ms-transform: skewX(0) skewY(-2deg);
transform: skew(0, -2deg);
content: '';
left: 0;
top: -50px;
width: 100%;
height: 94px;
position: absolute;
background: #ffffff;
display: block;
z-index: 10;
}
.back-image-section:after {
top: auto;
bottom: -36px;
}
.back-image-section img { width: 80%;
max-width: 350px;
}
.back-image-section img.deferred-image {
-ms-border-radius: 200px;
-o-border-radius: 200px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
}
.back-image-section img.deferred-image.image-loaded {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.back-image-section .display-table {
padding: 125px 0 100px;
position: relative;
}
.back-image-section .display-table:before {
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.45);
}
.back-image-section p {
color: #ffffff;
}
.home .popular-articles {
margin-top: 12px;
margin-bottom: 50px;
position: relative;
z-index: 100;
}
.home .popular-articles.color2 .owl-nav [class*='owl-'] {
background: #b0ae46;
}
.home .popular-articles.color6 .owl-nav [class*='owl-'] {
background: #84bdbd;
}
.home .popular-articles h2 {
margin-bottom: 25px;
}
.home .popular-articles .owl-stage-outer .img-wrapper {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; max-width: 100%;
width: 100%;
max-height: 300px;
margin: auto;
}
.home .popular-articles .owl-stage-outer .img-wrapper a {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width: 100%;
height: 200px;
display: block;
}
.home .popular-articles .owl-stage-outer .excerpt {
color: #231f20;
}
.home .popular-articles .item {
width: 100%;
}
.home .popular-articles .item .thumb-outer {
width: 100%;
}
.home .popular-articles .item:hover .img-wrapper a { }
.home .popular-articles .owl-nav [class*='owl-'] {
top: -59px;
}
.home .popular-articles .owl-nav [class*='owl-'].owl-prev {
right: 47px;
}
.home .popular-articles .owl-nav [class*='owl-'].owl-next {
right: 15px;
left: auto;
}
.home .popular-articles h4 {
color: #231f20;
background-color: transparent;
top: 0;
left: 0;
margin: 10px 0 2px;
border-width: 0 !important;
white-space: inherit;
line-height: 1.4;
}
.featured-articles .first h4 {
font-family: 'Sarabun', serif;
display: inline-block;
line-height: 34px;
background: #ffffff;
padding: 0 20px;
top: -15px;
position: relative;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.featured-articles .first .excerpt p {
line-height: 1.7;
}
.featured-articles .first .read-more {
padding: 4px 0; }
.featured-articles .first .img-wrapper {
display: block;
overflow: hidden;
}
.featured-articles .first .img-wrapper img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.featured-articles .first .img-wrapper:hover img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.featured-articles .article {
margin-bottom: 30px;
}
.featured-articles .article h4 {
margin-top: 15px;
margin-bottom: 5px;
overflow: hidden;
font-size: 18px;
font-weight: 800;
text-overflow: ellipsis;
white-space: nowrap;
color: #231f20;
}
.featured-articles .article .excerpt p {
font-size: 0.9rem;
margin-bottom: 20px;
}
.featured-articles .article .img-wrapper {
display: block;
overflow: hidden;
}
.featured-articles .article .img-wrapper a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.featured-articles .article .img-wrapper:hover a {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.featured-articles a {
color: #231f20;
}
@media (min-width: 992px) {
.col-md-one-fifth {
width: 20%;
}
}
@media (max-width: 1024px) {
.partners .client {
width: 25%;
}
}
@media (max-width: 767px) {
.popular-articles .owl-dots {
display: none;
}
.featured-articles .first h4 {
font-size: 20px;
}
.multi-rows .aspect-ratio {
min-height: 100px;
width: 100%;
float: left;
padding: 15px !important;
}
.multi-rows .aspect-ratio.without-image {
min-height: 10px !important;
height: auto !important;
}
.multi-rows .container-half {
padding: 0;
width: 100%;
}
.multi-rows .container-half h2 {
margin: 0;
font-size: 25px;
text-align: center;
}
.partners .client {
width: 33.33%;
}
}
@media (max-width: 560px) {
h1.fancy-title,
h2.fancy-title {
font-size: 32px;
}
.slogan .we-think {
font-size: 16px;
padding: 15px;
}
.categories-wrapper .categories-inner {
min-height: 250px;
}
.categories-wrapper .categories-inner .category-square {
width: 125px;
height: 125px;
line-height: 125px;
left: calc(50% - 125px);
}
.categories-wrapper .categories-inner .category-square .fancy-title {
font-size: 32px;
}
.categories-wrapper .categories-inner .category-square:after {
-ms-border-radius: 25px;
-o-border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.categories-wrapper .categories-inner .category-square.exercise-health,
.categories-wrapper .categories-inner .category-square.know-your-body {
top: 126px;
}
.categories-wrapper .categories-inner .category-square.exercise-health {
-ms-border-radius: 30px 0 30px 30px;
-o-border-radius: 30px 0 30px 30px;
-webkit-border-radius: 30px 0 30px 30px;
-moz-border-radius: 30px 0 30px 30px;
border-radius: 30px 0 30px 30px;
}
.categories-wrapper .categories-inner .category-square.know-your-body {
-ms-border-radius: 0 30px 30px 30px;
-o-border-radius: 0 30px 30px 30px;
-webkit-border-radius: 0 30px 30px 30px;
-moz-border-radius: 0 30px 30px 30px;
border-radius: 0 30px 30px 30px;
}
.categories-wrapper .categories-inner .category-square.food-health {
-ms-border-radius: 30px 30px 30px 0;
-o-border-radius: 30px 30px 30px 0;
-webkit-border-radius: 30px 30px 30px 0;
-moz-border-radius: 30px 30px 30px 0;
border-radius: 30px 30px 30px 0;
}
.categories-wrapper .categories-inner .category-square.healthy-living,
.categories-wrapper .categories-inner .category-square.causes-of-diseases {
-ms-border-radius: 30px 30px 0 30px;
-o-border-radius: 30px 30px 0 30px;
-webkit-border-radius: 30px 30px 0 30px;
-moz-border-radius: 30px 30px 0 30px;
border-radius: 30px 30px 0 30px;
}
.categories-wrapper .categories-inner .category-square p {
font-size: 13px;
top: 49px;
left: 3px;
}
.categories-square .charm-categories-overlay {
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.25);
width: 100%;
height: 100%;
z-index: 10101;
}
.categories-square .category-articles {
max-width: 100%;
min-width: 85%;
}
.no-image-section h2,
.back-image-section h2 {
font-size: 28px;
}
.no-image-section p,
.back-image-section p {
font-size: 15px;
}
.home .popular-articles h4 {
font-size: 19px;
}
.home .popular-articles .owl-stage-outer .excerpt {
font-size: 17px;
}
.featured-articles .first h4 {
font-size: 19px;
}
}
@media (max-width: 400px) {
.slogan p {
font-size: 14px;
}
.partners .client {
width: 50%;
}
}
@media (hover: none) {
.featured-articles .article h4 {
white-space: normal;
line-height: 1.3;
}
} .releases {
padding: 0 0 35px 45px;
}
.releases .latest-press-releases {
padding-top: 35px;
}
.releases .latest-press-releases .article {
margin: 14px -15px;
padding: 14px 0;
}
.releases .latest-press-releases .article:hover {
background: #b0ae46;
-o-box-shadow: -200px 0 0 #b0ae46;
-ms-box-shadow: -200px 0 0 #b0ae46;
-moz-box-shadow: -200px 0 0 #b0ae46;
-webkit-box-shadow: -200px 0 0 #b0ae46;
box-shadow: -200px 0 0 #b0ae46;
}
.releases .latest-press-releases .article:hover .tags p a {
background: #676767;
color: #ffffff;
}
.releases .latest-press-releases .article:hover .thumb .placeholder {
display: none;
}
.releases .latest-press-releases .article:hover .thumb .hover {
display: block;
}
.releases .latest-press-releases .alert {
margin: 10px 0;
}
.releases .latest-press-releases .thumb {
overflow: hidden;
padding: 0;
}
.releases .latest-press-releases .thumb img {
min-width: 80px;
}
.releases .latest-press-releases .thumb .hover {
display: none;
}
.releases .thumb {
padding: 7px 5px;
width: 80px;
height: 80px;
background: #dddddd;
font-size: 35px;
text-align: center;
overflow-y: visible;
margin-right: 40px;
}
.releases .thumb.over-4 {
overflow-y: auto;
}
.releases .thumb.count-4 {
padding: 20px 5px;
}
.releases .thumb p {
margin-bottom: 0;
}
.releases .thumb p a {
font-size: 31px;
line-height: 1.3;
}
.releases .thumb p.terms-count-1 {
margin-top: 10px;
}
.releases .thumb p.terms-count-2 a {
display: block;
font-size: 25px;
}
.releases .thumb p.terms-count-3 a,
.releases .thumb p.terms-count-4 a,
.releases .thumb p.terms-count-5 a,
.releases .thumb p.terms-count-6 a,
.releases .thumb p.terms-count-7 a,
.releases .thumb p.terms-count-8 a,
.releases .thumb p.terms-count-9 a,
.releases .thumb p.terms-count-10 a,
.releases .thumb p.terms-count-11 a,
.releases .thumb p.terms-count-12 a,
.releases .thumb p.terms-count-13 a {
display: block;
}
.releases .thumb p.terms-count-3 a {
font-size: 17px;
}
.releases .thumb p.terms-count-4 a,
.releases .thumb p.terms-count-5 a {
float: left;
width: 50%;
text-align: center;
}
.releases .thumb p.terms-count-4,
.releases .thumb p.terms-count-5,
.releases .thumb p.terms-count-6,
.releases .thumb p.terms-count-7,
.releases .thumb p.terms-count-8,
.releases .thumb p.terms-count-9,
.releases .thumb p.terms-count-10,
.releases .thumb p.terms-count-11,
.releases .thumb p.terms-count-12,
.releases .thumb p.terms-count-13 {
overflow-y: auto;
}
.releases .thumb p.terms-count-4 a,
.releases .thumb p.terms-count-5 a,
.releases .thumb p.terms-count-6 a,
.releases .thumb p.terms-count-7 a,
.releases .thumb p.terms-count-8 a,
.releases .thumb p.terms-count-9 a,
.releases .thumb p.terms-count-10 a,
.releases .thumb p.terms-count-11 a,
.releases .thumb p.terms-count-12 a,
.releases .thumb p.terms-count-13 a {
font-size: 15px;
}
.releases h3 {
margin-bottom: 15px;
}
.releases h5.page-heading {
margin: 0 0 15px;
}
.releases h4 {
font-size: 21px;
margin: 0 0 9px;
line-height: 1.1;
}
.releases h4 a {
color: #676767;
font-family: 'Sarabun', serif;
}
.releases h4 a + .tooltip {
color: #ffffff;
}
.releases h4 a + .tooltip * {
color: #676767;
}
.releases > * {
color: #3f5a35;
}
.releases p {
color: #676767;
font-size: 16px;
}
.releases .label {
background: #b0ae46;
color: #676767 !important;
margin-right: 3px;
}
.releases .clear-search-results .label {
background: #3f5a35;
color: #ffffff !important;
margin: 0;
}
.releases .tags p a {
background: #8c8a37;
padding: 2px 6px 3px;
line-height: 1;
font-size: 14px;
color: #ffffff;
margin: 0 3px 3px 0;
display: inline-block;
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.releases .sidebar {
-o-box-shadow: -15px 0 0 #fbfbfb, 150px 0 0 #fbfbfb, 300px 0 0 #fbfbfb, 600px 0 0 #fbfbfb, 900px 0 0 #fbfbfb, 1200px 0 0 #fbfbfb, 1500px 0 0 #fbfbfb, 1800px 0 0 #fbfbfb;
-ms-box-shadow: -15px 0 0 #fbfbfb, 150px 0 0 #fbfbfb, 300px 0 0 #fbfbfb, 600px 0 0 #fbfbfb, 900px 0 0 #fbfbfb, 1200px 0 0 #fbfbfb, 1500px 0 0 #fbfbfb, 1800px 0 0 #fbfbfb;
-moz-box-shadow: -15px 0 0 #fbfbfb, 150px 0 0 #fbfbfb, 300px 0 0 #fbfbfb, 600px 0 0 #fbfbfb, 900px 0 0 #fbfbfb, 1200px 0 0 #fbfbfb, 1500px 0 0 #fbfbfb, 1800px 0 0 #fbfbfb;
-webkit-box-shadow: -15px 0 0 #fbfbfb, 150px 0 0 #fbfbfb, 300px 0 0 #fbfbfb, 600px 0 0 #fbfbfb, 900px 0 0 #fbfbfb, 1200px 0 0 #fbfbfb, 1500px 0 0 #fbfbfb, 1800px 0 0 #fbfbfb;
box-shadow: -15px 0 0 #fbfbfb, 150px 0 0 #fbfbfb, 300px 0 0 #fbfbfb, 600px 0 0 #fbfbfb, 900px 0 0 #fbfbfb, 1200px 0 0 #fbfbfb, 1500px 0 0 #fbfbfb, 1800px 0 0 #fbfbfb;
}
.releases .sidebar {
padding-top: 35px;
background: #fbfbfb;
}
.releases .sidebar h4 {
font-family: 'Sarabun', sans-serif, "Arial";
font-size: 16px;
font-weight: 600;
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.1);
letter-spacing: 0;
}
.releases .sidebar h3 {
font-size: 15px;
font-weight: 400;
margin-bottom: 30px;
}
.releases .sidebar .widget h3 {
margin-top: 0;
margin-bottom: 10px;
}
.releases .sidebar .widget-featured-news h3 {
text-transform: uppercase;
color: #BDBEBE;
}
.releases .sidebar .widget-featured-news h3 span {
cursor: pointer;
}
.releases .sidebar .widget-featured-news h3 span.active {
color: #3f5a35;
}
.releases .sidebar .widget-featured-news ul {
padding: 0;
}
.releases .sidebar .widget-featured-news ul li {
padding: 5px 0;
list-style: none;
}
.releases .sidebar .widget-featured-news ul li p {
font-size: 13px;
}
.releases .sidebar .widget-featured-news ul li p span {
font-size: 13px;
font-family: 'Sarabun', serif;
}
.releases .sidebar .widget-featured-news ul li h4 {
margin: 2px 0;
}
.releases .sidebar .widget-featured-news ul li h4 a {
color: #50676f;
font-family: 'Sarabun', serif;
font-size: 17px;
}
.releases .sidebar .widget-featured-news > * {
color: #3f5a35;
}
.releases .sidebar .widget-tags {
margin-top: 50px;
}
.releases .sidebar .widget-tags .tags {
padding: 0 0;
max-width: 100%;
}
.releases .sidebar .widget-tags .tags a {
padding: 3px 6px 4px;
background: #8c8a37;
margin: 0 7px 7px 0;
line-height: 1;
font-size: 13px;
font-weight: 300;
font-family: 'Sarabun', sans-serif, "Arial";
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: inline-block;
color: #ffffff;
}
.releases .sidebar .widget-tags .tags a span {
font-family: "Sarabun", "sans-serif", "Arial";
}
.releases .sidebar .widget-tags .tags a:hover {
background: #3f5a35;
} .contact-form-wrapper {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
background: transparent;
border-width: 0;
}
.contact-form-wrapper .row {
margin: 0 -7.5px;
}
.contact-form-wrapper .row [class*="col-md-"] {
padding: 0 7.5px;
}
.contact-form-wrapper .row .form-control {
height: 40px;
line-height: 40px;
background-color: #dddddd;
border-color: #d8d8d8;
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-form-wrapper .row .form-control:focus {
border-color: #c4c4c4;
}
.contact-form-wrapper .row .form-control::-moz-placeholder {
color: #919191;
}
.contact-form-wrapper .row .form-control:-ms-input-placeholder {
color: #919191;
}
.contact-form-wrapper .row .form-control::-webkit-input-placeholder {
color: #919191;
}
.contact-form-wrapper .row textarea.form-control {
min-height: 100px;
line-height: 1.5;
}
.contact-form-wrapper .contact-form-submit-btn {
margin: 0;
background-color: transparent;
color: #3f5a35;
font-size: 23px;
font-weight: 300 !important;
padding: 0;
}
@media (min-width: 768px) {
.page-template-tpl-contact h1.fancy-title {
font-size: 42px;
}
} .services .page-title {
font-size: 36px;
line-height: 1;
margin-bottom: 5px;
}
.sub-nav {
padding: 0 0 15px 0;
background: #ffffff;
}
.sub-nav ul {
margin: 0 -2px;
}
.sub-nav li {
padding: 0 2px;
margin: 0 !important;
}
.sub-nav li.hover-active .h3 {
background: #676767;
-o-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #676767;
-ms-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #676767;
-moz-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #676767;
-webkit-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #676767;
box-shadow: 0 3px 0 #ffffff, 0 8px 0 #676767;
}
.sub-nav li.hover-active .h3:hover {
background: #676767;
}
.sub-nav li.active .h3 {
background: #3f5a35 !important;
-o-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #3f5a35;
-ms-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #3f5a35;
-moz-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #3f5a35;
-webkit-box-shadow: 0 3px 0 #ffffff, 0 8px 0 #3f5a35;
box-shadow: 0 3px 0 #ffffff, 0 8px 0 #3f5a35;
}
.sub-nav li.active .h3:hover {
background: #3f5a35;
}
.sub-nav .h3 {
-ms-border-radius: 0;
-o-border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
text-align: center;
color: #ffffff;
background: #676767;
font-size: 22px;
padding: 19px 15px;
}
.tab-pane {
position: relative;
display: none !important;
}
.tab-pane:first-child {
display: block;
left: 0;
}
.parent-page-banner {
position: relative;
padding: 0 0 15px 0;
margin-bottom: 0;
background: #ffffff;
}
.parent-page-banner > li {
list-style: none;
background: #fff;
position: absolute;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
top: 0;
}
.parent-page-banner > li:first-child {
opacity: 1;
filter: alpha(opacity=100);
top: 0;
position: relative;
}
.parent-page-banner > li .inner .row {
margin: 0 -2px;
}
.parent-page-banner > li .inner .row .col-md-6 {
padding: 0 2px;
}
.parent-page-banner > li .inner .aspect-ratio {
background-color: #af7d9f;
}
.parent-page-banner > li .content-wrapper {
padding: 25px;
height: 100%;
}
.parent-page-banner > li .content-wrapper * {
color: #676767;
}
.parent-page-banner > li .content-wrapper .button {
color: #ffffff;
}
.parent-page-banner > li .content-wrapper .button * {
color: #ffffff;
}
@media (max-width: 767px) {
.mobile-parent-page-banner {
padding: 15px 0;
}
.mobile-parent-page-banner li h3 {
background: #676767;
color: #ffffff;
padding: 15px;
position: absolute;
left: 15px;
top: 15px;
}
.mobile-parent-page-banner li .link-to-page {
position: absolute;
right: 15px;
bottom: 15px;
background: #3f5a35;
color: #ffffff;
padding: 5px 23px;
}
.sub-nav ul li {
width: 100% !important;
margin-bottom: 10px !important;
}
} .jobsearch-iframe-holder {
display: none;
width: 100%;
}
.jobsearch-iframe-holder iframe {
width: 100%;
height: 700px;
border-width: 0;
max-width: 700px;
margin: 0 auto;
display: block;
}
.job-search-anchors a {
font-weight: 500;
font-family: "Sarabun", "sans-serif", "Arial";
}
.job-search-anchors a:hover {
color: #ffd4ac;
}
#back-to-anchors {
font-weight: 400 !important;
}  .woocommerce .notices-wrapper,
.woocommerce-page .notices-wrapper {
background: #ffffff;
}
.woocommerce #woocommerce-main-content,
.woocommerce-page #woocommerce-main-content {
background: #ffffff;
}
.woocommerce.woocommerce-cart .site-content,
.woocommerce-page.woocommerce-cart .site-content {
background: #ffffff;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
-o-box-shadow: none;
-ms-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
color: #3f5a35;
}
.woocommerce ul.products li.product:hover .price,
.woocommerce-page ul.products li.product:hover .price {
color: #3f5a35;
}
.woocommerce ul.products li.product:hover a:hover,
.woocommerce-page ul.products li.product:hover a:hover {
color: #3f5a35;
}
.woocommerce div.product .related h2,
.woocommerce-page div.product .related h2 {
text-transform: capitalize;
}
.woocommerce div.product div.summary .product_meta,
.woocommerce-page div.product div.summary .product_meta {
display: none;
}