/* >> contact Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.page-contact{
	.section--contact{
		.contentWrapper{background-color: transparent;}
		.contactBoxes{
			@extend %flexBox;
			gap: 1%;
			.contact-box{
				width: 100%;
				padding: 2rem 1rem;
				margin-bottom: 2rem;
				background-color: $color-section;
				@media #{$mq-iPad_land}{width: 32.65%;	padding: 2rem; margin-bottom: 0;}
				.box-title{
					font-size: 24px;
					font-weight: 500;
					color: $color-primary;
					padding: 0.5rem 0 1rem 0;
					margin-bottom: 1rem;
    				border-bottom: 1px solid $color-border;
				}
				.box-contact{
					.box-img{margin-top: 2rem;}
					.title{
						font-size: 12px;
						color: $color-gray;
						text-transform: uppercase;
						margin-bottom: 0.25rem;
					}
					.text{
						font-size: 14px;
						line-height: 1.5;
						color: $color-gray;
					}
					a{
						display: block;
						font-size: 14px;
						line-height: 1.5;
						color: $color-title;
						margin-bottom: 1rem;
						transition: 0.3s;
						&:hover{text-decoration: underline;}
					}
					.box-table{
						margin-top: 2rem;
						tr{border: none;}
						td{
							font-size: 12px;
							color: $color-gray;
							text-transform: uppercase;
							text-align: left; 
							padding: 6px 0;
						}			
						.date{
							text-align: right;
							font-size: 14px;
							line-height: 1.5;
							color: $color-title;
							text-transform: none;
						}
					}
				}
			}
		}
	}
}