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

/*********************************************************************

RESPONSIVE

*********************************************************************/

@media only screen 
and (min-width : 320px) 
and (max-width : 799px) {
	
#wrapper p, #wrapper li { font-size: 14px; line-height: 135%; }
	
#wrapper .fusion-header .fusion-logo { margin: 20px 0px 20px 0px; }
#wrapper .fusion-logo a {  max-width: 90%; float: left; }
nav.fusion-secondary-menu { display: none; }
	
#wrapper .fusion-secondary-main-menu { display: block; }
	
#wrapper h2 { font-size: 10px !important; letter-spacing: 2px !important; }
	
	
#wrapper .feature .fusion-column-wrapper { padding: 30px !important; max-height: 700px !important; }
#wrapper .feature .cta .fusion-button-wrapper { bottom: 0px !important; }
#wrapper .feature .fusion-title.fusion-title-5.fusion-sep-none.fusion-title-text { margin-top: 20px !important; }
	
#wrapper .portfolio .fusion-layout-column .fusion-column-wrapper { min-height: auto !important; }
	
#wrapper .portfolio	.cta.right .fusion-button-wrapper { display: none !important; }
	
}



/*********************************************************************

GENERAL

*********************************************************************/

.page-template-100-width #main { padding-top: 0px !important; padding-bottom: 0px !important; }

.width-100 .fusion-fullwidth { padding-top: 100px !important; padding-bottom: 100px !important; }
.width-100 .fullwidth-box.no-padding { padding-top: 0px !important; padding-bottom: 0px !important; }
.width-100 .fullwidth-box.padding-top { padding-top: 100px !important; padding-bottom: 0px !important; }
.width-100 .fullwidth-box.padding-bottom { padding-top: 0px !important; padding-bottom: 100px !important; }
.width-100 .fullwidth-box.full-no-padding { padding: 0px !important; }

.text .fusion-builder-row.fusion-row { max-width: 700px !important; }

.feature { margin: 80px auto 90px !important; }
.feature .fusion-column-wrapper { max-height: 550px; }
.cta .fusion-column-wrapper { position: relative; }
.cta .fusion-button-wrapper { position: absolute; bottom: 70px; }
.cta.right .fusion-button-wrapper { right: 0px; bottom: 0px !important; }



/*********************************************************************

TYPOGRAPHY

*********************************************************************/

p { text-align: justify; }

h2, h6 { text-transform: uppercase; }

