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

/*************** ADD CUSTOM CSS HERE.   ***************/
.img-inner,
.img,
.custom--grid-item div {
  border-radius: 8px;
}
.header-inner.flex-row.container.logo-center.medium-logo-center,
.header-top.hide-for-sticky.nav-dark div{
  max-width: 1280px;
}
h1 {
  font-size: 3.2em;
  position: relative;
}

h2 {
  font-size: 2.4em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.2em;
}
/* #header-contact span {
  font-size: 1.2em !important;
  font-weight: 700;
  color: #fff;
} */
#header-contact li:last-child span {
  font-size: 1.2em !important;
  font-weight: 700;
  color: #ffffff;
}
#header-contact li:last-child i {
  color: #fff;
}
.entry-title {
  color: #328F83;
}
.icon-box-text h3 {
  line-height: 1em !important;
}
.nav-dropdown.nav-dropdown-default>li>a {
  border-bottom: 1px solid #31A8E0;
}
.nav-dropdown.nav-dropdown-default>li:hover>a {
  color: #31A8E0;
  font-weight: 700;
}
.nav-dropdown.nav-dropdown-simple>li>a:hover {
  background-color: #31A8E0;
}
.custom--row-banner div {
  border-radius: 8px;
}
.custom--page-header-home .title-content {
  display: none;
}

.custom--page-header-home h1 {
  font-size: 2em;
}
.custom--tech .accordion-title.plain.active {
  background: #31A8E0;
  color: #fff;
  transition: all 300ms !important;
  border-color: transparent;
}
.custom--row-who-i i {
  font-size: 3em;
  color: #31A8E0;
}
.custom--button {
  padding: .5em 1em !important;
  color: #fff !important;
  background-color: #31A8E0;
  font-size: 1em !important;
  border: 2px solid #31A8E0;
  transition: all 300ms ease-in !important;
}
.custom--button:hover {
  color: #31A8E0 !important;
  background-color: #fff;
}
.custom--button:hover:before {
  display: none !important;
}
.custom--button span {
  line-height: 1.6;
}
.custom--blog-in-page .col-inner,
.custom--blog-in-page .box {
  border-radius: 8px;
}
.custom--blog-in-page .box-image {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.custom--blog-in-page a,
.ux-relay__load-more-button {
  border-radius: 10px;
}
.single-portfolio-title {
  font-size: 2em;
  line-height: 1em;
}
.custom--video-homepage {
  padding-top: 0px !important;
}
.color-tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 9999;
  display: none;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.off-canvas-left .mfp-content {
  background-color: #d8f4ee;
}

.mobile-sidebar .sidebar-menu a,
.mobile-sidebar .sidebar-menu i {
  color: #328F83;
}
.mobile-sidebar .nav-sidebar.nav-vertical>li+li {
  border-top: #328F83 1px solid;
}
.shop-page-title .page-title-bg {
  display: none;
}
.product-title.product_title.entry-title {
  font-size: 1.8em;
}
#frm_form_1_container form {
  margin-bottom: 0;
}
#frm_form_1_container fieldset {
  padding-bottom: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}