//*****************************************************************************
//*****************************************************************************
// SwellCore General Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Body Styles
//=============================================================================
& {
    background: white;
}

//=============================================================================
// Default Header Styles
//=============================================================================
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
}
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 20px; }
h6 { font-size: 14px; }

//=============================================================================
// Link / Anchor Styles
//=============================================================================
a {
    text-decoration: none;
    cursor: pointer;
}

//=========================================================================
// Default Field Styles
//=========================================================================
fieldset { 
    border: 0;
    padding-left: 20px;
    margin-top: 20px;

    legend {
        margin-left: -22px;
        padding-left: 0;
        font-weight: 600;
        font-size: 20px;
    }

    @media screen and (max-width: 599.99px) {
        padding-left: 0;
        legend {
            margin-left: 0;
        }
    }
}

//=========================================================================
// Banner
//=========================================================================
.q-banner {
    margin-bottom: 10px;
}

//=========================================================================
// Hide Input Number Arrows
//=========================================================================

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

//*****************************************************************************
//*****************************************************************************
// Responsive CSS Styles
//*****************************************************************************
//*****************************************************************************

//*****************************************************************************
// Large desktop
//*****************************************************************************
@media (min-width: 1200px) {

}

//*****************************************************************************
// Small Desktop
//*****************************************************************************
@media (min-width: 980px) {

}

//*****************************************************************************
// Portrait tablet to landscape and Desktop
//*****************************************************************************
@media (min-width: 768px) and (max-width: 979px) {

}

//*****************************************************************************
// Tablet
//*****************************************************************************
@media (max-width: 1024px) {

}

//*****************************************************************************
// Landscape phone to portrait tablet
//*****************************************************************************
@media (max-width: 767px) {

    h5 {
        font-size: 20px;
    }

    .q-table tbody td {
        height: 50px;
    }
}

//*****************************************************************************
// Landscape phones
//*****************************************************************************
@media (max-width: 480px) {

}

//*****************************************************************************
// Portrait phones and down
//*****************************************************************************
@media (max-width: 320px) {

}