/* WEBFONTS */
@import url("../webfonts/font-awesome/css/all.css");
@import url("../webfonts/mont-serrat/stylesheet.css");
@import url("../webfonts/hind-madurai/style.css");
@import url("../webfonts/lora/style.css");

/* GENERAL */
body {font-family: 'Hind Madurai Regular', helvetica, arial, sans-serif; font-size: 16px;}
a:hover, a:active {color: #950cb8; text-decoration: none;}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):hover {color: #ffffff;}

.alt-font {font-family: 'Montserrat-Bold', helvetica, arial, sans-serif; font-weight: 400;}
.quote {font-family: 'Lora', Georgia, times, serif; font-weight: 400;}
.quote span {font-family: 'Hind Madurai Regular', helvetica, arial, sans-serif;}
.text-semi-bold {font-family: 'Hind Madurai SemiBold', helvetica, arial, sans-serif;}
.badge {font-weight: normal;}
.badge-warning {color: #ffffff;}
.breadcrumb ul > li:after {content: '';}
.breadcrumb ul > li i.icon-extra-small {font-size: 20px;}
.text-purple, .btn.text-purple {color: #950cb8;}
.text-green {color: #159704 !important;}
.text-purple-light {color: #e691fc;}
.text-purple-light:hover {color: #950cb8; opacity: 1;}
.bg-purple {background-color: #950cb8;}
.bg-purple-dark, .background-purple-dark {background-color: #7d029c;}
.bg-orange {background-color: #feb300;}
.bg-green {background-color: #159704;}

.btn.btn-purple {background: #950cb8; border-color: #950cb8; color: #fff;}
.btn.btn-purple:hover {background: #7d029c; border-color: #7d029c; color: #fff;}
.btn.btn-white:hover {background: #ffffff; color: #950cb8;}

.nav-header-container {padding: 5px 15px;}
header a.logo img {max-height: 50px;}
header nav .navbar-nav.text-normal > li > a {font-size: 13px;}
.header-user .user-max {display: block !important;}
.header-user .user-min {display: none !important;}
.header-user a {margin-left: 0px;}
.header-user a img {height: 25px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.15);}
.header-user .simple-dropdown .dropdown-menu {min-width: 170px;}
.header-user .navbar-nav > li.dropdown > .fas {display: block; position: absolute; right: 3px; top: 17px; color: #fff; font-size: 8px; cursor: pointer; padding: 9px 15px 8px;}
.sticky .header-user .navbar-nav > li.dropdown > .fas {top: 11px;}

/* PAGE HOME __ */
    /*  Section: Sermons  */
    #home-sermons {background: url(../images/brush-2-right.png) right fixed no-repeat;}
    /*  Section: News  */
    #home-news {background: url(../images/brush-2-left.png) left fixed no-repeat;}
    /*  Section: Become Christian  */
    #home-become-christian {background: url(../images/brush-3-dark-purple-center.png) #950cb8 center center fixed no-repeat;}

/* PAGE SERVICES __ */
#services {background: url(../images/brush-2-left.png) top left fixed no-repeat;}

/* PAGE CAUSES __ */
#build-church {background: url(../images/build-church.png) #950cb8;}
#causes {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#causes .blog-post .blog-post-images {background: #232323}
#causes .blog-post .blog-post-images img {width: 100%;}
#causes .blog-post:hover .blog-post-images img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
#causes .skillbar-bar-style2 .skillbar-bar {background: rgba(149,12,184,.70);}
/* PAGE CAUSE __ */
#cause {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#cause input:focus, textarea:focus {border-color: #ffffff !important;}
#cause ::placeholder {color: #ffffff; opacity: 1;}
#cause :-ms-input-placeholder {color: #ffffff;}
#cause ::-ms-input-placeholder {color: #ffffff;}
.amount-example {position: relative; bottom: 15px;}
/* PAGE DONATE __ */
#donate {background: url(../images/brush-2-left.png) top left fixed no-repeat;}

/* PAGE TESTIMONIALS __ */
#testimonials {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#testimonials .testimonial-style3 .arrow-bottom:after {border-top-color: #f7f7f7;}

/* PAGE BECOME CHRISTIAN __ */
#become-christian {background: url(../images/become-christian-bg.png) #950cb8;}

/* PAGE SERMONS __ */
#sermons {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
/* PAGE SERMON __ */
#sermon {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#sermon .small-icon li {margin: 0px 0px 0px 20px;}
#sermon .small-icon a {line-height: normal; font-size: 20px;}
.icon-button {border: 1px solid rgba(0,0,0,0.1); border-radius: 100%; background: transparent; height: 30px; width: 30px; line-height: 29px; text-align: center; vertical-align: middle;}
.icon-button:hover {border-color: #950cb8; color: #950cb8;}

/* PAGE NEWS __ */
#news {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#news .blog-post-content .blog-image {background: #232323}
#news .blog-post-content .blog-image img {width: 100%;}
#news .blog-post-content:hover .blog-image img {opacity: 0.5; transform: scale(1.2, 1.2); transition: all 0.3s ease 0s;}
/* PAGE ARTICLE __ */
#article {background: url(../images/brush-2-left.png) top left fixed no-repeat;}

/* PAGE SHOP __ */
#shop {background: url(../images/brush-2-left.png) top left fixed no-repeat;}
#shop .blog-post .blog-post-images {border-radius: 4px 4px 0px 0px;}
#shop .blog-post .post-details {border-radius: 0px 0px 4px 4px;}
/* PAGE PRODUCT __ */
#product {background: url(../images/brush-2-left.png) top left fixed no-repeat;}

/* PAGE LOGIN __ */
#login {background: url(../images/brush-2-left.png) top left fixed no-repeat;}

/* PAGE PROFILE __ */
.profile-btn {position: relative; bottom: 38px; margin-right: 0px;}
.profile-btn:last-child {margin-left: 1px;}

/* MODAL, IFRAME */
.soundcloud .mfp-iframe-scaler iframe {height: 166px;}

/* ALERT */
.alert ul {margin-bottom: 0px; padding-left: 17px;}

/* FORMS */
label {font-family: 'Montserrat-Bold', helvetica, arial, sans-serif; font-size: 12px; font-weight: 400; color: #232323; text-transform: uppercase;}
input[type="checkbox"] {width: auto;}
.form-check {padding-left: 0;}
.form-check span {position: relative; bottom: 1px; padding-left: 5px;}
.select-style {background: url("../images/angle-down.png") no-repeat calc(100% - 15px) 12px; padding-right: 12px;}
.select-style-width-115px {width: 115px; background: url("../images/angle-down.png") no-repeat 85px 12px; border: none; position: relative; bottom: 64px; padding-right: 0px;}
.select-style-width-115px select, .select-style-width-75px select:focus {border-right: 1px solid #f7f7f7;}
/*.select-style-width-75px:after {font-family: 'Font Awesome 5 Pro'; content: '\f078'; position: absolute; top: 10px; right: 15px; z-index: 1;}*/
.input-number {padding-left: 130px; z-index: 1;}
    /* DROPIFY */
    .dropify-wrapper {border: 1px solid #d1d1d1; border-radius: 4px;}
    .dropify-wrapper .dropify-message span.file-icon {font-size: 30px;}
    .dropify-font-upload:before, .dropify-wrapper .dropify-message span.file-icon:before {font-family: "Font Awesome 5 Pro"; content: '\f0ee'; font-weight: 300;}

/* TABLES */
.table td, .table th {vertical-align: top; font-weight: normal;}
.table tr {border-top: 1px solid #dee2e6;}
.table tr:first-child {border-top: none;}
.table tr:last-child {border-bottom: 1px solid #dee2e6;}
.table .btn.btn-small {padding: 0px 4px; cursor: pointer; font-size: 11px;}
.table .btn i {margin-left: 0px;}
.dataTables_wrapper {padding: 15px 0 0;}
.dataTables_wrapper label {font-weight: 400;}
.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate {float: right;}
.dataTables_wrapper .pagination a {padding: 0 15px; line-height: 30px; color: #022358; font-size: 14px;}
    /* ADMIN TABLES */
    #table-admin th.action {width: 130px !important;}
    #table-admin th.action2 {width: 75px !important;}
    #table-admin td.action a:first-child, #table-admin td.action2 a:first-child {margin-left: 0px;}
    #table-admin td.action a:last-child, #table-admin td.action2 a:last-child {margin-right: 0px;}











.admin-header .btn i {margin-left: 0px;}
.admin aside li.active a {color: #950cb8; font-family: 'Hind Madurai SemiBold', helvetica, arial, sans-serif; font-weight: 400;}

.footer-logo {max-height: 50px;}
#newsletter-form input {border-color: #6f6f6f !important;}
#newsletter-form input:focus {border-color: #939393 !important;}
#newsletter-form button:hover {color: #939393;}

#cropper-popup .cropper-modal {border-radius: 4px;}
#cropper-popup .title {margin-left: 15px; margin-bottom: 15px;}
#cropper-popup .preview {overflow: hidden; width: 150px; height: 150px; margin-left: 15px; margin-bottom: 15px; border: 1px solid #f7f7f7;}
#cropper-popup .btn-dual {margin-left: 15px;}
#cropper-popup .btn-dual {}



@media (max-width: 1199px) {
    .header-user ul {background: transparent !important;}
    .header-user ul li {border: none !important;}
    .header-user .user-max {display: none !important;}
    .header-user .user-min {display: block !important;}
    .header-user a {padding: 9px 0px 8px !important;}
    .header-user a img {padding-left: 0px; border-left: none;}
    .header-user .navbar-nav > li.dropdown > .fas {left: 3px; top: 0px;}
    .sticky .header-user .navbar-nav > li.dropdown > .fas {top: 0px;}
}