/*
Theme Name: USA Summer Camps (D1)
Author: Design One
Author URI: https://www.designone.co.uk/
Description: A custom WordPress theme for the USA Summer Camps website.
Version: 1.0
License: Commercial
*/

:root {
  --usasc-text-grey: #4c4c4c;
  --usasc-text-blue: #03316c;
  --usasc-button-red: #ed1b24;
  --usasc-button-grey: #666666;
  --usasc-bg-grey: #f5f5f5;
  --usasc-bg-blue: #033371;
  --usasc-bg-footer: #4d4d4d;
  --usasc-carousel-arrows: #cdcdcd;
}

:root {
    --bs-body-color: var(--usasc-text-grey);
    --bs-body-bg: transparent;
    --bs-link-hover-color-rgb: var(--usasc-button-red);
}

@font-face {
    font-family: 'Inter Sans';
    font-weight: 300;
    font-display: swap;
    src: url("fonts/intersans-light-webfont.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter Sans';
    font-weight: 400;
    font-display: swap;
    src: url("fonts/intersans-regular-webfont.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter Sans';
    font-weight: 600;
    font-display: swap;
    src: url("fonts/intersans-semibold-webfont.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter Sans';
    font-weight: 900;
    font-display: swap;
    src: url("fonts/intersans-black-webfont.woff2") format('woff2');
}
@font-face {
    font-family: 'Inter Sans';
    font-weight: 700;
    font-display: swap;
    src: url("fonts/intersans-bold-webfont.woff2") format('woff2');
}

@font-face {
    font-family: 'Feijoa';
    font-weight: 500;
    font-display: swap;
    src: url("fonts/feijoa-medium.woff2") format('woff2');
}
@font-face {
    font-family: 'Feijoa';
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("fonts/feijoa-medium-italic.woff2") format('woff2');
}

.inter-sans {
    font-family: 'Inter Sans', sans-serif;
}
.feijoa-medium {
    font-family: Feijoa, serif;
    font-weight: 500;
}
.contrast {
    color: white!important;
    background-color: var(--usasc-button-red)!important;
}
.contrast span {
    color: white!important;
}

.bg-grey, .bg-gray {
    background-color: var(--usasc-bg-grey);
}
/* .bg-white {
    background-color: white;
} */

body {
    max-width: 1440px;
    margin: 0 auto;
    font-family: 'Inter Sans', sans-serif;
    color: var(--usasc-text-grey);
}

h1,h2,h3,h4,h5,h6 {
    font-family: Feijoa, serif;
    font-weight: 500;
}

.post-header img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

/* general content */
.single-page {
    max-width: 900px;
    min-height: 900px;
    margin: 20px auto;
}
.content-area h1 {
    font-family: Feijoa, serif;
    font-weight: 500;
    text-align: center;
    padding: 20px;
}

.wp-block-heading {
    font-family: Feijoa, serif;
    font-weight: 500;
}

a {
    color: var(--usasc-button-red);
}

.wp-block-image img {
    width: 100%;
}

.wp-block-embed-youtube iframe {
    width: 100%;
    height: 500px;
}

@media screen and (min-width: 800px) {
    .desktop-pad-right-1 {
        padding-right: 1rem;
    }
    .desktop-pad-right-2 {
        padding-right: 2rem;
    }
    .desktop-pad-right-3 {
        padding-right: 3rem;
    }
}

.container,
.site-main,
.wrapper {
    width: 100%;
}

.block-area-home {
    min-height: 500px;

    .wp-block-usasc-fancy-title {
        max-width: none;
    }
    .wp-block-columns {
        margin: 0;
    }
}

.post-type-page .wp-block-post-title {
    display: none;
}

.post-type-post h1 {
    text-align: left;
    padding: 0;
}