.moredays-section {
	
	.section-grid {
		margin-top: 100px;
		position: relative;
		padding-top: 100px;
		padding-bottom: 20px;

		&:before {
			content: "";
			background: rgba($primary_color, 0.3);
			width: 1px;
			position: absolute;
			top: 20px;
			right: 0;
			bottom: 20px;
			left: 0;
			margin: 0 auto;
		}
	}//.section-grid

	.section-grid-inner {
		max-width: 930px;
		margin-left: auto;
		margin-right: auto;

		&:before, &:after {
			content: "";
			background: rgba($primary_color, 0.3);
			width: 20px;
			height: 20px;
			@include border-radius(100%);
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
		}

		&:after {
			top: auto;
			bottom: 0;
		}
	}//.section-grid-inner

	.moredays-block {
		margin-bottom: 80px;
		display: flex;
		flex: 1;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		align-items: flex-start;
		position: relative;

		&:before {
			content: "";
			background: $white_color;
			border: 4px solid $primary_color;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 20px;
			height: 20px;
			@include border-radius(100%);
			@include box-shadow(0 0 0 25px $white_color);
		}

		.moredays-img {
			width: 400px;
			margin-left: 30px;
			background: $white_color;
			padding: 20px;
			@include box-shadow(0 0 20px rgba($black_color, 0.08));
			position: relative;

			&:before {
				content: "";
				border-right: 13px solid $white_color;
				border-top: 13px solid transparent;
				border-bottom: 13px solid transparent;
				position: absolute;
				top: 20px;
				left: -13px;
			}
		}//.moredays-img

		.moredays-content-wrap {
			width: calc(100% - 430px);
			text-align: right;
			padding-right: 110px;

			.moredays-time {
				display: block;
				font-size: 2.6665em;
				font-family: $font_secondary;
				color: $primary_color;
				line-height: 1.25em;

				.time-type {
					display: inline-block;
					text-transform: uppercase;
					font-family: $font_primary;
					font-size: 0.2917em;
					font-weight: 800;
					letter-spacing: 1px;
					line-height: 1.36em;
					border-top: 1px solid $primary_color;
					border-bottom: 1px solid $primary_color;
					vertical-align: middle;
				}//.time-type
			}//.moredays-time

			.moredays-title {
				margin-top: 10px;
				margin-bottom: 0;
				font-size: 1.1112em;
			}//.moredays-title

			.moredays-content {
				margin-top: 15px;
			}//.moredays-content
		}//.moredays-content-wrap

		&:nth-child(2n) {
			flex-direction: row;

			.moredays-img {
				margin-left: 0;
				margin-right: 30px;

				&:before {
					left: auto;
					right: -13px;
					border-right: none;
					border-left: 13px solid $white_color;
				}
			}//.moredays-img

			.moredays-content-wrap {
				text-align: left;
				padding-right: 0;
				padding-left: 110px;
			}//.moredays-content-wrap
		}//&:nth-child(2n)
	}//.moredays-block
}//.moredays-section

@include media(sm) {
	.moredays-section {

		.moredays-block {
			
			.moredays-img {
				width: 320px;
			}//.moredays-img

			.moredays-content-wrap {
				width: calc(100% - 350px);
				padding-right: 80px;
			}//.content-wrap

			&:nth-child(2n) {
				
				.moredays-content-wrap {
					padding-left: 80px;
				}//.moredays-content-wrap
			}//&:nth-child(2n)
		}//.moredays-block
	}//.moredays-section
}//@include media(sm)

@include media(xs) {
	
	.moredays-section {
		
		.section-grid {
			margin-top: 65px;
			padding-top: 65px;
			padding-bottom: 0;

			&:before {
				background: rgba($primary_color, 0.1);
			}
		}//.section-grid

		.moredays-block {
			flex-direction: column;
			margin-bottom: 0;
			padding-bottom: 65px;

			&:before {
				display: none;
			}

			.moredays-img {
				margin-left: 0;
				width: auto;

				&:before {
					border-right-color: transparent;
					border-top-color: $white_color;
					border-bottom: none;
					border-left: 13px solid transparent;
					top: auto;
					bottom: -13px;
					left: 0;
					right: 0;
					width: 0;
					margin: 0 auto;
				}
			}//.moredays-img

			.moredays-content-wrap {
				width: 100%;
				padding-right: 0;
				text-align: center;
				margin-top: 40px;
			}//.moredays-content-wrap

			&:nth-child(2n) {
				flex-direction: column;

				.moredays-img {
					margin-right: 0;

					&:before {
						border-left-color: transparent;
						border-right: 13px solid transparent;
						left: 0;
						right: 0;
					}
				}//.moredays-img

				.moredays-content-wrap {
					text-align: center;
					padding-left: 0;
				}//.moredays-content-wrap
			}//&:nth-child(2n)
		}//.moredays-block
	}//.moredays-section
}//@include media(xs)