/*
Theme Name: Ashawa Bay -- Hardwood Floors
Description: Child Theme for Ashawa Bay -- Hardwood Floors
Author: Art Unlimited
Author URI: https://www.artunlimitedusa.com
Template: Avada
Text Domain:  Avada
*/

/* ALL HEADER STYLES */

.fusion-menu li {
    padding-right: 10px!important;
    padding-left: 5px!important;
}
.fusion-menu li::after {
    content: "";
    width: 2px;
    float: right;
    height: 20px;
    background: #134197;
    position: relative;
    top: 6px;
    margin-left: 10px;
}
.our_process_icon_container {
	margin-top: 30px;
}
.fusion-menu li:last-child::after {
    content: none;
}
.fusion-main-menu>ul>li>a {
	font-size: 14px !important;
	display: inline-flex;
}
.contact-us-menu-button  {
	background-color: #13417a;
    border-radius: 30px;
    border: none !important;
	margin-left: 10px !important;
}

.contact-us-menu-button a {
    color: white !important;
    font-size: 18px;
    font-family: 'Work Sans' !important;
}
.fusion-main-menu {
	margin-top: 35px;
}

.fusion-header .fusion-logo {
    margin-top: 15px !important;
	width: 20% !important;
}

.fusion-sticky-shadow {
	height: 145px !important;
}

#menu-item-33 {
	margin-left: 25vw;
}

.fusion-mobile-menu-icons a {
    font-size: 55px !important;
}
@media screen and (max-width: 1000px){
	.fusion-header .fusion-logo {
    	width: 240px !important;
	}
}
@media screen and (max-width: 1300px){
	.fusion-main-menu {
		margin-left: 0px !important;
	}
	.fusion-header .fusion-logo {
    	margin-top: 25px !important;
	}
	.fusion-header {
		height: 150px;
	}
}

@media screen and (max-width: 1140px) and (min-width: 801px) {
	.fusion-main-menu>ul>li>a {
		font-size: 14px !important;
	}
}
@media screen and (max-width: 800px) {
	.header_text {
		top: 45% !important;
	}
	.header_container {
		height: 325px !important;
	}
}


.header_container{
	background-image: url("/wp-content/uploads/2015/03/BlackWalnut_Overallfull.jpg");
	height: 650px;
	background-repeat: no-repeat;
	background-position: 100% 45%;
	background-size: 120%;
	overflow: hidden;
	position: relative;
	background-attachment: fixed;
}

.hero-text {
	margin: 0 auto;
	display: block;
	position: relative;
	top: 50%;
	width:100%;
	max-width:80%;
	text-align: center;
}
.header_text {
	font-size: 4vw !important;
	font-family: "Cinzel";
	color: white !important;
	margin-bottom: 0px;
}
.tagline {
	font-size: 3.5vw !important;
	font-family: "Cinzel";
	color: white !important;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-3-13 12:31:22
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-scale-up-hor
 * ----------------------------------------
 */
@-webkit-keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
            transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
            transform: scale(2.5) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-180deg);
            transform: scale(1) rotateX(-180deg);
  }
}
@keyframes flip-scale-up-hor {
  0% {
    -webkit-transform: scale(1) rotateX(0);
            transform: scale(1) rotateX(0);
  }
  50% {
    -webkit-transform: scale(2.5) rotateX(-90deg);
            transform: scale(2.5) rotateX(-90deg);
  }
  100% {
    -webkit-transform: scale(1) rotateX(-180deg);
            transform: scale(1) rotateX(-180deg);
  }
}
.slick-slide {
    text-align: center;
	color: white !important;
	font-size: 4vw !important;
}
.flip-scale-up-hor {
	-webkit-animation: flip-scale-up-hor 0.5s linear both;
	animation: flip-scale-up-hor 0.5s linear both;
}
.slick-active {
	-webkit-animation-name: flip-scale-up-hor;
  animation-name: flip-scale-up-hor;
}
.slider {
	bottom: 5%;
}
#header_text2 {
    left: 50%;

}
@media screen and (max-width: 678px) {
	.slider {
		top: 20%;
		bottom: 0;
	}
}
/* ALL HEADER STYLES END*/

