/*
Theme Name: Sweet Surprise Yard Cards
Theme URI: 
Author: Matthew Bennett
Author URI: 
Description: Business website for Sweet Surprise Yard Cards
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/

@font-face {
    font-family: 'Daydream';
    src: url('./assets/fonts/daydream\ FREE.ttf') format('truetype');
}

@font-face {
    font-family: 'ModernSans-Light';
    src: url('./assets/fonts/ModernSans-Light.otf');
}

:root {
  --white: #ffffff;
  --black: #000000;
  --teal: #cddddd;
  --pink: #f1c0bf;
  --blue: #879d98;
}

body {
  background-color: var(--teal);
  font-family: 'ModernSans-Light';
}

.bg {
    background-color: white;
}

.bg-2 {
    background-color: var(--teal);
}

.logo {
    margin-top: -50px;
    margin-bottom: -50px;
}

.intro {
    text-transform: uppercase;
    font-weight: bolder;
}

.tag {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bolder;
}

.tag-2 {
    font-family: 'Daydream';
    font-size: 32px;
}

a .icon-background {
    color: var(--teal);
}

a:hover .icon-background, a:focus .icon-background {
    color: var(--pink);
}

.fa.fa-instagram, .fa.fa-facebook, .fa.fa-envelope {
    color: white;
}

.contact {
    color: black;
    font-size: 32px;
}

.contact:hover {
    color: var(--blue);
}

.book-now, .sign-up {
    background-color: var(--pink);
    color: black;
    border-color: black;
    text-transform: uppercase;
    border-radius: 0;
}

.sign-up:hover {
    background-color: var(--white);
    border-color: black;
    color: black;
}

.book-now:hover {
    background-color: var(--teal);
    border-color: black;
}

#mc-embedded-subscribe {
    margin: 0px !important;
}

.response {
    padding-top: 25px !important;
    text-align: center !important;
}

.form-control {
    border-radius: 0em !important;
}

.btn-primary:focus {
    outline: none;
    background-color: var(--pink);
  }

a:visited .book-now, a:focus .book-now {
    background-color: var(--pink) !important;
 
        outline:none;
        box-shadow: none;
      
}

@media (max-width: 768px) {
    .form-input, .links {
        padding-bottom: 1.3em;
    }

}