/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.18.3
Requires at least:    5.9
Requires PHP:         5.6
WC requires at least: 4.7
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/

/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
ul.nav.header-nav.header-bottom-nav.nav-left.nav-tabs.nav-uppercase > li > a {
  /* border-left: 1px solid #3d8fe8;
  border-right: 1px solid #5aa6f9; */
  border-top: unset;
  color: white;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-tabs.nav-uppercase
  > li.active
  > a {
  background: #025819;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-tabs.nav-uppercase {
  background-color: #4fa016;
  box-shadow: none;
}
.header-nav .menu-item a {
  border: none;
}
.header-nav > .menu-item > a {
  background: transparent;
}
/* ul.nav.header-nav.header-bottom-nav.nav-left.nav-tabs.nav-uppercase > li:hover {
  opacity: 0.5;
} */
input.search-field.mb-0 {
  border-radius: 5px 0 0 5px;
}
button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  background-color: #4fa016;
  border-radius: 0 5px 5px 0;
}
div.header-inner.flex-row.container.logo-left.medium-logo-center {
  max-width: 90%;
}
div.wide-nav > div.flex-row.container {
  max-width: 90%;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
  justify-content: center;
}

div.row.row-small.header-block > div.col.medium-9.small-12.large-9 {
  padding: 10px;
}
div.row.row-small.header-block > div.col.medium-3.small-12.large-3 {
  padding: 0px;
}
div.row.row-small.header-block
  > div.col.medium-3.small-12.large-3
  > div.col-inner {
  height: 100%;
}
div.row.row-small.header-block
  > div.col.medium-3.small-12.large-3
  > div.col-inner
  > div {
  height: 100%;
}
div.row.row-small.header-block
  > div.col.medium-3.small-12.large-3
  > div.col-inner
  > div
  > div {
  height: 100%;
}
div.row.row-small.header-block
  > div.col.medium-3.small-12.large-3
  > div.col-inner
  > div
  > div
  > img {
  height: 100%;
}
@media only screen and (max-width: 600px) {
  div.row.row-small.header-block
    > div.col.medium-3.small-12.large-3
    > div.col-inner
    > div
    > div
    > img {
    display: none;
  }
  div.row.row-small.header-block
    > div.col.medium-9.small-12.large-9
    > div
    > p
    > span {
    color: white !important;
  }
}
div.text.link-white > ul > li {
  color: white;
}
div.text.link-white > ul > li > a {
  color: white;
}
div.text.link-white > ul > li > a:hover {
  color: blue;
}

div.row.desrow > div > div {
  background: white;
  padding: 20px;
  border-radius: 5%;
}
div.row.desrow > div > div:hover {
  background: #4fa016;
  cursor: pointer;
}
div.row.desrow img {
  filter: sepia(1) saturate(10000%) hue-rotate(32deg) brightness(1) contrast(1);
}
div.row.desrow > div > div:hover > div > div.icon-box-text.last-reset {
  color: white;
}
div.row.desrow > div > div:hover > div > div.icon-box-text.last-reset > h3 {
  color: white;
}
div.row.desrow > div > div:hover > div > div.icon-box-text.last-reset > h4 {
  color: white;
}
span.section-title-main {
  color: #4fa016;
}
div.box-text-inner.blog-post-inner > div.is-divider {
  display: none;
}

.feature {
  position: relative;
  overflow: hidden;
}
.feature::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.feature .image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  background-position: center;
}
ul.row.related-post li {
  list-style: none;
}
.related-title {
  line-height: 1.3 !important;
  margin-top: 10px !important;
}

h1.page-title.is-large.uppercase {
  text-align: left;
  font-size: 0;
}
h1.page-title.is-large.uppercase > span {
  font-size: initial;
}
body.archive > div#wrapper > main > div > div,
body.page-template > div#wrapper > main .section-content > div {
  max-width: 90%;
}
body.archive > div#wrapper > main > div > header > div {
  max-width: 88%;
}
body.archive > div#wrapper > main > div > header > div > div > div {
  text-align: left;
}
aside.widget.widget_categories,
.section-td .flatsome_recent_posts {
  margin-bottom: 20px;
  box-shadow: 2px 2px 20px #00000012;
  border-radius: 5px;
}
.section-td .flatsome_recent_posts {
  padding: 0;
}
.section-td ul {
  padding: 10px;
}
aside.widget.widget_categories > span.widget-title,
.sidebar-wrapper span.widget-title {
  display: block;
  max-width: 100%;
  background: #4fa016;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  color: white;
}
aside.widget.widget_categories > div.is-divider,
.section-td .is-divider {
  display: none;
}
aside.widget.widget_categories > ul {
  padding: 10px;
}
aside.widget.widget_categories > ul > li :before {
  content: ">";
  font-size: normal;
  margin-right: 0.5em;
}

aside.widget.widget_recent_entries {
  margin-bottom: 20px;
  box-shadow: 2px 2px 20px #00000012;
  border-radius: 5px;
}

aside.widget.widget_recent_entries > span.widget-title {
  display: block;
  max-width: 100%;
  background: #4fa016;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  color: white;
}
aside.widget.widget_recent_entries > div.is-divider {
  display: none;
}
aside.widget.widget_recent_entries > ul {
  padding: 10px;
}
aside.widget.widget_recent_entries > ul > li > a:before {
  content: ">";
  font-size: normal;
  margin-right: 0.5em;
}

aside.widget.flatsome_recent_posts {
  margin-bottom: 20px;
  box-shadow: 2px 2px 20px #00000012;
  border-radius: 5px;
}

aside.widget.flatsome_recent_posts > span.widget-title {
  display: block;
  max-width: 100%;
  background: #4fa016;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  color: white;
}
aside.widget.flatsome_recent_posts > div.is-divider {
  display: none;
}
aside.widget.flatsome_recent_posts > ul {
  padding: 10px;
}
aside.widget.flatsome_recent_posts
  > ul
  > li
  > div
  > div.flex-col.flex-grow
  > a:before {
  content: ">";
  font-size: normal;
  margin-right: 0.5em;
}
li.cat-item.cat-item-8 {
  display: none;
}
.section-footer span {
  color: #fff;
  font-size: 14px;
}
.section-footer .ux-menu-link__link:hover .ux-menu-link__text {
   color: #fff !important;
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  div#top-bar {
    background-color: white;
  }
}
/* .custom-img .icon-inner img {
  filter: invert(0.5) sepia(1) saturate(10000%) hue-rotate(45deg) contrast(1.2);
}
 */

.ux-menu-link__link.flex:hover{
	color:white !important;
}