/*

Theme Name: Avada Child

Description: Child theme for Avada theme

Author: ThemeFusion

Author URI: https://theme-fusion.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada

*/

.influencer-container {

    position: relative;

    z-index: 3;

    width: 100%;

    /*height: 172px;*/

    max-width: 100%;

    margin-top: 258px;

    margin-right: 40px;

    margin-left: auto;

    padding: 16px;

}

.influencer-data {

    display: flex;

    width: 100%;

    height: 100%;

    background-color: #fff;

    box-shadow: 0 1px 11px 1px rgba(8,1,24,.1);

}

.influencer-data, .influencer-name {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

}

.influencer-name {

    display: flex;

    width: 190px;

    /*height: 100%;*/

    padding: 24px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    border-color: #ebebeb;

}



.influencer-data, .influencer-name {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

}

.button-8, .influencer-name {

    border-style: solid;

    border-width: 1px;

}

.influencer-perfprmance {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.div-block-244, .influencer-perfprmance {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

}

.influencer-data1 {

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-right: 1px solid #e9e9e9;

}

.div-block-244, .influencer-data1 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    width: 100%;

}

.div-block-244 {

    display: flex;

    height: 100%;

    padding: 12px;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    border-style: none solid solid none;

    border-width: 1px;

    border-color: #7c7573 #e9e9e9 #e9e9e9 #7c7573;

    font-family: 'Open Sans',sans-serif;

    font-weight: 400;

    text-transform: uppercase;

}

.div-block-244, .influencer-perfprmance {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

}

.div-block-244, .influencer-data1 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    width: 100%;

}

.text-block-21 {

    font-family: 'Open Sans',sans-serif;

    font-size: 22px;

    line-height: 28px;

    font-weight: 700;

}

.text-block-21-copy {

    font-family: 'Open Sans',sans-serif;

    font-size: 16px;

    font-weight: 300;

}

.text-block-22 {

    font-size: 12px;

    font-weight: 300;

    text-transform: uppercase;

}

.text-block-22, .text-block-23 {

    line-height: 150%;

    font-family: 'Open Sans',sans-serif;

}

.text-block-23 {

    font-size: 16px;

    font-weight: 400;

    text-transform: none;

}

.text-block-22, .text-block-23 {

    line-height: 150%;

    font-family: 'Open Sans',sans-serif;

}

.div-block-244.mobile-hidden {

    border-right-style: solid;

}



.div-block-244 {

    display: flex;

    height: 100%;

    padding: 12px;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    border-style: none solid solid none;

    border-width: 1px;

    border-color: #7c7573 #e9e9e9 #e9e9e9 #7c7573;

    font-family: 'Open Sans',sans-serif;

    font-weight: 400;

    text-transform: uppercase;

}

.div-block-244, .influencer-performance {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

}

.div-block-244, .influencer-data1 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    width: 100%;

}

.influencer-data1 {

    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    border-right: 1px solid #e9e9e9;

}

.div-block-244, .influencer-data1 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    width: 100%;

}

div.section {
	position: relative;
}

.grid_section .section_inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

.qbutton {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-width: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #e27d23;
    padding: 15px 25px;
}

