/*!
Theme Name: AM 47
Theme URI: http://underscores.me/
Author: Koraspond
Author URI: http://www.koraspond.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: am-47
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.

AM 47 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
html.overflow-y-hidden {
    overflow-y: hidden;
}
html, body {

    overflow-x: hidden !important;
}

body {
    font-family: 'Poppins', sans-serif;
}

.bg-banner-gradient,
.bg-gray-gradient,
.bg-black-gradient,
.bg-banner-genral-gradient,
.bg-banner-green-gradient{
    position: relative;
}

.bg-banner-gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#f9eddd 0%, rgba(246, 234, 218, 0) 100%);
    opacity: 0.78;
}

.bg-gray-gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#0c3d48 0%, rgba(12, 61, 72, 0) 100%);
    opacity: 0.03;
}
.bg-black-gradient::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 20px;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
	opacity: 0.62;
}
.bg-banner-genral-gradient::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);
	opacity: 1;
}
.bg-banner-green-gradient::after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(#43a646 0%, rgba(67, 166, 70, 0) 100%);
	opacity: 0.08;
}
.on-video {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.bg-brand-green {
    background: #43A646 !important;
}

.bg-brand-dark {
    background: #0C3D48 !important;
}

.bg-brand-dark-blue {
    background: #0c3d48 !important;
}

.bg-brand-light-blue-green {
    background: #52C3BE !important;
}

.text-brand-green {
    color: #43A646 !important;
}

.text-brand-dark {
    color: #0C3D48 !important;
}

.text-brand-gray {
    color: #434343 !important;
}

.text-brand-muted {
    color: #474747 !important;
}

.text-brand-footer-gray {
    color: #656565 !important;
}


/* TEXT  UTILITIES ---- BEGINS */
.text-xs {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.text-lg {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
}
.text-xl	 {
	font-size: 1.25rem; 
	line-height: 1.75rem; 
}
.text-2xl	{
	font-size: 1.5rem; 
	line-height: 2rem; 
}
.text-3xl	 {
	font-size: 1.875rem; 
	line-height: 2.25rem; 
}
.text-4xl	{
	font-size: 2.25rem; 
	line-height: 2.5rem; 
}
.text-5xl	{
	font-size: 3rem; 
	line-height: 1;
}

/* TEXT  UTILITIES ---- ENDS */

/* BORDER  UTILITIES ---- BEGINS */
.rounded-x-top-30 {
    border-radius: 30px 30px 0 0 !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

/* BORDER  UTILITIES ---- BEGINS */

/* SHADOWS  UTILITIES ---- BEGINS */
.shadow-brand {
    box-shadow: 0px 3px 25px rgba(154, 154, 154, 0.16);
}

.Shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.Shadow-lg {
    transform: translateY(0px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.shadow-xl {
    transform: translateY(0px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* SHADOWS  UTILITIES ---- ENDS */


/* Transition  UTILITIES ---- BEGINS */
.transition {
    transition: all .3s;
}

.transition\:background-color {
    transition: background-color .3s;
}

.transition\:box-shadow {
    transition: box-shadow .3s;
}

.transition\:transform {
    transition: transform .3s;
}

.transition\:color {
    transition: color .3s;
}

/* Transition UTILITIES ---- ENDS */

/* HOVER UTILITIES ---- BEGINS */
.hover\:text-brand-green:hover {
    color: #43A646 !important;
}
.hover\:text-white:hover {
	color: #ffffff !important;
}
.hover\:pointer-none{
	pointer-events: none !important;
}
.hover\:border-brand-green:hover {
	border-color: #43A646 !important;
}
.hover\:bg-brand-light-blue-green:hover {

}
.hover\:cursor-pointer:hover {
	cursor: pointer !important;
}
.hover\:box-shadow-none:hover {
    box-shadow: unset !important;
}
.hover\:button-brand-filled:hover {
    display: inline-block;
    padding: .8rem 1rem;
    border: 1px solid #43A646;
    color: #43A646;
    text-align: center;
    border-radius: 4px;
    width: auto;
    font-size: 0.75rem;
    line-height: 1rem;
    transition: background .3s, color .3s;
    background: rgba(67, 166, 70, .9);
    color: #ffffff !important;
}
.hover\:after-bg-light-dark:hover:after {
    background: rgba(0, 0, 0, .11);
}
head.hover\:font-0\.85:hover {
	font-size: 0.85rem !important;
}
/* HOVER UTILITIES ---- ENDS */


/*DIVIDEr UTILITIES --- BEGINS */

.divide-x-0 > * + *	{
				border-right-width: 0px;
				border-left-width: 0px;
}
.divide-x-2 > * + *	{
	border-right-width: 2px;
	border-left-width: 0px;
}
.divide-x-4 > * + *	{
	border-right-width: 4px;
	border-left-width: 0px;}
.divide-x-8 > * + *	{
	border-right-width: 8px;
	border-left-width: 0px;
}
.divide-x > * + *	{
	border-right-width: 1px;
	border-left-width: 0px;
}
.divide-y-0 > * + *	{
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.divide-y-2 > * + *	{
	border-top-width: 0px;
	border-bottom-width: 2px;
}
.divide-y-4 > * + *	{
	border-top-width: 0px;
	border-bottom-width: 4px;
}
.divide-y-8 > * + *	{
	border-top-width: 0px;
	border-bottom-width: 8px;
}
.divide-y > * + *	{
	border-top-width: 0px;
	border-bottom-width: 1px;
}
.divide-y-reverse > * + *	{--tw-divide-y-reverse: 1; }
.divide-x-reverse > * + *	{ --tw-divide-x-reverse: 1;}

/*DIVIDEr UTILITIES --- ENDS */



/* SPACE X UTILITIES ---- BEGINS */
.border-x-0 > * + * {
    margin-left: 0px !important;
}

.space-x-0 > * + * {
    margin-left: 0px !important;
}

.space-y-0 > * + * {
    margin-top: 0px !important;
}

.space-x-0\.5 > * + * {
    margin-left: 0.125rem !important; /* 2px */
}

.space-y-0\.5 > * + * {
    margin-top: 0.125rem !important; /* 2px */
}

.space-x-1 > * + * {
    margin-left: 0.25rem !important; /* 4px */
}

.space-y-1 > * + * {
    margin-top: 0.25rem !important; /* 4px */
}

.space-x-1\.5 > * + * {
    margin-left: 0.375rem !important; /* 6px */
}

.space-y-1\.5 > * + * {
    margin-top: 0.375rem !important; /* 6px */
}

.space-x-2 > * + * {
    margin-left: 0.5rem !important; /* 8px */
}

.space-y-2 > * + * {
    margin-top: 0.5rem !important; /* 8px */
}

.space-x-2\.5 > * + * {
    margin-left: 0.625rem !important; /* 10px */
}

.space-y-2\.5 > * + * {
    margin-top: 0.625rem !important; /* 10px */
}

.space-x-3 > * + * {
    margin-left: 0.75rem !important; /* 12px */
}

.space-y-3 > * + * {
    margin-top: 0.75rem !important; /* 12px */
}

.space-x-3\.5 > * + * {
    margin-left: 0.875rem !important; /* 14px */
}

.space-y-3\.5 > * + * {
    margin-top: 0.875rem !important; /* 14px */
}

.space-x-4 > * + * {
    margin-left: 1rem !important; /* 16px */
}

.space-y-4 > * + * {
    margin-top: 1rem !important; /* 16px */
}

.space-x-5 > * + * {
    margin-left: 1.25rem !important; /* 20px */
}

.space-y-5 > * + * {
    margin-top: 1.25rem !important; /* 20px */
}

.space-x-6 > * + * {
    margin-left: 1.5rem !important; /* 24px */
}
.space-x-7 > * + *{	margin-left: 1.75rem !important; /* 28px */  }
.space-y-7 > * + *	{margin-top: 1.75rem !important; /* 28px */  }
.space-x-8 > * + * {	margin-left: 2rem !important; /* 32px */ }
.space-y-8 > * + *	{margin-top: 2rem !important; /* 32px */  }
.space-x-9 > * + *	{margin-left: 2.25rem !important; /* 36px */  }
.space-y-9 > * + *	{margin-top: 2.25rem !important; /* 36px */  }
.space-x-10 > * + *	{margin-left: 2.5rem !important; /* 40px */  }
.space-y-10 > * + *	{margin-top: 2.5rem !important; /* 40px */  }
.space-x-11 > * + *	{margin-left: 2.75rem !important; /* 44px */  }
.space-y-11 > * + *	{margin-top: 2.75rem !important; /* 44px */  }
.space-x-12 > * + *	{margin-left: 3rem !important; /* 48px */  }
.space-y-12 > * + *	{margin-top: 3rem !important; /* 48px */  }
.space-x-14 > * + *	{margin-left: 3.5rem !important; /* 56px */  }
.space-y-14 > * + *	{margin-top: 3.5rem !important; /* 56px */  }
.space-x-16 > * + *	{margin-left: 4rem !important; /* 64px */  }
.space-y-16 > * + *	{margin-top: 4rem !important; /* 64px */  }
/* SPACE X UTILITIES ---- ENDS */

/* ANIMATION  UTILITIES ---- BEGINS */
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}


@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: .5;
    }
}
/* ANIMATION  UTILITIES ---- ENDS */

.button-brand-outlined,
.button-brand-outline-gray,
.button-brand-outline-white,
.button-brand-filled {
    display: inline-block;
    padding: .8rem 1rem;
    border: 1px solid #43A646;
    color: #43A646;
    text-align: center;
    border-radius: 4px;
    width: auto;
    font-size: 0.75rem;
    line-height: 1rem;
    transition: background .3s, color .3s;
}
.button-brand-outline-gray {
    border: 1px solid #434343;
    color: #434343 !important;
}
.button-brand-outline-white {
	border: 1px solid #ffffff;
    color: #ffffff !important;
}
.button-brand-filled {
    background: #0C3D48;
    color: #ffffff;

}

.button-brand-outlined,
.button-brand-outline-gray,
.button-brand-filled {
    text-decoration: none;
}



.button-brand-outlined:hover,
.button-brand-outline-gray:hover,
.button-brand-outline-white:hover {
    text-decoration: none;
    background: #43A646;
    color: #ffffff;
}

.button-brand-filled:hover {
    text-decoration: none;
    background: rgba(67, 166, 70, 1);
    border: 1px solid rgba(67, 166, 70, .8);
    color: #ffffff;
}
.event-list-item {
    position:relative;

}
.event-list-item {
    border-left: 3px solid rgba(67, 166, 70, .16);
    position: relative;
}
.event-list-item::after,
.event-list-item::before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transform:translate(-6px, -100%) scale(1.6);
    background:rgba(67, 166, 70);

}
.event-list-item::before {
    border:0;
    background: rgba(67, 166, 70, 0.16);
    width: 15px;
    height: 15px;
    transform:translate(-8px, -85%) scale(2);
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;

}
li.event-list-item > article {
    transform: translateY(-11px);
}
li.event-list-item time {
    width: 100px;
}
.nav-pills .nav-link {
    padding: 0.7rem 3rem;
    border-radius: 19px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #43a646;
    border-color: #43a646;

}

#countdown * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#countdown h1 {
  font-weight: normal;
}

#countdown li {
  display: inline-block;
/*   font-size: 1.5em; */
  list-style-type: none;
/*   padding: 1em; */
  text-transform: uppercase;
}

#countdown li span {
  display: block;
/*   font-size: 4.5rem; */
}

