/*
 Theme Name:   Groowynd
 Template:     Divi
 Version:      1.0
 Text Domain:  groowynd
*/

/* Theme customization starts here
------------------------------------------------------- */


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 	.et_pb_column_1_3 {
		width: 50%;
	}
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	.et_pb_column_1_3 {
		margin-bottom: 10px;
	}
	.et_pb_button {
		width: 90%;
		text-align: center;
	}
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.et_pb_column_1_3 {
		margin-bottom: 10px;
	}
	.et_pb_button {
		width: 95%;
		text-align: center;
	}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
	.et_pb_button {
		width: 100%;
		text-align: center;
	}
}

.et_pb_row_inner p {
	text-align: justify;
}

.et_pb_row_inner h3 {

}

.et_pb_column .widget_nav_menu {
	margin-bottom: 25px !important;
}
.et_pb_column .wp-block-columns {
	margin-bottom: 0;
}

/* STYLES FOR PAGES LISTING.*/
.childrow, .childcolumn, .childcolumn-l, .childcolumn-r {
  box-sizing: border-box;
}
.childrow {
	background: #F6F6F6;
  margin-bottom: 10px;
}
/* Create two equal columns that floats next to each other */
.childcolumn {
  float: left;
  padding: 10px;
  min-height: 100px;
}

.childcolumn-l {
  width: 30%;
	height: 120px;
	padding-right: 0;
	background-color: #e6e6e6;
	background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
	opacity: 0.75;
}
.childcolumn-l:hover {
	opacity: 1;
}
.childcolumn-l .wp-post-image {
	max-width:100% !important;
	max-height:100% !important;
}
.childcolumn-r {
  width: 70%;
  /*width: calc(70% - 10px);
  margin-left: 10px;*/
}
.childrow:hover {
	background-color: #EEE;
}

.childrow .imagelink {
	display: block;
}
.childcolumn-r p {
  font-size: 12px;
	line-height: 1.35em;
}
.childcolumn-r p a {
  /*white-space: nowrap;*/
}

/* Clear floats after the columns */
.childrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.childcolumn {
    width: 100%;
    margin:0 0 10px 0;
  }
	.childcolumn-l {
		padding-right: 10px;
	}
}
/* END STYLES FOR PAGES LISTING.*/
