//	add mixins
@import "mixins";

.ast-below-header-1 {
	.ast-justify-content-flex-end {
		.user-select {
			padding-left: 15px;
		}
	}

	.ast-justify-content-flex-start {
		.user-select {
			padding-right: 15px;
		}
	}

	.ast-below-header-navigation {
		flex: 1;
	}
	
	.below-header-user-select ~ .below-header-user-select {
		flex: auto;
	}

	.ast-below-header-section-wrap {
		.ast-justify-content-flex-end:first-child {
			margin-left: auto;
		}
	}
}

.below-header-nav-padding-support {
    
	.below-header-section-1 {
		.ast-below-header-menu > li {
            > a {
                padding-left: 0;
                padding-right: 2em;
            }
            
            > .sub-menu {
				margin-left: -1em;
			}

            &:last-child > a {
				padding-right: 0;
			}

			&.ast-left-align-sub-menu > .sub-menu {
				margin-left: 0;	
				margin-right: -1em;	
			}
        }
	}
	.below-header-section-2 {
        .ast-below-header-menu > li {
			> a {
			    padding-left: 2em;
			    padding-right: 0;
			}

			> .sub-menu {
				margin-left: 1em;
			}

			&:first-child > a {
				padding-left: 0;
			}

			&:first-child > .sub-menu {
			    margin-left: -1em;
			}

			&.ast-left-align-sub-menu > .sub-menu {
				margin-left: 0;	
				margin-right: -1em;	
			}
        }
	}
}


.ast-header-break-point {
	.ast-below-header-1 {
		.user-select {
			padding-left: 0;
			padding-right: 0;
		}
		.below-header-user-select {
		    > .ast-flex {
			    justify-content: flex-start;
			    flex-direction: column;
			    align-items: flex-start;
			}

		}
		.ast-below-header-navigation {
			flex: auto;
		}
		.ast-below-header-section-wrap {
			.ast-justify-content-flex-end:first-child {
				margin-left: -20px;
			}
		}
	}

	&.below-header-nav-padding-support {
		.ast-below-header-navigation ul li a,
		.ast-below-header-navigation ul li:first-child a {
			padding: 0 20px;
		}

		.ast-below-header-navigation ul.sub-menu li a {
			padding-left: 30px;
		}

		.ast-below-header-navigation ul.sub-menu li li a {
		    padding-left: 45px;
		}
		.ast-below-header-navigation ul.sub-menu li li li a {
		    padding-left: 60px;
		}
		.ast-below-header-navigation ul.sub-menu li li li li a {
		    padding-left: 75px;
		}

		.ast-below-header-menu > li > .sub-menu,
		.ast-below-header-menu > li:first-child > .sub-menu,
		.ast-below-header-menu > li.ast-left-align-sub-menu > .sub-menu {
			margin-left: auto;
			margin-right: auto;
		}
	}
}