#countdown .container {
  color:#236130 !important;
  margin: 0 auto;
  padding: 0.5rem;
  text-align: center;
}
#days,#hours,#minutes,#seconds,#ul-counter h1{
	
	color: #ffffff;
	border-radius:2px !important;
	padding:0.4rem !important;
/* 	font-size:4rem !important; */
}
#ul-counter h1 {
  margin:2rem 0;
}
#container{
	background:rgb(186, 142, 38,0.8)
	
}

.make-text-underline {
	text-decoration: underline;
/*     text-underline-offset: 0.4rem; */
    text-decoration-color: #43A546;
    text-decoration-thickness: 0.2rem;
}
.on-bannner-image {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
span.red-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    /* display: block; */
    background: red;
}
/* header#masthead {
    position: fixed;
    top: 2rem;
    left: 0;
    right: 0;
    z-index: 1;
    background: white;
} */
div#primary-menu > ul > * + * {
    margin-top: 1.25rem !important;
}
div#primary-menu > ul {
	padding-left:3rem;
	padding-top: 3rem;
	list-style:none;
}
.menu-nav-on-side {

    position: fixed;
    top: 7.2rem;
    right: 0;
    transform: translateX(50%);
    bottom: 0;
    overflow-y: auto;
    /* transform: translate(0);  for mobile*/
}
.close-menu-nav {
    position: absolute;
    top: 4vh;
    right:2rem;
}
li.page_item a {
    color: white;
}
.initial-fixed-menu-state {
    overflow-y: auto;
    transform: translateX(100%);
    z-index: 9;
    width: 0 !important;
    position: fixed !important;
    right: 0;
    top: 0;
    bottom: 0;
    transition: transform .5s, width .5s;
}
.desk-menu--active {
    transform: translateX(0%) !important;
    overflow-y: auto;
    width: 28% !important;
    transition: width .5s, transform .5s;
}
ul#primary-menu a {
   color: #0C3D48 !important;
}
ul#primary-menu a:hover {
	text-decoration: none;
}
.slick-prev:before, .slick-next:before {
    color: #013b46;
}
img.vbox-figlio {
    width: 500px;
}
.minHeight {
	height: 400px;
	overflow-y: auto;
}
.make-a-black-overlay {
	position: relative;
	display: block;
}
.make-a-black-overlay:after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
	transition: background .3s;
}
.rounded-10-after:after {
	border-radius: 10px;
}
.light-overlay.menu---active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: background .3s;
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

