@media print
{
    body *
    {
        visibility: hidden;
    }

    #receiptModal .modal-body, 
    #receiptModal .modal-body *
    {
        visibility: visible;
    }

    #receiptModal .modal-body
    {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    #receiptModal .modal-body button
    {
        visibility: hidden;
    }
}
a 
{
    color: #4767B5;
}
body
{
    min-height: 1000px;
    padding-top: 10px;
    background-image: linear-gradient(#fff 70%, #FFE8A1);
    background-attachment: fixed;
}

#welcome > img
{
    width: 400px;
    margin: 50px auto 4px auto;
    max-width: 100%;
}

#welcome > h1
{
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
}

h2
{
    color: #4767b5;
    font-size: 18pt;
}

/* SUBSCRIBE FORMS */
@media(max-width:767px)
{
    #region-select .col-3 
    {
        width: 100%;
        flex: auto;
        max-width: 100%;
    }
}

.btn-primary {
    color: #fff;
    background-color: #4767B5;
    border-color: #4767B5;
}

.btn-primary:disabled {
    background-color: #B2B2B2;
    border: 1px solid #8A8A8A;
    cursor: not-allowed;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.regionName, .subscriptionName
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2em;
    font-weight: bold;
}

.regionNameSmall
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

#region-select label, #subscription-select label
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
}

#defaultRegionModal #region-select label
{
    font-size: 1.4em;
}

#moreInfo, .goback
{
    color: #4767B5;
}

    #moreInfo:hover, .goback:hover
    {
        text-decoration: underline;
        cursor: pointer;
    }

#moreInfoModal ul li
{
    margin-bottom: 15px;
}

.selectedSubs
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2em;
}

    .selectedSubs ul
    {
        margin-left: 10px;
        padding-left: 15px;
    }

.signUp
{
    font-size: 8pt;
    padding-bottom: 10px;
}

    .signUp a:hover
    {
        color: #B78900;
        background-color: #EEE9DD;
        text-decoration: none;
    }


div.caInfo
{
    background-color: #eaeefa;
    padding-bottom: 50px;
}

    div.caInfo h3
    {
        font-size: 1.3em;
    }

    div.caInfo p
    {
        color: #163689;
    }

#columnLeft, #twitter
{
    padding: 0 20px;
}

.caInfo h3
{
    color: #cc9900;
    font-family: "Contrail One";
}

#twitter
{
    float: right;
    width: 50%;
}

    #twitter ul
    {
        list-style-type: square;
        line-height: 115%;
        color: #163689;
    }

        #twitter ul li
        {
            margin-bottom: 8px;
        }

            #twitter ul li a
            {
                text-decoration: underline;
            }

                #twitter ul li a:hover
                {
                    color: #b78900;
                    background-color: #eee9dd;
                    text-decoration: none;
                }

a#twitter-link:hover, a#facebook-link:hover
{
    color: #b78900;
    background-color: #eee9dd;
    text-decoration: underline;
}

#facebook-link
{
    float: left;
    margin-left: 40px;
}

#twitter-link
{
    float: right;
}

#twitter-link, #facebook-link
{
    text-transform: uppercase;
    color: #cc9933;
    text-decoration: none;
    display: block;
    font-size: 0.8em;
    text-align: right;
}

form.login input
{
    max-width: 230px;
}

form.login button
{
    width: 230px;
}

/*#loginForm
{
    min-width: 600px;
}

#loginForm .login-label
{
   font-weight: bold;
}*/

input.login-form-control
{
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 6px 12px;
    line-height: 0.9;
    height: 25px;
}

    input.login-form-control:focus
    {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    }
/* LOGO */
nav a.navbar-brand img {
    max-width: 390px;
    margin-bottom: 1em;
}

.caCartoon
{
    background-image: url("/?originalUrl=https%3A%2F%2Fcastingabout.com%2Fimages%2Fhomecartoon.png");
    background-repeat: no-repeat;
    background-position: center top;
    padding: 350px 30px 30px 30px;
}

div.label
{
    display: block;
}

input
{
    font-size: 28px;
    transition: all 0.4s;
}

label.label-text, label.optional
{
    font-weight: normal;
    color: #666666;
    cursor: text;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-left: 10px;
    transform: translateY(-30px);
    transition: all 0.4s;
}

#PaymentForm .label select + label.label-text, #PaymentForm #StateLabel
{
    display: none;
}

input:focus + label.label-text 
{
    font-size: 10px;
    transform: translateY(-44px);
}

input:valid + label.label-text
{
    font-size: 10px;
    transform: translateY(-44px);
}

input:focus + label.optional
{
    font-size: 10px;
    transform: translateY(-44px);
}

input:read-only + label.label-text
{
    font-size: 10px;
    transform: translateY(-44px);
}

input:-moz-read-only + label.label-text
{
    font-size: 10px;
    transform: translateY(-44px);
}

label.label-text-empty
{
    transform: translateY(-30px);
    transition: all 0.4s;
}

#PaymentForm .label select:focus + label.label-text,
#PaymentForm .label select:valid + label.label-text,
#PaymentForm .label select:valid + select + input + #StateLabel,
#PaymentForm .label select:valid + input + #StateLabel
{
    display: inline-block;
    font-size: 10px;
    transform: translateY(-44px);
}


input:valid + label.optional
{
    font-weight: normal;
    cursor: text;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-left: 10px;
    transform: translateY(-30px);
    transition: all 0.4s;
}

input.form-control:focus, #PaymentForm .label select:focus, #PaymentForm .label select option:focus
{
    background-color: #cfe6f7;
}

div.form-error-message
{
    margin-top: -25px;
    margin-bottom: 30px;
}

div.select-error-message
{
    margin-bottom: 30px;
}

input.input-validation-error, input.input-validation-error:focus,
select.input-validation-error, select.input-validation-error:focus
{
    background-color: #fcb9b9;
}

#PaymentForm input.form-control, #PaymentForm select.form-control, #PaymentForm textarea.form-control
{
    width: 100%;
    max-width: 100%;
}

    #PaymentForm select.form-control, #PaymentForm select.form-control option
    {
        font-size: 14px;
        color: #385bbe;
    }

/* User Notes */
.container > .row {
    border-bottom: 1px solid #ffc411;
    padding: 10px 15px;
}
/* Small devices (portrait or landscape phones, 768px and less) */
@media only screen and (max-width: 768px)
	{
	/* LOGO */
	nav a.navbar-brand img {
	    max-width: 100%;
	}
	.navbar-toggler {
		margin: auto;
    	}
}