/*
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.   ***************/

:root{
  --oc-bg:#f7f9fc;
  --oc-surface:#ffffff;
  --oc-text:#1f2937;
  --oc-muted:#6b7280;
  --oc-line:#e5e7eb;
  --oc-primary:#2f9156;
  --oc-primary-2:#256f43;
  --site-max-width:1280px;
}

html body,
body.theme-flatsome,
.off-canvas-body{
  background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%) !important;
  color:var(--oc-text) !important;
}

#main, .main-content, .row.row-main{
  background:transparent !important;
}

/* global site width lock */
.container,
.container-width,
.full-width .ubermenu-nav,
.row:not(.row-collapse):not(.row-small):not(.row-large){
  max-width:var(--site-max-width);
  margin-left:auto;
  margin-right:auto;
}

.header .header-wrapper,
#wrapper,
#main,
#footer{
  width:100%;
}

/* cards/boxes */
.box,.box-text,.post-item .box,.entry-content .has-border,
.widget,.widget-area .is-divider,.blog-wrapper .entry-header{
  border-color:var(--oc-line) !important;
}

.box,.post-item .box,.widget,.entry-content .has-border{
  border-radius:12px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
  background:var(--oc-surface);
}

/* links + buttons */
a{transition:.16s ease}
a:hover{color:var(--oc-primary-2)}

.button,.button.primary,.is-form,.submit-button{
  border-radius:10px;
  transition:.16s ease;
}
.button.primary{background:var(--oc-primary);border-color:var(--oc-primary)}
.button.primary:hover{background:var(--oc-primary-2);border-color:var(--oc-primary-2);transform:translateY(-1px)}

/* form controls */
input[type="text"],input[type="search"],input[type="email"],input[type="number"],
textarea,select{
  border-radius:10px;
  border-color:#cfd7e6;
  background:#fff;
}
input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="number"]:focus,
textarea:focus,select:focus{
  outline:none;
  border-color:#4f7cff;
  box-shadow:0 0 0 3px rgba(79,124,255,.12);
}

/* article readability */
.entry-content p{line-height:1.75}
.entry-content h2,.entry-content h3{letter-spacing:-.2px}

/* table readability */
.entry-content table{
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  border:1px solid var(--oc-line);
  border-radius:10px;
  overflow:hidden;
  background:#fff;
}
.entry-content table th{background:#f3f6fb}
.entry-content table th,.entry-content table td{padding:10px;border-bottom:1px solid #edf1f6}

@media only screen and (max-width: 48em) {
  .box,.post-item .box,.widget{border-radius:10px}
  .entry-content p{line-height:1.7}
}