/*!
Theme Name: CarmelMission
Theme URI: https://wpxstudios.com/
Author: WPXStudios
Author URI: https://wpxstudios.com/
Description: Theme for CarmelMission
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: carmelmission

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

CarmelMission is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

body {
	padding: 0;
	margin: 0;
}

* {
	outline: 0 !important;
	text-decoration: none !important;
}

input[type="submit"], input[type="submit"]:hover,
a, a:hover {
	transition: 0.3s all;
}

a {
	color: #ef4135;
}

img {
	max-width: 100%;
	height: auto;
	width: auto;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.container {
	width: 100%;
	max-width: 1094px;
}

header {
    background: #FFFFFF;
    position: relative;
    z-index: 3;
}

header .topbar {
	box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);	
	display: flex;
	justify-content: center;
	padding: 7px 30px;
	align-items: center
}

header .topbar .topbar-logo img {
	max-height: 52px;
	margin-top: 6px;
}

header .topbar .logo {
	margin: 0 50px;
}

header .topbar .logo img {
	max-height: 58px;
}

.donate-btn {
	padding: 8px 16px;
	min-width: 87px;
	height: 40px;
	background: #E96F2A;
	border-radius:8px;
	color: #fff;	
}

.topbar-search {
	margin-left: 40px;
	width: 256px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #282A28;
	display: flex;
	align-items: center;
	padding: 0 0 0 12px;
}

.topbar-search input {
	width: 100%;
	height: 40px;
	font-size: 16px;
	color: #505050;
	border: none;
	background: transparent;
	padding: 0 10px;
}

.topbar-search input::-ms-input-placeholder {
	color: #505050;
}

.topbar-search input::placeholder {
	color: #505050;
}

.topbar-search svg {
	position: relative;
	top: 1px;
}

header nav {
	padding: 0 30px;
	display: flex;
	justify-content: center;
}

header nav ul {
	padding: 0;
	margin: 0;
}

header nav > ul {
	display: flex;
}

header nav > ul li a {
	font-size: 16px;
	line-height: 24px;
	color: #282A28;
	display: table;
}

header nav > ul li a:hover {
	color: #E96F2A;
}

header nav > ul > li {
	margin: 0 15px;
}

header nav > ul > li.menu-item-has-children > a {
	padding-right: 20px;
	position: relative;
}

header nav > ul > li.menu-item-has-children > a:after {
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid;
	position: absolute;
	top: calc(50% - 5px);
	border-width: 0 1px 1px 0;
	transform: rotate(45deg);
	right: 0;
}

header nav > ul > li > a {
	padding: 24px 0;
}

header nav > ul > li {
	position: relative;
}

header nav > ul ul {
	position: absolute;
	top: 100%;
	background: #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	min-width: 200px;
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s all;
}

header nav > ul > li:hover ul {
	opacity: 1;
	visibility: visible;
}

header nav > ul ul li a {
	padding: 5px 15px;
    font-size: 15px;
}

.hero {
	position: relative;
	overflow: hidden;
}

.hero-inner {
	position: relative;
	z-index: 2;
	padding: 250px 0;
	background: rgba(0,0,0,0.1);
}

.hero .container {
	max-width: 730px;
}

.hero .title {
    margin-bottom: 25px;
	font-weight: 700 !important;
}

.hero p {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.05em;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
}

.hero-btns {
	margin-top: 70px;
}

.hero-btns a {
	margin: 0 6px;
}

.bttn {
	text-align: center;
	padding: 12px 20px;
	min-width: 155px;
	border-radius: 6px;
	border: 1px solid #E96F2A;
	background: #E96F2A;
	color: #fff;
	display: inline-block;
}

.bttn.bttn-border {
	border: 1px solid #FFFFFF;
	background: transparent
}

.bttn.bttn-border-orange {
	border: 1px solid #E96F2A;
	background: transparent;
	color: #E96F2A;
}

.services {
	padding: 90px 0;
}

.services .row {
	margin: 0 -12px;
}

.services [class*="col-"] {
	padding: 0 12px;
}

.services .service-item {
	padding: 20px;
	background: #FFFFFF;
	border: 1px solid #282A28;
	margin-top: 24px;
	height: calc(100% - 24px);
	position: relative;
}

.services .service-item a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.services .service-item .thumb {
	margin-bottom: 10px;
}

.services .service-item .thumb img {
	height: 210px;
	object-fit: cover;
	width: 100%;
}

.services .service-item p {
    margin: 0 0 22px;
    min-height: 38px;
}

.services .service-item .bttn {
	width: 100%;
}

.img-text-v1 {
	position: relative;
	padding: 140px 0 80px;
	overflow: hidden;
}

.img-text-v1 .bg {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: inherit;
	width: 2500px;
	height: 100%;
	object-fit: cover;
	object-position: center -80px;
	transform: translateX(-50%);
}

.img-text-v1 .container {
	position: relative;
	z-index: 2;
}

.img-text-v1 .container > div {
    max-width: 683px;
}

.img-text-v1 h3 {
	font-weight: 700;
	font-size: 48px;
	line-height: 120%;
	color: #003049;
	margin-bottom: 15px;
}

.img-text-v1 .btns {
	margin: 35px 0 0;
}

.img-text-v1 .btns a {
	margin-right: 10px;
}

.mvideos {
	padding: 80px 0 50px;
}

.mvideos h2 {
	color: #E96F2A;
	font-size: 40px;
	line-height: 48px;
	margin-bottom: 30px;
}

.mvideos .item {
    margin-bottom: 30px;
    background: #FFFFFF;
    border: 1px solid #282A28;
    height: calc(100% - 30px);
}

.mvideos .item h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: #003049;
}

.mvideos .item a {
	color: #282A28;
}

.mvideos .item a:hover {
    color: #ef4135;
}

.mvideos .item a svg {
	margin-left: 6px;
}

.mvideos .item a span {
	border-bottom: 1px solid;
}

.mvideos .item > div {
	padding: 20px;
}

.mvideos .item p:last-of-type {
	margin: 0;
}

.img-text-v2 {
	background: #F4EAD6;
	padding: 50px 0;
}

.img-text-v2 .col-md-6 > h3:first-of-type {
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
	color: #003049;
	margin-bottom: 20px;
}

.img-text-v2 .col-md-6 strong {
	font-weight: 600;
	font-size: 20px;
	line-height: 150%;
	color: #E96F2A;
}

.img-text-v2 .col-md-6 h3:not(:first-of-type) {
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: #003049;
	margin: 5px 0 25px;
}

@media(min-width: 1200px) {
	
	.img-text-v2 img {
		max-width: 635px !important;
		margin: -50px;
	}

}
	

.elementor-location-footer footer {
	padding: 80px 0;
}

footer .flogo {
	max-width: 317px;
	display: table;
	margin-bottom: 30px;
}

footer .cinfo li {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 150%;
	color: #282A28;
}

footer .cinfo li span {
	font-weight: 600;
	display: block;
}

footer .cinfo li a {
	display: table;
	color: #282A28;
	border-bottom: 1px solid;
}

footer .cinfo li a:hover {
	color: #E96F2A;
}

footer .fmenu {
	column-count: 2;
	column-gap: 35px;
}

footer .fmenu li {
	margin-bottom: 10px;
}

footer .fmenu li a {
	font-weight: 600;
	color: #282A28;
	position: relative;
}

footer .copyright a {
	position: relative;
}

footer .copyright a:after,
footer .fmenu li a:after {
	content: "";
	background: #282A28;
	width: 0%;
	right: 0;
	left: auto;
	bottom: 0;
	position: absolute;
	height: 1px;
	transition: .4s;
}

footer .copyright a:hover:after,
footer .fmenu li a:hover:after {
	width: 100%;
	transition: .4s;
	right: auto;
	left: 0;
}

footer .newsletter {
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 40px 0 25px;
	padding: 23px 0 30px;
	display: flex;
	justify-content: space-between;
}

footer .newsletter > div:last-child {
	width: 400px;
}

footer #mc_embed_signup form,
footer .newsletter .gform_wrapper {
	position: relative;
	padding-right: 125px;
}

footer .newsletter .gform_wrapper label {
	display: none;
}

footer .newsletter .gform_wrapper .gform_fields {

}

footer #mc_embed_signup form {
	margin: 0;
}

footer #mc_embed_signup form input[type="submit"],
footer .newsletter .gform_wrapper input[type="submit"] {
	padding: 6px 20px;
	width: 116px;
	height: 40px;
	border: 1px solid #E96F2A;
	border-radius: 6px;
	background: transparent;
	color: #E96F2A;
	position: absolute;
	top: 4px;
	right: 0;
	margin: 0;
	line-height: 1;
}

footer #mc_embed_signup form input[type="submit"]:hover,
footer .newsletter .gform_wrapper input[type="submit"]:hover {
	background: #E96F2A;
	color: #fff;
}

footer #mc_embed_signup .mc-field-group {
	width: 100%;
}

footer #mc_embed_signup form input[type="email"],
footer .newsletter .gform_wrapper .gform_fields input {
	padding: 0 12px;
	height: 48px;
	background: #FFFFFF;
	border: 1px solid #282A28;
	margin: 0;
	border-radius: 0px;
}

footer #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    margin: 0 0 -12px;
    padding: 0;
    font-size: 12px;
}

footer .newsletter small {
	font-size: 12px;
	display: block;
	padding-top: 8px;
}

footer .newsletter b {
	font-weight: 600;
	margin-top: 20px;
	display: inline-block;
}

footer .copyright {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
}

footer .copyright a {
	color: #282A28;
	margin-left: 20px;
}

.page_header {
	padding: 112px 0;
}

.page_header h1 {
	font-weight: 700;
	font-size: 56px;
	line-height: 120%;
	color: rgba(255, 255, 255, 0.85);
}

.reconciliation {
    padding: 80px 0;
}

.reconciliation .container {
	max-width: 798px;
}

.reconciliation h2 {
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
	color: #000000;
}

.reconciliation .head p {
	color: #000000;
	font-weight: 600;
}

.reconciliation .head p a {
	color: #000;
	font-weight: 400;
	border-bottom: 1px solid;
}

.reconciliation ul {
	margin: 50px 0;
	border-bottom: 1px solid #000;
}

.reconciliation li {
	border-top: 1px solid #000;
	padding: 30px 0;
	display: flex;
	align-items: center;
}

.reconciliation li span {
	min-width: 240px;
	font-weight: 700;
	font-size: 24px;
	line-height: 140%;
	color: #E96F2A;
	margin-right: 20px;
	max-width: 240px;
}

.reconciliation li p {
	margin: 10px 0;
}

.reconciliation li p:last-of-type {
	margin: 0;
} 

.reconciliation .note {
	text-align: center;
}

.reconciliation .note img {
	max-width: 35px;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.reconciliation .note a {
	color: #282A28;
	border-bottom: 1px solid ;
	position: relative;
}

.reconciliation .note a svg {
	position: absolute;
	top: 6px;;
	right: -15px;
}

.img-text-v3 {
	padding: 65px 0;
	background: rgba(233, 248, 255, 0.5);
}

.img-text-v3 h3 {
	font-weight: 700;
	font-size: 40px;
	line-height: 120%;
	color: #003049;
	margin-bottom: 20px;
}

.img-text-v3 ul li {
	font-size: 14px;
	line-height: 150%;
	color: #000000;
	margin: 0 0 10px;
}

.img-text-v3 ul li b {
	font-weight: 600;
}	

.img-text-v3 a.link {
	display: table;
	margin: 35px 0 0;
	color:#282A28;
	font-size: 14px;
	line-height: 150%;	
}

.img-text-v3 a.link span {
	border-bottom: 1px solid;
}

.img-text-v3 a.link svg {
	width: 11px;
	height: 11px;
	position: relative;
	top: -1px;
	margin-left: 2px;
}

.text-editor {
	padding: 80px 0;
}

.text-editor .container {
	max-width: 798px;
}

.text-editor strong,
.text-editor b {
	font-weight: 600;
}

.text-editor h2,
.text-editor h3 {
	font-weight: 700;
	font-size: 32px;
	line-height: 130%;
	color:  #000000;
	margin-bottom: 20px;
}

.text-editor h3 {
	margin: 35px 0 15px;
}

.text-editor img {
	margin: 20px 0 0;
}

.text-editor a {
	color: #000;
	border-bottom: 1px solid;
}

.text-editor p:last-of-type {
	margin: 0;
}

.text-editor a.link {
	color: #E96F2A;
	border: none;
	margin-top: 5px;
	display: inline-block;;
}

.text-editor a.link span {
	border-bottom: 1px solid;
}

.text-editor ul {
	margin: 7px 0 20px 20px;
}

.text-editor ul li {
	margin-bottom: 5px;
}

.text-editor ul li {
	list-style: disc;
}

.gform_submission_error {
	display: none;
}

.gfield_validation_message {
	color: red;
	font-size: 11px;
}



@media(max-width: 1050px) {

header nav {
    position: fixed;
    top: 75px;
    left: 0;
    z-index: 5555;
    width: 100%;
    height: calc(100% - 75px);
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
	opacity: 0;
	visibility: hidden;
}	
	
body.menu-act header nav {
	opacity: 1;
	visibility: visible;
	transition: 0.3s all;
}	
			
header .topbar {
	padding: 15px 15px;
}	

header nav > ul {
    display: block;
    width: 100%;
}
	
header nav > ul > li {
    margin: 0;
}
	
header nav > ul > li > a {
    padding: 11px 0;
}
	
header nav > ul > li.menu-item-has-children > a {
    width: 100%;
}
	
header nav > ul > li > span {
	position: absolute;
	top: 5px;
	right: -15px;
	width: 35px;
	height: 35px;
	z-index: 2;
}
	
header nav > ul ul {
    opacity: 1;
    visibility: visible;
    position: relative;
    box-shadow: none;
	display: none;
}
	
}

@media(max-width: 991px) {

.page_header {
    padding: 50px 0;
}

.page_header h1 {
    font-size: 40px !important;
}

.text-editor {
	padding: 40px 0
}

.elementor-location-footer footer {
	padding: 40px 0 20px;
}

.reconciliation ,
.services {
    padding: 40px 0;
}
	
.img-text-v1 {
    padding: 125px 0 50px;
}
	
footer .flogo {
    max-width: 230px;
}
	
}

@media(max-width: 767px) {

.img-text-v3 img {
	margin-top: 30px;
}
	
.reconciliation li {
    display: block;
}

.img-text-v3 h3,	
.reconciliation h2,	
.img-text-v2 .col-md-6 > h3:first-of-type {
	font-size: 32px;
}

.img-text-v2 .col-md-6 strong {
	font-size: 18px;
}

.img-text-v2 .col-md-6 h3:not(:first-of-type) {
	font-size: 20px;
}
	
.bttn {
    padding: 12px 13px;
    min-width: 100px;
    font-size: 14px;
}
	
.img-text-v1 h3 {
    font-size: 32px;
}
	
body .topbar-search {
    position: absolute;
    top: 75px;
    background: #f5f5f5;
    width: 100%;
    left: 0;
    padding: 35px 15px;
    z-index: 222;
    margin: 0;
    border: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

body .topbar-search input {
	border: 1px solid #000;
	padding-left: 40px;
	background: #fff;
}

body .topbar-search svg {
	position: absolute;
	top: 25px;
	left: 25px;
}

body.search-act .topbar-search {
	opacity: 1;
	visibility: visible;
}

header .topbar {
    justify-content: space-between;
	padding: 15px 15px;
}
	
header .topbar .logo {
    margin: 0 15px 0 0;
    max-width: 170px;
}

.donate-btn {
    padding: 6px 12px;
    min-width: auto;
    height: auto;
    background: #E96F2A;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}	

.topbar-logo {
	display: none;
}

footer .copyright {
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
	display: block;
}

footer .copyright > div:last-child {
	padding-top: 15px;
}
	
.hero-inner {
    padding: 120px 0;
}

.hero .title {
	font-size: 40px !important
}	

.hero-btns {
    margin-top: 40px;
}
	
.hero p {
    font-size: 17px;
}	
	
}

@media(max-width: 585px) {

footer .newsletter {
	display: block;
}

footer .newsletter > div:last-child {
	width: 100%;
}	

footer .newsletter b {
	margin: 5px 0 0 ;
}	
	
}

.cinfo {
	margin-bottom: 30px;
}

.search-trigger {
	min-width: 37px;
	height: 37px;
	line-height: 34px;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 5px;
	margin-right: 7px;
	cursor: pointer;
	position: relative;
}

.search-trigger svg {
	width: 15px;
	height: 15px;
}

.search-trigger.act svg {
	opacity: 0;
}

.search-trigger:before {
	content:"\2715";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
}

.search-trigger.act:before {
	opacity: 1;
}

.hamburger {
	min-width: 38px;
	height: 37px;
	line-height: 34px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-left: auto;
	margin-right: 7px;
	padding: 4px 7px;
	cursor: pointer;
}

.hamburger span {
	background: #999;
	width: 22px;
	height: 2px;
	display: block;
	margin: 5px 0;
	position: relative;
}

@media(min-width: 768px) {

	.search-trigger {
		display: none;
	}
	
}

@media(min-width: 1051px) {

	.hamburger {
		display: none;
	}
	
}

.hamburger.act span:nth-child(2) {
	opacity: 0;
}

.hamburger.act span:first-child {
	transform: rotate(45deg);
	top: 7px;
}

.hamburger.act span:last-child {
	transform: rotate(-45deg);
	top: -7px;
}

.donate-btn:hover,
.bttn:hover {
	background: #d86524;
	color: #fff;
	border-color: #d86524;
}

.bttn.bttn-border:hover {
    background: #fff;
	color: #E96F2A;
	border-color: #fff;
}

.bttn.bttn-border-orange:hover {
    border: 1px solid #E96F2A;
    background: #E96F2A;
    color: #fff;
}

@media(min-width: 768px) and (max-width:1050px) {
    
body .topbar-search {
    margin-left: 10px;
}

}

.elementor-post {
	position: relative;
}

.elementor-post__card {
	padding-bottom: 50px !important;
}

.elementor-post a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 22;
}

.elementor-post .elementor-post__read-more {
	border-top: 1px solid #eee;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 10px 25px 0;
	bottom: -8px;
}

.hero-wrap {
    background-color: #000 !important;
}
header nav > ul > li ul.sub-menu > li {
    position: relative;
}
header nav > ul > li ul.sub-menu > li > ul {
    top: 0;
    left: 100%;
	opacity:0;
	visibility:hidden
}
header nav > ul > li ul.sub-menu > li:hover > ul{
	opacity:1;
	visibility:visible
}
header nav > ul > li.menu-item-has-children >  ul.sub-menu > li.menu-item-has-children > a:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid;
    position: absolute;
    top: calc(50% - 5px);
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    right: 15px;
}
@media(max-width:1050px){
	header nav > ul > li > ul > li > span {
    position: absolute;
    top: 5px;
    right: -15px;
    width: 35px;
    height: 35px;
    z-index: 2;
}
	header nav > ul > li.menu-item-has-children >  ul.sub-menu > li.menu-item-has-children > a:after {
    
    transform: rotate(45deg);
    right: 0;
}
	header nav > ul > li.menu-item-has-children >  ul.sub-menu > li.menu-item-has-children > a {
    padding-right: 20px;
    position: relative;
		width:100%
}
	header nav > ul > li ul.sub-menu > li > ul {
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    right: 100%;
    padding-left: 20px;
}
}