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

/*** Colors & Fonts (set these in the Avada Options)

White: var(--awb-color1) : #ffffff
Black: var(--awb-color2) : 
Light Grey: var(--awb-color3) : 
Brand Color #1: var(--awb-color4) : 
Brand Color #2: var(--awb-color5) : 
Brand Color #3: var(--awb-color6) : 
Brand Color #4: var(--awb-color7) : 
Brand Color #5: var(--awb-color8) : 
Brand Color #6: var(--awb-custom_color_1) : 

H1: var(--h1_typography-font-size) :
H2: var(--h2_typography-font-size) : 
H3: var(--h3_typography-font-size) : 
H4: var(--h4_typography-font-size) : 
H5: var(--h5_typography-font-size) : 
Lead Font Size: var(--awb-typography3-font-size) :
Body Font Size: var(--body_typography-font-size) : 1rem : 18px
Small Font Size: var(--awb-typography5-font-size) : 0.9rem : 16px

***/

/*** Spacing variables (site width set in Avada Options, spacing set in CSS below)

Site Width : var(--site_width) : 1366px

Max text width (readable line length): var(--max_text_width) : 700px
Standard top/bottom module padding: var(--section_tb_padding) : 80px
Smaller top/bottom module padding: var(--small_tb_padding) : 40px
Standard margin between elements: var(--between_content_margin) : 40px
Large margin between elements: var(--large_content_margin) : 80px
Small margin between elements: var(--small_content_margin) : 20px

***/

/*** Utility Classes

.h1, .h2, .h3, .h4, .h5 - Give text the styles of the corresponding header level
.dark-bg-section - Turn text in section white
.centered-content - Center-align content
.right-aligned-content - Right-align content
.max-text-width - Set max readable line width
.auto-margin-content - Center justify content ("auto" margin on left and right)
.full-width-video - Make video fill 100% width of container
.top-heading - Remove top padding from heading element
.flip-mobile-columns - Flips the display of the stacked mobile columns to column-reverse
.small-top-padding - Set a smaller padding on the top of a section
.small-bottom-padding - Set a smaller padding on the bottom of a section
.no-top-padding - Remove padding from the top of a section
.no-bottom-padding - Remove padding from the bottom of a section
.no-padding-section - Remove all padding from section
.between-content-margin - Add bottom margin to separate stacked content blocks
.large-content-margin - Add larger bottom margin to separate stacked content blocks
.small-content-margin - Add smaller bottom margin to separate stacked content blocks
.no-bottom-margin - Remove bottom margin from a content block
.no-p-margin - Remove margin from paragraphs
.flex-list - Display list items horizontally with flex wrapping

***/

