/*
Theme Name: MEN AND WOMEN OF DESTINY
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
	line-height: 1; 
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Open Sans', sans-serif; 
	margin: 0 auto; 
	width: 100%; 
	min-width: 1200px;
}

.container {
	width: 100%; 
	max-width: 1600px; 
	margin: 0 auto; 
	padding: 0;
}

.row {
	max-width: 1440px; 
	margin: 0 auto;
}

.so-panel,
.panel-grid {
	margin-bottom: 0 !important;
}

@media screen and (max-width: 1200px) {
	body {min-width: 320px;}
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 0;
}

.elementor-widget:not(:last-child) {
	margin: 0;
}
/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); 
	-webkit-clip-path: inset(50%); 
	        clip-path: inset(50%); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute !important; 
	width: 1px; 
	word-wrap: normal !important;  
}

.wp-block-column, 
.blocks-gallery-item {
	margin: 0 !important;
}

.has-1-columns .wp-block-column {
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
	height: auto; 
	width: auto; 
	-o-object-fit: contain; 
	   object-fit: contain;
}

.wp-block-image, 
.wp-block-image figure {
	margin: 0;
}

.cta {
	display: none;
}

img {
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear;
}

/*--------------------------------------------------------------
## Fonts
--------------------------------------------------------------*/
a, 
a:visited {
	text-decoration: none; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	-webkit-transition: all .2s ease; 
	text-decoration: none !important;
}

a:hover {}
a:focus {
	outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
p {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 120% !important;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Layouts
--------------------------------------------------------------*/
.sidebar form, 
.error-404 form {
	position: relative; 
	max-width: 700px; 
	margin: 10px auto;
}

.sidebar input[type="search"], 
.error-404 input[type="search"] {
	width: 100%; 
	padding: 5px 10px;
}

.sidebar input[type="submit"], 
.error-404 input[type="submit"] {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: -webkit-linear-gradient(top, #FFF, #ccc);
	background: -o-linear-gradient(top, #FFF, #ccc);
	background: linear-gradient(to bottom, #FFF, #ccc);
	border: 1px solid #000; 
	position: absolute; 
	padding: 6px; 
	right: 0; 
	top: 0;
}

.sidebar .widget:not(:nth-of-type(1)) {
	background: rgba(255, 255, 255, .5);
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;  
	padding: 10px 20px;
}

.sidebar input[type="submit"], 
.error-404 input[type="submit"] {
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}

.sidebar input[type="submit"]:hover, 
.error-404 input[type="submit"]:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}


/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/
form p {
	margin: 0 0 10px !important;
	width: 100%;
}

form i, 
form .hide {
	display: block;
	width: .1px; 
	height: .1px; 
	overflow: hidden;
}

form label {
	display: block; 
	color: #FFF;
}

form input, form textarea {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

form input[type="submit"] {
	background: #029ECC !important;
	border: none !important;
	font-size: 14px !important; 
	font-weight: 700 !important; 
	color: #FFF !important;
	width: 200px !important;
	margin: auto;
	height: 60px !important; 
	font-family: 'Poppins', sans-serif !important;
	margin: 2em auto 1em !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.wpcf7 .ajax-loader {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.wpcf7 ::placeholder {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 120%;
	font-family: 'Montserrat', sans-serif;
}

.wpcf7 textarea {
	padding: 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 120%;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	height: 184px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
	padding: 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	line-height: 120%;
	width: 100%;
	height: 61px;
	font-family: 'Montserrat', sans-serif;
}

span.wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item-label {
    color: white !important;
}

span.wpcf7-not-valid-tip {
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: -22px;
}

p.message span.wpcf7-not-valid-tip {
	top: -170px;
}

p.acceptance span.wpcf7-not-valid-tip {
	position: relative;
	right: 0;
	top: 0;
	text-align: center;
	font-size: 15px;
}

.wpcf7-display-none {
	text-align: center;
	background: #fff;
}
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
        width: 100%;
        padding: 20px 15px;
        font-size: 15px;
}

.donation-flex {
        display: flex;
        justify-content: space-between;
		gap: 15px;
}
p.acceptance span.wpcf7-list-item-label {
        color: #000 !important;
}
@media screen and (max-width: 500px) {
	.donation-flex {
        flex-direction: column;
	}
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#header {
	position: relative;
	z-index: 10;
}

#header .hfe-nav-menu a.hfe-menu-item {
	border-right: 1px solid #fff;
}
@media screen and (max-width: 780px) {
	#wprmenu_bar {
		background: -webkit-gradient(linear,left top, left bottom,from(#000),color-stop(#6e1a31),to(#000));
		background: -webkit-linear-gradient(#000,#6e1a31,#000);
		background: -o-linear-gradient(#000,#6e1a31,#000);
		background: linear-gradient(#000,#6e1a31,#000);
	}
}
/*--------------------------------------------------------------
## Banner
--------------------------------------------------------------*/
#banner {
	position: relative;
	margin-top: -202px;
}

.banner-text {
	position: absolute;
	top: 25%;
	left: 7%;
	text-align: left;
	width: 100%;
	max-width: 600px;
}

/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
#about-us .top {
	position: relative;
	z-index: 10;
	text-align: left;
	max-width: 434px;
	margin:0 auto 0 190px;
	z-index: 20;
}

#about-us .bot {
	max-width: 816px;
	width: 100%;
	position: relative;
	margin-top: -300px;
}

#about-us.elementor-section .elementor-container {
	max-width: 1676px;
}

#about-us p:not(:first-of-type) {
    margin-top: 35px;
}

#about-us .right {
	max-width: 633px;
	margin: 0 0 0 auto;
}

#about-us p:first-of-type {
    position: relative;
}

#about-us p:first-of-type::before {
    content: "";
    background: rgba(24,34,46,0.5);
    width: 403px;
    height: 3px;
    position: absolute;
    top: 11%;
    left: -74%;
}

#a-bot h2 {
	max-width: 634px;
	position: relative;
	margin: auto;
}


