@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400');

html,
body {
    font-family: "Roboto", "Roboto Condensed", Arial, Helvetica, sans-serif;
    font-size: 16px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;

    background-color: #fff !important;
    color: #093E52;
}

.Skin h1,
.Skin h2,
.Skin h3,
.Skin h4,
.Skin h5,
.Skin h6 {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    line-height: 1.4;
}

.Skin h1
{
    font-weight: bold;
    font-size: 3em;
    line-height: 1.2083em;
    color: #093e52;
}

.Skin h2
{
    font-size: 2.25em;
    line-height: 1.388em;
    color: #eda22e;
}

.Skin h3 
{
    font-size: 1.625em;
    line-height: 1.3846em;
    color: #093e52;
}

.Skin h4
{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #093e52;
}

.Skin h5
{
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #093e52;
}

.Skin h6
{
    font-weight: 300;
}

.Orange-Block-Header {
    background-color: #eda22e;
    padding: .25em;
    padding-left: 1em;
    padding-right: 1em;
    display: initial;
}

.Orange-Block-Header.Right
{
    position:absolute;
    right: 0;
    text-align: right;
}

.Skin a,
.Skin a:visited {
    color: #eda22e;
    text-decoration: none;
    outline: 0 !important;
}

.Skin a:hover,
.Skin a:active,
.Skin a:focus {
    color: #c4892d;
    text-decoration: none;
}

.Skin label {
    font-weight: 400;
    padding-right: 1em;
}


.Skin textarea
{
    border: 1px solid #CCC;
}

.Skin input[disabled],
.Skin input.disabled,
.Skin textarea[disabled],
.Skin textarea.disabled,
.Skin button[disabled],
.Skin button.disabled,
.Skin select[disabled],
.Skin select.disabled {
    cursor: not-allowed !important;
}

.Skin input[type="checkbox"],
.Skin input[type="radio"] {
    margin-right: 5px;
}

.Skin ul {
    
}

.Skin ul.NOAH-CUSTOM {
    list-style: disc;
    list-style-image: url('../../../images/LI-Caret.png');
    display: grid;
}

.Skin ul.NOAH-CUSTOM li {
    width: 100%;
    padding-bottom: .5em;
}

.Skin .NOAH-LI-TEXT
{
    float: right;
    width: 93%;
    display: inline-block;
}

/*.Skin ul > li > i.NOAH::before {
    color: #EDA22E;
    content: "\e903";    
}*/

.Skin a.btn-default {
    color: #333;
}

.Skin a.btn-primary,
.Skin a.btn-success,
.Skin a.btn-info,
.Skin a.btn-warning,
.Skin a.btn-danger {
    color: #fff;
}

.Skin p
{
    text-align: left;
}

.Skin img 
{
    /*width: 100%;*/
    /*border: 1px solid #ddd;*/
}

.Skin .PartnerLogo
{
	padding-top: 50px; 
	display: inline-block;
	width: 100%;
}
.Skin .PartnerLogo img
{
	max-width: 200px;
	max-height: 150px;
	width: auto;
	height: auto;	
}

.Skin .image-placeholder {
    width: 100%;
    height: 100%;
    background-color: #2D3E5B;
}

.Skin .image-placeholder-text {
    color: #ccc;
    padding-top: 40%;
    text-transform: uppercase;

    width: 100%;
    text-align: center;
    letter-spacing: .25em;
    font-size: 1.75em;
}

.Skin .image-placeholder-text::after
{
    content: 'Photo';
}

/* NORMALIZE IMAGES */
.activeForums img,
.LiveForm img,
.DnnModule-ActiveForumsWhatsNew img,
[id*="pnlEventReg"] img,
.amcpcontainer img,
.StartOverImage,
#dnnModuleDigitalAssetsListContainer img,
.addrEntryInfo img,
.rgCommandRow .rgCommandCell img,
.rgEditForm img,
.commEntry img,
[id*=divOpenInvoices] img,
.console-large img,
.normalize-image img,
[id*="ShoppingCart_UP"] img,
.dnnForm img,
.ExportImage,
[id*="tblPayment"] img {
    width: initial !important;
}

.Skin [type="application/pdf"] {
    width: 100% !important;
}

/* CUSTOM RADIO AND CHECKBOXES */
.Skin input[type=radio],
.Skin input[type=checkbox] {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute !important;
            width: 1px;
        }

.amtabcontent  input[type=radio],
.amtabcontent  input[type=checkbox]
{
    clip: auto !important;
    height: 1em;
    width: 1em;
}

