%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/card.eco-n-tech.co.uk/wp-content/themes/hittakreditkortet/src/css/partials/
Upload File :
Create Path :
Current File : //var/www/card.eco-n-tech.co.uk/wp-content/themes/hittakreditkortet/src/css/partials/contact.less

@import (reference) "globals.less";

.contact-section {
	.contact-content {
		border-bottom: 1px solid lightgray;

		> .left {
			display: flex;
			align-items: center;
			border-right: 1px dashed lightgray;
			background-color: #f8f8ff;

			@media (max-width: @break_m) {
				border-right: 0;
				border-bottom: 1px dashed lightgray;
			}
		}

		> .right > img {
			display: block;
			width: 100%;
			max-width: 731px;
			margin: 0 auto;
			padding: 8rem 2rem;

			@media (max-width: @break_m) {
				padding: 2rem;
			}
		}
	}

	.contact {
		max-width: 500px;
		margin: 0 auto;
		padding: 2rem;
		background-color: white;
		border-radius: 5px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

		@media (max-width: @break_m) {
			margin-top: 2rem;
			margin-bottom: 2rem;
		}

		> .title {
			margin: -2rem -2rem 1.5rem;
			padding: 2rem;
			color: white;
			background-color: #5ca7ff;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

		hr {
			margin-top: 1.5rem;
		}

		.contact-info {
			margin-top: 2rem;

			> div {
				position: relative;
				padding-left: 3.5rem;

				.title {
					display: block;
					font-weight: 600;
				}

				i {
					display: flex;
					align-items: center;
					justify-content: center;
					position: absolute;
					top: 0; bottom: 0; left: 0;
					line-height: 2rem;
					height: 100%;
					width: 2.5rem;
					margin: auto;
					color: white;
					background-color: #5ca7ff;
					text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
					font-size: 1.5rem;
					border-radius: 8px;
				}

				&.phone,
				&.email {
					float: left;
					margin-top: 2rem;

					@media (max-width: @break_xs) {
						float: none;
					}
				}

				&.email {
					margin-left: 2rem;

					@media (max-width: @break_xs) {
						margin-left: 0;
					}
				}
			}
		}
	}
}

Zerion Mini Shell 1.0