/*** Global Typography ***/
html {
	font-size: 18px;
}
/* Use this code, if the desired fonts aren't available in the Avada options
body {
	--awb-typography1-font-family: Helvetica, Arial, sans-serif;
	--awb-typography2-font-family: Helvetica, Arial, sans-serif;
	--awb-typography3-font-family: Helvetica, Arial, sans-serif;
	--awb-typography4-font-family: Helvetica, Arial, sans-serif;
	--awb-typography5-font-family: Helvetica, Arial, sans-serif;
	--body_typography-font-family: Helvetica, Arial, sans-serif;
} 
p {
	font-family: Helvetica, Arial, sans-serif !important;
}
*/
.h1, .h2, .h3, .h4, .h5 {
    font-weight: var(--awb-typography1-font-weight);
    line-height: var(--awb-typography1-line-height);
    text-transform: var(--awb-typography1-text-transform);
}
.h1, .fusion-body #wrapper .fusion-title.h1 h2, .fusion-body #wrapper .fusion-title.h1 h3, .fusion-body #wrapper .fusion-title.h1 h4, .fusion-body #wrapper .fusion-title.h1 h5, .fusion-body #wrapper .fusion-title.h1 p.title-heading-tag, .post h2.h1, .post h3.h1, .post h4.h1, .post h5.h1 {
	font-size: var(--h1_typography-font-size);
}
.h2, .fusion-body #wrapper .fusion-title.h2 h1, .fusion-body #wrapper .fusion-title.h2 h3, .fusion-body #wrapper .fusion-title.h2 h4, .fusion-body #wrapper .fusion-title.h2 h5, .fusion-body #wrapper .fusion-title.h2 p.title-heading-tag, .post h1.h2, .post h3.h2, .post h4.h2, .post h5.h2 {
	font-size: var(--h2_typography-font-size);
}
.h3, .fusion-body #wrapper .fusion-title.h3 h1, .fusion-body #wrapper .fusion-title.h3 h2, .fusion-body #wrapper .fusion-title.h3 h4, .fusion-body #wrapper .fusion-title.h3 h5, .fusion-body #wrapper .fusion-title.h3 p.title-heading-tag, .post h1.h3, .post h2.h3, .post h4.h3, .post h5.h3 {
	font-size: var(--h3_typography-font-size);
}
.h4, .fusion-body #wrapper .fusion-title.h4 h1, .fusion-body #wrapper .fusion-title.h4 h2, .fusion-body #wrapper .fusion-title.h4 h3, .fusion-body #wrapper .fusion-title.h4 h5, .fusion-body #wrapper .fusion-title.h4 p.title-heading-tag, .post h1.h4, .post h2.h4, .post h3.h4, .post h5.h4 {
	font-size: var(--h4_typography-font-size);
}
.h5, .fusion-body #wrapper .fusion-title.h5 h1, .fusion-body #wrapper .fusion-title.h5 h2, .fusion-body #wrapper .fusion-title.h5 h3, .fusion-body #wrapper .fusion-title.h5 h4, .fusion-body #wrapper .fusion-title.h5 p.title-heading-tag, .post h1.h5, .post h2.h5, .post h3.h5, .post h4.h5 {
	font-size: var(--h5_typography-font-size);
}
small {
	font-size: var(--awb-typography5-font-size);
}
a:focus, a:active {
	color: var(--link_hover_color);
}
.dark-bg-section, .dark-bg-section p, .dark-bg-section li, .dark-bg-section h1, .dark-bg-section h2, .dark-bg-section h3, .dark-bg-section h4, .dark-bg-section h5, .post-content .dark-bg-section h1, .post-content .dark-bg-section h2, .post-content .dark-bg-section h3, .post-content .dark-bg-section h4, .post-content .dark-bg-section h5, .fusion-body #wrapper .dark-bg-section .fusion-title h1, .fusion-body #wrapper .dark-bg-section .fusion-title h2, .fusion-body #wrapper .dark-bg-section .fusion-title h3, .fusion-body #wrapper .dark-bg-section .fusion-title h4, .fusion-body #wrapper .dark-bg-section .fusion-title h5,  .fusion-body #wrapper .dark-bg-section .fusion-title p.title-heading-tag, .dark-bg-section .fusion-text, body .dark-bg-section a, body .dark-bg-section a:hover, body .dark-bg-section a:focus, body .dark-bg-section a:active, body .dark-bg-section .fusion-title a, body .dark-bg-section .fusion-title a:hover, body .dark-bg-section .fusion-title a:focus, body .dark-bg-section .fusion-title a:active, .dark-bg-section .fusion-form-form-wrapper .fusion-form-field .label, .dark-bg-section .fusion-form-form-wrapper .fusion-form-field label {
	color: var(--awb-color1);
}
body .dark-bg-section .fusion-text a {
	text-decoration: underline;
}
body .dark-bg-section a:hover, body .dark-bg-section a:focus, body .dark-bg-section a:active {
	color: var(--awb-color3);
}
body .button-small, body.fusion-body .fusion-button-small {
	font-size: var(--awb-typography5-font-size);
}
body .button-medium, body.fusion-body .fusion-button-medium {
	font-size: var(--body_typography-font-size);
}
body .button-large, body.fusion-body .fusion-button-large {
	font-size: var(--h5_typography-font-size);
}
/* Use this code for hover styles on secondary and link buttons, if needed
.fusion-button.secondary-button {
	--button_accent_hover_color: var(--awb-color#) !important;
	--button_border_hover_color: var(--awb-color#) !important;	
	--button_gradient_bottom_color_hover: var(--awb-color#) !important;
  	--button_gradient_top_color_hover: var(--awb-color#) !important;
}
.fusion-button.text-link-button {
	--button_accent_hover_color: var(--awb-color#) !important;
	--button_border_hover_color: rgba(255,255,255,0) !important;
	--button_gradient_top_color_hover: rgba(255,255,255,0) !important;
	--button_gradient_bottom_color_hover: rgba(255,255,255,0) !important;
}
*/
/* Use this code to change font sizes responsively, if needed
@media all and (max-width: 767px) {
	:root body {
		--h1_typography-font-size: --px;
		--h2_typography-font-size: --px;
		--h3_typography-font-size: --px;
		--h4_typography-font-size: --px;
		--h5_typography-font-size: --px;
		--post_titles_extras_typography-font-size: --px;
	}
}
*/

