:root {
    /* --primaryBlue: #0d2548eb; */
    --primaryBlue: rgb(13, 37, 72); /* from UGLE */
    --secondaryBlue: #3a5876;
    --primaryRed: #af1600;
    --primaryDark: #2f2f2f;
    --primaryText: WhiteSmoke;
}

body {
    font-family: 'Raleway', sans-serif;
    color: var(--primaryText);
    background: var(--primaryBlue);
    /*letter-spacing: 1px;

     */
}

.leftContainer {
    background: var(--primaryBlue);
    padding-top: 15%;
    padding-bottom: 10%;
}

.rightContainer {
    background: var(--secondaryBlue);
    padding-top: 15%;
    padding-bottom: 10%;
}

.inviteTextBox {

}

.inviteA {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.inviteA:hover, .inviteTextBox:hover {
    color: var(--primaryRed);
    background-color: var(--primaryText) !important;
    cursor: pointer;
}

.turLink {
    text-decoration: none;
    cursor: pointer;
    color: lime;
}

.costLine {
    text-decoration: none;
    cursor: pointer;
    color: burlywood;
}

.inviteTextLinkC {
    color: var(--primaryRed);
    background-color: var(--primaryText);
}

.formTR {
    background: var(--primaryBlue);
}

.form-group {
    margin: 1rem 0;
}

.form-control {
    background-color: lightgrey;
}

.turTR {
    background: var(--primaryBlue);
    padding: 2rem 8% 2rem 8%;
}

.turTR strong {color: red}
.turTR h3, h4 {
    font-weight: bold;
}

.h3, h3 {
    font-size: 1.25rem !important;
}

footer {

}

.leftFooter {
    background-color: var(--secondaryBlue);
}

.rightFooter {
    background-color: var(--primaryBlue);
}

.copyright, .copyright>p {
    font-size: x-small;
    margin: 0 0;
}
.logo {
    height: max-content;
    color:white;
    margin: 0 !important;
    padding: 0.5rem 0 0.5rem 0 !important;
    position: relative;
    text-align: center;
}

.formSalute p {
    text-align: justify;
}

.formSalute a {
    text-decoration: none;
    color: var(--primaryText);
    background-color: var(--secondaryBlue);
}