.radio > label:before,
.checkbox > label:before,
.radio-inline:before,
.checkbox-inline:before,
.Skin input[type=radio] ~ label:before,
.Skin input[type=checkbox] ~ label:before {
            font-family: FontAwesome;
            display: inline-block;
            letter-spacing: .5em;
            color: #535353;
            font-size: 1.15em;
        }

.radio > label.checked:before,
.checkbox > label.checked:before,
.radio-inline.checked:before,
.checkbox-inline.checked:before,
.Skin input[type=radio]:checked ~ label:before,
.Skin input[type=checkbox]:checked ~ label:before  {
            /*content: "\f00c";*/
            letter-spacing: .5em;
        }

.checkbox > label:before,
.checkbox-inline:before,
.Skin input[type=checkbox] ~ label:before {        
            content: "\f096";
            color: #AAA;
        }

.radio > label:before,
.radio-inline:before,
.Skin input[type=radio] ~ label:before {
            content: "\f1db";     
            color: #AAA;
        }

.checkbox > label.checked:before,   
.checkbox-inline.checked:before,   
.Skin input[type=checkbox]:checked ~ label:before {
            content: "\f14a";    
            color: darkgreen;    
        }

.radio > label.checked:before,   
.radio-inline.checked:before,   
.Skin input[type=radio]:checked ~ label:before {
            content: "\f058";     
            color: darkgreen;
        }

.custom-checkbox::before
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.radio-inline > input[type=radio]:focus,
.checkbox-inline > input[type=checkbox]:focus,
.radio-inline > input[type=radio]:focus,
.checkbox-inline > input[type=checkbox]:focus,
.Skin input[type=radio]:focus ~ label:before,
.Skin input[type=checkbox]:focus ~ label:before,
.Skin input[type=radio]:focus ~ label,
.Skin input[type=checkbox]:focus ~ label
        {                
            /*color: green;*/
        }


/* RESTRICTIONS TO UNIVERSAL INPUT / LABEL */
.donation-button:before
{
    content: '' !important;
}


.actionsArea a:before
{
    font-family: FontAwesome;
    display: inline-block;
    letter-spacing: .5em;
    font-size: 1.15em;
    content: "\f138"; 
    opacity: .66;
}

.actionsArea a:hover:before
{
    color: #00529B;
    opacity: 1;
}

.User-Icon {
    font-size: 8.5em;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.User-Icon {
    font-size: 8.5em;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.Skin [HoverScroll]
{
    overflow: hidden;
}

.Skin [HoverScroll="Both"]:hover
{
    overflow: auto
}

.Skin [HoverScroll="Y"]:hover,
.Skin [HoverScroll="Vertical"]:hover
{
    overflow-y: auto
}

.Skin [HoverScroll="X"]:hover,
.Skin [HoverScroll="Horizontal"]:hover
{
    overflow-x: auto
}

   .Skin .Card
    {
        position: relative;

        /*border: 1px solid #ccc;*/
        /*border-bottom: 1px solid #ccc;*/
        margin-bottom: 1em;
        padding: 1em;       
        
        min-height: 4em;
        max-height: 350px;
    }
    
    .Skin .Card *
    {
        padding: 0;
    }

    .Skin .Card .FormHead
    {
        margin: 0;
        margin-bottom: 1em;
    }

    .Skin .Card .FormControl
    {
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent;
    }

    .Skin .Card .FormHead [id*=divImages]
    {
        display: none;
    }

    .Skin .Card-Background
    {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        text-align: right;
        font-size: 2em;
        opacity: 1;
        color: #093e52;
        text-shadow: 0 0 1px #000;
        /*text-shadow: 0 0 3px #eda22e;
        text-shadow: 0px 1px 3px #093e52;*/

        color: #f3f3f3;        

        width: 100%;
        height: 100%;
    }

    .Skin .Card-Background i
    {
        padding-right: .5em;
        padding-top: .5em;
    }

    .Skin .Card-Background .Empty-Placeholder-Text {
        text-shadow: 0 0 0 #fff;
        color: #CCC;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: .7em;
        padding: 0;
        padding-top: .65em;
        display: none;

        border: 1px dashed #ccc;
        background-color: #fafafab3;
    }

    .Skin .Card:hover
    {
        color: #fff;
    }

    .Skin .Card:hover .Card-Background
    {
        color: #eda22e;
        background-color: #f3f3f3;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;

        text-shadow: 0 0 0 #000;
    }

    .Skin .Card-Data
    {
        z-index: 2;
    }

    .Skin .Footnote-Text
    {
        float: right;
        font-size: .6em;
    }