/*
 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
*/

@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 700;
}


@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("assets/fonts/Inter/Inter_18pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}

h1,h2,h3,h4,h5,h6{
  font-family: 'Inter';
  font-weight: 700;
}
body,input{
  font-family: 'Inter';
}

h2{
  margin-bottom: 40px;
}

p,
a,
input{
  font-size:18px;
}

h3{
  font-size:30px;
}

@media(max-width:768px){
 h1{
  font-size: 34px;
 }

 h2{
  font-size: 30px;
  margin-bottom:40px;
 }

 p,a,input{
  font-size: 16px;
 }

 h3{
  font-size:26px;
}

 .main-navigation a{
   font-size: 16px !important;
   
 }
}

.inside-header{
    padding:20px !important;
}

.site-header{
    /* box-shadow: 1px 3px 12px 8px rgb(11 57 170 / 19%); */
    /* box-shadow:1px 3px 12px 8px rgb(198 129 142 / 67%); */
    box-shadow: 1px 3px 12px 8px rgb(198 129 142 / 29%);
}

.main-navigation a{
  font-size: 18px;
  text-transform: uppercase;
}

.inside-header.grid-container{
    max-width: 1360px;
}

.quote-btn-style,
.wpcf7-submit{
    border-radius:50px;
    background-image: linear-gradient(45deg, #ffb39b 0%, #31006e 100%);
    box-shadow: 0 4px 10px #0003;
    text-align:center;
    /* font-weight: bold; */
   transition: transform 0.3s ease;
}

.wpcf7-submit{
  background-image: linear-gradient(45deg, #ffb39b 0%, #31006e 100%) !important;
  border-radius: 26px !important;
  text-transform: uppercase;
   border:none !important;
}

.wpcf7-submit:hover{
     transform: translateY(-5px);
}

.quote-btn-style:hover{
     transform: translateY(-5px);
      background-image: linear-gradient(73deg, #ffb39b 0%, #31006e 100%);
}

.quote-btn-style a{
        color:white !important;
}

.contact-form {
    padding: 40px;
    background-color: white;
    border-radius: 20px;
    box-shadow: 1px 3px 12px 8px rgba(0, 0, 0, 0.1);
}

.contact-form h2{
	color:#c4808e;
	margin-bottom: 20px;
}

.contact-form input{
  width:100%;
  border-radius:8px;
}

.contact-form textarea{
  border-radius:8px;
}

.contact-form > div p{
    margin-bottom:0;
}

.yellow-underline {
    position:relative;
    z-index: 1;
    display:inline;
}

.yellow-underline::before{
    content: '';
    position: absolute;
    bottom: 0;
    background: #ffaa00;
    background-position: 0 100%;
    height: 12px;
    display: inline-block;
    z-index: -1;
    width: 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
}


.background-bg-yellow{
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 47%, #fff7e6 30%, #fff7e6 100%);
}

.contact-information a{
    color:white;
    text-decoration:none;
}

.contact-information a:hover{
    color:#ffaa00;
}



.main-container .content {
    transform: translateY(100%); 
    opacity: 0; /* fade in */
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.main-container:hover .content {
    transform: translateY(0); /* move up */
    opacity: 1;
}

.main-container img {
    transition: transform 0.5s ease;
}

.main-container:hover img {
    transform: scale(1.05); 
}

.inside-site-info a{
    text-decoration:none;
    color:black;
    font-size:15px
}

.inside-site-info a:hover{
    text-decoration:none;
    color:#ffaa00;
    font-size:15px
}

@media(max-width:768px){
    .main-navigation.toggled .main-nav li {
    text-align: center;
   }
	.menu-toggle {
    background-color:#ffffff !important;
   }	
	.main-nav{
    background-color:#ffffff;
   }
	
	.main-navigation.toggled .main-nav{
		flex-basis:unset;
	}
	
	.inside-navigation.grid-container {
    background-color:#ffffff;
   }
	
	.main-navigation .inside-navigation{
		justify-content:flex-end;
	}
	.copyright-bar a {
    color:#ffaa00;
}
}

@media(max-width:500px){
.banner-buttons {
    flex-direction:column;
    row-gap:20px;
}
    .banner-buttons a{
        justify-content:center;
    }
	
	.card-style{
		padding:25px !important;
	}
	.contact-form{
		padding:25px ;
	}
	
	.address img{
    width:30px
   }
	
	.address .gb-element-79de787c{
   padding-top:1px;
   }
}