#a-bot h2::after {
    content: "";
    background: url(assets/images/arrow-right.png) no-repeat center;
    width: 19px;
    height: 29px;
    position: absolute;
    top: 40%;
    right: -25px;
}

#a-bot .right {
	position: relative;
}

#a-bot .text {
	position: absolute;
	max-width: 824px;
	margin: 100px auto 0;
	left: 0;
	right: 0;
}

#a-bot .text p {
	padding-bottom: 15px;
}

#what h2 {
	position: relative;
}

#what h2::after {
	content: "";
	background: #DDDDDD;
	width: 100%;
	max-width: 157px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#what figure,
#what figure a {
	position: relative;
}

#what figure a::after {
	background: rgba(1, 159, 205, 0.5);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
}

#what figure:hover a::after {
	background: rgba(34,34,34,0.5);
}

#what figcaption {
	position: absolute;
	padding-top: 6px;
	top: 94px;
	left: 0;
	right: 0;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	font-size: 35px;
	font-weight: 600;
}

#what .images.elementor-section .elementor-container {
	max-width: 1648px;
  margin: 0 auto;;
}

#spiritual-intervention p {
	max-width: 603px;
}

#are-you-ready h2 {
	max-width: 733px;
	margin: 0 0 0 auto;
}

#are-you-ready #get-started {
    position: relative;
    max-width: 1314px;
    width: 100%;
    margin: 0 0 0 auto;
    padding-right: 200px;
}

#keep-in-touch a {
	color: #525252;
}

#keep-in-touch p {
	max-width: 369px;
}

#keep-in-touch.elementor-section .elementor-container {
	max-width: 1516px;
}

#keep-in-touch.elementor-section > .elementor-container > div:first-of-type {
	position: relative;
	top: -77px;
}

#testimonials h2 {
    padding-bottom: 27px;
    position: relative;
}

#testimonials h2::after {
    content: "";
    background: rgba(255, 255, 255, 0.34);
    width: 100%;
    max-width: 210px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#testimonials .left {
	max-width: 595px;
	margin: auto;
}

#testimonials #top {
	position: relative;
} 

#testimonials #top::before {
    content: '“';
    color: #18222E;
    font-size: 150px;
    font-family: 'Abril Fatface', cursive;
    position: absolute;
    top: 22px;
    left: -80px;
}

#contact .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

#contact.elementor-section .elementor-container {
	max-width: 1396px;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer.elementor-section .elementor-container,
#site-info.elementor-section .elementor-container  {
	max-width: 1712px;
}


p.silver img {
	position: relative;
	width: 50px;
	padding-right: 10px;
	top: 5px;
}


