/*
Theme Name: Avada Child
Theme URL: 
Description: Avada Child Theme
Author: 
Author URL: 
Template: Avada
Version: 1.0.0
Text Domain: avada-child
*/ 

/* Main */

body.home #boxed-wrapper #wrapper #main {
	padding-top: 0px!important;
	padding-bottom: 0px;
}

.fusion-page-title-bar h1 {
	font-family: "Barlow Condensed Medium";
}

.borderP {
    border-top: 1px solid #ECECEC;
    margin-left: 55px!important;
    margin-bottom: -15px!important;
}

.to-top-container #toTop {
	margin-right: -50px;
}

#fusion-testimonials-1 {
	display: none;
}

/* Top Nav*/

.fusion-secondary-header {
	background: #2E282A;
	border: none!important;
}

.fusion-contact-info {
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Barlow Condensed Medium";
}

.fusion-contact-info-phone-number i {
	color: #01D0B2;
    margin-right: 5px;
}

/* Header */

.fusion-header .fusion-logo {
	margin-top: 0px;
	margin-bottom: 10px;
}

.fusion-logo img,
.fusion-is-sticky .fusion-logo img {
    width: 100px;
}

.fusion-main-menu {
	padding-top: 20px;
}

.fusion-main-menu>ul>li>a {
	font-family: "Barlow Condensed Medium";
}

.fusion-is-sticky .fusion-main-menu>ul>li>a  {
	font-size: 24px!important;
}

.fusion-is-sticky .fusion-main-menu>ul>li {
	padding-right: 48px!important;
}

.menu-phone {
    padding-left: 35px!important;
}

.menu-phone a .menu-text,
.menu-phone a .fusion-megamenu-icon i  {
	color: #01D0B2;
}

/* Top Image */

#top_img_heading h1 {
	color: #fff;
	font-family: "Barlow Condensed Semibold";
	font-size: 60px;
	padding-bottom: 20px;
}

#top_img_button {
    background: #01D0B2;
    color: #FFFFFF;
    font-size: 24px;
    font-family: "Barlow Condensed Medium";
    border-radius: 2px;
    padding: 15px 45px;
    font-weight: 500!important;
}

#top_img_button:hover {
	background: #01d0b2bd;
}

/* Video Section */

#video_title h1 {
	font-size: 46px;
	font-family: "Barlow Condensed Medium";
	padding-top: 50px;
}

#video_text {
	width: 90%;
}

#video_text p {
	font-size: 18px;
    font-family: "Montserrat Regular";
    font-weight: normal;
}

/* Testimonial & How it Works */

#testimonial_section .fusion-builder-row .fusion-layout-column.fusion-one-half,
#testimonial_section .fusion-builder-row .fusion-layout-column.fusion-column-last {
	width: 50%!important;
	margin-right: 0px!important;
}

.testimonial-thumbnail img {
	border-radius: 50%;
}

#reviews {
	padding: 60px;
}

#reviews blockquote q p {
	font-family: "Montserrat Italic";
	font-weight: 400;
	font-size: 18px;
}

#reviews .author .company-name strong {
	font-family: "Barlow Regular";
	font-size: 24px;
}

#how_it_works_icon {
	padding: 60px;
	margin-bottom: 0px;
}

#how_it_works_icon.content-boxes-icon-on-top .heading img {
	width: 150px;
}

#how_it_works_icon .heading .content-box-heading {
    color: #fff;
    font-family: "Barlow Condensed Medium";
    font-size: 46px!important;
    margin-bottom: 20px;
}

#how_it_works_icon .content-container>p {
    font-family: "Montserrat Regular";
    font-size: 18px;
    color: #fff;
}

/* Skin Problems */

#skin_problems_title h1 {
	font-family: "Barlow Condensed Medium";
	font-size: 46px;
	margin-top: 50px!important;
}

#skin_problems_text {
	text-align: center;
    font-size: 18px;
    color: #fff;
    font-family: "Montserrat Regular";
    width: 70%;
    margin: 0 auto;
}

#skin_problems_icons {
	margin-top: 60px;
	margin-bottom: 60px;
}

#skin_problems_icons .fusion-column {
	margin-bottom: 0px;
}

#skin_problems_icons.content-boxes-icon-on-top .heading img {
	width: 153px;
}

#skin_problems_icons .heading .content-box-heading {
    color: #fff;
    font-family: "Barlow Condensed";
    font-size: 32px!important;
}

/* Who it Works for */

#who_it_works_title h1 {
	font-family: "Barlow Condensed Medium";
	font-size: 46px;
	margin-top: 50px!important;
}

