/*
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.   ***************/
body, td {
  color: #2b2b2b;
}

#wrapper, #main {
  background: rgb(51,1,0);
  background: linear-gradient(180deg, rgba(51,1,0,1) 0%, rgba(56,0,0,1) 50%, rgba(103,0,1,1) 100%);	
  position: relative;
}

div.table-1 .table th, div.table-1 .table tr td {
    margin: 4px 0 6px 2px;
    padding: 8px 4px 8px 4px;
	text-align: center;
}

ol {
  counter-reset: item;
}
ol li {
  display: block;
  position: relative;
}
ol li:before {
  content: counters(item, ".")".";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px; /* space between number and text */
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* table.table-k1.table-hover > tbody > tr:hover
{
    background-color: #eaedf2 !important;
} */


table.table-k1 {
  overflow: hidden;
  display: inline-block;
}

table.table-k1 td, th {
    padding: 10px;
    position: relative;
}


table.table-k1 td:hover::before { 
    background-color: #A6A6A6;
    content: '';  
    height: 100%;
    left: -5000px;
    position: absolute;  
    top: 0;
    width: 10000px;   
    z-index: -2;        
}


table.table-k1 td:hover::after { 
    background-color: #efd780;
    content: '';  
    height: 10000px;    
    left: 0;
    position: absolute;  
    top: -5000px;
    width: 100%;
    z-index: -1;        
}


table.table-03 th,
table.table-03 td {
  padding: .625em;
  text-align: center;
}

table.table-03 tbody th {
	text-align: left;
}
table.table-03.table-hover > tbody > tr:hover
{
    background-color: #eaedf2 !important;
}

table.table-03 th {
    background-color: #866236;
	color: #eeeeee;
}

table.table-03 caption {
    font-size: 1.5em;
	padding-bottom: 1em;

  }

table.table-03 th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table.table-03 {
    border: 0;
  }

  table.table-03 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.table-03 tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.table-03 td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.table-03 td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.table-03 td:last-child {
    border-bottom: 0;
  }
}

/*! css-smart-grid 5.1.4 | MIT License | http://css.gd */

 .container.form  {
    max-width: var(--max-cf7sg-form-width,940px); 
    padding: 0 1.06383% !important;
    margin: 0 auto;
    width:100%;
    flex-wrap: wrap;
    zoom: 1;
    display: block
}

.container.form > .row {
    zoom: 1;
    display: block;
    margin: 0
}

.container.form > div.row > .container:before,
.container.form > div.row > .container:after,
.container.form > div.row > .row:before,
.container.form > div.row > .row:after {
    content: "";
    display: table
}

.container.form > div.row > .container:after,
.container.form > div.row > .row:after {
    clear: both
}

.container.form > div.row > .columns.three,
.container.form > div.row > .columns.one-fourth {
    width: 23.40426% !important;
}

.container.form > div.row > .columns.four,
.container.form > div.row > .columns.one-third {
    width: 31.91489% !important;
}

.container.form > div.row > .columns.six,
.container.form > div.row > .columns.one-half {
    width: 48.93617% !important;
}
.container.form > div.row > .columns.eight,
.container.form > div.row > .columns.two-thirds {
    width: 65.95745% !important;
}
.container.form > div.row > .columns.nine,
.container.form > div.row > .columns.three-fourths {
    width: 74.46808% !important;
}
.container.form > div.row > .columns.twelve,
.container.form > div.row > .columns.full {
    width: 100.0% !important;
}

.container.form > div.row > .columns {
    float: left;
    margin: 0 0 0 2.12766% !important;
    width: 6.38298% !important;
}

@media screen and (max-width: 600px) {
	
.container.form  {
    max-width: var(--max-cf7sg-form-width,940px); 
    padding: 0 1.06383% !important;
    margin: 0 auto;
    width:100%;
    flex-wrap: wrap;
    zoom: 1;
    display: block
}
	
.container.form > div.row > .columns.four,
.container.form > div.row > .columns.one-third,
.container.form > div.row > .columns.three,
.container.form > div.row > .columns.one-fourth,
.container.form > div.row > .columns.six,
.container.form > div.row > .columns.one-half,
.container.form > div.row > .columns.twelve,
.container.form > div.row > .columns.full {
    width: 100.0% !important;
	}
}