/**
 * Compiled using wp-dynamic-css
 * https://github.com/askupasoftware/wp-dynamic-css
 */

/* style the search button in the wordpress widget area */
#searchsubmit {
    background-color: #00a0af !important;
}
.widget_search input#s, .widget_search input#searchsubmit {
  color: white;
}

/* turn the blog more label into a button */
.et_pb_blog_grid .post-content a {
  color: white;
  background-color: #00a0af;
  padding: 5px 10px 5px 10px;
  float: left;
  margin-top: 10px;
}

/*hide dot navigation on phones and tablets*/
@media screen and (max-width:980px) {
.et_pb_side_nav.et-visible {
display: none;
}
}

/* change menu spacing default=22 */
/* #top-menu li {
    padding-right: 5px;
} */

/* @media only screen and (max-width: 1100px) and (min-width: 981px) {
	#et_mobile_nav_menu {
		display: block;
	}
	#top-menu {
		display: none;
	}
	#main-header {
		position: absolute !important;
	}
	#et_top_search {
		display: block;
		float: left;
		margin: 0 35px 0 0;
	}
	.mobile_menu_bar:before {
		top: -12px;
	}
} */

/*change the mobile menu hamburger colour */
.mobile_menu_bar:before {
  color: white !important;
}


/* add to row with equal column height to vertially center in visual builder */
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/* add box shadow to blog grid */
.et_pb_blog_grid .et_pb_post{
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}

blockquote{
  display:block;
  padding: 15px 20px 15px 45px;
  font-style: italic;
  border-left-color: #00a0af !important;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #00a0af;

  /*Positioning*/
  position: absolute;
  left: 10px;

}

#dygiphy-footer-icons a.icon::before {
  font-size: 60px;
  left: 10px;
  top: 25px;
}

#dygiphy-footer-icons a.icon {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background-color: #00a0af !important;
}

#dyg-footer-divider::before {
  border-top-color: #00a0af;
}

@media only screen and ( max-width: 980px ) {
	.center-text-on-mobile {
		text-align: center !important;
	}
}

/* center the top header info bar */
#top-header .container div {
	text-align: center;
}
#et-info {
	float: none;
}