/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.main-navigation .primary-menu .current_page_item>a, .main-navigation .primary-menu .current-menu-item>a, .main-navigation .primary-menu .current_page_ancestor>a {
	border-color: #0a9ab5;
}

.main-navigation .menu-item-has-children>a:after, .main-navigation a:hover {
	color: #0a9ab5;
}

.entry-hero {
	height: 50vh;
	min-height: 20vh;
}

.hentry {
	padding-top: 20px;
}

a, a:hover, a:active {
	color: #0a9ab5;
}

.site-branding {
	margin-top: 2.3em;
}

.site-title a {
	color: #439db6;
}

button, input[type=button], input[type=reset], input[type=submit] {
	background: #0a9ab5;
}

.entry-hero::before {
	display: none;
}

.widget-footer-bottom-area {
	border-top: 1px solid #8f8d8d;
	background-color: #0a9bb5;
}

.site-info { display: none; }

h1, .entry-title, .post-type-archive-jetpack-testimonial .page-title {
	background-color: #4399b2;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	color: white;
}

h2 {
	font-size: 2rem;
}

a:link {
      text-decoration: none;
}

.custom-button-red {
  display: inline-block;
  background-color: #CD2027; /* red */
  color: #ffffff;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.custom-button-blue {
  display: inline-block;
  background-color: #33469D; /* blue */
  color: #ffffff;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.custom-button-green {
  display: inline-block;
  background-color: #0B9B49; /* green */
  color: #ffffff;
  padding: 12px 24px;
  text-decoration: none;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s ease;
}


/* Make slider span the full viewport width */
.wp-block-soliloquy-soliloquywp,
.wp-block-gallery,
.wp-block-cover,
.wp-block-cover-image {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


.wheel {
  width:100px;
  height:100px;
  border:10px solid #333;
  border?radius:50%;
  /* centre pivot for rotation */
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


.bike {
  position: relative;
  animation: ride 5s linear infinite;
}

@keyframes ride {
  from { left: -200px; }
  to   { left: 100%; }
}


.widget-footer-top-area {
    background: #0a9ab5;
}