.fa-paypal {
    color: #1a74b6;
}



.payment-conditional-div {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #F2F2F2;
    padding:8px;
    border-radius: 3px;
    /*border: 1px solid #ddd;*/
}

.payment-option-unselected {
    border: 2px solid #d9d9d9;
    border-radius: 15px;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 2px;
    color: #a0a0a0;
}

.payment-option-selected {
    border: 2px solid #ff5f5f;
    border-radius: 15px;
    padding: 3px;
    margin-bottom: 5px;
    margin-top: 2px;
    color: #ff5f5f;
    font-weight: 600;
}

.payment-option-container {
    cursor: pointer;
    width: 49%;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 1px;
    margin-top: 7px;
}





.well {
    border: 1px solid #ddd;
    background: #f8f8f7;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.checkbox {
    padding-left: 20px;
}

    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 6px;
        font-size: 16px;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 3px;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type="checkbox"] {
        opacity: 0;
    }

        .checkbox input[type="checkbox"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .checkbox input[type="checkbox"]:checked + label::after {
            font-family: 'FontAwesome';
            content: "\f00c";
            font-size:14px;
       
        }

        .checkbox input[type="checkbox"]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type="checkbox"]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #ff5f5f;
    border-color: #ff5f5f;
}

.checkbox-success input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.radio {
    padding-left: 20px;
}

    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        font-size:18px;
    }

        .radio label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #cccccc;
            border-radius: 50%;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out;
            transition: border 0.15s ease-in-out;
        }

        .radio label::after {
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: #555555;
            -webkit-transform: scale(0, 0);
            -ms-transform: scale(0, 0);
            -o-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
            transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        }

    .radio input[type="radio"] {
        opacity: 0;
    }

        .radio input[type="radio"]:focus + label::before {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .radio input[type="radio"]:checked + label::after {
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -o-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .radio input[type="radio"]:disabled + label {
            opacity: 0.65;
        }

            .radio input[type="radio"]:disabled + label::before {
                cursor: not-allowed;
            }

    .radio.radio-inline {
        margin-top: 0;
    }

.radio-primary input[type="radio"] + label::after {
    background-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #428bca;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #428bca;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

.note-editor .note-editing-area .note-editable
{
    min-height:30vh;
}

/*Site Colours*/
.red-bg-gradient, .ui-gradient-peach {
    background: -moz-linear-gradient(45deg, #fd8686 0%, #ff5f5f 100%);
    background: linear-gradient(45deg, #fd8686 0%, #ff5f5f 100%);
}

.support-recieved-message {
    background: white;
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 2px 6px;
    color: #999;
    display:inline-block;
    font-size:14px;
    font-family:"Quicksand";
}

.support-recieved-name {
    margin-left:4px;
}



.person-row-li {
    border-bottom: solid 1px #efefef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 16px;
}

.person-row-div {
    border-bottom: solid 1px #efefef;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 8px 16px;
}


.person-row-left {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100px;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    overflow: hidden;
    float:left;
}


.person-row-right {
    float: right;
    width: 25%;
}

.person-row-image {
    margin-right: 13px;
    background-color: #fafafa;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;

    overflow: hidden;
    position: relative;
}

    .person-row-image::after {
        border: 1px solid rgba(0,0,0,.0975);
        border-radius: 50%;
        bottom: 0;
        content: '';
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
    }


.person-row-name-div {
 
}

.person-row-container {
 
}
.person-row-name {

}

.person-row-name-link {
    color: #262626;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    margin-left: -5px;
}


.person-list-ul {

    background: #fff;
  
}

.person-list-header {
    background: #fff;
    border-bottom: solid 1px #dbdbdb;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
}

.person-list-footer {
    background: #fff;
    border-top: solid 1px #dbdbdb;
    color: #262626;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
}

/* BLOG ARTICLE */

.blog h2 {
    font-weight: 700;
}

.blog h5 {
    margin: 0 0 5px 0;
}

.blog .btn {
    margin: 0 0 5px 0;
}

.article h1 {
    color: rgba(0,0,0,.84);
    font-size: 42px;
    font-weight: 700;
}


.article-title {
    margin: 30px 0 32px 0;
}

.article-featured-image > img{
    max-width:580px;
    width:100%;
    margin-bottom:32px;
}

.article-body {
    font-family: 'Lora',serif;
    font-size: 20px;
    line-height: 1.58;
    letter-spacing: -.003em;
    color: rgba(0,0,0,.84);
    margin-bottom: 30px;
}

.article .ibox-content {
    padding: 30px;
}

.btn-control-panel {
    border: 2px #5c90a0 solid !important;
    color: #5c90a0 !important;
    line-height: 24px !important;
    margin-bottom: 5px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 5px !important;
    border-radius: 50px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: none;
}

    .btn-control-panel:hover {
        border: 2px #ff5f5f solid !important;
        color: #ff5f5f !important;
    }



.btn-your-page {
    border: 1px #5c90a0 solid !important;
    color: #fff !important;
    line-height: 24px !important;
    margin-bottom: 4px !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 4px !important;
    border-radius: 50px !important;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 6px 16px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    background: #5c90a0!important;
}

.btn-your-page:hover {
    border: 1px #ff5f5f solid !important;
    color: #ff5f5f !important;
    background: none!important;
}


.post-profile-text-container{
    margin-left:10px;
}

.post-profile-image-container{
    height:45px;
    width:45px;
}

.post-profile-image-container > a > img{
    border-radius:50%;
    height:45px;
    width:45px;
}

.recent-post-circle {
    background-color: white;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    line-height: 31px;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,.15) !important;
    float: left;
    margin-right: 15px;
    text-align: center;
}

.recent-post-icon {
    color:#5c90a0;
    font-size:16px;
}

.category-container{
    background:white;

}

.category-item {
    box-sizing: border-box;
    position: static;
    border-radius: 0px;
    overflow: inherit;
    padding: 0.35rem;
    margin: 0rem;
    border-color: #ccc;
    border-style: none;
    display: block;
    text-align: left;
    font-weight:700;
    font-size: 16px;
}

.category-link {
    background: white;
    text-align:left;
}

.ui-action-card.shadow-sm:hover {
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.ui-action-card.shadow-md:hover {
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

.ui-action-card.shadow-lg:hover {
    box-shadow: 0 8px 18px rgba(0, 9, 128, 0.15), 0 15px 35px rgba(0, 9, 128, 0.2);
}

.ui-action-card.shadow-xl:hover {
    box-shadow: 0 10px 20px rgba(0, 9, 128, 0.15), 0 20px 48px rgba(0, 9, 128, 0.2);
}

.ui-card .card-header.pb-0 {
    padding: 2rem 2rem 0 2rem;
}

.ui-card {
    background-color: #FFF;
    border-radius: 0.5rem;
}

    .ui-card .card-image {
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
    }

        .ui-card .card-image img {
            max-width: 100%;
        }

    .ui-card .card-header {
        padding: 2rem;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .ui-card .card-body {
        padding: 2rem;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }

    .ui-card .card-footer {
        padding: 2rem;
    }

    .ui-card.ui-action-card {
        cursor: pointer;
        -webkit-transition: box-shadow 0.35s ease-out;
        transition: box-shadow 0.35s ease-out;
    }

    .ui-card.ui-curve .card-header {
        position: relative;
        background: #fff;
        overflow: hidden;
    }

        .ui-card.ui-curve .card-header::after {
            display: block;
            content: '';
            height: 100%;
            background: url(../img/svg-layers/curve-layer-gray.svg) bottom no-repeat;
            background-size: contain;
            position: absolute;
            bottom: -2px;
            left: -6px;
            right: -6px;
            z-index: 1;
        }

        .ui-card.ui-curve .card-header .paragraph {
            display: inline-block;
            max-width: 350px;
            margin-bottom: .25rem;
        }

    .ui-card.ui-curve .card-body {
        background-color: #f6f7f8;
    }

    .ui-card.ui-curve.color-card .card-header::after {
        background: url(../img/svg-layers/curve-layer.svg) bottom no-repeat;
    }

    .ui-card.ui-curve.color-card .card-body {
        background-color: #FFF;
    }

.ui-app-screens .ui-card {
    width: 275px;
    overflow: hidden;
    border-radius: 1.25rem;
}

.ui-blog-grid .post-item .card-image .ui-cover-img {
    max-width: none;
}

.ui-blog-grid .post-item .card-body {
    height: 6.8rem;
}

.ui-posts-widget .post-item {
    display: block;
    position: relative;
    padding-left: 66px;
    height: 66px;
    color: #708198;
}

    .ui-posts-widget .post-item:hover, .ui-posts-widget .post-item:hover .heading {
        color: #8089ff;
    }



.card-image {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.card-profile-image {
    border-radius: 50%;
    height: 93px;
    width: 93px;
    border: 3px white solid;
}

.card-header {
    padding: 1.5rem 1.5rem 0 1.5rem;
    height:80px;
}

.card-body {
    padding: 1rem 1.5rem 1rem 1.5rem;

}

.card-heading{
    font-family:'Quicksand',Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:700;

} 
.ui-blog-grid .post-item .card-body {
    height: 100px;
}

.card-body {
    padding: 2rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.avatar {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: .25rem;
}

card-footer .post-author span {
    display: inline-block;
    vertical-align: middle;
}

.card-footer .post-meta {
    font-size: 12px;
}

.bg-red, .ui-card.bg-red {
    color: #fff;
    background-color: #ff5f5f;
}

.container {
    overflow: hidden;
}

.blurred-image {
    filter: blur(20px);
}