/*** Global Spacing ***/
:root {
	--max_text_width: 700px;
	--section_tb_padding: 80px;
	--small_tb_padding: 40px;
	--between_content_margin: 40px;
	--large_content_margin: 80px;
	--small_content_margin: 20px;
}
.small-top-padding, .width-100 .fusion-fullwidth.small-top-padding, .fusion-fullwidth.small-top-padding {
	padding-top: var(--small_tb_padding);
}
.small-bottom-padding, .width-100 .fusion-fullwidth.small-bottom-padding, .fusion-fullwidth.small-bottom-padding {
	padding-bottom: var(--small_tb_padding);
}
.no-top-padding, .width-100 .fusion-fullwidth.no-top-padding, .fusion-fullwidth.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding, .width-100 .fusion-fullwidth.no-bottom-padding, .fusion-fullwidth.no-bottom-padding {
	padding-bottom: 0;
}
.no-padding-section, .width-100 .fusion-fullwidth.no-padding-section, .fusion-fullwidth.no-padding-section {
	padding: 0;
}
.between-content-margin, .fusion-button.between-content-margin, .fusion-button.fusion-button-default.between-content-margin, .fusion-body .fusion-title.between-content-margin, .fusion-youtube.between-content-margin, .fusion-section-separator.between-content-margin, .fontawesome-icon.fb-icon-element.between-content-margin, .fusion-breadcrumbs.between-content-margin, .fusion-post-cards.between-content-margin {
	--awb-margin-bottom: var(--between_content_margin);
	--title_margin-bottom: var(--between_content_margin);
	--title_margin_mobile-bottom: var(--between_content_margin);
	margin-bottom: var(--between_content_margin);
}
.fusion-text.between-content-margin {
	margin-bottom: calc(var(--between_content_margin) - 20px);
}
.large-content-margin, .fusion-button.large-content-margin, .fusion-button.fusion-button-default.large-content-margin, .fusion-body .fusion-title.large-content-margin, .fusion-youtube.large-content-margin, .fusion-section-separator.large-content-margin, .fontawesome-icon.fb-icon-element.large-content-margin, .fusion-breadcrumbs.large-content-margin, .fusion-post-cards.large-content-margin {
	--awb-margin-bottom: var(--large_content_margin);
	--title_margin-bottom: var(--large_content_margin);
	--title_margin_mobile-bottom: var(--large_content_margin);
	margin-bottom: var(--large_content_margin);
}
.fusion-text.large-content-margin {
	margin-bottom: calc(var(--large_content_margin) - 20px);
}
.small-content-margin, .fusion-button.small-content-margin, .fusion-button.fusion-button-default.small-content-margin, .fusion-body .fusion-title.small-content-margin, .fusion-youtube.small-content-margin, .fusion-section-separator.small-content-margin, .fontawesome-icon.fb-icon-element.small-content-margin, .fusion-breadcrumbs.small-content-margin, .fusion-post-cards.small-content-margin  {
	--awb-margin-bottom: var(--small_content_margin);
	--title_margin-bottom: var(--small_content_margin);
	--title_margin_mobile-bottom: var(--small_content_margin);
	margin-bottom: var(--small_content_margin);
}
.no-bottom-margin, .fusion-layout-column.no-bottom-margin, .fusion-body .fusion-title.no-bottom-margin, .fusion-button.fusion-button-default.no-bottom-margin {
	margin-bottom: 0;
}
.post-content .no-p-margin p, .post-content p.no-p-margin, .no-p-margin p {
	margin-bottom: 0;
}
p {
	margin-top: 0;
	margin-bottom: var(--small_content_margin);
}
.fusion-text ul {
	margin-top: 0;
	margin-bottom: var(--small_content_margin);
}
.fusion-text li {
	margin-bottom: 0.5rem;
}
.fusion-text li:last-of-type {
	margin-bottom: 0;
}
.fusion-text ul ul, .fusion-text ol ol, .fusion-text ul ol, .fusion-text ol ul  {
	margin-top: 0.5rem;
}
body .fusion-imageframe {
    margin-bottom:  var(--small_content_margin);
}
.fusion-button.fusion-button-default {
	display: inline-block;
	margin-bottom: var(--small_content_margin);
}
.max-text-width .fusion-row, .fusion-layout-column.max-text-width>.fusion-column-wrapper, .max-text-width.fusion-text, .max-text-width.fusion-video, .max-text-width.fusion-form, .max-text-width.fusion-title, .max-text-width.fusion-accordian, .max-text-width.fusion-testimonials {
	max-width: var(--max_text_width) !important;
	width: 100%;
}
@media all and (max-width: 991px) {
	.fusion-layout-column.fusion_builder_column_1_2 {
		--awb-col-width: 100%;
	}
}
/* Use this code to change the default margins responsively, if needed
@media all and (max-width: 479px) {
	:root {
		--section_tb_padding: --px;
		--small_tb_padding: --px;
	}
	.fusion-fullwidth.fusion-flex-container {
		--container_padding_100_top: --px;
    	--container_padding_100_bottom: --px;
	} 
}
*/
/* Use this code to change the default left/right padding responsively, if needed
@media all and (max-width: 479px) {
	main#main {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
*/