table.prayer-table td, table.prayer-table th {
    border: 1px solid #000;
    padding: 0.4rem;
}
.event-main-card-item {
  border-left:1px solid #43A646;
  padding-left:3rem;
  position: relative;
}

.event-main-card-item hgroup {
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height: 60px;
  background: #43A646;
  color:#fff !important;
  display:flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transform: translate(-50%, -50%)
}

.event-main-card-item hgroup h4 {
  margin-bottom:0;
  font-size:1rem;
}








.accordion{
  margin: 40px 0;
}
.accordion .item {
/*     border: none; */
/*     margin-bottom: 50px; */
    background: none;
}

.accordion .item .item-header h2 button.btn.btn-link {
   background: #fff;
    color: #000;
    border-radius: 10px 10px;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    line-height: 2.5;
    text-decoration: none;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: unset !important;
}
/* .accordion .item .item-header h2 button.btn.btn-link.btn.btn-link.collapsed {
  background: #000;
  color: #fff;
} */
.accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
}

.accordion .item .item-header h2 button {
    color: white;
    font-size: 20px;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: left;
}

.accordion .item .item-header h2 i {
    float: right;
    font-size: 25px;
    color: #43A646;
/*     background-color: black; */
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

button.btn.btn-link.collapsed i {
       
  transform: rotate(-90deg);
   
}
button.btn.btn-link i {
transform: rotate(0deg);
/*     opacity:0; */
    transition: 0.5s;
}
#am_footer_wp_form input[type="email"] {
	height: 2.6rem;
    border-right: 0;
    box-shadow: inset 0px 1px 6px #dbe0e9 !important;
    border: 1px solid #e5e5e5;
	border-radius: 10px 0 0 10px;
}
#am_footer_wp_form button[type="submit"] {
	border-radius: 0 10px 10px 0 !important;
}
#am_footer_wp_form #wpforms-form-20   {
	display: flex;
}
.speeches-carousel > div {
	display: flex;
    flex-direction: column;
    height: 13.6rem;
    justify-content: center;
}
.figure-speeches img {
	margin: 0 auto;
}
.figure-speeches {
		background:white;
		margin: 0 auto;
		text-align: center;
		box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
		min-height: 10.2rem;
		padding: 0.8rem 0;
		border-radius: 25px;
	    display: flex;
		flex-flow: column;
		justify-content: center;
	}
