/*
Theme Name: Colourcraft Napier Child
Theme URL: https://www.colourcraftna.co.nz/
Description: Colourcraft Napier | Child theme, do not deactivate or delete
Author: MRD Web + Digital Marketing
Author URI: https://www.mrd.co.nz
Template: Avada
Version: 1.0.0
Text Domain:  colourcraftna
*/




/* CSS  ========================================= */




/* HIDE
====================================== */

.hide {
	display: none;
}


.hide-on-desktop {
	display: none !important;
}

.hide-on-desktop img {
	display: none !important;
}

.hide-on-desktop-800px {
	display: none !important;
}
.hide-on-desktop-800px img {
	display: none !important;
}



@media only screen and (max-width: 800px) {
	
	.hide-on-desktop {
		display: block !important;
	}
	.hide-on-desktop img {
		display: block !important;
	}
	.hide-on-mobile-800px {
		display: none !important;
	}
	
	.hide-on-desktop-800px {
		display: block !important;
	}
	
	.hide-on-desktop-800px img {
		display: block !important;
	}
	
	.content-info-container .fusion-column-wrapper {
		padding: 60px 30px 0px 30px !important;
	}
	
	.fusion-title {
	    margin-top: 0px!important;
	    margin-bottom: 0px!important;
	}
	
}


.cn-button.bootstrap {
    font-family: sans-serif;
    display: inline-block;
    padding: 4px 12px;
    margin-right: .3em;
    margin-bottom: 0;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #f47421;
    background-image: -moz-linear-gradient(top,#f47421,#f47421);
    background-image: -webkit-gradient(linear,0 0,0 #f47421%,from(#f47421),to(#f47421));
    background-image: -webkit-linear-gradient(top,#f47421,#f47421);
    background-image: -o-linear-gradient(top,#f47421,#f47421);
    background-image: linear-gradient(to bottom,#f47421,#f47421);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color: #f47421 #f47421 #f47421;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 1px 2px rgba(0,0,0,.05);
    padding: 2px 10px;
    font-size: 12px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
}




#main {
    padding-top: 0px !important;
}





/* BUTTONS
========================================= */

.customButton {
    padding: 20px 60px !important;
}


.button-large {
	font-size: 18px !important;
	line-height: 28px !important;
}



/* NAVBAR
========================================= */

.fusion-main-menu>ul>li>a {
	text-transform: uppercase !important;
}

.fusion-sliding-bar-position-top .fusion-sb-toggle-wrapper {
    display: none !important;
}


.fusion-mobile-menu-icons {
    margin-top: 36px !important;
}


.fusion-header {
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.fusion-mobile-menu-icons a {
    float: right;
    font-size: 27px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #000;
    padding: 10px;
}


.fusion-mobile-menu-icons a:before {
    color: #ffffff !important;
}






/* TEXT PADDING
========================================= */

.hero-image-text-padding {
	padding: 0 10% !important;
}




/* FORMIDABLE FORMS
========================================= */

.frm_style_formidable-style.with_frm_style .vertical_radio .frm_checkbox {
	margin-bottom: 14px;
}





/* PERSON
========================================= */

.person-desc {
	padding: 40px 40px 20px 40px !important;
}





/* FLIP BOX
========================================= */

.flip-box-front h2 {
    font-size: 24px !important;
    margin-bottom: 20px !important;
    
}


.flip-box-heading-back h3 {
    line-height: 1.2 !important;
    font-size: 22px !important;
}


.flip-box-heading-back {
    line-height: 1.2 !important;
    font-size: 21px !important;
    margin-bottom: 20px !important;
}


.fusion-flip-boxes .fusion-flip-box .flip-box-heading {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
}

.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {
	padding: 40px 40px !important;
}





/* MEDIA QUERIES
========================================= */


@media only screen and (max-width: 1420px) {
	
	.fusion-header {
		padding-top: 0px !important;
	    padding-bottom: 10px !important;
	}	
	
}

@media only screen and (max-width: 1390px) {
	
	.fusion-header {
		padding-top: 0px !important;
	    padding-bottom: 10px !important;
	}
	
	.fusion-main-menu>ul>li>a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a {
	    font-size: 15px !important;
	}
	
}

@media only screen and (max-width: 1302px) {
	
	.avada-menu-highlight-style-background:not(.fusion-header-layout-v6) .fusion-main-menu>ul>li>a {
	    padding-left: calc((24px)/ 2) !important;
	    padding-right: calc((24px)/ 2) !important;
	}
	
}


@media only screen and (max-width: 1250px) {
	
	.avada-menu-highlight-style-background:not(.fusion-header-layout-v6) .fusion-main-menu>ul>li>a {
	    padding-left: calc((24px)/ 2) !important;
	    padding-right: calc((24px)/ 2) !important;
	}
	
	.fusion-logo a img {
		max-height: 100px !important;
		height: auto;
	}
	
	fusion-header-sticky-height {
		height: 108px !important;
	}
	
}

@media only screen and (max-width: 1096px) {
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {
		padding: 40px 30px !important;
	}	
	
}


@media only screen and (max-width: 920px) {
	
	.fusion-header {
	    padding-left: 22px;
	    padding-right: 22px;
    }
	
}


@media only screen and (max-width: 800px) {
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {
		padding: 30px 30px !important;
	}
	
	.fusion-layout-column .fusion-column-wrapper {
		padding-bottom: 0% !important;
		padding-top: 0% !important;
	}
	
	.fusion-content-boxes.content-boxes-icon-on-top .content-box-column {
	    margin-bottom: 26px !important;
	}
	
	
	/*
	.section-bg-image .fusion-layout-column .fusion-column-wrapper {
    		padding-bottom: 0% !important;
		padding-top: 0% !important;		
	}
	*/
	
}


@media only screen and (max-width: 450px) {
	
	.fusion-logo	img {
		max-height: 98px !important;
	    height: auto;
	}
	
	.fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header {
		padding-top: 0px !important;
	    padding-bottom: 12px !important;
	}
	
	.fusion-header {
		padding-top: 0px !important;
	    padding-bottom: 12px !important;
	    padding-left: 12px !important;
	}
	
	.fusion-mobile-menu-icons {
	    margin-top: 36px !important;
	}
	
	.home-hero h3 {
		font-size: 0.8em !important;
		line-height: 32px;
	}
	

	.fusion-title h1 {
	    font-size: 41px !important;
	    line-height: 48px !important;
	}
	
	.intro-highlight h3 {
		font-size: 0.9em !important;
		line-height: 24px !important;
	}

}


@media only screen and (max-width: 410px) {
	
	.fusion-logo	img {
		max-height: 58px !important;
	    height: auto;
	}
	
	.fusion-mobile-menu-icons {
	    margin-top: 24px !important;
	}
	
	.fusion-logo a img {
	    max-height: 88px !important;
	}

}


@media only screen and (max-width: 390px) {
		
	.fusion-header {
		padding-top: 0px !important;
	    padding-bottom: 12px !important;
	    padding-left: 12px !important;
	}
	
}

@media only screen and (max-width: 349px) {
		
	.fusion-header {
		padding-top: 2px !important;
	    padding-bottom: 12px !important;
	    padding-left: 12px !important;
	}
	
}


/* END MEDIA QUERIES
========================================= */