#who_it_works_text {
	text-align: center;
    font-size: 18px;
    color: #2E282A;
    font-family: "Montserrat Regular";
    width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}

#who_it_works_image h1 {
	text-align: center;
    padding: 130px 40px 130px 40px!important;
    color: #fff;
    text-transform: uppercase;
    font-family: "Barlow Condensed Semibold";
    font-size: 26px;
}

.fusion-column-inner-bg {
	margin-left: 0px;
    margin-right: 0px;
}

/* Footer */

.fusion-footer-widget-area .widget-title {
	font-size: 24px;
	color: #FFFFFF;
	font-family: "Barlow Condensed Semibold";
}

#menu-main-navigation-1 li {
	border: none;
}

.fusion-footer-widget-area a,
.fusion-copyright-notice a {
    color: #fff;
}

#menu-main-navigation-1 .menu-phone {
	display: none!important;
}

#text-4 .textwidget .fusion-button-wrapper {
	padding-top: 30px;
}

/* Copyright */

.fusion-copyright-notice {
	width: 100%;
}

.copyright_footer {
	display: flex;
    color: #fff;
}

.copyright_footer .copy_column1 {
    float: left;
    width: 50%;
}

.copyright_footer .copy_column2 {
    float: right;
    width: 50%;
}

.copyright_footer .copy_column2 p {
	text-align: right;
}

/* Derma Shield Mousse */

#derma_shield_title h1 {
	font-family: "Barlow Condensed Medium";
	font-size: 36px;
	color: #2E282A;
	margin-bottom: 25px;
}

#derma_shield_checklist ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

#derma_shield_checklist ul li {
	font-size: 18px;
    font-family: "Montserrat Regular";
    font-weight: normal;
    padding-bottom: 15px;
    color: #2E282A;
}

#derma_shield_checklist ul li:before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #01D0B2;
	padding-right: 10px;
}

#derma_shield_available {
	font-size: 18px;
    font-family: "Montserrat Regular";
    color: #2E282A;
}

#derma_shield_ups p {
	font-size: 18px;
    font-family: "Montserrat Regular";
    font-weight: normal;
}

#derma_shield_ups p:before {
	content: "\f0d1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #01D0B2;
	padding-right: 10px;
}

/* Derma Shield Success Stories */

.success_story p {
	font-size: 16px;
    font-family: "Montserrat Regular";
    font-weight: normal;
}

.success_story p em,
.success_story p strong {
	font-family: "Montserrat Light";
	font-weight: normal;
}

.success_story p:first-child:before {
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 15px;
    font-size: 40px;
    color: #F1F1F1;
}

.success_story p:nth-child(n+2) {
	padding-left: 55px
}

/* Forms */

.nf-form-content {
    padding: 15px 0px!important;
    max-width: 375px!important;
    margin: 0px!important;
    padding-right: 0px!important;
}

.nf-form-content label {
	font-size: 15px!important;
	font-family: "Montserrat Regular";
	color: #2E282A!important;
	font-weight: normal!important;
}

.nf-form-content input:not([type=button]),
.nf-form-content textarea {
	background: #ffffff!important;
    border: 1px solid #B2B2B2!important;
    color: #2E282A!important;
}

.nf-form-content input[type=button] {
    width: 100%!important;
    background: #01D0B2!important;
    cursor: pointer;
    color: #fff!important;
    border-radius: 2px;
    font-family: "Barlow Condensed Medium";
    font-size: 24px;
}

.nf-form-content input[type=button]:hover {
	color: #fff!important;
	opacity: 0.65;
}


/* Responsive */

