/* page_inspirations.less */

@import "main.less";

.page_inspirations {

    .google_gtm_link {
        text-decoration: none;
    }

	.inspirations_container {
		background-color: rgba(188, 191, 194, 0.15);

		.header_hero_banner {
			background-image: none;
			text-align      : left;

			@media @small {
				text-align: center;
				min-height: 25vh;
			}

            .header_hero_text {
                display: flex;
                justify-content: center;
            }

			.header_hero_title {
				font-size     : 50px;
				font-weight   : bold;
				letter-spacing: 0;
				line-height   : 55px;
				color         : #445B6D;
				text-align    : center;

				@media @small {
					font-size     : 23px;
					letter-spacing: 0;
					line-height   : 23px;
					text-align    : center;
				}
			}

			.header_hero_subtitle {
				font-size     : 20px;
				letter-spacing: 0;
				line-height   : 22px;
				color         : #445B6D;
				// font-family   : 'Barlow Bold';
				text-align    : center;
				max-width: 661px;
                margin: 0 auto;

				@media @small {
					font-size     : 15px;
					letter-spacing: 0;
					line-height   : 21px;
					text-align    : center;
				}
			}
		}

		.inspiration_container {
			.inspiration {
				margin: 80px 0;

				@media @small_medium {
					margin: 30px 0;
				}

				.inspiration_img {
					width     : 100%;
					object-fit: cover;
				}

				.inspiration_text {

					@media @small_medium {
						margin: 50px 0;
					}

					.inspiration_post_date {
						color         : #BCBFC2;
						font-size     : 24px;
						letter-spacing: 0;
						line-height   : 27px;
						text-transform: uppercase;

						@media @small_medium {
							font-size     : 16px;
							letter-spacing: 0;
							line-height   : 16.2px;
						}

						hr {
							height        : 1px;
							display       : inline-block;
							width         : 182px;
							vertical-align: middle;
							margin-left   : 50px;

							@media @small {
								width: 110px;
							}
						}
					}

					.inspiration_title {
						color         : #2C3944;
						font-family   : "Barlow Semi Condensed";
						font-size     : 42px;
						font-weight   : bold;
						letter-spacing: 0;
						line-height   : 50px;
						text-align: left;

						@media @small_medium {
							font-size     : 25px;
							letter-spacing: 0;
							line-height   : 28px;
						}

                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;

                        @media @small {
                            flex-direction: row;
                        }

                        .inspiration_arrow {
                            display: flex;
                            justify-content: flex-start;

                            @media @small {
                                flex-direction: row;
                                margin: 0;
                            }
                            .system_link {
                                width: 57px;
                                height: 57px;

                                @media @small {
                                    width: 37px;
                                    height: 37px;
                                }
                            }
                        }

					}

                    p.description {
                        text-align: left;
                    }
                    
				}

				.inspiration_arrow {
					text-align: right;
					margin    : 20px 0;

					@media @small_medium {
						// display: none;
					}
				}
			}
		}

		.full_width_inspiration {
            position           : relative;
			margin             : 0;
			background-repeat  : no-repeat;
			background-size    : cover;
			background-position: center;
			min-height         : 80vh;
			width              : 100%;
			margin             : 0;

			@media @small {
				min-height: 50vh;
			}

            .inspiration_overlay {
                position: absolute;
                background-color: black;
                width: 100%;
                height: 100%;
                opacity: 0.3;
                z-index: 10;
            }

			.col-xl-8 {
				width: 55.66666667%;

				@media @small {
                    width: 100%;
				}
			}

			.full_width_inspiration_text {
                position: relative;
                z-index: 20;
				margin-bottom: 50px;

				.inspiration_title {
					color         : #fff;
					font-size     : 70px;
					font-weight   : bold;
					letter-spacing: 0;
					line-height   : 80px;
					text-shadow   : 0 0 21px 0 rgba(0, 0, 0, 0.5);
					margin        : 0;

                    display: flex;
                    align-items: center;

					@media @small {
						font-size     : 27px;
						letter-spacing: 0;
						line-height   : 31px;
						text-shadow   : 0 0 11px 0 rgba(0, 0, 0, 0.25);
					}
				}

				.system_link {
                    position: relative;
                    top: 5px;
					filter: brightness(0) saturate(100%) invert(99%) sepia(19%) saturate(1757%) hue-rotate(180deg) brightness(118%) contrast(94%);
                    &.overlay {
                        margin-left: 40px;
                    }
                    @media @small {
                        width: 37px;
                        height: 37px;
                    }
                }
			}


		}

		.inspiration_texts_container {
			margin: 80px 0;

			@media @small {
				margin: 20px 0;
			}

			.inspiration_texts {
				font-size     : 70px;
				font-weight   : bold;
				letter-spacing: 0;
				line-height   : 80px;

				@media @small_medium {
					font-size     : 35px;
					letter-spacing: 0;
					line-height   : 1.2;
                    max-width: 500px;
                    margin: 0 auto;
				}

                @media @small {
					font-size     : 25px;
				}
			}
		}
	}

	.top_footer_wrap {
		margin: 120px 0;

		@media @small {
			margin: 80px 0;
		}
	}
}