/* @override 
	https://katapultdesign.com.au/important/important/themes/divi-child-theme/style-1.0.0.css
	https://katapultdesign.com.au/important/themes/divi-child-theme/style.css?*
	https://capitald.janefender.com/important/themes/divi-child-theme/style.css?* */
/*
Theme Name: Divi Child
Theme URI: https://janefender.com
Description: Child theme for Divi
Author: NetProphets
Author URI: https://janefender.com
Template: Divi
Version: 1.0.0
*/


html body * {
  box-sizing: border-box;
}
p {
	padding-bottom: 0.5rem;
}
h1,h2,h3,h4,h5
{font-family: new-spirit, serif!important;
font-style: normal;}

p,li,input
{font-family: new-spirit, serif!important;
font-style: normal;font-weight: 300!important;
}
h1 {
	font-size: 55px!important;font-weight: 300!important;
}
h2 {
	color: #7cda24!important;font-weight: 300!important;font-size: 44px!important;
}
h3 {
	color: #7cda24!important;;font-size: 24px!important;
}
h4 {
	margin-top: 1rem;line-height: 1.2em;font-size: 20px!important;
}
.et_pb_text_inner ul {
	margin-left: 5px!important;
}
#hero {
	margin: 0!important;padding: 0!important;
}
#hero .et_pb_row {
	height: 100vh;position: relative;
	
}
#hero #herorow .et_pb_column{
display: flex;
flex-direction: column;
justify-content: center;
}
.notitle .title{
	display: none!important;
}
#projecthero .et_pb_column {
	position: absolute;bottom: 40px;
}

#hero .et_pb_row .et_pb_image {
	position: absolute;bottom: 40px!important;
}

header .mobile_menu_bar {
	background:#7CDA24;border-radius: 40px;width: 40px!important;height: 40px;text-align: center!important;-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;
}
header .mobile_menu_bar:hover {
	background: #000;
}
header .mobile_menu_bar:before {
	position: relative;top: 5px;color: #fff;
}

#media_image-2 {
	margin-right: 40px;
}
#media_image-4 img{float: right;max-width: 60%!important;
}

#grids a img{
 	pointer-events:none;
 	
 }
#grids a {
  	cursor:pointer!important; 
  }
.homegrid .title{
	 position:absolute;
    top: 15%;
	left: 5%;
    transform: translateY(-50%);

	opacity: 1;
	
	-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;
}