figure.figure-speeches h6 {
    margin-top: 1.3rem;
    margin-bottom: 0;
}
.child-flex-1 > * {
	flex: 1;
}

html.overflow-y-hidden .zsiq_floatmain.zsiq_theme1.siq_bR {
    display: none !important;
}
div#titlediv {
	display: none !important;
}
.equlaize-width-tab > li {
	flex: 1;
}
.deetail-buttons .button-brand-outlined, 
.deetail-buttons .button-brand-outline-gray, 
.deetail-buttons .button-brand-outline-white, 
.deetail-buttons .button-brand-filled {
 
    padding: .8em 1em;
	font-size: 0.65rem;
    line-height: 0.6rem;
}
.make-dir-ar {
	direction: rtl !important;
	text-align: right !important;
}
@media all and (max-width: 1199px) {
	#program h6 {
		text-align: left;
		word-break: break-word;
	}
	section#gallery a img {
		height: 152px !important;
	}
	.banner-slider-carousel .slick-next {
		right: -15px;
	}
	.banner-slider-carousel .slick-prev {
		left: -15px;
		z-index: 1;
	}
	.event-main-card-item hgroup {
		transform: translate(-37%, -50%) scale(0.7);
		transform-origin: center;
	}
	ul#pills-tab {
		display: block;
	}
	ul#pills-tab > li > a {
		display: block;
	}
	
	.w-xl-below-25 {
		width: 25% !important;
	}
	.w-xl-below-100 {
		width: 100% !important;
	}
	.text-xl-below-lg {
		font-size: 1.125rem; /* 18px */
		line-height: 1.75rem; /* 28px */
	}
	.desk-menu--active {
		width: 100% !important;
	}
	
}
@media all and (min-width: 1200px ) {
	section#gallery a img {
		height: 210px !important;
	}
	li.min-height-xl-6\.2 {
		min-height: 6.2rem;
	}
	.scale-xl {
		transform: scale(1.04);
		transform-origin: left;
	}
	.make-text-underline {
		text-underline-offset: 0.7rem;
		text-decoration-thickness: 0.4rem;
	}
	.make-equal-para-accommodation {
		min-height: 13.9rem;
	}
	h5.accommodation-h5 {
		min-height: 3rem;
	}
	section#accomodation img {
		height: 171px;
		object-fit: cover;
	}
	.border-xl-brand-green {
		border-color: #43A646 !important;
	}
	.rounded-xl-20 {
		border-radius: 20px !important;
	}
	.rounded-xl-10 {
		border-radius: 10px !important;
	}
	.space-xl-y-0 > * + * {
		margin-top: 0 !important;
	}
	.space-xl-x-5 > * + * {
   	 	margin-left: 1.25rem !important;
	}
	.space-xl-x-3 > * + * {
		margin-left: 0.75rem !important; /* 12px */
	}
	.space-xl-x-2 > * + * {
		margin-left: 0.5rem !important; /* 8px */
	}
	.w-xl-75 {
		width: 75% !important;
	}
	.w-xl-50 {
		width: 50% !important;
	}
	.text-xl-4xl	{
		font-size: 2.25rem; 
		line-height: 2.5rem; 
	}
	section#countdown.on-banner-slide {
		position: absolute;
		bottom: 0;
		width: 100%;
		right: 0;
		transform: scale(0.7) translate(-7%,11%);
		transform-origin: right;
	}
}
@media all and (min-width: 1400px ) {
    .w-xxl-50 {
        width: 50% !important;
    }
}