/*
Theme Name: Divi Child Theme
Description: Divi Child Theme
Author:  Lisa Galea
Author URI:  http://burninglovecreative.com.au
Template: Divi
Version:  1.0.2
*/

 
/* =Theme customizations
------------------------------------------------------- */



.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 10px;
}
.inline-buttons {
    text-align: left !important; 
    /* Change "Center" to left or right as you need, 
    to align the buttons to the sides rather than the 
    center of the column */
}
#sidebar p{
    font-size: 16px;
    margin-right: 7%;
    line-height: 24px;
}

}
#et_pb_widget gform_widget{
	padding-bottom: 50px
		
}

#sidebar .et_pb_widget  a:hover {
    color-profile:#b2b5b6
}
	
.et_right_sidebar #sidebar
et_post_meta_wrapper #entry-title{
	  padding-right: 20%;
	background: #f7f7f5 !important;
}

.gform_wrapper span.gform_description {
    font-weight: 400;
    display: block;
    width: calc(100% - 16px);
    margin-bottom: 16px;
    font-size: 18px;
}

/*** gravity form start STYLING ***/
/*** MAIN WRAPPER ***/
.gform_wrapper {
    padding: 2;
	width: fixed; !important;}

}
/*** REMOVE LABEL FOR PLACEHOLDER ONLY ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display: none !important;
}
/*** FIELD STYLING ***/

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half
{
    padding-right: 16px !important;
}
.gform_wrapper ul.gform_fields li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half {
    padding-right: 16px !important;
}
input[type=text],
textarea {
	background: #ffffff;
    border-radius: 2;
    color: #000000 !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    padding: 14px 14px !important;
	border-radius: 7;
	
}
/*
** FIELD FOCUS STYLING ***/
input[type=text]:focus,
input.text:focus,
input.title:focus,
textarea:focus {
 
}
/*** MESSAGE BOX TRANSITION ***/
.gform_wrapper textarea.medium {
    margin-top: 30px;
    height: 10em;
    transition: height .3s ease-out;
}

li, .gform_wrapper ul.gfield_radio li {

    padding: 0 !important;
    color: #666;
}

#main-footer h4{
	    font-size: 18px;
    line-height: 1.6em;
	align-content: center;
}

#footer-widgets {
	    padding-bottom: 0% !important;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    width: 100%;
	float:right; margin-bottom:1rem;
	   border: none;
}
gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
    float: left;
}
.gform_wrapper input[type=submit] {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    padding: 10px 10px;
    background: #ff5c39;
	color: #ffffff!important;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper input[type=submit]:hover {
    background: #ffffff;
    color: #ff5c39!important;
}
/*** RADIO BUTTON STYLING ***/
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
	align-content: center !important;
width: 100% !important;
}

	.gfield_radio ul{
    color: #666!important;
}

}
#gform_wrapper ul.gfield_radio li input + label {
    background: #414142;
}

/*** PLACEHOLDER ***/
::-webkit-input-placeholder {    
    color: #474747 !important;
}
:-ms-input-placeholder {
    color: #474747 !important;
}
::-moz-placeholder {
    color: #474747 !important;
}
:-moz-placeholder {
    color: #474747 !important;
}


/*** gravity form end STYLING ***/


@media screen and (max-width: 980px) {
 .container { 
 width: 85% !important;
	font-size: .8em
 }
 .et_header_style_left .logo_container{
 padding-left: 25px;
 }
 .et_header_style_centered #main-header .mobile_nav {
 background-color: transparent;
 }
 .mobile_nav.closed .select_page {
 display: none;
 }
 .et-fixed-header#main-header {
 background-color: transparent !important;
 }
}
.et_mobile_menu {
 top: 0 !important;
 background-color: #fff !important;
 padding: 20% 0;
}
.et_mobile_menu li a {
 text-align: center;
 font-size: .8em;
 border: 0;
 padding: 15px 0;
 letter-spacing: 1px;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
 color: #b2b5b6;
}
.mobile_nav ul#mobile_menu li ul li a {
 font-size: .8em !important;
 margin: auto;
 color: #363636 !important;
 padding-top: 0.2em;
}
.et_mobile_menu li a:hover {
 color: #999;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.mobile_menu_bar:before {
 padding-right: 25px;
 color: #363636 !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
 z-index: 99999;
}

/* NESTING MOBILE MENU SETTINGS */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
 content: '\4d';
}

