/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
	/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/

/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */
/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
/*03. Common class(padding, margin etc.) end*/


/*04. Header styles start*/

/*04. Header styles end*/


/*05. Footer styles start*/
.site-footer.main-footer-container{
	background-color: var(--secondary-color);
} 

.site-footer.main-footer-container .footer-border-bottom{
	border-bottom: 1px solid #FFFFFF6E;
}

.site-footer.main-footer-container .footer-top{
	padding: 32px 0px 25px;
}

.site-footer.main-footer-container .footer-bottom{
	padding: 14px 0px 24px;
}

.site-footer.main-footer-container .footer-heading{
	color: var(--white-color);
	margin-bottom: 20px;
}

.site-footer.main-footer-container .footer-links {
    margin: 0;
}

.site-footer.main-footer-container .footer-links .menu-item a,
.site-footer.main-footer-container .footer-detail-item a {
    color: #b6b6b6;
    font-size: var(--font-16);
    text-decoration: none;
    font-weight: 400;
    transition: all 0.3s ease;
	padding-bottom: 0 !important;
}

.site-footer.main-footer-container .footer-links .menu-item a{
	padding-bottom: 10px;
	display: block;
}	

.site-footer.main-footer-container .footer-detail-item a{
	color: var(--white-color);
}

.site-footer.main-footer-container .footer-detail-item .footer-detail-icon img{
	filter: brightness(0) invert(1);
	transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a{
	transition: 0.3s ease all;
}

.site-footer.main-footer-container .footer-detail-item a:hover .footer-detail-icon img{
	filter: brightness(1) invert(0);
	/* transition: 0.3s ease all; */
}

.site-footer.main-footer-container .copyright-notice,
.site-footer.main-footer-container .copyright-notice a{
	color: var(--white-color);
	font-size: var(--font-14);
	transition: 0.3s ease all;
}

.site-footer.main-footer-container  .custom-pages .footer-links li{
    padding-left: 10px;
    padding-right: 10px;
	transition: 0.3s ease all;
}

.site-footer.main-footer-container  .custom-pages .footer-links li:not(:last-child){
	border-right: 1px solid #fff;
}

.site-footer.main-footer-container .copyright-notice a:hover,
.site-footer.main-footer-container .custom-pages .footer-links li a:hover,
.site-footer.main-footer-container .footer-links .menu-item a:hover, 
.site-footer.main-footer-container .footer-detail-item a:hover{
	color: var(--primary-color);
	transition: 0.3s ease all;
}

.footer-top .footer-social-icons .footer-social-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background-color: #FFFFFF1A;
	border-radius: 50%;
	transition: 0.3s ease all;
	border: 2px solid transparent;
}

.footer-top .footer-social-icons .footer-social-icon img{
	height: 20px;
	width: 20px;
	filter: brightness(0) invert(1);
	transition: 0.3s ease all;
}

.footer-top .footer-social-icons .footer-social-icon:hover{
	border: 2px solid var(--primary-color);
	background-color: transparent;
}

.footer-top .footer-social-icons .footer-social-icon:hover img{
	transition: 0.3s ease all;
	filter: brightness(1) invert(0);
}

/*05. Footer styles end*/


/*06. Common content start*/ 
/*06. Common content end*/


/*07. Pages and Posts satrt*/
/*Contact Us satrt*/
.contactform{
	box-shadow: 4px 4px 100px 0px #0000001A;
	border-radius: 40px;
	padding: 30px;
	background-color: var(--white-color);
}

.contactform .wpforms-submit{
	width: 100%;
	margin-top: 10px;
}

div.wpforms-container-full .wpforms-form em.wpforms-error{
	position: absolute !important;
    bottom: -13px !important;
}

.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content{
	padding-top: 0px !important;
	color: #646975;
}

.wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content p{
	margin-bottom: 10px;
}

.wpforms-field.wpforms-field-content .wpforms-field-row a{
		color: #646975;
		font-weight: 700;
}
.wpforms-container .wpforms-form .wpforms-field-label{
	margin-bottom: 10px;
}

.contact-main-title{
	font-size: var(--font-40);
	margin-bottom: 0;
	font-weight: 500;
	color: #0D0C0C;
}

div.wpforms-container-full:not(:empty){
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.contact-details{
	padding-left: 10px;
}

.contact-details .contact-detail-item{
	border-bottom: 1px solid #0D0C0C1A;
}

.contact-icon-text{
	color: #0D0C0C9E;
	
}

.contact-icon-title{
	color: var(--secondary-color);
	font-weight: 600;
}

.contact-detail-icon{
	background-color: var(--primary-color);
	border-radius: 10px;
	padding: 20px;
	height: 65px;
	width: 65px;
	justify-content: center;
    align-items: center;
}

.contact-detail-icon img{
	
	filter: brightness(0) invert(1);
}
.contact-detail-item a{
	text-decoration: none;
	transition: 0.3s ease all;
}

.contact-detail-item a:hover .contact-icon-detail{
	color: var(--primary-color);
}

.main-title.contact-detail-title{
	font-weight: 300;
}

.contact-details .footer-social-icons a{
	background-color: var(--primary-color);
	padding: 8px;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: 0.3s ease all;
	border: 2px solid var(--primary-color);
}

.contact-details .footer-social-icons a img{
	height: 20px;
	width: 20px;
	filter: brightness(0) invert(1);
	transition: 0.3s ease all;
}

.contact-details .footer-social-icons a:hover{
	transition: 0.3s ease all;
	background-color: transparent;
}

.contact-details .footer-social-icons a:hover img{
	filter: brightness(1) invert(0);
	transition: 0.3s ease all;
}

.contactus-section{
	position: relative;
}

.contactus-section::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/bg-star.svg);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	z-index: -1;
}

div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){
	overflow-x: visible;
}

div.wpforms-container-full .wpforms-field-sublabel{
	margin: 3px !important;
	line-height: 0.8em;
}

/*Contact Us end	*/
/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* 08. Extra styles end*/


/*09. Media Query start*/
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 768px) {

}

@media screen and (max-width: 1199px) {

}

/*Tablet*/
@media screen and (max-width: 991px) {
	.contact-details{
		    padding-left: 0px;
	}
	.contactus-section::before{
		background-position: bottom right;
	}
}

/*Small Device*/
@media screen and (max-width: 767px) {
	#primary-menu .menu-item:not(.donate-btn):not(.contact-btn) .nav-link{
		padding: 10px 5px;
	}

}

/*Mobile Device*/
@media screen and (max-width: 640px) {
	.contactform{
		padding: 20px;
	}
}

/*Extra Small Mobile Device*/
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 420px) {

}
/*09. Media Query end*/