/*
Theme Name:     SkywayLawFirm
Description:    
Author:         skywaymedia
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/**************************
 * HEADER
 *************************/

body {
	overflow-x: hidden !important;	
}

/**************************
 * HOME
 *************************/

#home-hero {
	height: 900px;
	background-position: top !important;
	padding-bottom: 0 !important;
	overflow: hidden;
}
#home-hero .et_pb_row {
	min-width: 100% !important;
	height: 100%;
}
#home-hero .et_pb_row .et_pb_column_1_4 {
	padding: 30px !important;
	background: #fff;
	width: 150px;
	height: 100%;
	position: absolute;
	top: 0;
}
#home-hero .et_pb_module, #home-hero .et_pb_text_inner {
	height: 100%;
}
#home-hero .lf-v-text {
	color: #222;
	transform: rotate(-90deg);
	width: 400px;
	position: relative;
	top: 128px;
	left: -159px;
	font-size: 16px;
	font-weight: bold;
}
#home-hero .sidebar-social-icons {
	position: absolute;
	top: 443px;
	left: 63px;
	text-align: center;
}
#home-hero .sidebar-social-icons a {
	color: #a19ca1;
	font-size: 20px;
	margin-bottom: -10px;
	display: block;
	transition: 0.3s linear;
}
#home-hero .sidebar-social-icons a:hover {
	color: #333;
}
#home-hero .v-scroll {
	position: relative;
	top: -106px;
	left: -4px;
	transform: rotate(-90deg);
}
#home-hero .sidebar-animated-arrow {
	position: absolute;
	top: 690px;
	left: 70px;
}
#home-hero .sidebar-animated-arrow .fa {
	transform: rotate(180deg);
	animation: arrow-bounce 2s infinite;
}
#map_wrapper {
    height: 500px;
}
#map_canvas {
    width: 100%;
    height: 100%;
}

@keyframes arrow-bounce {
	0%, 20%, 50%, 80%, 100% {
    	-webkit-transform: rotate(180deg) translateY(0);
    	opacity: 1;
	}
	40% {
    	-webkit-transform: rotate(180deg) translateY(-30px);
	}
	60% {
    	-webkit-transform: rotate(180deg) translateY(-15px);
	}
}

@media screen and (min-width: 980px) {
	.fl-mobile-menu, .fl-close-toggle {
		display: none !important;
	}
}
@media screen and (max-width: 980px) {
	#home-hero .et_pb_row .et_pb_column_1_4 {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.lf-phone, .lf-top-bar-social {
		display: none;
	}
}