/*
Theme Name: Hartley & Worstenholme
Theme URI: https://wpastra.com/
Description: Child theme for Astra WordPress Theme
Author: Contedia Ltd.
Author URI: https://www.contedia.com
Template: astra
Version: 1.0
*/
/* =Theme customization starts here
------------------------------------------------------- */


/**
  Header styles
 */
body.home .ast-primary-header-bar {
  background-color: #00000075;
  border-bottom: none;
}
body.home .site-content{
  margin-top: -90px;
}
.ast-primary-header-bar {
  background-color: #000000ba;
}
.main-navigation .menu-link{
  color:#222 !important;
}
.site-content{
  margin-top:3rem;
}
.site-content p,
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4{
  color:#374060;
}
::selection {
  background-color: #06a4de;
  color: #fff;
}
.ast-breadcrumbs .trail-items {
  font-size: 0.7rem;
}
/**
  Menu styles
 */


/**
  Home Page styles
 */
#covid-19-banner{
  color: #2b2b2b;
}

/**
  Content styles
 */
.ast-single-post .entry-content p:first-of-type {
  font-size: 1.15em;
  font-weight: bold;
}
.ast-single-post .entry-content a{
  text-decoration: underline;
  font-weight: bold;
  color: #374060;
  text-decoration-color: #06a6e1;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-decoration-style: dotted;
}
.wiggle-button{
  display: block;
  background-color: #82b540;
  border-radius: 5px;
  box-shadow: 3px 5px 8px #0a0a0a42;
  text-align: center;
  text-decoration: none;
  -webkit-animation: btnWiggle 5s infinite;
  -moz-animation: btnWiggle 5s infinite;
  -o-animation: btnWiggle 5s infinite;
  animation: btnWiggle 5s infinite;
}
.wiggle-button .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern{
  border: none;
  color: #fff;
  background-color: #06a6e1;
  font-size:1rem;
}
/* animation */
@-webkit-keyframes btnWiggle {
  0% {-webkit-transform: rotate(0deg);}
  2% {-webkit-transform: rotate(-1deg);}
  3.5% {-webkit-transform: rotate(1deg);}
  5% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes btnWiggle {
  0% {-webkit-transform: rotate(0deg);}
  2% {-webkit-transform: rotate(-1deg);}
  3.5% {-webkit-transform: rotate(1deg);}
  5% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}
@keyframes btnWiggle {
  0% {-webkit-transform: rotate(0deg);}
  2% {-webkit-transform: rotate(-1deg);}
  3.5% {-webkit-transform: rotate(1deg);}
  5% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(0deg);}
}


/**
  Footer styles
 */
footer h2.widget-title,
.footer-header{
  font-family: 'Nunito Sans',sans-serif;
  color: #999999;
  font-size: 17px;
}
footer h2::after,
footer h4::after{
  border-top: 1px dashed rgba(255,255,255,.1);
  content: '';
  display: block;
  margin: 20px 0;
}
#footer p{
  margin: 0 0 20px 0;
  line-height: 1.7em;
}
footer hr{
  background-color: #222;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
  border-top: 1px dashed rgba(255,255,255,.1);
}
footer ul.social {
  margin: 0;
  list-style: none;
  padding: 0;
  display: inline-block;
}
footer ul.social li{
  display: inline;
}
footer .social i {
  font-size: 35px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: rgba(255,255,255,.5);
  text-align: center;
  border-radius: 3px;
  background: #222;
  transition: .2s ease;
}
footer .social i:hover{
  color: #ffffff;
  background-color: #83ae53;
}
footer .btn-footer {
  background-color: #919191;
  border-color: #919191;
  color: #222;
  font-size: 14px;
  padding: 10px 15px;
  min-width: 100px;
  border-radius: 5px;
}
footer a{
  color: #999;
}
footer a:hover,
footer .btn-footer:hover {
  color: #fff !important;
}
/**
  Lower Footer styles
 */
footer .site-below-footer-wrap[data-section="section-below-footer-builder"]{
  background-color: #000;
}
footer .ast-footer-copyright{
  color: #999;
}