/* Google font import */
@import url('https://fonts.googleapis.com/css2?family=Megrim&family=Poiret+One&family=Waiting+for+the+Sunrise&display=swap');

/* Class to ensure embedded youtube video keeps aspect ratio and doesn't exceed width of container */
/* https://yoast.com/how-to-make-youtube-videos-responsive/ */

.youtube-video {
aspect-ratio: 16 / 9;
width: 100%;
}

/* Main logo heading */
/* https://fossheim.io/writing/posts/css-text-gradient/ */
.gradient-text {
    background-image: linear-gradient(90deg, #2c9762, #2c9762, #3477af 60%,#45629f);
    background-size: 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}

/* Callouts */
.callout-bg {
    background-color: #506eb0;
}

.callout {
    font-family: 'Waiting for the Sunrise', cursive;
    font-size: 250%;
}

/* Class for callouts with no image */
.no-img-callout {
    min-height: 260px;
}

/* Typography */

h1 {
    font-size: 200%;
}

h1, h2 {
    font-family: 'Megrim', cursive;
}

h3, p, a, span, label, input, textarea, button, table {
    font-family: 'Poiret One', cursive;
    font-size: 120%;
}

/* Main colors */
h1, h2, h3 {
    color: #506eb0;
}

.btn-primary {
    border-color: #6e99f5 ;
    background-color: #506eb0;
    color: white
}

.btn-outline-primary {
    border-color: #506eb0;
    color: #506eb0;
    background-color: white;
}

.main-text-color {
    color: #333333
}


a.btn {
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: .5rem 1rem; 
}

/* Standard color for links */
.nav-link, a:link {
    color: #bf254d;
    font-size: 120%;
}

/* Paypal logo */
.paypal-logo {
    width: 50px;
}