/*
Theme Name:     ICOs Child
Theme URI:      http://wpdemo.oceanthemes.net/icos/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0.1
Template:       icos
*/

@import url("../icos/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Tables */
table, td, th {
	border: 1px solid #333;
}

td, th { padding: 5px; }

table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	color: #000;
}

table .cell-active {
	background-color: #7a5cff;
}

div.table-container {
	width: 80%; 
	max-height: 500px;
	overflow: auto;
	margin: 0 auto;
}


.evolution-table table {
	background-color: #3E2BC4;
	color: #fff;
}

.evolution-table table,
.evolution-table td,
.evolution-table th {
	border: 1px solid #7a5cff;
}

.evolution-table th {
	background-color: #271A88;
}

@media(min-width: 992px) {
	div.table-container { width: 100%; }
}

/* Footer Menu */
#menu-footer li {
	font-size: 14px;
}

@media(min-width: 768px) {
	#menu-footer li {
		display: inline-block;
		margin-right: 20px;
	}
}

/* Legal Pages */
#legal-page { max-width: 800px; margin: 10% auto; }

#legal-page, #legal-page p { color: #fff; }

#legal-page h2 { color: #a89ffe; }

#legal-page ul { padding-left: 50px; }

#legal-page ul li {
    list-style-type: disc;
    margin-bottom: 15px;
}

/* Ad Formats */
#ad-formats h2 {
	font-size: 30px;
	margin-bottom: 70px;
}

#ad-formats h3 {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	color: #08bcf0;
}

#ad-formats h3:after {
	display: block;
	content: "";
	position: absolute;
	bottom: -5px; left: 0;
	width: 100%;
	height: 2px;
	background-color: #08bcf0;
}

#ad-formats .heading-sm-s2 {
	display: inline;
	padding-right: 75px;
}

#ad-formats .heading-sm-s2:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 60px;
	content: "";
	background: #08bcf0;
}

#ad-formats .wpb_column {
	text-align: center;
}

@media(max-width:  767px) {
	#ad-formats .wpb_column:not(:last-of-type) {
		margin-bottom: 40px;
	}
}

#ad-formats .wpb_column p {
	font-size: 0.85rem;
}

#ad-formats .wpb_column .wpb_single_image {
	margin-bottom: 30px;
}

/* Join */
#join form button,
#join form button:hover:before {
	border-radius: 40px !important;
}

/* Team */
#e-team .wpb_column .wpb_single_image img {
		border-radius: 100%;
		border: 3px solid #3d32fb;
}

#e-team .wpb_column .wpb_text_column {
	margin-top: 20px;
}

#e-team .wpb_column .wpb_text_column p {
	color: #fff;
}

@media(max-width:  768px) {
	#e-team .wpb_column:not(:last-of-type) {
		margin-bottom: 40px;
	}
}

/* E-ntegration */
#matrix { text-align: center; }

#matrix .heading-sm-s2 {
	display: inline;
	padding-right: 75px;
}

#matrix .heading-sm-s2:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 60px;
	content: "";
	background: #08bcf0;
}

/* RTB Rates */
#rtb {
	padding-top: 100px;
}

/* Apply */
#apply {
	padding-top: 100px;
	min-height: 60vh;
	text-align: center;
}

#apply .heading-sm-s2 {
	display: inline;
	padding-right: 75px;
}

#apply .heading-sm-s2:after {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 60px;
	content: "";
	background: #08bcf0;
}

#apply-roles {
	text-align: center;
	padding: 100px 0;
}

@media(max-width:  767px) {
	#apply-roles .wpb_column:not(:last-of-type) {
		margin-bottom: 40px;
	}
}

/* CTA Button */
.btn-cta button {
	background: transparent !important;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 15px;
}

/* DOC Sections */
.section-documentation .section-head-s6,
.section-documentation .wpb_text_column {
	max-width: 800px;
	margin:  0 auto;
}

.section-documentation h5 {
	margin-top: 30px;
}

#e-ntegration p,
.section-documentation p {
	color:  #fff !important;
}

.section-documentation ul {
	padding-left: 20px;
}

.section-documentation ul li {
	list-style-type: disc;
}

/* Spacer */
.section-spacer {
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Responsive Fix */
@media(max-width:  767px) {
	#ad-formats .heading-sm-s2,
	#matrix .heading-sm-s2,
	#apply .heading-sm-s2 {
		padding-right: 30px;
		padding-left: 30px;
	}

	#ad-formats .heading-sm-s2:before,
	#ad-formats .heading-sm-s2:after,
	#matrix .heading-sm-s2:before,
	#matrix .heading-sm-s2:after,
	#apply .heading-sm-s2:before,
	#apply .heading-sm-s2:after {
		width: 20px;
	}
}