:root {
	--primary-color: #c1e3f7;
	--secondary-color: #9cc981;
	--tertiary-color: #f2a1c2;
	--quaternary-color: #ffe99b;
	--dark-accent-color: #7b6e64;
	--light-accent-color: #fff5e1;
  }
  
@font-face {
	font-family: 'Agrandir';
	src: url('../fonts/Agrandir-Regular.otf') format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Agrandir Wide';
	src: url('../fonts/Agrandir-WideLight.otf') format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
    font-family: 'Lumios';
    src: url('../fonts/Lumios Marker.otf') format('opentype');
    font-style: normal;
}

#debug
{
    display: none;
}

#pageMain
{
    margin-top: 0px;
    padding-top: 0px;
    width:100%;
}

.container, .row
{
    width:100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.cell
{
    padding: 0 0 0 0;
}

.nav-link
{
    font-family: 'Agrandir', sans-serif;
    font-weight: 300;
    color: var(--dark-accent-color) !important;
    font-size: 18px;
}

a.nav-link:hover { color: black !important; }

h1.lumios
{
    font-family: 'Lumios', sans-serif;
    font-weight: 300;
    color: var(--dark-accent-color);
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
}

h1.lumios2
{
    font-family: 'Lumios', sans-serif;
    font-weight: 300;
    color: var(--dark-accent-color);
    text-align: center;
}

h2.lumios
{
    font-family: 'Lumios', sans-serif;
    font-weight: 300;
    font-size: 40px;
    color: var(--dark-accent-color);
    padding-top: 20px;
    text-align: left;
}

.homeText
{
    font-family: 'Agrandir', sans-serif;
    font-weight: 300;
    color: var(--dark-accent-color);
}

img.homeAside
{
    width: 100%;
    max-width: 300px;
}

.asideRow
{
    padding: 50px 10% 50px 10%;
}

.destRow
{
    padding: 50px 10% 50px 10%;
}

.destText
{
    font-family: 'Agrandir', sans-serif;
    font-weight: 300;
    color: var(--dark-accent-color);
    font-size: 20px;
}

img.destAside
{
    width: 100%;
    max-width: 300px;
} 

.centered
{
    text-align: center;
}

.vertAlign
{
    position: relative;
    top: 50%;
    transform: translateY(-50%); 
}

.divider
{
    background-color: var(--primary-color);
    text-align: center;
    height: 120px;
    margin: 50px 0 50px 0;
}

.divider img
{
    height: 70%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ctaCell
{
    text-align: center;
}

button.ctaButton
{
    background-color: var(--quaternary-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--dark-accent-color);
    border-radius: 50px;
    height: 40px;
    width: 100%;
    border: none;
    cursor: pointer;
}

button.quoteButton
{
    background-color: var(--primary-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--dark-accent-color);
    border-radius: 50px;
    height: 40px;
    border: none;
    margin: 10px 0 20px 0;
    padding: 0 20px 0 20px;
    cursor: pointer;
}

button.quoteButton2
{
    background-color: var(--primary-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--dark-accent-color);
    border-radius: 50px;
    height: 40px;
    border: none;
    margin: 10px 0 0 20px;
    padding: 0 20px 0 20px;
    cursor: pointer;
}

#recommendations
{
    color: var(--dark-accent-color);
    min-height: 400px;
}

.carousel-control-next,
.carousel-control-prev,
.carousel-indicators
{
    filter: invert(70%);
}

div.recText
{
    background-color: var(--light-accent-color);
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
    font-size: 18px;
    border-radius: 20px;
    width: auto;
    padding: 20px 30px 20px 30px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);   
}

img.recImage
{
    padding: 0 20% 0 20%;
    max-width: 600px;
    width: 100%;
}

.carouselRow
{
    padding: 0 10% 0 10%;
}

.footerRow
{
    background-color: var(--primary-color);
    margin: 50px 0 0 0;
    padding: 0 0 80px 0;
}

.footerRow img
{
    width: 60%;
    margin: 30px 30px 30px 30px;
}

.footerRow a
{
    font-size: 23px;
    color: var(--dark-accent-color);
}

a.footerNavLink
{
    font-size: 20px;
}

i.fa-solid
{
    color: var(--dark-accent-color);
}

i.fa-brands
{
    font-size: 40px;
    margin-right: 20px;
}

.rowForm
{
    background-color: var(--primary-color);
    text-align: center;
    padding: 20px 0 20px 0;
    margin: 20px 0 20px 0;
}

.embedForm
{
    padding-top: 10px;
    min-width: 400px !important;
}

input.form-control
{
    width: 150px !important;
}

.embedForm input
{
    border-radius: 15px;
    width: 100%;
}

.processRow
{
    padding: 20px 10% 0 10%;
}

.processAside
{
    max-width: 200px;
}

div.blogList
{
}

div.blogRow
{
    margin: 50px 0 0 0;
}

div.blogImage
{
    text-align: right;
    padding: 0 20px 0 0;
}

img.blogImage
{
    height: auto;
    max-height: 300px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div.blogText
{
}

div.blogTitle
{
    font-family: 'Arandir', sans-serif;
    font-weight: bolder;
    font-size: 24px;
    margin: 0 0 10px 0;
    color: var(--dark-accent-color);
}

div.blogDate
{
    font-family: 'Arandir', sans-serif;
    font-size: 18px;
    margin: 0 0 10px 0;
    color: var(--dark-accent-color);
}

div.blogAbstract
{
    font-family: 'Arandir', sans-serif;
    font-size: 20px;
    margin: 0 0 10px 0;
    color: var(--dark-accent-color);
}

div.blogButton
{

}

button.blogButton
{
    background-color: var(--primary-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: var(--dark-accent-color);
    border-radius: 50px;
    height: 40px;
    border: none;
    margin: 10px 0 20px 0;
    padding: 0 40px 0 40px;
    cursor: pointer;
}

div.blogHero
{
    text-align: center;
}

div.blogHero img
{
    width: 100%;
    max-width: 1200px;
}

div.blogHeader
{
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    margin: 20px 0 20px 0;
}

div.blogContent
{
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 800px;
}

div.blogContent h4
{
    margin: 30px 0 5px 0;
}

div.blogReturnButton
{
    text-align: center;
}

div.documentDownloadLink 
{
    text-align: center;
    padding-top: 20px;
}

div.documentDownloadLink a
{
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
    font-size:36px;
}

.horizCenter
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

div.subscribeButton
{
    text-align: center;
}

button.subscribeButton
{
    background-color: var(--primary-color);
    font-family: 'Agrandir', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: var(--dark-accent-color);
    border-radius: 50px;
    height: 60px;
    border: none;
    margin: 20px 0 20px 0;
    padding: 16px 100px 20px 100px;
    cursor: pointer;
}

#resourceCards
{
    position: relative;
    left: 50%;
    transform: translateX(-50%);    
}

#resourceCards .card-footer
{
    text-align: center;
}

#resourceCards .card-text
{
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
}

#resourceCards a
{
    color: var(--dark-accent-color);
    font-family: 'Agrandir', sans-serif;
}

/* Mobile */
@media (max-width: 600px)
{
    #css-mobile { display: block; }
    #css-tablet { display: none; }
    #css-desktop { display: none; }

    h1
    {
        font-size: 30px;
        margin: 20 0 20 0;
    }

    .homeText
    {
        font-size: 14px;
    }

    .processRow
    {
        margin: 30px 0 0 0;
    }

    div.quoteDiv
    {
        text-align: center;
        margin: 0 0 50px 0;
    }

    div.blogImage
    {
        width: 400px;
    }

    div.blogText
    {
        width: 400px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 10px 0 0 0;
    }

    div.blogButton
    {
        text-align: center;
    }

    .mobileOnly
    {
        display:block;
    }

    .noMobile
    {
        display: none;
    }
} 

/* Tablet */
@media (min-width: 600px)
{
    #css-mobile { display: none; }
    #css-tablet { display: block; }
    #css-desktop { display: none; }

    h1
    {
        font-size: 45px;
        margin: 20 0 20  0;
    }

    .homeText
    {
        font-size: 18px;
    }

    div.blogText
    {
        padding: 0 0 0 40px;
    }        

    .mobileOnly
    {
        display:none;
    }

    .noMobile
    {
        display: block;
    }
} 

/* Desktop */
@media (min-width: 1200px)
{
    #css-mobile { display: none; }
    #css-tablet { display: none; }
    #css-desktop { display: block; }

    /* body
    {
        margin: 0 10% 0 10%;
    } */

    h1
    {
        font-size: 55px;
        margin: 20 0 20 0;
    }

    .homeText
    {
        font-size: 20px;
    }

    div.blogText
    {
        padding: 0 0 0 40px;
    }
        
    .mobileOnly
    {
        display:none;
    }

    .noMobile
    {
        display: block;
    }
}