/*
Theme Name: Linkage Child Theme
Template:   veniz-theme
Author: J.V.A
Description: 「」
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, LESS, bower, gulp
Text Domain: oracle

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	--bs-primary: #c30234;
	--bs-primary-rgb: 195, 2, 52;
	--bs-primary-dark: hsl(from var(--bs-primary) h s calc(l - 5%));
	--inner_width: 1220px;
	--half-guttter: calc( var(--bs-gutter-x) * .5);
}

body {
	margin: auto;
	font-family: "Book Antiqua";
	background-image: url(images/pattern.png);
	/*background-image: url(images/smaller-patterns.png);*/
	background-position: top center;
	background-size: 500px;
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1536px;
	}
}

#main_header .header_main .site_logo {
	margin-bottom: -7rem;
}

#branches_section {
	margin: 0 0 5rem;
}

#branches_section .card {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

#branches_section .card .img_container > .fake_image {
	padding-top: 100%;
	background-size: cover;
	background-position: center;
}

#branches_section .card .card-body {
	background-image: url(images/red-texture.jpg);
	background-position: top center;
}

#branches_section .branch {
	/*background-color: var(--bs-primary);*/
	background-color: var(--bs-red);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100lvh;
	padding: 1rem 0;
	position: relative;
}

#branches_section .branch .bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	mix-blend-mode: multiply;
	opacity: 1;
	transition: all .3s;
}

#branches_section .branch:hover .bg, #branches_section .branch:focus .bg {
	opacity: 0;
}

#branches_section .branch .img_container {
	position: relative;
	width: 50%;
	max-width: 100%;
	transition: all .3s;
}

#branches_section .branch:hover .img_container, #branches_section .branch:focus .img_container {
	width: 55%;
}

#branches_section .branch .img_container > .fake_image {
	padding-top: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

#map_section {}

#map_section .map_box {
	position: relative;
	background-color: #ffffff;
}

#map_section .map_box .map > .fake_image {
	background-size: cover;
	background-position: center;
}

#map_section .map_box .locations {
	position: absolute;
	display: block;
	width: 10%;
	top: 0;
	left: 0;
	transform-origin: center;
	transform: translateX(-50%) translateY(-50%) scale(1);
}

#map_section .map_box .locations:hover, #map_section .map_box .locations:focus {
	transform: translateX(-50%) translateY(-50%) scale(.95);
}

#map_section .map_box .locations > .fake_image {
	padding-top: 100%;
	background-size: contain;
	background-position: center;
}

.socials > li {
	display: inline-block;
	vertical-align: middle;
}

.socials > li > a:hover, .socials > li > a:focus {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

#footer {
	background: none;
}

#footer .footer_bot .info > li {
	display: flex;
}

#footer .footer_bot .info > li > .icon {
	width: 20px;
	text-align: center;
	margin-right: 1rem;
}