/*---------------------------------------------------------------------------------
 Theme Name:   DIVI Charity
 Theme URI:    https://divifixer.com
 Description:  Multi-Page child theme is one of the very feature rich divi charity themes. It has all the key features that are required for creating a Non-profit Charity, NGO, Non-profit Organization, Donation , Church,Political Candidate, Political Leader, Political Party or a Fundraising NGO website.
 Author:       Divi-childthemes.com
 Author URI:   https://divi-childthemes.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/*
:root {
    --color-1: #669e24;
	--color-2:#23242C;
    
}
*/
.dct_btn{
	line-height: 30px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Open Sans',sans-serif;
	border-radius: 30px;
	overflow: hidden;
	background:#bf3654;
	color:#fff;
	font-size:16px;
	padding:.7em 1.52em;
	z-index:1;
	border:none;
	margin:0;
	letter-spacing:.4px;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
}
.dct_btn:after{display:none;}
.dct_btn:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%; 
	background-color: #fff !important;
	display:block;
	opacity:1;
	top:0;
	left:0;
	right:0;
	margin-left:0;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	z-index:-1;
	border-radius: 30px;
	
}
.dct_btn:hover{color:#bf3654;}
.dct_btn:hover:before{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1);
	 border-radius: 30px;
}

@media only screen and (max-width: 600px) {
	  .dct_btn{
		line-height: 15px;
		font-weight: 400;
		text-transform: capitalize;
		border-radius: 30px;
		overflow: hidden;
		background:#bf3654;
		color:#fff;
		font-size:14px;
		padding:.2em .5em;
		z-index:1;
		border:none;
		margin:0;
		letter-spacing:.4px;
		-webkit-transition:all .3s linear 0s;
		transition:all .3s linear 0s;
	}
} 



.dct_btn_blurb{
	background:#bf3654;
	color:#fff;
	font-size:15px;
	border-radius: 30px;
	z-index:1;
	border:none;
	margin:0;
	text-transform:uppercase;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
}
.dct_btn_blurb:after{display:none;}
.dct_btn_blurb:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color: #fff !important;
	display:block;
	opacity:1;
	top:0;
	left:0;
	right:0;
	margin-left:0;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:0 50%;
	-ms-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition:all .3s linear 0s;
	transition:all .3s linear 0s;
	z-index:-1;
	border-radius: 30px;
}
.dct_btn_blurb:hover{color:#bf3654;}
.dct_btn_blurb:hover:before{
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	transform:scaleX(1);
	border-radius: 30px;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul{
	top:43px;
}

.dct_header {position: fixed; top: 0; width: 100%; z-index: 9999; background-color: rgba(0,0,0,0.24) !important;}
.fixed { background-color: black !important; box-shadow: 0px 2px 18px 0px rgba(255,255,255,0.13);}


.dct-reduce-section-padding {
  transition: all 0.9s ease-out 0s;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
  
.dct-increase-row-width {
  transition: all 0.9s ease-out 0s;
  width: 100% !important;
}
  
.dct-slow-transition {
  transition: all 0.9s ease-out 0s;
}
  
#main-content {
  margin-top: 0vw;
 
}

.reduce-section-padding {
transition: all 0.9s ease-out 0s;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
 
.increase-row-width {
transition: all 0.9s ease-out 0s;
width: 100% !important;
}
 
.slow-transition {
transition: all 0.9s ease-out 0s;
}


/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 120px;
   height: 100px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin: -50px 0 0 -50px;
}
.spinner{
    width: 75px;
    height: 75px;
    margin: 0;
    border-top: 10px solid #bf3654;
    box-shadow: 4px 4px 5px #d2d2d2 inset;
    border-right: 10px solid transparent;
    border-radius: 50%;
    animation: 1.5s spin linear infinite;
}
.spinner-2{
    width: 75px;
    height: 75px;
    margin: 0;
    border-top: 10px solid #bf3654;
    border-left: 10px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    animation: 1.5s spin-2 linear infinite;
}
@keyframes spin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}
@keyframes spin-2{
    from{ transform: rotate(360deg); }
    to{ transform: rotate(0deg); }
}

@media only screen and (max-width: 600px) {
	.logged-in .et-l.et-l--header #section-padding  #mobile_menu1{position: fixed;top: 90px;}
	.et-l.et-l--header #section-padding  #mobile_menu1,
	.logged-in .et-l.et-l--header #section-padding,
	.logged-in .et-l.et-l--header #section-padding.reduce-section-padding  #mobile_menu1 {position: fixed;top: 45px;}
	.et-l.et-l--header #section-padding{top: unset;}
	.et-l.et-l--header #section-padding.reduce-section-padding{top: 0;}
}