/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}
.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}

/* Contact form 7 dropdown arrow styling */
.wpcf7-form select {    
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
}
/* End Contact form 7 dropdown styling */

/* YouTube gallery pagination design: */
.yotu-pagination {
  margin: 25px auto;
}
.yotu-pagination span {
  color: #1A9AE2;
  font-size: 14px;
} 
.yotu-pagination .yotu-button-prs {
  background-color: #1A9AE2 !important;
  color: #fff !important;
  border-radius: 50px;
  font-size: 14px;
  border: none;
}
.yotu-pagination .yotu-button-prs:hover {
  box-shadow: 0px 0px 15px 0px rgba(0,101,154,0.35) !important;
}
/* END YouTube gallery pagination design: */

.blue-text {
	color: #1A9AE2;
}
/* Set all elements as white on hover  */
.column-hover:hover h1, .column-hover:hover h2, .column-hover:hover h3,.column-hover:hover h4,.column-hover:hover h5,.column-hover:hover h6,.column-hover:hover p,.column-hover:hover li,.column-hover:hover li:before {
  color: #fff !important;  
}

/* blue checkboxes for bullet lists:*/
.check-bullet-list ul, ul.check-bullet-list {
  list-style-type: none;
}
ul.check-bullet-list { /* only for blog posts */
  margin-left: 1em;	
}
.check-bullet-list ul li:before, ul.check-bullet-list li:before {
	content: '\e052'!important;
	color: #1A9AE2;
	font-family: 'ETMODULES'!important;
	margin-right: 10px;
	margin-left: -14px;
	font-size: 0.8em!important;
}
ul.check-bullet-list li {
	text-indent: -9px;
	padding-left: 9px;
}

/* Blog Category listing button highlighter: */
#filter-buttons .dmpro-button-grid-container .dmpro_button_grid_child.active .et_pb_module_inner a {
	background-color: #1a9ae2 !important;
	color: #fff !important;
	border-color: #1a9ae2;
}

/* Fix for blog grid with only 1 item */
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
    width: 29.667%;
    margin-right: 5.5%;
  }
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n), .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.last_in_row, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n), .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item.last_in_row {
    margin-right: 0;
  }
}

/* Show desktop menu on mobile: */
.no-collapse.et_pb_menu .et_pb_menu__menu,.no-collapse.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
} 
.no-collapse .et_mobile_nav_menu {
    display: none;
}
.stack-menu.stack-menu ul.et-menu {
	flex-direction: column;
}
.stack-menu.stack-menu .et_pb_menu__wrap {
	justify-content: start;
}

/* Switch column order on mobile */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}