﻿@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400');

html,
body {
    /*font-family: 'Quicksand', "Raleway", sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    /*font-family: "Raleway", sans-serif;*/
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;

    background-color: #fff !important;
}

.Skin h1,
.Skin h2,
.Skin h3,
.Skin h4,
.Skin h5,
.Skin h6 {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

.Skin h1,
.Skin h2,
.Skin h3 {
    font-weight: 300;
}

.Skin h2 {
    color: #00529B;
}

.Skin a,
.Skin a:visited {
    color: #337ab7;;
    text-decoration: none;
}

.Skin a:hover,
.Skin a:active,
.Skin a:focus {
    color: #00529B;
    text-decoration: underline;
}

.Skin label {
    font-weight: 400;
}


.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 {
    list-style: disc;
}

.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 :not(.pres-sidebar-content)
{
    width: 100%;
    border: 1px solid #ddd;
}


.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;
}