/**
  Theme Name: Matt Roberts v2
  Theme URI: https://rushax.com
  Author: Rushax
  Author URI: https://rushax.com
  Description: Rushax custom developed wordpress theme;
  Version: 1.0
**/

/*Additional styles*/


/*Contact Page*/

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--base-color);
    font-weight: bold;
    color: #000;
}


.source-serif-4 {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
footer .footer-logo img {
    max-height: 100%;
}

nav.navbar li a {
    font-family: "Source Serif 4", serif;
    text-transform: uppercase;
    font-weight: 400 !important;
    font-size: 22px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "The Seasons Bold", sans-serif;
}
.larger-font {
    font-size: 7rem;
    line-height: 7rem;
}



.icon-background-side:before {
    content: "";
    background: url(<?php echo get_home_url();?>/wp-content/uploads/apple-touch-icon.png);
    width: 40px;
    position: absolute;
    height: 100%;
    z-index: 1;
    background-size: 100%;
    opacity: .1;
    left: 40px;
    top: 0;
}

@media(max-width: 767px) {
    .icon-background-side:before {
        display: none;
    }
}
body.home figcaption.w-100.h-100.d-flex.flex-column.justify-content-end.align-items-center.p-30px::before {
    content: "";
    background: url(<?php echo get_home_url();?>/wp-content/uploads/logo-side-sq-white.png);
    width: 75px;
    height: 75px;
    z-index: 999999999999;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    opacity: .3;
}

figure:hover figcaption.w-100.h-100.d-flex.flex-column.justify-content-end.align-items-center.p-30px::before {
    opacity: 1;
}
figcaption.w-100.h-100.d-flex.flex-column.justify-content-end.align-items-center.p-30px {
    border-bottom: 5px solid #21ade5;
}

a.btn.btn-large.btn-dark-gray.btn-hover-animation-switch.btn-round-edge.btn-box-shadow.btn-icon-right.me-30px {
    line-height: 40px;
}


body.home .services-box-style-01.hover-box {
    background: #000;
    color: #fff;
    text-transform: uppercase;
}
.text-blue{
  color: #21ade5 !important;
}

.fw-500{
    font-weight: 500 !important
}