/*--------------------------------------------------
  Sanford Design - Coming Soon
  Basic Styles
--------------------------------------------------*/

/*--------------------------------------------------
  Color Legend

  Light Blue: #255FAB
  Light Blue Overlay: rgba(37, 95, 171, ?)
  Medium Blue: #194A89
  Medium Blue Overlay: rgba(25, 74, 137, ?)
  Dark Blue: #001E3D
  Dark Blue Overlay: rgba(0, 30, 61, ?)
--------------------------------------------------*/

/*--------------------
  Font Declarations
--------------------*/

/*----------
  Basics
----------*/
.scripts {
    display: none;
}

html {
    cursor: default;
    background-color: #FFFFFF;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

*, *:before, *:after {
    box-sizing: inherit;
}

div, p, h1, h2, h3, h4, ul, li {
    cursor: inherit;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.bold {
    font-weight: 700;
    letter-spacing: 0.64px;
    letter-spacing: 0.04rem;
}

.heavy {
    font-weight: 900;
    letter-spacing: 0.8px;
    letter-spacing: 0.05rem;
}

main {
    min-height: 100vh;
    padding-top: 1px;
    padding-bottom: 1px;
}

/*----------
  Page Wrap
----------*/
.wrap {
    margin: 0 auto;
    max-width: 1140px;
    padding: 0 40px;
    position: relative;
    z-index: 3;
    -webkit-transition: padding 0.3s;
    transition: padding 0.3s;
}

.wrap .wrap, .wrap.no-padding {
    padding: 0!important;
}

@media screen and (max-width: 499px) {
    .wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 349px) {
    .wrap {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*----------
  Overlays
----------*/
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/*----------
  Lists
----------*/
ul {
    font-size: 1.2em;
}

/*----------
  Buttons
----------*/
button, .button {
    border: none;
    padding: 10px 40px;
    background-color: #194A89;
    color: #FFFFFF;
    cursor: pointer;
    text-transform: inherit;
    display: inline-block;
    font-size: 1.2em;
}

button:hover, .button:hover {
    background-color: #001E3D;
}

/*--------------------
  Tab Viewers
--------------------*/
.tab-viewer {
    margin-bottom: 3em;
}

.tab-viewer .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tab-viewer .tabs button {
    min-width: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.tab-viewer .tabs button.active {
    cursor: default;
}

.viewer {
    position: relative;
    overflow: hidden;
}

.viewer > .content {
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    width: 100%;
}

.viewer > .content.active {
    position: relative;
    z-index: 1;
}

.viewer > .content:not(.active) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

@media screen and (max-width: 599px) {
    .tab-viewer .tabs {
        display: block;
    }

    .tab-viewer .tabs button {
        display: block;
        width: 100%;
    }
}

/*--------------------
  Form Elements
--------------------*/
input, textarea {
    padding: 0.2em 1em;
    border: solid 2px #194A89;
    max-width: 100%;
}