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

/* GENERAL SETTINGS */

#main           	{background-color:#000 !important;}
.modal-dialog   	{top: 5%;}
.no-display     	{display: none;}
.screen-only    	{display: block;}
.mobile-only    	{display: none;}
.centerthis     	{text-align: center; margin-left:auto; margin-right: auto;}
.m0             	{margin: 0;}
p               	{margin:0 !important;}
.fusion-column-wrapper 	{margin: 0 !important;}
a {font-weight: 500 !important;}


.pad-zero       {padding: 0px 0px 0px 0px !important; margin: 0px !important;}
.pad-20         {padding:20px 20px 20px 20px !important;}
.pad-50         {padding:50px 20px 50px 20px !important;}
.pad-100        {padding:100px 20px 100px 20px !important;}
.pad-150        {padding:150px 20px 150px 20px !important;}
.pad-200        {padding:200px 20px 200px 20px !important;}
.pad-250        {padding:250px 20px 250px 20px !important;}

.center-justified {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

.clicker {
    padding: 14px 50px 14px 50px;
    background-color:#cc0000;
    text-align:center;
    text-transform:uppercase;
    transition: background-color 0.5s ease;
    color:#ffffff;
    display: inline-block;
}

.clicker:hover {
    padding: 14px 50px 14px 50px;
    background-color:#990000;
    text-align:center;
    color:#ffffff;
    display: inline-block;
}

/* BACKGROUND GRADIENTS */

.whitetogray {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.darktolight {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.lighttodark {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004368+0,000000+100 */
	background: rgb(0,67,104); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,67,104,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,67,104,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,67,104,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004368', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.blackgloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.whitegloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.graygloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,333333+100 */
	background: rgb(153,153,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(153,153,153,1) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 ); /* IE6-9 */	
}

.redgloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c0000c+0,990000+100 */
	background: rgb(192,0,12); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(192,0,12,1) 0%, rgba(153,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(192,0,12,1) 0%,rgba(153,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(192,0,12,1) 0%,rgba(153,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0000c', endColorstr='#990000',GradientType=0 ); /* IE6-9 */	
}

.bluegloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#467dfc+0,2c539e+100 */
	background: rgb(70,125,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(70,125,252,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(70,125,252,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(70,125,252,1) 0%,rgba(44,83,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#467dfc', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
}

.goldgloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3e2c7+0,b68d4c+100 */
	background: rgb(243,226,199); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,226,199,1) 0%, rgba(182,141,76,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,226,199,1) 0%,rgba(182,141,76,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,226,199,1) 0%,rgba(182,141,76,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#b68d4c',GradientType=0 ); /* IE6-9 */
}

.orangegloss {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaf4b+0,af6107+100 */
	background: rgb(255,175,75); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,175,75,1) 0%, rgba(175,97,7,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(175,97,7,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(175,97,7,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#af6107',GradientType=0 ); /* IE6-9 */
}

/* FILTER STYLES */

.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}


/* TOP NAV */

.topnav     {
    padding:10px 2% 10px 2% !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cecece+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(206,206,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
    font-size: 13px;
}

.top-nav-left-container {
    text-align: left;
    margin: 0;
    padding-top: 5px;
}

.top-nav-right-container {
    text-align: right;
    margin: 0;
}

.top-nav-link {
    color:#000;
    cursor: pointer;

}

.top-nav-link:hover {
    color:#cc0000;		/* ROLLOVER COLOR FOR 'VISIT MY WEBSITE' */
    cursor: pointer; 
}

.signin {
    border: 1px transparent solid;
    padding: 3px 10px 3px 10px;
    margin: 0px 20px 0px 0px;
    display: inline-block;
    transition: background-color 0.5s ease;
    color: #000000;
}

.signin:hover {
    border: 1px #cc0000 solid;
    padding: 3px 10px 3px 10px;
    margin: 0px 20px 0px 0px;
    background-color: #cc0000;		/* ROLLOVER COLOR FOR SIGN IN BOX */
    color: #ffffff;
}

.signup {
    border: 1px #000000 solid;
    padding: 3px 10px 3px 10px;
    margin: 0;
    background-color: rgba (0,0,0,0);
    transition: background-color 0.5s ease;
    display: inline-block;
    color: #000000;
}

.signup:hover {
    border: 1px #cc0000 solid;
    padding: 3px 10px 3px 10px;
    margin: 0;
    background-color: #cc0000; 		/* ROLLOVER COLOR FOR SIGN UP BOX */
    color: #ffffff;
}



/* HERO */

.header-height {height: 664px !important;}
.mobile-header-height {height: 250px !important;}

#hero {
    width: 100%;
    height: 664px;
    margin: 0;
    text-align: center;
    padding-top: 10%;
}

#hero-logo {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#hero .hero-box{
    padding-top: 80px;
	color: #fff !important;
	width: 100%;
}
#hero .hero-box .p-h2 {
	font-size: 70px;
	line-height: 60px;
	font-weight: 100;
	color: #fff !important;

}
#hero .hero-box .para {
	font-size: 18px;
	font-style: italic;
	font-weight: 100;
	text-transform: uppercase;
	color: #fff !important;
	padding: 20px 0;
}

#mid-container h3, #mid-container p {
	color: #ffffff!important;
}

/* SECTIONS */

.divider-left-right {
    border-left: 1px dotted #232323;
    border-right: 1px dotted #232323;
}

.price {
    font-family: 'Roboto', Arial, Helvetica, Sans-serif; 
    color: #000000;
    text-align: center; 
    font-size: 48px; 
    line-height: 1em;
    padding: 0px 0px 20px 0px; 
    margin: 0;
    font-weight: 900 !important;
}

.currency {
    font-size: 24px;
    color: #000000;
    font-weight:300 !important;  
}

.interval {
    font-size: 24px;
    color: #000000;
    font-weight:300 !important;
}

.welcome {
    padding: 0px 0px 0px 100px !important;
}

.testimonial-text {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 10% 20px 10% !important;
    letter-spacing: 0px !important;
    color: #333 !important;
}


/* PLAY BUTTON */

a.rollover {
	display: block;
	width: 128px;
	height: 128px;
	text-decoration: none;
	background: url("http://acmeblack.wpengine.com/wp-content/uploads/2016/12/play-off.png");
	transition: background 0.5s ease;
	margin-left: auto;
	margin-right: auto;
}

a.rollover:hover {
	background-position: -128px 0;
	background: url("http://acmeblack.wpengine.com/wp-content/uploads/2016/12/play-hover.png");
}

.displace {
	position: absolute;
	left: -5000px;
}



/* COURSE DIRECTORY */

.course-directory {text-align:left;}
.course-directory-pad {padding: 0px 0px 40px 0px;}

.course-title {
    text-align: left;
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    margin:0;
}

.course-clickhere {
    text-align: left;
    margin:0;
}

.course-number {
    font-size: 24px !important; 
    line-height: 24px !important; 
    margin: 0px !important; 
    display: table-cell; 
    font-weight: 300 !important;
    width: 5%;
    font-family: 'Poppins', Arial, Helvetica, Sans-serif;
    color: #fff;
}

.course-row {
    border-bottom: 1px solid #232323;
    margin: 100px 0px 100px 0px !important;
    display: table-row; 
}

.course-info {
    width: 90%;
    display: table-cell; 
    color: #e2e2e2;
    font-size: 14px;
    line-height: 17px;
}

.course-detail {
    font-family: 'Roboto', Arial, Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    font-style: normal;
    margin: 0px 0px 5px 0px !important;
    color:#ff8b00;
}


/* GET NOTIFIED */

.accordion {
    margin-bottom: 5px;
}

.accordion-title {
    color: #ffffff !important;	
    border: 1px solid #dbdbdb;		/* BORDER OF CLOSED ACCORDION */
    border-radius: 0px;
    margin: 0;
    padding: 20px;		/* PADDING INSIDE CLOSED ACCORDION */
    cursor: pointer;
    background-color: #2c66c4;		/* BACKGROUND COLOR OF CLOSED ACCORDION */
    font-size: 16px !important;		/* FONT SIZE OF ACCORDION TITLES */
    text-align: center;
}

.accordion-title:hover {
    background-color: #1d4c99;		/* BACKGROUND COLOR OF HOVER */
    color: #ffffff;			/* FONT COLOR OF HOVER */
}

.accordion-title:first-child {
    border: none;
}

.accordion-title.open {
    cursor: default;
}

.accordion-content {
    padding-top: 5px;
    padding-bottom: 0px;
    margin:0;
}

.accordion-content td.content1 {
    background-color:#646464;
    color:#ffffff;
    text-align:center;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
}

.accordion-content td.content2 {
    background-color:#e5e5e5;
    color:#000000;
    text-align:center;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
}

.accordion-content td.content3 {
    background-color:#ffffff;
    text-align:center;
    padding: 4px;
}

.accordion-content table.packages {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}


/* LEGAL */

.bottom-pad {
    padding: 0px 0px 20px 0px;
    color: #000;
}

.disclaimer {
    padding: 20px 0px 4px 0px;
    color: #000;
    font-size: 21px;
    text-transform: uppercase;
}


/* ---------- 404 ERROR PAGE ---------- */

#errorpage {
    background-color: #ffffff;
    position:relative;
}

.errorpage-header {
    position:absolute;
    top:45%;
    text-align:center;
    width:100%;
    color:#fff;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);  
}

.errorpage-box {
    max-width: 1170px; 
    margin-left: auto; 
    margin-right: auto; 

}



/* 1024px */

@media (max-width: 1024px) and (min-width: 1px) {

.center-justified {
    text-align: center;
}

.course-directory {text-align:center;}
.course-directory-pad {padding: 0px 0px 40px 0px; text-align: center;}

.screen-only {display: none;}
.mobile-only {display: block;}

.pad-zero       {padding: 0px 0px 0px 0px !important; margin: 0px !important;}
.pad-20         {padding:20px 20px 20px 20px !important;}
.pad-50         {padding:50px 20px 50px 20px !important;}
.pad-100        {padding:75px 20px 75px 20px !important;}
.pad-150        {padding:100px 20px 100px 20px !important;}
.pad-200        {padding:125px 20px 125x 20px !important;}
.pad-250        {padding:150px 20px 150px 20px !important;}

.divider-left-right {
    border-left: 0px;
    border-right: 0px;
    padding: 50px 0px 50px 0px;
}

.course-number {
    display: none;
}

.course-row {
    border-bottom: 1px solid #e2e2e2;
    margin: 100px 0px 100px 0px !important;
    display: table-row; 
}

.course-info {
    width: 100%;
    display: table-cell; 
}

.welcome {
    padding: 50px 50px 50px 50px !important;
}

.testimonial-text {
    float: none;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding: 20px 50px 20px 50px;
    font-style: normal;
    letter-spacing: 0;
}



.top-nav-left-container {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    padding: 10px 0px 10px 0px;
}

.top-nav-right-container {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
    padding: 10px 0px 10px 0px;
}

.course-title {
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    margin:0;
}

.course-clickhere {
    text-align: center;
    margin:0;
}

.mobile-pad-height {padding: 10px 0px 10px 0px;}

}