.title h3 {color:#fff!important;font-size:2rem!important;margin: 0 0 0.25rem 0!important;padding:0!important;text-align: left;}
.title h4 {margin:0!important;color:#fff!important;font-size:1.3rem!important;padding:0!important;text-align: left;}

.et_pb_portfolio_items h2 {
	
	position: absolute;top: 0;
	
	color:#fff!important;font-size:2rem!important;margin: 0.5rem  0 0.25rem 0.5rem!important;padding:0!important;text-align: left;
}
 
.et_pb_portfolio_items h2 a {
	color: #fff;font-weight: bold;font-size: 1.45rem;line-height: 1rem!important;
}
.gform_wrapper input,.gform_wrapper textarea {
	text-size:16px!important;background: #f5f5f5;border: none;padding: 1rem!important;font-weight: 300!important;
}
.gform_wrapper input::placeholder {
	color: #000;
}
.gform_footer {
	
}
.gform_footer input {
	background: #7CDA24;color: #fff;float: right;font-size: 20px!important;padding: 1rem 2rem!important;cursor: pointer;-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;opacity: 1;border-radius: 5px;
}
.gform_footer input:hover {
	opacity: 0.7;
}
.gform_wrapper select{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding:0  0.75rem!important;border: none;height: 45px;font-weight: 300!important;background: #f2f2f2!important; 
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat #f2f2f2!important;
    -webkit-appearance: none;
	background-position: 98% 50%!important;color: #000;
}

/*
.homegrid img{
    position:relative;
}


.homegrid .title h3{color:#323232!important;font-weight:700;font-size:2rem!important;margin:0 0 0.25rem 0!important;padding:0!important}
.homegrid .title h4{margin:0!important;color:#323232!important;font-size:1.3rem!important;padding:0!important} */

.fwidget {
	margin-bottom: 0!important;float: left;
}
.foottext.desktop p{
	line-height: 1.5em!important;margin-top: 1.85rem;font-weight: 300;
}
.foottext.mobile p{
	line-height: 1.25rem!important;margin-top: 0;font-weight: 300;
}
.foottext a {
color: rgba(0,0,0,0.5)!important;
}

@-webkit-keyframes imghover {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes imghover {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes imghover {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes imghover{
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.et_multi_view__hovered img{
-webkit-animation: imghover 2s ; /* Safari 4+ */
  -moz-animation:    imghover 2s ; /* Fx 5+ */
  -o-animation:      imghover 2s ; /* Opera 12+ */
  animation:         imghover 2s ; /* IE 10+, Fx 29+ */
}
.et_portfolio_image img {
	border: 0px solid #fff!important;
}
.et_portfolio_image img:hover{
	opacity:0.7;-o-transition:.5s;
	 -ms-transition:.5s;
	 -moz-transition:.5s;
	 -webkit-transition:.5s;
	 /* ...and now for the proper property */
	 transition:.5s;
}
.et_overlay {
	border: none!important;display: none!important;
}
.et_pb_gallery_item,.et_pb_portfolio_item{
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/* Custom Portfolio Grid */

/*-----------------------------------------------------------------------------*/
/*-----Filterable Portfolio with Custom Columns & Image Sizes by Divi Soup-----*/
/*-----------------------------------------------------------------------------*/
/*Set number of columns and margin for the images*/
@media (min-width: 981px) {
  
	 .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item,
    .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item.active,
    .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
    .ds-library-grid.et_pb_grid_item:nth-child(4n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
        width: 22.5% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
        margin: 0 2.5% 1.5% 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
		float: left;
    }
	.ds-library-grid.et_pb_grid_item:nth-child(4n) {
		margin-right: 0!important;
	}
	.et_pb_portfolio_item.et_pb_grid_item img {
		width: 100%!important;
	}
}


@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.ds-library-grid .et_portfolio_image img {
        width: 93%;margin: 0 0 7% 0!important;
    }
}


/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
@media only screen and ( max-width: 767px) {
    .ds-library-grid .et_portfolio_image img {
        width: 100%;margin: 0 0 7% 0!important;
    }

}
/*--------------------------------------------------------------------*/
/*-----End Filterable Portfolio with Custom Columns & Image Sizes-----*/
/*-----------------------------------------------------------*/


#backto{float: right;position: absolute;right: 60px;top: 40px;}
#backto .et_pb_promo_button.et_pb_button {
    color:  #7CDA24!important;
    font-size: 13px;
    background-color: #000;
	padding: 0.3em 1em!important;
	margin-left: 0px!important;
	border-width: 0px!important;
	font-family: new-spirit, serif!important;
}
.news_item-template-default #backto {top: 40px;}
.news_item-template-default #backto .et_pb_promo_button.et_pb_button {padding: 0.45em 1em!important;}
#backto .et_pb_promo_button.et_pb_button:before, #backto .et_pb_promo_button.et_pb_button:after {display: none!important;}


.gridywrap div[class*=gridy] {
  float: left;
  position: relative;
  border:4px solid white;
}
.gridywrap{border: 4px solid white;padding:-4px}
.gridywrap .gridy-5-1,.gridywrap .gridy-5-2,.gridywrap .gridy-5-3,.gridywrap .gridy-5-4{width: 320px;overflow: hidden;}
.gridywrap .gridy-5-1:hover,.gridywrap .gridy-5-2:hover,.gridywrap .gridy-5-3:hover,.gridywrap .gridy-5-4:hover{opacity:0.7;-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;}
.gridywrap .gridy-5-1,.gridywrap .gridy-5-2,.gridywrap .gridy-5-3,.gridywrap .gridy-5-4{width:100%!important;padding:0!important;margin:0!important;}

.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 25vw!important;}


@media screen and (min-width: 640px) {
  .gridywrap .gridyhe-2 {height: 300px;}
  .gridywrap {
    width: 100%;
  }
 .gridywrap .gridy-5-1,.gridywrap .gridy-5-2,.gridywrap .gridy-5-3,.gridywrap .gridy-5-4 {width:100%!important;}
}
@media screen and (min-width: 981px) {
.fullwidth {padding-bottom: 0!important;}
.fullwidth .et_pb_module {padding: 0.75rem 0!important;}
.projecttext {padding: 1.5rem 0!important;}
.projecttext h2 {padding-bottom: 1.5rem;}
.awards {padding: 3rem 0!important;}

.mobile {display: none!important;}
.gridywrap .gridy-5-1 {width:20%!important;}
.gridywrap .gridy-5-2 {width:40%!important;}
.gridywrap .gridy-5-3 {width:60%!important;}
.gridywrap .gridy-5-4 {width:80%!important;}
 
.grid-1,.grid-2,.grid-3 {padding: 0.75rem 0!important;}
  
.grid-1 .left{margin:  0!important;width: 50%;padding: 0 0.75rem 0 0!important;}
.grid-1 .et_pb_row .et_pb_row_inner{padding: 0!important;}
.grid-1 .right{padding: 0 0 0 0.75rem!important;width: 50%;float: right;}
.grid-1 .right .et_pb_column_1_4:first-of-type  {margin: 0!important;width:50%!important;padding-right: 0.75rem;}
.grid-1 .right .et_pb_column_1_4:last-of-type {margin: 0!important;width:50%!important;padding-left: 0.75rem;}
.grid-1 .right .et_pb_row_inner {margin: 1.5rem 0!important;}
.grid-1 .right .et_pb_row_inner:first-of-type {margin-top: 0!important;}
.grid-1 .right .et_pb_row_inner:last-of-type {margin-bottom: 0!important;}


.grid-2 .left{margin:  0!important;padding: 0 0.75rem 0 0 !important;width: 50%;}
.grid-2 .et_pb_row .et_pb_row_inner{padding: 0!important;}
.grid-2 .right{margin:  0!important;width: 50%;padding: 0 0 0 0.75rem!important;float: right;}

.grid-2 .left .et_pb_column_1_4:first-of-type  {margin: 0!important;width:50%!important;padding-right: 0.75rem;}
.grid-2 .left .et_pb_column_1_4:last-of-type {margin: 0!important;width:50%!important;padding-left: 0.75rem;}
.grid-2 .left .et_pb_row_inner {margin: 1.5rem 0!important;}
.grid-2 .left .et_pb_row_inner:first-of-type {margin-top: 0!important;}
.grid-2 .left .et_pb_row_inner:last-of-type {margin-bottom: 0!important;}


.grid-3 .left{margin:  0!important;padding: 0 0.75rem 0 0 !important;width: 75%;}
.grid-3 .et_pb_row .et_pb_row_inner{padding: 0!important;}
.grid-3 .right{margin:  0!important;width: 25%;padding: 0 0 0 0.75rem!important;float: right;}

.grid-3 .left .et_pb_column_3_8:first-of-type  {margin: 0!important;width:50%!important;padding-right: 0.75rem;}
.grid-3 .left .et_pb_column_3_8:last-of-type {margin: 0!important;width:50%!important;padding-left: 0.75rem;}
.grid-3 .left .et_pb_row_inner {margin: 1.5rem 0!important;}
.grid-3 .left .et_pb_row_inner:first-of-type {margin-top: 0!important;}
.grid-3 .left .et_pb_row_inner:last-of-type {margin-bottom: 0!important;}
.grid-3 .right .et_pb_image {margin: 1.5rem 0!important;}
.grid-3 .right .et_pb_image:first-of-type {margin-top: 0!important;}
.grid-3 .right .et_pb_image:last-of-type {margin-bottom:  0!important;}
}


@media screen and (max-width: 980px) {
h1 {
	font-size: 30px!important;
}
header .mobile_menu_bar {
	top: -15px;position: relative;
}
.news_item-template-default #backto {top: 18px;}
#backto{float: right;position: absolute;right: 50px;top: 18px;}
#hero #herorow .et_pb_column{
display: flex;
flex-direction: column;
justify-content: center;
}
#hero .et_pb_column {
	height: 100vh;position: absolute;top: 0;
}
#hero .et_pb_column .et_pb_image {
	position: absolute;bottom: 120px!important;
}
#hero .et_pb_column .et_pb_image img {
	width: 50%;
}
.fullwidth {padding: 0!important;}
.fullwidth .et_pb_row {padding: 0!important;}
.fullwidth .et_pb_module {padding: 0.75rem 0!important;}
.projecttext {padding: 1.5rem 0;}
.projecttext h2 {padding-bottom: 1.25rem;}
.awards {padding: 1rem 0!important;}

.grid-1,.grid-2,.grid-3 {padding-top:  0!important;padding-bottom:  0!important;}
.grid-1 .et_pb_module,.grid-2 .et_pb_module,.grid-3 .et_pb_module {padding: 0.75rem 0!important;}
.grid-1 .et_pb_column,.grid-2 .et_pb_column,.grid-3 .et_pb_column{margin-top: 0!important;margin-bottom: 0!important;}
.grid-1 .et_pb_row .et_pb_row_inner,.grid-2 .left .et_pb_row_inner,.grid-3 .left .et_pb_row_inner{padding-top: 0!important;padding-bottom: 0!important;}
}

}
/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 

.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 20vw!important;}

}
    
}/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 

.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 20vw!important;}

}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1099px ) { 

.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 75vw!important;}


}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.desktop {
	display: none;
}



.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 75vw!important;}

}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.grid-1,.grid-2,.grid-3 {padding:  0!important;}
.desktop {
	display: none;
}
.gridywrap .gridyhe-1,
.gridywrap .gridyhe-2{height: 75vw!important;}
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
#backto {
	display: none!important;
}
.grid-1,.grid-2,.grid-3 {padding:  0!important;}
.desktop {
	display: none;
}
  .gridywrap .gridyhe-1,
  .gridywrap .gridyhe-2{height: 75vw!important;}
}