#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after {
 content: '5'; 
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children {
 position: relative; 
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle {
 position: absolute;
 background-color: rgba(0,0,0,0.03);
 z-index: 1;
 width: 36px;
 height: 36px;
 line-height: 36px;
 border-radius: 50%;
 top: 6px;
 right: 10px;
 cursor: pointer;
 text-align: center;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped {
 background-color: rgba(0,0,0,0.1);
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before {
 font-family: "ETmodules" !important;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 line-height: 36px;
 font-size: 24px;
 text-transform: none;
 speak: none;
 content: '\33';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before {
 content: '\32';
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu {
 display: none !important;
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu {
 display: block !important;
 background-color: rgba(0,0,0,0.03);
}

 #main-header #mobile_menu.et_mobile_menu li li {
 padding-left: 0;
}

#main-header #mobile_menu.et_mobile_menu li a, 
#main-header #mobile_menu.et_mobile_menu li li a,
#main-header #mobile_menu.et_mobile_menu li li li a {
 padding-left: 20px;
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children .sub-menu-toggle + a {
 padding-right: 20px;
}

#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a {
 background-color: transparent;
 font-weight: inherit;
}

#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a {
 font-weight: bolder;
}

#top-menu-nav>ul>li>a {
	display: inline-block;
	padding-left 30px;
	padding-right: 10px;
}

/* #top-menu-nav>ul>li>a:hover {
	 color: #F2603F !important;
}
/*

/*.blog-button{
	 background-color: white;
	color: black;
	border: 2px solid #F25D3F;
	border-radius: 5px;
}/*



/* end menu hover */

/* Project page */
@media only screen and (min-width: 981px){
.single-project .et_pb_column_3_4 .et_pb_row_inner {
    padding:0px;
	padding-top:6px;
	    margin: 0px !important;
}
	
	.et_pb_column .et_pb_row_inner .et_pb_column_inner_1
	{
		    padding-right: 3px;
	}
	
	.et_pb_column .et_pb_row_inner .et_pb_column_inner_2
	{
		    padding-left: 3px;
	}
}

@media only screen and (max-width: 980px) {
    .single-project .et_pb_column .et_pb_row_inner{
    padding: 0px;
		padding-top:10px;
}
	
.single-project .et_pb_row_inner .et_pb_column:not(:first-child) {
	padding:0px;	
	padding-top:10px;
}
	.single-project .et_pb_row_inner .et_pb_column
	{
		margin:0px !important;
	}
}

/* end project */



/* five columns for home */
.five-columns .et_pb_module {width: 20%; float: left;}




/* portfolio customize */
.et_pb_filterable_portfolio .et_pb_portfolio_item h2 {
  text-align: center;
    width: 100%;
    font-size: 18px;
    position: relative;
    top: 28%;
}

.et_pb_filterable_portfolio .et_pb_portfolio_item p {
      top: 28%;
    position: relative;
	 text-align: center;
}

.et_pb_filterable_portfolio .et_pb_portfolio_item p a{
      color:#fff !important
}

.et_overlay.et_pb_inline_icon:before, .et_pb_inline_icon:before{
	display:none;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    padding: 4px 20px;
    border: none;
	margin:0px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters {
    margin: 0 0 20px 0;
}

/*.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover, #top-menu li.current-menu-item>a
{
	    color: #F2603F !important;
}
*/
.project .et_portfolio_image {
 padding-top: 100%;
 }
 .project .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }
.et_pb_filterable_portfolio_0 .et_overlay {
	background-color: rgba(153,0,0,0.7) !important;
	border-color: rgba(153,0,0,0) !important;
}
/* End portfolio customize */
/* THREE COLUMN PORTFOLIO GRID LAYOUT */
 
@media only screen and ( min-width: 768px ) {
 
.three-column-grid .et_pb_grid_item {
width: 28.333% !important;
margin: 0 7.5% 7.5% 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
	
	/* SOCIAL ICONS */
.colored-icons li a.icon::before {
 color: #000000 !important;
}
}

@media only screen and ( max-width: 900px ){
.mob et_pb_filterable_portfolio_0.et_pb_filterable_portfolio {
    padding-right: 20px !important;
		padding-left: 20px !important;}
	.mob et_pb_filterable_portfolio_0 {
}
	}

/* color both the open and close hamburgers */
div.mobile_nav.opened .mobile_menu_bar:before, div.mobile_nav.closed .mobile_menu_bar:before {
    color: #000000; 
}
/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}