GhostManSec
Server: Apache
System: Linux webm019.cluster130.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64
User: exhehbu (1008962)
PHP: 8.0.30
Disabled: _dyuweyrj4,_dyuweyrj4r,dl
Upload Files
File: /home/e/x/h/exhehbu/wp/wp-content/themes/revolution/assets/sass/shortcodes/_bg_list.scss
.thb-bg-list-parent {
	position: relative;
	background: #000;
	overflow: hidden;
	.thb-bg-list-bg {
		display: none;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 0;
		overflow: hidden;
		.thb-bg-list-image {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.columns {
		position: relative;
		z-index: 1;
	}
	.list-content-container {
		max-width: 100%;
	}
	&.style1 {
		.columns {
			&:not(:first-child) .thb-bg-list {
				border-top: 1px solid rgba(#fff,0.2);
				@include min-break($break-small) {
					border-top: 0;
					border-left: 1px solid rgba(#fff,0.2);
				}
			}
		}


		.thb-bg-list {
			display: flex;
			height: 100%;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-start;
			padding: 25px;
			color: #fff;

			@include min-break($break-small) {
				padding: 45px;
			}
			@include min-break($break-xlarge) {
				padding: 65px;
			}
			h1,h2,h3,h4,h5,h6 {
				color: #fff;
			}
			p {
				font-size: 14px;
			}
			&.has-btn {
				.list-content-container {
					@extend .quick-transition;
				}
				&:hover {
					.list-content-container {
						@include translateY(-60px);

						@include min-break($break-small) {
							@include translateY(-75px);
						}
						@include min-break($break-xlarge) {
							@include translateY(-105px);
						}
					}
					.thb-bglist-btn {
						opacity: 1;
						@include translateY(0%);
					}
				}

			}
			.thb-bg-list-title {
				h4 {
					font-weight: 400;
				}
			}
			.thb-bglist-btn {
				position: absolute;
				bottom: 25px;
				left: 25px;
				opacity: 0;
				padding: 0 20px;
				max-width: 100%;
				@include translateY(100%);
				@include min-break($break-small) {
					bottom: 45px;
					left: 45px;
				}
				@include min-break($break-xlarge) {
					bottom: 65px;
					left: 65px;
				}
				.rtl & {
					left: auto;
					right: 25px;

					@include min-break($break-small) {
						left: auto;
						right: 45px;
					}
					@include min-break($break-xlarge) {
						left: auto;
						right: 65px;
					}
				}
			}
		}
	}


}