.white, .white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 { color: #fff !important; }

.small, .small p { font-size: 20px; line-height: 135%; }



/*********************************************************************

BUTTONS

*********************************************************************/

.fusion-button.clear { padding: 0px; background: transparent !important; }
.fusion-button.clear .fusion-button-text { color: #000 !important; }


/*********************************************************************

HEADER

*********************************************************************/

.fusion-alignleft { text-align: center; }
.fusion-secondary-menu ul li { float: none; display: inline-block; border: 0px !important; }
.fusion-secondary-menu ul li a { text-transform: uppercase; letter-spacing: 3px; padding: 0px 25px; }

.fusion-secondary-main-menu { display: none; }

.header .fusion-column-wrapper { max-width: 700px; margin: 0px auto; padding: 50px 50px 60px !important; }


/*********************************************************************

FOOOTER

*********************************************************************/

.fusion-footer-widget-area.fusion-widget-area { padding: 0px !important; }
.fusion-footer .fusion-column { width: 100%; padding: 0px; }
.fusion-footer .fusion-column:first-child { background: #f4f4f4; }

.fusion-footer-widget-column { margin-top: 80px; margin-bottom: 80px; }

.fusion-footer #text-2 { max-width: 1100px; margin: 100px auto !important;  }
.fusion-footer #ig-cta { width: 240px; height: 260px; margin: 20px 0px; float: right; position: relative; }
.fusion-footer #ig-cta a { color: #000 !important; font-size: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 4px; font-family: 'Futura'; position: absolute; bottom: 0; }
.fusion-footer #ig-cta h4 { font-size: 40px; margin: -10px auto 0px; background: url(https://www.thecabinetcompany.ca/wp-content/uploads/2019/08/sep.png) no-repeat; background-position: left bottom; height: 75px; background-size: 60px; }

.fusion-footer #sb_instagram { padding: 0px !important; width: 860px !important; float: left; margin-left: -20px; }

.fusion-footer #custom_html-3 { width: 1100px; margin: 0px auto; padding: 100px 0px; }
.fusion-footer #custom_html-3 img { max-width: 550px; float: left; }
.fusion-footer #custom_html-3 h4 { font-size: 18px; letter-spacing: 4px; text-transform: uppercase; color: #fff; margin-top: 0px; }

.fusion-footer #tcc-hours   { float: right; font-size: 12px; line-height: 24px; letter-spacing: 3px; text-transform: uppercase; width: 220px; }
.fusion-footer #tcc-contact { float: right; font-size: 14px; line-height: 24px; letter-spacing: 0px; text-transform: none; width: auto; margin-left: 70px; }
.fusion-footer #tcc-social img { width: 24px; margin: 22px 10px 0px 0px; }
.fusion-footer #tcc-social img:hover { opacity: .85; }

.day { float: left; clear: left; }
.hours { float: right; clear: right; }

.fusion-footer-copyright-area .fusion-row { max-width: 1100px !important; width: 1100px !important; }

.fusion-copyright-notice { color: #aaaaaa; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; }
.fusion-copyright-notice .site-credit { float: right; }



/*********************************************************************

CONTACT US

*********************************************************************/

.gform_wrapper ul li.gfield { margin-top: 0px !important; }
.gform_wrapper .top_label .gfield_label { display: none !important; }

#wrapper .gform_wrapper .gravity-select-parent select { font-size: 18px; color: #000; }

.gform_footer.top_label { text-align: center; }

.page-id-25 footer.fusion-footer-widget-area { display: none; }

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { display: none; }




/*********************************************************************

HOME

*********************************************************************/

.fusion-portfolio { margin-bottom: 0px !important; }

.portfolio .fusion-layout-column .fusion-column-wrapper { min-height: 770px !important; }

.portfolio article:nth-child(1) .fusion-image-wrapper, .portfolio article:nth-child(4) .fusion-image-wrapper { width: 335px; height: 220px; background: #f7f7f7; }
.portfolio article:nth-child(2) .fusion-image-wrapper, .portfolio article:nth-child(3) .fusion-image-wrapper { width: 335px; height: 495px; background: #f7f7f7; }
.portfolio article:nth-child(2) .fusion-image-wrapper img, .portfolio article:nth-child(3) .fusion-image-wrapper img { max-width: 800px; margin: 0px -180px; }



/*********************************************************************

DESIGN + BUILD

*********************************************************************/


.fusion-text.step { max-width: 250px; height: 200px; margin: 100px auto 30px; border: 2px solid #000; }
.step h1 { font-size: 150px !important; margin: -85px 32% 0px; display: inline-block; background: #f4f4f4; }
.step h4 { margin: 0px; }




/*********************************************************************

PORTFOLIO

*********************************************************************/

.main-portfolio .fusion-row { width: 850px; margin: 0px auto; }

.main-portfolio .fusion-portfolio-content-wrapper { display: block !important; }

.main-portfolio .fusion-image-wrapper { width: 450px !important; height: 585px; background: #000; padding: 0px !important; }
.main-portfolio .fusion-image-wrapper img { margin: 0px -200px; max-width: 900px; }
.main-portfolio .fusion-portfolio-text-floated .fusion-rollover { width: 100% !important; }
.main-portfolio .fusion-portfolio-content { width: 370px; float: right !important; position: relative; }

.main-portfolio h2.entry-title.fusion-post-title { font-size: 55px !important; line-height: 115% !important; margin: 70px auto 20px !important; }
.main-portfolio h2.entry-title.fusion-post-title a { text-transform: none; color: #000; letter-spacing: -1px !important; }
.main-portfolio .fusion-portfolio-meta { position: absolute; top: -8px; background: url(https://www.thecabinetcompany.ca/wp-content/uploads/2019/08/sep.png) no-repeat; background-size: 60px; background-position: left bottom; height: 55px; }
.main-portfolio .fusion-portfolio-meta a { font-size: 14px; color: #000; text-transform: uppercase; letter-spacing: 3px; }
.main-portfolio a.fusion-button { background: transparent !important; color: #000 !important; padding: 0 !important; margin-top: 20px !important; }
.main-portfolio .fusion-separator.sep-double { border: 0px !important; }




/*********************************************************************

PORTFOLIO: SINGLE PAGE

*********************************************************************/

.project-content .project-description { width: 64% !important; }
.project-content .project-info { width: 29% !important; font-size: 18px; }
.project-content .project-info h3 { font-size: 30px; margin-top: 25px; }
.project-content .project-info h4 { font-size: 18px !important }