/*======================================
Theme Name: Camellia Cafe
Theme URI: https://camelliacafe.com/
Description: Customer theme for Camellia Cafe in Fairhope, Alabama
Version: 1.0
Author: Sandy McDonald
Author URI: https://seoocity.com
Template: Divi
======================================*/
/* KEEP HORIZONTAL MENU FROM GOING VERTICAL */
div#et-top-navigation {
    padding-left: 0 !important;
}

/* CALL TO ACTION MENU BUTTON */
@media only screen and ( min-width: 981px ) {
	.menu_cta {
		background-color: #ff6d4a;
		padding: 0 !important;
		border-radius: 4px;
	}
	.menu_cta a {
		color: #fff !important;
		text-transform: uppercase;
		font-size: 16px !important;
		padding: 15px 15px 15px 15px !important;
	}
	/* SET CTA FONT COLOR AFTER SCROLL */
	.et-fixed-header #top-menu li.menu_cta >a {
    	color: #fff!important;
	}
}

/*FULLWIDTH HEADER ALIGNMENT*/
@media only screen and ( min-width: 981px ) {
	.custom_header {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: end ;
    	-ms-flex-align: end;
    	align-items: flex-end /* flex-start | center */;
    	padding: 0;
    	min-height: 100vh; /*Adjust for header height*/
    	height: 100vh; /*Adjust for header height*/
	}
	.custom_header .et_pb_fullwidth_header_container {
  	  	width: 100%;
    	max-width: 100%;
    	padding: 0;
	}
	.custom_header .header-content {
    	width: 40% !important;
    	max-width: 40% !important;
    	margin: 0;
	}
}

@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
	.custom_header {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: end ;
    	-ms-flex-align: end;
    	align-items: flex-end /* flex-start | center */;
    	padding: 0;
    	min-height: 80vh; /*Adjust for header height*/
    	height: 80vh; /*Adjust for header height*/
	}
	.custom_header .et_pb_fullwidth_header_container {
    	width: 100%;
    	max-width: 100%;
    	padding: 0;
	}
	.custom_header .header-content {
    	width: 40% !important;
    	max-width: 40% !important;
    	margin: 0;
	}	
}

@media only screen and ( max-width: 479px ) {
	.custom_header {
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-align: end ;
    	-ms-flex-align: end;
    	align-items: flex-end /* flex-start | center */;
    	padding: 0;
    	min-height: 70vh; /*Adjust for header height*/
    	height: 70vh; /*Adjust for header height*/
	}
	.custom_header .et_pb_fullwidth_header_container {
    	width: 100%;
    	max-width: 100%;
    	padding: 0;
	}
	.custom_header .header-content {
    	width: 40% !important;
    	max-width: 40% !important;
    	margin: 0;
	}	
}

/* CHANGE COLUMN ORDER */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
	.custom_row {
  		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -webkit-flex;
  		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
 
	/*** custom classes that will designate the order of columns in 	the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}