@media only screen and (max-width: 768px) {

	.fusion-mobile-selector,
	.fusion-mobile-menu-text-align-left .fusion-selector-down  {
		border: none;
	}

	.fusion-mobile-selector span {
		display: none;
	}

	.fusion-header {
	    display: inline-block;
    	width: 100%;
	}

	.fusion-header .fusion-row {
		display: inline-flex;
    	width: 100%;
	}

	.fusion-header .fusion-logo {
		width: 50%;
    	float: left;
	}

	.fusion-mobile-logo {
	    text-align: left;
    	float: left
	}

	.fusion-mobile-nav-holder {
	    text-align: right;
    	width: 50%;
    	float: right;
    	margin-top: 0px;
	}
	
	.fusion-mobile-menu-text-align-left .fusion-selector-down {
		margin-top: 20px;
	}
	
	.fusion-selector-down {
    	font-size: 30px;
	}
	
	.fusion-selector-down:before,
	.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line,
	.fusion-flyout-menu-icons,
	.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-flyout-menu-toggle  {
    	color: #01D0B2!important;
	}

	.fusion-header-has-flyout-menu-content {
		width: 100%;
	}

	.fusion-mobile-nav-holder>ul>li.fusion-mobile-nav-item>a {
    	font-size: 22px;
	}

	.fusion-header-has-flyout-menu .fusion-flyout-menu>ul.fusion-menu>li {
    	padding: calc((20px)/ 2) 0;
	}

	.fusion-mobile-nav-holder .fusion-megamenu-icon {
    	display: block!important;
	}

	.menu-phone {
		padding-left: 0px!important;
	}
	.fusion-header-has-flyout-menu .fusion-flyout-menu-icons .fusion-toggle-icon-line {
		background-color: #01D0B2!important;
	}

	#video_title h1 {
		text-align: center;
	}

	#video_text {
    	width: 100%;
    	text-align: center;
	}

	#video_column {
		text-align: center;
	}

	#testimonial_section .fusion-builder-row .fusion-layout-column.fusion-one-half, 
	#testimonial_section .fusion-builder-row .fusion-layout-column.fusion-column-last {
		width: 100%!important;
	}

	.copyright_footer {
		display: grid;
	}

	.copyright_footer .copy_column1,
	.copyright_footer .copy_column2,
	.copyright_footer .copy_column2 p {
		width: 100%;
    	float: none;
    	text-align: center;
	}

	.copyright_footer .copy_column1 p {
		margin-bottom: 0px;
	}

	.copyright_footer .copy_column2 p {
		margin-top: 0px;
	}

	.fusion-copyright-notice {
    	padding: 0 0 0px;
	}

	.fusion-social-links-footer {
		display: none!important;
	}

	#who_it_works_image h1 {
		padding: 120px 40px 120px 40px!important;
	}

	.success_story p:first-child {
		display: grid;
	}

	.success_story p:nth-child(n+2) {
		padding-left: 0px
	}

	.borderP {
		margin-left: 0px!important;
	}
}

@media only screen and (max-width: 414px) {
	#home_top {
	    background-image: url(/wp-content/uploads/2020/05/mobile-top.jpg)!important;
	}

	.fusion-mobile-logo {
		width: 70px!important;
	}

	.fusion-header .fusion-logo {
    	margin-top: -19px;
	}

	.fusion-header-has-flyout-menu .fusion-flyout-mobile-menu-icons {
    	margin-top: -15px;
	}

	#mobile-menu-main-navigation {
		margin-top: -40px;
	}

	#skin_problems_text,
	#who_it_works_text {
		width: 100%;
	}

	#how_it_works_icon,
	#reviews {
		padding-left: 20px;
		padding-right: 20px;
	}

	#top_img_heading h1 {
		font-size: 39px!important;
		text-shadow: 1px 1px 2px #999999;
	}

	.topBorder {
	    margin-top: 30px!important;
	}

	#video_title h1,
	#how_it_works_icon .heading .content-box-heading,
	#skin_problems_title h1,
	#who_it_works_title h1,
	#derma_shield_title h1  {
		font-size: 32px!important;
	}

	#video_text p,
	#how_it_works_icon .content-container>p,
	#skin_problems_text p,
	#who_it_works_text p,
	#derma_shield_checklist ul li  {
		font-size: 16px!important;
	}

	#skin_problems_icons .heading .content-box-heading {
		font-size: 24px!important;
	    margin-bottom: 40px;
	}

	#reviews blockquote q p {
		font-size: 16px!important;
	}

	#reviews .author .company-name strong {
		font-size: 18px!important;
	}

	#top_img_button {
		font-size: 24px!important;
    	font-family: "Barlow Condensed Medium";
    	border-radius: 2px;
	}

	#top_img_button i{
		display: none!important;
	}

	.fusion-page-title-bar .fusion-page-title-row h1 {
		font-size: 30px!important;
	}

	.fusion-body .fusion-page-title-bar,
	.fusion-page-title-row,
	.avada-page-titlebar-wrapper  {
    	height: 90px;
	}

	body.home #boxed-wrapper #wrapper .avada-page-titlebar-wrapper {
		height: auto!important;
	}

	#main {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	body.home #boxed-wrapper #wrapper #main {
		padding-top: 0px!important;
		padding-bottom: 0px;
	}
	
	body.page-template-default  p {
		font-size: 16px!important;
	}
}

@media only screen and (max-width: 414px) {
	/*#top_img_button {
		font-size: 17px!important;
		padding: 15px 10px!important;
	}*/
}