/*** Global Alignment ***/
.centered-content .fusion-text, .centered-content.fusion-text, .fusion-body .centered-content .fusion-title.fusion-sep-none .title-heading-left {
	text-align: center;
}
.right-aligned-content .fusion-text, .fusion-body .right-aligned-content .fusion-title.fusion-sep-none .title-heading-left {
	text-align: right;
}
.auto-margin-content, .auto-margin-content .fusion-row, .fusion-layout-column.auto-margin-content .fusion-column-wrapper {
	margin-left: auto !important;
	margin-right: auto !important;
}
.flex-list {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding-left: 0;
}
.fusion-text .flex-list li {
    margin-bottom: 0;
    list-style-position: inside;
} 
@media all and (max-width: 1024px) {
	.auto-margin-content.fusion-layout-column {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media all and (max-width: 991px) {
	.flip-mobile-columns .fusion-builder-row {
		flex-direction: column-reverse;
	}
}

/*** Header ***/
body .global-header .fusion-imageframe {
  margin-bottom: 0;
}


/*** Footer ***/


/*** Video Embed ***/
.fusion-video.full-width-video, .fusion-video.full-width-video .video-shortcode {
	width: 100%;
    max-width: 100%;
    max-height: none;
}

/*** Responsive Iframes - Use this code and these classes to display iframes responsively, if needed
.iframe-container {
	position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
	min-height: 300px;
}
.responsive-iframe {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
***/

/*** Blog ***/
.single-post .post {
	max-width: var(--max_text_width);
    margin-left: auto;
    margin-right: auto;
	padding-top: var(--large_content_margin);
	padding-bottom: var(--large_content_margin);
}
.single-post .fusion-meta-info {
  	margin-top: var(--small_content_margin);
  	padding: var(--small_content_margin) 0 0 0;
  	border-top: 1px solid var(--awb-color3);
  	border-bottom: none;
}
.single-post .fusion-inline-sep {
  padding: 0 10px;
}
.about-author .fusion-title {
	margin-top: 0;
}
.single-post .about-author {
	margin-top: var(--large_content_margin);
	margin-bottom: var(--large_content_margin);
}
body #wrapper #main .about-author .fusion-title h2 {
	font-size: var(--h3_typography-font-size);
}
.fusion-body #wrapper .blog-card.related-blog-card .fusion-title h3 {
	font-size: var(--h4_typography-font-size);
}
.about-author-container .description {
	padding-left: 100px;
}
.post .fusion-sharing-box h2 {
    font-size: var(--h3_typography-font-size);
	margin-bottom: 0;
}
body .related-posts {
    margin-top: 0;
}
.single-post h2.fusion-carousel-title {
	font-size: var(--h3_typography-font-size);
}
@media all and (max-width: 479px) {
	.about-author h2.fusion-responsive-typography-calculated {
    	font-size: var(--h3_typography-font-size) !important;
	}
	.about-author-container .avatar {
		float: none;
		margin-right: 0;
		margin-bottom: 1rem;
		display: block;
		width: 100%;
	}
	.about-author-container .description {
		padding-left: 0;
	}
}

