/*
 * About Theme CSS
 */
.text-center{
	text-align: center;
}

.business-theme-header h1{
	font-size: 42px;
	font-weight: 600;
	line-height: 50px;
	margin-bottom: 20px;
}

.business-wrap{
	margin-bottom:50px;
}

.business-wrap h2{
	font-size: 28px;
	font-weight: 600;
	line-height:40px;
	margin-bottom: 20px;
}

.business-feaure-image{
	float: left;
	width: 40%;
	margin-right: 20px;
}

.business-feaure-image img{
	max-width: 100%;
}

.business-content{
	font-size: 17px;
	font-weight: 400;
	line-height: 30px;
	color: #9e9e9e;
}

.business-table{
	width:100%;
	font-size: 15px;
    margin: 20px 0;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #dddddd;
	display: inline-table;
}

.business-table tr:nth-child(even){
	background-color: #ffffff;
}

.business-table tr:nth-child(odd){
	background-color: #f9f9f9;
}

.business-table th, .business-table td {
    padding:8px 25px;
    line-height: 40px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}

.business-table th{
	padding: 25px 8px;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	background-color: #EE5547;
	color: #ffffff;
}

.business-table td.text-center{
	text-align: center;
}

.business-table .cross_red,
.business-table .yes_green{
	font-family: dashicons;
	font-style: normal;
	font-size: 20px;
    width: 36px;
    height: 34px;
    margin: 0;
    text-align: center;
}

.business-table .cross_red{
	color: red;
}

.business-table .cross_red:before{
	content: '\f158';
}

.business-table .yes_green{
	color: green;
}

.business-table .yes_green:before{
	content: '\f147';
}

#adminmenu .wp-submenu li a[href="themes.php?page=theme-welcome-page"],
#adminmenu .wp-submenu li.current a[href="themes.php?page=theme-welcome-page"]{
    color: #EE5547;
}


.business-button{
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

.green {background-color: #4CAF50;} /* Green */
.blue {background-color: #008CBA;} /* Blue */
.red {background-color: #f44336;} /* Red */ 
.gray {background-color: #e7e7e7; color: black;} /* Gray */ 
.black {background-color: #555555;} /* Black */

.size10 {font-size: 10px;}
.size12 {font-size: 12px;}
.size16 {font-size: 16px;}
.size20 {font-size: 20px;}
.size24 {font-size: 24px;}

.padding10 {padding: 10px 24px;}
.padding12 {padding: 12px 28px;}
.padding14 {padding: 14px 40px;}
.padding32 {padding: 32px 16px;}
.padding16 {padding: 16px;}

.radius2 {border-radius: 2px;}
.radius4 {border-radius: 4px;}
.radius8 {border-radius: 8px;}
.radius12 {border-radius: 12px;}
.radius50 {border-radius: 50%;}

.green {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}

.green:hover {
    background-color: #4CAF50;
    color: white;
}

.blue {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}

.blue:hover {
    background-color: #008CBA;
    color: white;
}

.red {
    background-color: white; 
    color: black; 
    border: 2px solid #f44336;
}

.red:hover {
    background-color: #f44336;
    color: white;
}

.gray {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.gray:hover {background-color: #e7e7e7;}

.black {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.black:hover {
    background-color: #555555;
    color: white;
}


.business-button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,1.19);
}


.business-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.business-button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.business-button:hover span {
  padding-right: 25px;
}

.business-button:hover span:after {
  opacity: 1;
  right: 0;
}