/*** General CSS ***/
body {
    line-height: 1.9em;
}

/*** Header Area ***/
/* Header Top */
#sp-top-bar {
    position: relative;
    z-index: 9999;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}

/* Header Menu */
#sp-header {
    top: 0px;
  	padding: 0px;
    height: inherit;
  	box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%);
}
#sp-header.header-sticky {
    position: fixed;
    top: 0;
  	box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
}
body:not(.home) #sp-header {
    position: static;
}
body:not(.home) #sp-header.header-sticky {
    position: fixed;    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
  	font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: capitalize;
    position: relative;
}
.sp-megamenu-parent > li > span {
    color: #fff;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 600;
}
.sp-megamenu-parent > li {
    position: relative;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
    padding: 12px 10px !important;
    border-bottom: 1px solid rgba(197, 153, 153, 0.21);
    display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 15px;
    font-weight: 500;
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu > .align-items-center {
    background: #000;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn,
.slider-btn a,
#sp_qc_submit {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    fill: #000000;
    color: #000000;
    background-color: #ffffff;
    border-radius: 50px 50px 50px 50px;
    padding: 23px 60px 23px 60px
}
.btn:hover,
.slider-btn a:hover,
#sp_qc_submit:hover {
    background-color: #fff !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
}
.btn.color {
    color: #fff !important;
}
.btn.color:hover {
    background-color: #2f4858 !important;
}
.slider-btn a span:before {
    margin-left: 10px;
}
.btn.no-bg {
    background: none!important;
    padding-left: 0!important;
    box-shadow: none!important;
}
.login .btn-primary {
  padding: 13px;
}

/* Background */
.slider, .together {
    position: relative;
}
.slider:before,
.together:before {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(45deg, #ee0979 0%, #ff6a00 100%);
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Divider */
.divider {
    margin: 20px auto;
}

/* Services */
.services-title {
    font-size: 22px;
    padding-bottom: 20px;
}

/* Stories */
.stories {
    position: relative;
}
.stories:before {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(180deg, #fbf7f9 10%, rgba(251,247,249,0) 100%);
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.stories-item .sppb-addon-text a {
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    border-width: 0px 0px 2px 0px;
    border-style: solid;
    margin-top: 15px;
}

/* Partnest */
.partnest-img img {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(122,122,122,0.41);
}
.partnest .sppb-col-md-2 {
    padding: 0 5px !important;
}

/* Donate */
#osdonate-form {
    text-align: left;
}
#osdonate-form select, #osdonate-form input[type="text"] {
    width: 50% !important;
    float: left;
    min-width: 50% !important;
    margin-top: 10px !important;
    display: inline-block
}

/* Care */
.care-item .sppb-media-content {
    padding: 20px 30px;
}

/* Partner */
.partner .partner-img img {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,0.14);
}
.partner .services-title {
    font-size: 18px;
}

/* Contact */
.contact-tilte .services-title {
    font-size: 28px;
}
.contact .services-title {
    padding-bottom: 5px;
}
.contact .shrewd_solution_icon {
    margin-top: 10px;
}
.contact .shrewd_solution_icon ul li strong {
    display: none;
}
.contact .shrewd_solution_icon ul,
.contact .shrewd_solution_icon ul li {
    display: inline-block!important;
    padding: 0px!important;
}
.contact .shrewd_solution_icon ul li a {
    font-size: 12px;
    height: 30px;
    width: 30px;
    color: #fff;
    background: #7a7a7a;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0 0 15px rgba(228, 200, 200, 0.5);
    display: inline-block;
}
.contact-item {
    box-shadow: 0px 0px 30px 4px rgba(0,0,0,0.04);
    padding: 50px 30px;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  	overflow: hidden;
}
.jmm-image.mod-article-image img {
  	transform: scale(1);
  	-webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  	transform: scale(1.12);
  	filter: grayscale(100%);
}

/* Contact Info */
.contact-info h2, .contact-info h3 {
    font-size: 25px;
}
button.btn.btn-primary.validate {
    color: #198754 !important;
    padding: 13px 20px;
}

/* Bottom */
#sp-bottom .sp-module .sp-module-title {
    font-size: 20px;
}

/* Footer Copyright */
#sp-footer {
    text-align: center;
    display: inline-block;
    width: 100%;
}
#sp-footer .container-inner {
    border-top: 1px solid rgba(255, 255, 255, .1);
}
#sp-footer1 {
  	padding-top: 5px;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
    .sppb-row-container {
      	max-width: 1320px;
    }
}

/* Mobile Standard Layout */
@media (max-width: 768px) {
	#sp-header, #sp-header .logo {
        height: 70px;
    }
  	#sp-footer p {
  		text-align: center;
	}
  	body #sp-header {
      	padding: 0;
	}
  	#sp-header {
    	top: 0px;
	}
  	.jm-category-module.default .jmm-rows.rows-3 > div > .jmm-item {
    	width: 98%;
    	margin: 20px 1%;
	}
}

/* Mobile Small Resolution */
@media (max-width: 480px) {
  	.category .sppb-column-addons .clearfix:nth-child(n+2) {
    	width: 100%;
    	margin-right: 0;
	}
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link,
.slider-item .sppb-btn-success, .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay,
.btn.color, .login .btn-primary {
 	background-color: var(--background-color) !important;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .article-header h2 a:hover,
button.btn.btn-primary.validate:hover, .services-title, .stories-item i, .stories-item .sppb-media-content h5 {
  	color: var(--text-color) !important; 
}
.divider.color {
  	border-color: var(--text-color) !important;
}