/* ALL PAGE STYLES*/

.awhawa_story_container {
	display: flex;
}

.awhawa_story_container h2{
	font-weight: 100 !important;
	font-size: 25px !important;
}

.project_oriented_container h2{
	font-weight: 100 !important;
	font-size: 25px !important;
}

@media screen and (min-width: 1150px) {
	.awhawa_story_container h2{
	margin-bottom: 5px !important;
	font-size: 28px !important;
}

.project_oriented_container h2{
	margin-bottom: 5px !important;
	font-size: 28px !important;
}
}
.ashawa_story_button {
	width: 140px;
    background-color: white;
    border-radius: 30px;
    border: #13417a solid 3px !important;
    font-size: 16px;
    padding: 5px;
    font-weight: bold;
    font-family: 'Work Sans' !important;
	color: #13417a;
}
.project_oriented_button {
	width: 125px;
    background-color: white;
    border-radius: 30px;
    border: #13417a solid 3px !important;
    font-size: 16px;
    padding: 7px;
    font-weight: bold;
    font-family: 'Work Sans' !important;
	color: #13417a;
}


.our_process_container h2{
	font-weight: 100 !important;
	margin-bottom: 5px !important;
	
}

.awhawa_story_image_container {
    display: block;
   	width: 50%;
	background-image: url(/wp-content/uploads/2020/03/ashawa-story-image-bg-new.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    background-attachment: fixed;
	margin: 15px;
}
.awhawa_story_text_container {
    display: block;
    width: 50%;
    padding: 0px;
    margin: 30px;
}

.project_oriented_container {
	display: flex;
}

.project_oriented_image_container {
	display: block;
    width: 50%;
	background-image: url(/wp-content/uploads/2019/08/project-oriented-image.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
	margin: 15px;
}

.project_oriented_text_container {
	display: block;
    width: 50%;
    padding: 0px;
    margin: 30px;
}

.our_process_container {
	display: flex;
	height: 290px;
}
.our_process_text_container {
	display: block;
    width: 50%;
    padding: 0px;
    margin: 30px;
	margin-right: 20px;
}
.our_process_video_container {
	display: block;
    width: 50%;
    text-align: right;
}    
	
.our_process_video_container video{
	width: 100%;
    height: 100%;
}
.our-process-parallax {
	display: block;
    width: 100%;
	height: 20vw;
	background-image: url(/wp-content/uploads/2020/03/ab-paralax-our-process.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.our_process_icon_container div {
	width: 25%;
    text-align: center;
	padding:5px;
}
	
.process-step {
	font-size: 14px;
    font-weight: bold;
}
.icon:hover {
	border: #00a7e8 5px solid;
    padding: 2px;
    border-radius: 60px;
}
.step_video {
	height: 100%;
}
.step_video iframe {
	width: 100%;
    height: 100%;
}
.text_content {
	font-size: 16px !important;
}
@media screen and (max-width: 1000px) {
	.project_oriented_container {
		display: block;
		width:100%;
	}
	.awhawa_story_container {
		display: inline-grid;
		width:100%;
	}
	.project_oriented_image_container {
		text-align: center;
		margin-top: 30px;
    	height: 500px;
    	margin: 0;
		background-size: cover;
		width:100%;
	}
	.our_process_container {
		display: block;
		height: 100%;
	}
	.our_process_icon_container {
		justify-content: center;
		width:100%;
	}
	.our_process_text_container {
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	.our_process_video_container {
		height: 500px;
		width:100%;
	}
	.partners_container {
		text-align: center;
	}
	.partners_container h2 {
		margin-left: 0 !important;
	}
	.awhawa_story_image_container {
		text-align: center;
		margin-top: 30px;
		-webkit-order: 2;
		order: 2;
    	height: 500px;
    	margin: 0;
		background-size: cover;
		width:100%;
		background-position: inherit;
	}
	.project_oriented_text_container {
		margin-top: 20px  !important;
		margin: 0 auto;
		width:80%;
		text-align: center;
	}
	.awhawa_story_text_container {
		margin-top: 20px !important;
		margin: 0 auto;
		width:80%;
		text-align: center;
		-webkit-order: 2;
		order: 2;
	}
}
@media screen and (max-width: 800px) {
	.icon {
		width: 80px;
	}
	.partners_image_container {
		display: inline !important;
	}
	.partners_image_box img {
		margin: 15px !important;
	}
	.header_container {
		background-position: 50%;
    	background-size: cover;
	}
}
@media screen and (max-width: 500px) {
	.our_process_icon_container {
		display: block !important;
	}
	.awhawa_story_image_container, .project_oriented_image_container {
		background-size:cover;
	}
	.awhawa_story_image_container, .project_oriented_image_container, .header_container {
		background-attachment: local;
	}
	.our_process_icon_container div {
		width: 100%;
		text-align: center;
	}
	.step_video {
		height: 300px;
	}
	.our_process_video_container {
		height: 0;
	}
}
.partners_container {
	display: block;
    width: 100%;
    padding-top: 40px;
    margin: 0 auto;
}
.partners_container h2 {
	margin-left: 30px;
}
.partners_image_container {
	text-align: center;
	margin: 30px;
	display: inline;
}
.partners_image_box{
    width: auto;
    margin: auto;
}

/* ALL PAGE STYLES END*/

/* ALL FOOTER STYLES */

.footer_logo_container {
	width: 25%;
	margin: 30px;
}
.footer_contact_container {
	width: 25%;
	margin-top: 30px;
    margin-bottom: 30px;
	font-family: "Work Sans" !important;
	font-weight: bold  !important;
}
.phone, .email, .address {
	line-height: 2;
}
.footer_contact_container div span a {
	color: white;
	font-weight: 500 !important;
	
}
.footer_social_container {
	display: inline-flex;
	width: 25%;
	margin-top: 30px;
    margin-bottom: 30px;
	justify-content: center;
}

.icon_container {
	float: left;
    display: grid;
}
.contact_info_container {
    float: right;
    display: grid;
    width: 80%;
}
.contact_info_container div {
    height: 60px;
}
.social_icon {
	font-size: 50px;
    color: white;
	margin: 10px;
	margin-top: 0;
	margin-bottom: 0;
}

.contact_icon {
	color: white;
	margin-right: 10px;
	font-size: 20px;
}
.footer_row {
	align-items: center;
}
@media screen and (max-width: 800px) {
	.footer_row {
		display: block !important;
	}
	.slogan_container span {
		font-size:24px !important;
	}
	.footer_logo_container {
		padding-top: 30px;
		margin: 0 auto;
		width: 88%;
		text-align: center;
		display: block;
	}
	.footer_newsletter_container {
		padding-top: 30px;
		margin: 0 auto !important;
		width: 88% !important;
		text-align: center;
		display: block;
	}
	.footer_contact_container {
		padding-top: 30px;
		margin: 0 auto;
		width: 88%;
		text-align: center;
		display: block;
	}
	.footer_social_container {
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 0 auto;
		width: 88%;
		text-align: center;
		display: block;
	}
}
/* ALL FOOTER STYLES END*/

ul.medium-block-grid-3 li img {
    max-height: 300px;
    width: 100%;
}

.modal-trigger:hover img {
  transform: scale(.95);
}

#mobile-menu-main-menu-1 .contact-us-menu-button a {
	color: #13417a !important;
}
#mobile-menu-main-menu-1 .contact-us-menu-button {
	margin-left: 0 !important;
}
@media screen and (min-width: 1025px) {
.our_process_container {
    height: 415px;
}
}
@media screen and (min-width: 1440px) {
.awhawa_story_image_container {
    text-align: center;
}
.project_oriented_image_container {
    text-align: center;
}
	.partners_container, .project_oriented_container, .awhawa_story_container, .our_process_container {
		width: 80%;
		margin: auto;
	}
}
.filter_btn {
	    padding: 0;
}
.footer_newsletter_container {
	width: 25%;
    margin: 30px;
}
#mc_embed_signup {
	background:none !important;
}
#mc_embed_signup_scroll {
	text-align: center;
}
#mc_embed_signup_scroll label {
	color: white;
}
#mc_embed_signup input.email {
	margin: auto !important;
}
#mc_embed_signup input.button {
	margin-top:10px !important;
	margin: auto !important;
}