/**
 * Advanced Headers Style 1
 * 
 * Contents
*/

//  add mixins
@import "mixins";

.ast-advanced-headers-layout-1 {

	.ast-advanced-headers-wrap {
		align-self: center;
		flex-grow: 1;
		max-width: 75%;
	}

	.ast-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		
		@media (max-width: $mx-col-sm) { 
			display: block;
		}
	}

	.ast-advanced-headers-breadcrumb {
	    flex-grow: 1;
		align-self: center;
		text-align: right;
		padding-left: 20px;
	}
	
	@media (max-width: $mx-col-sm) {
		.ast-advanced-headers-wrap, 
		.ast-advanced-headers-breadcrumb {
			display: block;
			width: 100%;
			text-align: center;
		}
		.ast-advanced-headers-breadcrumb {
			margin-top: 5px;
			padding-left: 0;
		}
		.ast-advanced-headers-wrap {
			max-width: 100%;
		}
	}
}