/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

img {
    aspect-ratio: attr(width) / attr(height);
}

.rank-math-breadcrumb {
    background-color: #E4E2D0;
    display: block;
    padding: 15px 10px;
    border-radius: 0px;
    margin-bottom: 15px;
}

.rank-math-breadcrumb p {
    margin-bottom: 0;
    text-align: center;
}
.rank-math-breadcrumb span.last {
    font-weight: 700;
}

img.wp-post-image {
    border-radius: 10px;
    border: 1px solid #eeeeee;
}

input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #3464e0;
color: #fff;
}
input.wpcf7-form-control.wpcf7-submit {
background-color: #3464e0;
color: #fff;
}

/* tips menu button */

.main-navigation:not(.slideout-navigation) .main-nav li.tips a {
  background-color: rgba(62,70,143,1.0);
color: #ffffff;
  border: 0;
  line-height: 40px;
	padding: 0px 24px;
  border-radius: 50px;
  margin-left: 20px;
  margin-top: 0px;
  transition: all 0.5s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.tips a:hover {
  background-color: rgba(62,70,143,0.8);
color: #ffffff;
  transition: all 0.5s ease 0s;
}

/* reviews menu button */

.main-navigation:not(.slideout-navigation) .main-nav li.reviews a {
  background-color: rgba(52,100,224,1.0);
color: #ffffff;
  border: 0;
  line-height: 40px;
	padding: 0px 24px;
  border-radius: 50px;
  margin-left: 30px;
  margin-top: 0px;
  transition: all 0.5s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.reviews a:hover {
  background-color: rgba(52,100,224,0.8);
color: #ffffff;
  transition: all 0.5s ease 0s;
}

/* custom search box for blog posts */

.custom-search-form input[type="search"]{
    background-color: #fff;
    order: 5;
    border: 2px solid #3464e0;
    max-width: 200px;
    color: #3e468f;
}
.custom-search-form button {
    background-color: #3464e0;
    border: 2px solid #3464e0;
    color: #fff;
}

input::placeholder {
  color: #3464e0;
}