/*
 Theme Name:   Ionmoon
 Theme URI:    http://ionmoon.nl/
 Description:  Ionmoon Divi Child Theme
 Author:       Ionmoon
 Author URI:   http://ionmoon.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/





/* align submenu horizontal from divi soup*/

.nav li ul {

visibility: hidden;
z-index: 9999;
position: fixed;
width: 100vw;
left: 0;
padding: 0;
text-align: center !important;
border: none;
background: #222222b0;
box-shadow: none;

}
	
.nav li.et-reverse-direction-nav li ul {

	right: 0;
	top: auto;
	background: #222222;
	}
		
#top-menu li li a {
	
width: 100%;
	font-size: 12px;
	color: white;
	font-weight: 300;
}

/* second logo menu on scroll down*/

.et-fixed-header #logo {
   content: url(/wp-content/uploads/2021/05/Hortilife-White-Trans-01.png) ;
}

/* menu - font */

#et-top-navigation .menu-item a {
    
   font-weight: 400 !important;
}



/* portfolio filter */


.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
background-color: #f4f4f400 !important;
	border-color: black;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
background-color: #f4f4f400 !important;
	font-weight: 700;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
background-color: #f4f4f400 !important;
}

/* buttons */
body .et_pb_button{
	Font-weight: 200;
}

.et_pb_bg_layout_light.et_pb_button:hover {
background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	border-color: white;
}

/* mobile menu */

/* Add a grey background color on mouse-over */

topnav a:hover {
  background-color: #ddd;
  color: black;
}
div.mobile_nav opened {
border-color:#79e8df00 !important;
}
.mobile_menu_bar:before {
 font-weight: 600
 color black;
}

/* contact form*/

#gform_submit_button_1 {
	font-size: 18px;
	font-family: Poppins;
    border-radius: 2px;
	border-color: #6ccccc !important;
    padding: .3em 1em;
    border: 1px solid;
    background-color: #6ccccc;
	color: #fff;
}

input.text, input.title, input[type=text], select, textarea {
    border-radius: 6px;
    padding: 8px 8px !important;
	border-color: #a8a8a8;
	font-family: Poppins;
}


input.text, input.title, input[type=text], select, textarea {
	border-radius: 3px;
	padding: 8px 8px !important;
}


.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 500!important;
    font-size: 16px!important;
	font-family: Poppins;
	color: black;
	padding-top: 20px;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-weight: 500;
	font-size: 26px!important;
	color: black;

	}

.dr-slider .et-pb-arrow-prev:before,.dr-slider .et-pb-arrow-next:before {    
	/* Change this to the font you are using on your website */    
	font-family: 'Montserrat', sans-serif !important;    
	/* Set the font size */    
	font-size: 16px;  
	/* Optional letter spacing */    
	letter-spacing: 1px;    
	/* Rotate the text */    
	transform: rotate(-90deg) !important;    
	/* Correct position */    
	display: inline-block;} .dr-slider .et-pb-arrow-prev:before {    
	/* Change this to change the text*/    
	content:'PREV'!important;} .dr-slider .et-pb-arrow-next:before {    
	/* Change this to change the text*/    
	content:'NEXT' !important;}

/* delte shadow text in header*/

.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: 0 1px 3px rgb(0 0 0 / 0%);
}

/* post displaying */
.post-content .post-content-inner {
    display: block!important;
}

/* search*/
body.search #left-area {
    width: 100% !important;
    padding: 0px !important;
    background: #f5f5f5;
}
	
	
.et-animated-content .et-fixed-header #et_search_icon:before{

	color: white !important;
}
/* color change search text input*/ 

	.et_search_form_container input {
	background-color: rgba(0,0,0,0.2) !important;
	padding-left: 50px;
	color: white !important;
}

/* color change search text input scroll down*/ 
.et-animated-content .et-fixed-header .et_search_form_container input {
	background-color: rgba(0,0,0,0.2) !important;
	padding-left: 50px;
	color: white !important;
}

/* color change search placeholder*/ 
.et-animated-content .et-fixed-header .et_search_form_container input::placeholder, .et_search_form_container input::placeholder, span.et_close_search_field:after, .et-animated-content .et-fixed-header span.et_close_search_field:after {
  color: white !important;
}
 
/* change search page results*/ 

body.search .search-header-title {
	visibility: hidden;
	
}

input.text, input.title, input[type=text], select, textarea {
    border-radius: 0px !important;
    padding: 12px 12px !important;
	font-size: 16px;
	
}

body.search #left-area input[type="submit"] {
    padding: 10px 20px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    display: block;
    z-index: 9;
    border: 1px;
	border-color: white !important;
    position: absolute;
    right: 0;
    border-radius: 0px 0px 0px 0px;
    margin-left: -20px;
}
#searchsubmit {
    cursor: pointer;
}

/*search button*/
button, input, select, textarea {
    font-family: work-sans;
	
}

/*result title*/

body.search h1 {
    text-align: center;
    padding-bottom: 45px;
    padding-top: 65px;
    font-size: 22px;
	font-weight: 600;
    color: #2e343c;
	text-transform: uppercase;
}

/*search results links*/

body.search h2 a {
	color:#222 !important;
	font-size: 18px !important;

}

.search .pagination.clearfix a {
	
	font-size: 16px;
	color: #2e343c;
	font-weight: 550;
	text-transform: uppercase;
}