/*
 Theme Name:     Divi E4 Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi E4 Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/***************** Start ******************/
.mac {
 height: 613px !important;
 width: 764px !important;
 margin-top: 1240px !important;
 margin-left: auto !important;
 margin-right: auto !important;
 /* margin-bottom: 100px !important; */
 background: transparent url("/wp-content/uploads/2018/08/hpbg-2-1.jpg") no-repeat 0 0;
 -webkit-background-size: 764px 613px !important;
 background-size: 764px 613px !important;
 backface-visibility: hidden !important;
}

#mac {
	margin-bottom: 100px;
}

@media only screen and (min-width: 1921px) {
	.mac {
		margin-bottom: 250px !important;
	}
	#mac {
		margin-bottom: 250px;
	}
}

.mac.intro {
 position: fixed !important;
 width: 2548px !important;
 z-index:9999 !important;
 height: 2052px !important;
 -webkit-background-size: 100% auto !important;
 background-size: 100% auto !important;
 margin: 0 !important;
 top: 0 !important;
 left: 50% !important;
 margin-top: -300px !important;
 margin-left: -1274px !important;
 -webkit-transform-origin: 50% !important;
 -ms-transform-origin: 50% !important;
 transform-origin: 50% !important;
}
/***************** End ******************/

.et_pb_video .et_pb_video_overlay_hover:hover {
    background: none !important;
}


/*********/

#main-footer {
    background: url(/wp-content/uploads/2017/11/footerbg.jpg);
    background-size: cover;
    height: 433px;

}

/* Set the image widths */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item,
.et_pb_filterable_portfolio_grid .column_width,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image.portrait img
{
    width: 250px !important;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image img
{
    min-width: 250px;
}

/* Set the image heights */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image.landscape img
{
    height: 250px !important;
}
.et_pb_filterable_portfolio_grid .et_pb_portfolio_image img
{
    min-height: 250px;
}

/* Set the spacing between images */
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item { 
	margin-bottom:25px !important; 
	margin-right: 25px !important; 
}

/******** Social Icons ********/

.icon-fb:before {
    content: "?";
    font-size: 64px;
    color: #ffffff;
}
 
.icon-fb:hover:before {
    opacity:0.5;
}

.project {
    font-weight: 400;
}

.project  H4 {
    font-size: 20px;
}

.acf_label {
font-size: 22px !important;
}


.et-pb-arrow-prev, .et-pb-arrow-next {
font-size:120px !important;
top: 20%;
}

.et-pb-arrow-next {
	right: -36px !important;
}

.et-pb-arrow-prev {
	left: -42px !important;
}

@media (max-width: 1700px) {
	.et_pb_button {
		font-size: 15px;
	}
}


body  .gfield_label {
	font-weight: 400 !important;
} 

/*
@media (max-width: 980px) {
	.mac {
		height: 50vw!important;
		width: 80vw!important;
	}
}
@media (max-width: 600px) {
	.mac {
		background: url(/wp-content/uploads/2018/08/hpbg-4.jpg);
		margin-top: 800px !important;
	}
	.mac.intro {
		margin-top: -350px !important;
	}
}
@media (max-width: 380px) {
	.mac.intro {
		margin-top: -430px !important;
	}
}

@media (max-height: 768px) AND ( orientation:landscape ) {
	.mac.intro {
		margin-top: -500px !important;
	}
}

@media (max-height: 600px) AND ( orientation:landscape ) {
	.mac {
		background: url(/wp-content/uploads/2018/08/hpbg-small-landscape.jpg);
	}
	.mac.intro {
		margin-top: -570px !important;
	}
}

@media (max-height: 360px) AND ( orientation:landscape ) {
	.mac.intro {
		margin-top: -620px !important;
	}
}
*/

html body {
	height: 1.0vh;
}

#wpadminbar {
	position: fixed !important;
}

@media (max-width: 980px) AND ( orientation:portrait ) {
	.mac {
		height: 50vw!important;
		width: 80vw!important;
	}
}

@media (max-height: 600px) AND ( orientation:landscape ) {
	#main-header {
		position: fixed !important;
		/* display: none; */
	}
	#page-container {
		padding-top: 0px !important;
		background-color: #F9F9F9;
	}
	.mac.intro {
		display: none !important;
	}
	.mac {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		width: 100% !important;
    height: 60% !important;
    background-image: none !important;
	}
}

@media (max-width: 600px) AND ( orientation:portrait ) {
	#main-header {
		position: fixed !important;
		/* display: none; */
	}
	#page-container {
		padding-top: 0px !important;
		background-color: #F9F9F9;
	}
	.mac.intro {
		display: none !important;
	}
	.mac {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		width: 100% !important;
    height: 60% !important;
    background-image: none !important;
	}
}

@media (max-width: 980px) {
	.logo_container {
    width: 25%;
    float: left;
  }
  #et-top-navigation {
    width: 70% !important;
    float: right !important;
    margin-top: -20px;
  }
}

@media only screen and (min-width: 760px) and (max-width: 900px) {
	.et_pb_section_6 {
		padding-bottom: 100px !important;
	}
}



/* bouncing arrow */
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.arrow i {
  display: block;
  color: #fff;
}
.arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px;
  z-index: 99;
  opacity: .5;
/*change with size of arrow to make sit on bottom */
/*   background-image: url(); */
/*   background-size: contain; */
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@media only screen and (max-width: 600px) {
	.arrow {
		display: none !important;
	}
}

@media only screen and (max-height: 600px) {
	.arrow {
		display: none !important;
	}
}

#bottom-line {
	position: absolute;
	width: 764px;
	top: 1140px;
	left: 50%;
	margin-left: -382px;
	display: none;
	z-index: 9;
}
.bottom-line-text {
	/* font-size: 36px; */
	color: #30699D;
	/* color: red; */
	/* line-height: 1.0; */
	/* font-weight: 800; */
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	/* letter-spacing: 1px; */
}
.bottom-line-arrow {
  position: absolute;
  top: 118px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px;
  z-index: 99;
  opacity: .3;
}
.bottom-line-arrow i {
	color: #30699D;
}

@media only screen and (max-width: 600px) {
	#bottom-line {
		display: none !important;
	}
}

@media only screen and (max-height: 600px) {
	#bottom-line {
		display: none !important;
	}
}


/* end of bouncing arrow */