@media screen and (max-width: 768px) {
	.cta {
		background: url("assets/images/phonecall.png") no-repeat center center,
		-webkit-radial-gradient(#6e1a31,#000,#000);
		background: url("assets/images/phonecall.png") no-repeat center center,
		-o-radial-gradient(#6e1a31,#000,#000);
		background: url("assets/images/phonecall.png") no-repeat center center,
		radial-gradient(#6e1a31,#000,#000);
		border-bottom-left-radius: 40px;
		border: 2px solid #FFD600;
		border-right: none;
		border-top-left-radius: 40px;
		bottom: 15%;
		display: block;
		height: 65px;
		position: fixed;
		right: 0;
		text-decoration: none; 
		text-indent: -9999em;
		width: 80px;
		z-index: 999;
	}
}
/*--------------------------------------------------------------
## Sidebar Blog
--------------------------------------------------------------*/
.sidebar {
	-ms-flex-preferred-size: 30%;
	    flex-basis: 30%; 
	padding: 20px; 
	-webkit-box-sizing: border-box; 
	        box-sizing: border-box; 
	border: 1px solid #535353;
}

.sidebar .widget {
	padding: 10px; 
	background: rgba(238, 238, 238, .3); 
	-webkit-box-shadow: 0px 0px 2px #111; 
	        box-shadow: 0px 0px 2px #111; 
	margin-bottom: 20px;
}

.sidebar h2 {
	margin: 0; 
	font-size: 22px;
}

.sidebar ul {
	margin: 10px auto; 
	line-height: 120%;
}

.sidebar ul a {
	font-size: 17px; 
	color: #111;
}

.sidebar ul a:hover {
	text-shadow: 0px 0px 20px #000;
}

.sidebar .widget_search {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box; 
	padding: 20px;
	width: 100%; 
	background: #0F3A6F; 
	margin-bottom: 20px;
}

.sidebar form {
	position: relative;
}

.sidebar input[type="search"] {
	width: 100%; 
	padding: 5px 10px;
}

.sidebar input[type="submit"] {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#ccc));
	background: -webkit-linear-gradient(top, #FFF, #ccc);
	background: -o-linear-gradient(top, #FFF, #ccc);
	background: linear-gradient(to bottom, #FFF, #ccc); 
	border: 1px solid #000; 
	padding: 6px; 
	position: absolute; 
	right: 0; 
	top: 0;
}

.sidebar input[type="submit"] {
	cursor: pointer; 
	-webkit-transition: all .4s linear; 
	-o-transition: all .4s linear; 
	transition: all .4s linear;
}

.sidebar input[type="submit"]:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}


/*--------------------------------------------------------------
## Inner Pages
--------------------------------------------------------------*/
.inner #primary{
	min-height: 500px; 
	max-width: 100%;
}

.inner #primary h1 {
	padding-bottom: 20px;
	text-align: center;
	font-size: 50px;
	font-weight: 400;
	color: #000;
}

.inner #primary h2 {
	color: #354286;
	font-size: 40px;
	font-weight: 400;
	line-height: 120%;
}

#blog h2{
	line-height: 74% !important;
}

.inner #primary h5 {
	font-size: 25px;
	font-weight: 700;
	margin: 10px 0;
}

.inner #primary p,
.inner #primary li {
	text-align: left !important;
	font-size: 16px;
	font-weight: 400;
	color: #000;
	line-height: 1.5;
	margin-bottom: 15px;
}

.inner #content.elementor-section {
	padding: 40px 10px;
	box-sizing: border-box;
}

.inner #content.elementor-section > .elementor-container {
	text-align: left;
	box-shadow: -9px 6px 5px 0px rgb(108 182 241);
	padding: 30px;
	border: 4px solid #1f8de3;
	border-radius: 20px;
/* 	background-color: #f0f8ffc7; */
	background-color: #ffffffe6;
	max-width: 1200px;
}

.img img {
	object-fit: cover;
}

.inner #content a {
    color: #354286;
}

.staff-wrapper .list {
	padding: 0 10px;
	margin: 10px auto;
}

.staff-wrapper .list img {
	height: 335px;
	width: 100%;
	object-fit: cover;
}
/*--------------------------------------------------------------
## Blog Page
--------------------------------------------------------------*/
.blog-container {
	padding-right: 5%; 
	-ms-flex-preferred-size: 65%; 
	    flex-basis: 65%;
}

.blog-list article {
	padding: 20px; 
	-webkit-box-sizing: border-box; 
	        box-sizing: border-box; 
	border: 1px solid #535353; 
	-webkit-transition: all .3s linear; 
	-o-transition: all .3s linear; 
	transition: all .3s linear;
}

.blog-list article:not(:last-of-type) {
	margin-bottom: 40px;
}

.blog-list article:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}

.blog-title h2 a {
	font-size: 30px; 
	margin: 0 0 20px; 
	color: #111;
}

.blog-header {
	margin-bottom: 10px; 
	-webkit-box-align: end; 
	    -ms-flex-align: end; 
	        align-items: flex-end; 
	-webkit-align-items: flex-end;
}

