/*
Theme Name: Porto Child
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

#root {
	display: flex;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

#shield-logo {
	position: absolute;
	top: 30%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 300px;
	z-index: 100;
}

#left,
#right {
	flex: 1;
	position: relative;
	overflow: hidden;
}

#root .link h2,
#root .link h1 {
	text-decoration: none;
	/*font-family: Impact;*/
	/*  opacity: 0.8;
  transition: opacity .5s ease-in-out;*/
	/*text-shadow: 0px 0px 5px #000;*/
}

#root .link:hover h1,
#root .link:hover h2 {
	opacity: 1;
}

#root .link h1 {
	overflow: hidden;
	background: linear-gradient(to right, #214fa5, #5f89d8 50%, rgba(255, 255, 255, 0.4) 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: background-position 500ms ease;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #ffffff;
}

#root .link h2 {
	color: #ffffff;
}

#root .link:hover h1 {
	background-position: 0 100%;
}

#root .content h1 {
	font-size: 110px;
	line-height: 115px;
}

#root .content h2 {
	font-size: 70px;
	line-height: 80px;
}

#left:hover .content::before {
	visibility: visible;
	transform: scaleX(1);
}

#left .content,
#right .content {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
	padding: 0 5%;
	/*box-sizing: border-box;*/
}

#left .item::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(https://sodshops.com/wp-content/uploads/2024/02/Wichita-2-1.png);
	background-size: cover;
	/*filter: grayscale(60%);*/
	transition: all .5s ease-in-out;
}

#right .item::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(https://sodshops.com/wp-content/uploads/2024/02/KC-2-1.png);
	background-size: cover;
	/*filter: grayscale(60%);*/
	transition: all .5s ease-in-out;
}

#left:hover .item::before,
#right:hover .item::before {
	transform: scale(1.1);
	/*filter: grayscale(10%);*/
}

.bg-opacity .upb_row_bg {
	opacity: 0.1;
}

h1#m6-h1 span {
    font-size: 20px;
    display: block;
    line-height: 20px;
}
h1#m6-h1 {
    font-size: 325px;
    line-height: 280px;
    text-align: center;
}