.grid_section .section_inner {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.grid_section .section_inner h1 {
	font-weight: 600;
}

.grid_section h3 {
	line-height: 40px !important;
	margin: 0;
}

.grid_section h3 a {
	color: #3f3f3f;
}

#competitor-list {background-color: #ffffff; border: 1px solid #c3c3c3; font-size: 18px; padding: 0; margin: 0;}
#competitor-list li {border-bottom: 1px solid #c3c3c3; padding: 4px 12px; line-height: 33px;}
#competitor-list li:last-child {border-bottom: 0 none;}
#competitor-list li:hover {background-color: #808080; color: #ffffff;}
.comparison-responsive {overflow-x: auto; min-height: .01%; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); margin-bottom: 10px; border-radius: 8px;}
.comparison-wrapper {background-color: #ffffff; width: 100%;}
.comparison-cell {display: none; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 0; vertical-align: middle; font-size: 17px; font-weight: 600; width: 20%;}
.comparison-cell.comparison-visible, .comparison-cell.comparison-intellifluence, .comparison-cell.comparison-heading {display: table-cell;}
.comparison-sticky {position: fixed; top: 0; z-index: 3; text-align: center; display: none; margin-left: 1px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.comparison-sticky > div {float: left; background-color: #ffffff; display: none; height: 166px; font-size: 18px; font-weight: 400; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.comparison-sticky > div.visible, .comparison-sticky > div.sticky-intellifluence, .comparison-sticky > div.sticky-heading {display: block;}
.comparison-sticky > div.sticky-heading {background-color: #f6f6f6;}
.comparison-header .comparison-cell {font-size:22px; font-weight: 600;}
.comparison-header .comparison-cell {vertical-align: top;}
.comparison-header .comparison-competitor > div > div + div {cursor: pointer;}
.comparison-sticky > div, .comparison-header .comparison-cell > div {position: relative; padding: 30px;}
.comparison-sticky > div .fa-lock, .comparison-sticky > div button, .comparison-header .fa-lock, .comparison-header button {position: absolute; top: 14px; right: 14px; background-color: transparent; border: 0 none; padding: 0; color: #adadad;}
.comparison-sticky > div button {font-size: 18px;}
.comparison-header button {font-size: 22px;}
.comparison-sticky > div img, .comparison-header img {display: inline-block; width: 108px; height: 108px; padding: 14px; background-color: #15689c; border-radius: 50%; margin: 0 auto 20px;}
.comparison-sticky > div img {width: 68px; height: 68px; margin-bottom: 8px;}
.comparison-vs {width: 84px; background-color: #f6f6f6; padding: 30px 0; border-radius: 50%; color: #808080; margin: 15px auto 35px;}
.comparison-sticky .comparison-vs {width: 58px; padding: 17px 0; margin-top: 12px; margin-bottom: 10px;}
.comparison-heading {background-color: #f6f6f6; padding: 30px; font-size: 18px; font-weight: 600; text-align: left; width: 230px; position: -webkit-sticky; position: sticky; left: 0; background-clip: padding-box; z-index: 2;}
.comparison-intellifluence {color: #82c57e;}
.comparison-header .comparison-intellifluence {color: inherit;}
.comparison-cell {text-align: center;}
.comparison-cell > div {padding: 15px;}
.comparison-cell.comparison-heading > div {padding: 0;}
.comparison-inline-title {display: none; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.comparison-networks {vertical-align: top;}
.comparison-networks i {margin: 0 4px 14px; font-size: 22px;}
.comparison-networks i.m-b-0 {margin-bottom: 0;}
.yellow-tag {display: inline-block; font-family: Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight: bold; letter-spacing: -0.03em; background-color: #fee121; color: #5e5a1b; text-transform: uppercase; font-size: 11px; padding: 0 6px; border-radius: 4px; margin-top: 5px;}
.yellow-tag i {font-size: 13px;}
.large-text {font-size: 36px; font-weight: 500;}
.medium-text {font-size: 34px; font-weight: 400;}
.gray-text {color: #b8b8b8;}
.green-text {color: #82c57e;}
.red-text {color: #d03f3c;}
.fa.comparison-tooltip {font-size: 14px; vertical-align: text-top; color: #b8b8b8;}
.compare-sally {margin: 0 80px; width: 125px; float: left;}
@media (max-width: 1200px) {
	.compare-sally {margin: 0 15px;}
}
@media (max-width: 992px) {
	.comparison-cell {vertical-align: top; font-size: 14px;}
	.comparison-cell.comparison-heading {display: none;}
	.comparison-inline-title {display: block;}
	.large-text {font-size: 30px;}
	.compare-sally {display: none;}
}
@media (min-width: 1000px) {
	.grid_section .section_inner {
        width: 800px;
    }
	.comparison-max {float: left;}
	.comparison-select-wrapper {float: right; width: 28%;}
}
@media only screen and (min-width: 1300px) {
    .grid_section .section_inner{
        width: 1200px;
    }
}
@media only screen and (min-width: 1400px) {
    .grid_section .section_inner {
        width: 1300px;
    }
}