.blog-header p {
	margin: 0; 
	font-size: 18px;
}

.blog-header p span {
	font-style: italic;
}

.blog-image {
	text-align: center;
}

.blog-image img {
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear; 
	max-width: 500px !important; 
	height: auto !important;
}

.blog-container .btn {
	padding: 10px 20px; 
	font-size: 13px; 
	margin-top: 10px;
}

.pagination-n {
	text-align: right; 
	margin-top: 15px;
}

.pagination-n a {
	padding: 2px 10px; 
	background: #0F3A6F; 
	color: #FFF;
}

.pagination-n .current {
	padding: 2px 10px; 
	background: #6A7A64; 
	color: #FFF;
}

.page-id-529  #primary p {
        text-align: center !important;
}
#blog .elementor-tabs-content-wrapper {
        border: 1px solid #000 !important;
        margin: 15px;
}

@media screen and (max-width: 768px) {
	.blog-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.blog-container {
		margin-bottom: 30px; 
		padding-right: 0; 
		text-align: center;
	}

}

@media screen and (max-width: 500px) {
	.blog-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.blog-header p, .blog-header h2 {
		width: 100%; 
		text-align: center;
	}

	.blog-list article {
		text-align: center;
	}

	.blog-header h2 {
		font-size: 30px;
	}

	.blog-container .btn {
		margin-top: 20px;
	}
}


/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
.page-description {
	text-align: center; 
	font-size: 25px; 
	font-weight: 700; 
	margin-bottom: 40px; 
	display: block;
}

.page-description::after {
	content: ' "';
}

.page-description::before {
	content: '" ';
}

.search article {
	padding: 20px; 
	border: 1px solid #000; 
	margin-bottom: 30px; 
	display: block; 
	-webkit-transition: all .5s linear; 
	-o-transition: all .5s linear; 
	transition: all .5s linear;
}
.search article:hover {
	-webkit-box-shadow: 0px 0px 20px #000;
	        box-shadow: 0px 0px 20px #000;
}

.search article:last-of-type {
	margin-bottom: 0;
}

.search article h2 a {
	margin: 0 0 20px; 
	font-size: 35px; 
	color: #111;
}

.search-con {
	padding-right: 5%; 
	-ms-flex-preferred-size: 65%; 
	    flex-basis: 65%;
}

@media screen and (max-width: 768px) {
	.search-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.search-con {
		margin-bottom: 30px; 
		padding-right: 0; 
		text-align: center;
	}
}

/*--------------------------------------------------------------
## Error Page
--------------------------------------------------------------*/
.error-404 {
	text-align: center;
}


@media screen and (max-width: 1024px) {
	.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		margin: auto;
	}

	#header .hfe-nav-menu a.hfe-menu-item {
		color: #000 !important;
	}

	#banner {
		margin-top: 0;
	}

	.banner-text {
		position: relative;
		top: 0;
		left: 0;
		background: #019FCD;
		padding: 40px 10px;
		max-width: 100%;
		text-align: center
	}

	#about-us .top {
		margin: auto;
		max-width: 100%;
		text-align: center;
		padding: 40px 10px;
	}

	#about-us .right {
		max-width: 100%;
	}

	#about-us .bot {
		max-width: 100%;
		margin-top: 0;
	}

	#about-us .bot img {
		width: 100%;
		max-width: 600px;
		margin: auto;
	}

	#a-bot h2 {
		max-width: 100%;
	}

	#a-bot .text {
		margin: auto;
		text-align: center
	}

	#what figcaption {
		font-size: 25px
	}

	#are-you-ready #get-started {
		padding-right: 10px;
		text-align: center
	}

	#are-you-ready h2 {
		max-width: 100%;
	}

	#keep-in-touch p {
		max-width: 100%;
	}

	#keep-in-touch.elementor-section > .elementor-container > div:first-of-type {
		top: 0;
	}

	.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		justify-content: center
	}
}

@media screen and (max-width: 768px) {
	.banner-image img {
		height: auto !important;
	}

	#a-bot h2::after {
		display: none
	}
	#spiritual-intervention p {
		max-width: 100%;
	}

	#contact .top {
		flex-direction: column;
		gap: 0;
	}

	#testimonials h2::after {
		display: none
	}
	
	#a-bot .text {
		position: relative;
		padding: 30px 10px
	}

	.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}


	.inner #content.elementor-section > .elementor-container {
		padding: 30px 10px;
	}

	.inner #primary h2 {
		font-size: 30px;
		padding-bottom: 15px;
	}
}