/*
Summary: Styles for the Coming Soon page of Carderos Insurance Corp.
Version: 1.0.0

-----------------
TABLE OF CONTENTS
-----------------
- General
    > Body
    > Headings
    > Logo
    > Buttons
    > Social Icons
    > Footer
- Page: Comming Soon
    > Body
    > Main Card
*/

/*------------------------------------------------------------------------------
- General
------------------------------------------------------------------------------*/

/* Body */
body{
    font-family: Montserrat;
    font-size: 1.125rem;
}

/* Headings */
h1{
    font-weight: bold;
    color: #1C448E;
}

/* Logo */
.cic-logo img{
    width: 10rem;
}

/* Buttons */
.btn-primary{
    font-size: 1.25rem;
    font-weight: bold;
    color: #000;
    background-color: #E5AF40;
    border-color: #E5AF40;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15), -2px 2px 4px rgba(0, 0, 0, 0.15);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
    color: #fff;
    background-color: #1C448E;
    border-color: #1C448E;
}

/* Social Icons */
.social-icons a{
    color: #1C448E;
    font-size: 2rem;
    text-decoration: none;
}

/* Footer */
footer{
    font-size: 0.875rem;
}

/*------------------------------------------------------------------------------
- Page: Comming Soon
------------------------------------------------------------------------------*/

/* Body */
body.pg-coming-soon{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EDEDED;
    min-height: 100vh;    
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Main Card */
.pg-coming-soon .main-card{
    max-width: 58.125rem;
    background-color: white;
    border: 3px solid #66A5AD;
    border-radius: 2.5rem;
}