/*** 404 Page ***/
.error404 #content {
	padding-top: var(--section_tb_padding);
	padding-bottom: var(--section_tb_padding);
	overflow: hidden;
}
#post-404page h2 {
	margin-bottom: var(--section_tb_padding) !important;
}

/*** Search Results Page ***/
.search-results #content, .search-no-results #content, .search-no-results .error-page {
	padding-top: var(--section_tb_padding);
	padding-bottom: var(--section_tb_padding);
}
.search-results .search-page-search-form {
	max-width: var(--max_text_width);
    margin-left: auto;
    margin-right: auto;
}

/*** Privacy Policy Page ***/
.privacy-policy #content {
	padding-top: var(--section_tb_padding);
	padding-bottom: var(--section_tb_padding);
	max-width: var(--max_text_width);
    margin-left: auto;
    margin-right: auto;
}

/*** Social Links ***/
body .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper {
    margin: 0;
}
body .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon {
    margin: 0 15px 30px;
}
body .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon:first-of-type {
	margin-left: 0;
}
body .fusion-social-links .fusion-social-networks .fusion-social-networks-wrapper .fusion-social-network-icon:last-of-type {
	margin-right: 0;
}

/*** Tabs ***/
.fusion-tabs .tab-content .tab-pane {
	max-width: var(--max_text_width);
}

/*** Optional code to create a section of columns with separate full-width backgrounds
.full-columns-section .fusion-layout-column .fusion-column-wrapper {
	margin: 0;
}
.full-columns-section>.fusion-row>.fusion-layout-column.full-left-col {
    justify-content: end;
}
.full-columns-section.fusion-flex-container .fusion-row .fusion-flex-column.full-text-column .fusion-column-wrapper {
    width: calc(var(--site_width) / 2 + 30px) !important;
}
.full-columns-section>.fusion-row>.fusion-layout-column.full-left-col .fusion-column-wrapper {
	padding-left: 30px;
	padding-right: 30px;
}
***/