/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
:root{
	--primary: #8B9C00;
	--secondry: #572974;
	--white: #fff;
	--black:#000;
	--light: rgba(255,255,255,0.1);
	--bodyfont: 'graphik_regularregular', Arial, Helvetica, sans-serif;
	--bodyfont-medium: 'graphikmedium', Arial, Helvetica, sans-serif;
	--bodyfont-bold: 'graphikbold', Arial, Helvetica, sans-serif;
	--headingfont: 'means_web_regularregular', Arial, Helvetica, sans-serif;
	--bodyfontsize:16px;
	--bodyfontsizesmall:16px;
	--bodylineheight:1.45;
	--greenlight:#F4F6E8;
	--lightgreen:#EAEED0;
}

@font-face {
    font-family: 'graphikmedium';
    src: url('../fonts/graphik-medium-webfont.woff2') format('woff2'),
         url('../fonts/graphik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'graphik_regularregular';
    src: url('../fonts/graphik-regular-webfont.woff2') format('woff2'),
         url('../fonts/graphik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'means_web_regularregular';
    src: url('../fonts/meansweb-regular-webfont.woff2') format('woff2'),
         url('../fonts/meansweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'graphikbold';
    src: url('../fonts/graphik-bold-webfont.woff2') format('woff2'),
         url('../fonts/graphik-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?yue2wp');
	src:  url('../fonts/icomoon.eot?yue2wp#iefix') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf?yue2wp') format('truetype'),
	  url('../fonts/icomoon.woff?yue2wp') format('woff'),
	  url('../fonts/icomoon.svg?yue2wp#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
  .icon-arrowleft:before {
	content: "\e900";
  }
  .icon-arrowright:before {
	content: "\e901";
  }
  .icon-arrowround:before {
	content: "\e902";
  }
  .icon-cal:before {
	content: "\e903";
  }
  .icon-church:before {
	content: "\e904";
  }
  .icon-clock:before {
	content: "\e905";
  }
  .icon-dolor:before {
	content: "\e906";
  }
  .icon-mappin:before {
	content: "\e907";
  }
  .icon-right-arrow:before {
	content: "\e908";
  }
  


/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { font:var(--bodyfontsize)/var(--bodylineheight) var(--bodyfont); color:var(--black); background: #FAFBF2; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -webkit-transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); transition: background-color 350ms cubic-bezier(0,.34,.74,.99), color 350ms cubic-bezier(0,.34,.74,.99); }
.allanim, #mainmenu li a:after  { -webkit-transition: all 350ms cubic-bezier(0,.34,.74,.99); transition:all 350ms cubic-bezier(0,.34,.74,.99); }
a { color:var(--primary); text-decoration:none;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight: normal; font-family: var(--bodyfont-bold); }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { line-height:1.3; margin:0 0 10px; font-weight:normal; font-family:var(--headingfont);  }
h1,h2 { font-size:60px;  }
h3 { font-size:40px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:18px; }

ul li { line-height:24px; }
figure { margin: 0;}

.cf:after,.wrap:after { content:""; display:table; clear: both; }
.nodisplay { display:none; }
.nodisplay_strict { display:none !important; }
.alignleft { float:left; }
.alignright { float:right; }
:focus { outline:none; }
.text_cont p { padding:0 0 10px 0; }
.nopad p, p.nopad { padding:0; }

.cols { margin-left:-20px; margin-right:-20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.cols .col { padding-left:20px; padding-right:20px; }
.cols1 .col { width:100% }
.cols2 .col { width:50% }
.cols3 .col { width:33.333333333333%; }
.cols4 .col { width:25%; }

.d-flex { display: flex; flex-wrap: wrap; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }

/* =Blockquote & highlight
========================================================================================*/
blockquote { border-left:solid 6px #e1e1e1; margin-left:0; padding-left:15px; }
blockquote small { font-size:85%; display:block; color:#999; padding:5px 0 0 0; font-style:italic; }
.highlight, mark { background:var(--white)d64; }

/* =Text Size, color & Custom list style
========================================================================================*/
.text-bigger { font-size:22px;  }
.text-big { font-size:20px; }
.text-small { font-size:12px; }
.text-muted { color:#777; }
.text-primary { color:var(--primary); }
.text-secondary { color:#7979a9; }

.bg-muted { background:#777; }
.bg-primary { background:var(--primary); }
.bg-secondary { background:#7979a9; }

.text-lc { text-transform:lowercase; }
.text-uc { text-transform:uppercase; }

.has-show { display:block !important; }
.has-hide { display:none !important; }

.has-error { padding: 4px 12px 0; display:block; color:var(--primary); font-size: 14px; }
input.has-error { border:solid 1px var(--primary) !important;  }

.tall-space { margin:45px 0; }
.medium-space { margin:20px 0; }

.custom-arrow-list { margin:0; padding:0; list-style:none; }
.custom-arrow-list li { position:relative; padding-left:20px; }
.custom-arrow-list li:before { content:''; border:solid 2px #bbb; border-left:0; border-top:0; position:absolute; left:1px; top:9px; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); width:7px; height:7px; }

/* =Divider Width
========================================================================================*/
hr { border:0; border-bottom:solid 1px #e1e1e1; margin:20px 0; position:relative; width:100%; }
hr:before { background:#888; bottom: 0; content: ""; display: block; height: 1px; left: 0; right:0; margin:0 auto; top:0; position: absolute; width: 40px; }
.dashed-border { border-bottom-style:dashed }
.dotted-border { border-bottom-style:dotted; }
.double-border { border-bottom-style:double; border-bottom-width:3px; }
.double-border:before { height:3px; }

/* =Drop Caps
========================================================================================*/
p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; }
p.drop-caps.secundary:first-child:first-letter { background-color: var(--primary); color: var(--white); padding: 6px; margin-right: 11px; border-radius: 4px; }

/* =Image Caps
========================================================================================*/
.image-block { padding:25px 0;  }
.image-block:after { display:table; clear:both; content:''; }
.image-block figure { width:33.33333%; float:left; position:relative; border:solid 1px #e5e5e5; padding:5px; background:var(--white); margin:0 20px 10px 0; }
.image-block figure img { width:100%; height:auto; }
.image-block.right-align figure { float:right; margin:0 0 10px 20px;  }
.image-block figcaption { display:block; font-weight:700; position:absolute; left:5px; right:5px; bottom:5px; margin:0 auto; background:rgba(0,0,0,0.40); padding:13px 10px; color:var(--white); text-align:center; line-height:1.25; }
.image-block h3 { margin-bottom:20px; }

/* =Section Caps
========================================================================================*/
.section-block { padding:25px 0; background:var(--white); }

/* =Layout Width
========================================================================================*/
#wrapper {  }
.wrap { max-width:1426px; width:100%; margin:0 auto; padding-left:30px; padding-right:30px; }

#main {  }
#primary { float:left; width:700px; }
#sidebar { float:right; width:200px; }
.one-column { width:auto !important; float:none !important; }


/* =Common-Page (common classes for all pages)
========================================================================================*/
#header { background:var(--white); padding:10px 0; position: sticky; top: 0; z-index: 111;  }
.header-row { display: flex; align-items: center; justify-content: space-between; }
#logo { width: 114px; position: relative; transition: all 250ms cubic-bezier(0,.34,.74,.99); }
#logo img { max-width:100%; height:auto; width:auto; }
#mainmenu { }
#mainmenu ul { margin:0; padding:0; list-style:none; display: flex; flex-wrap: wrap; }
#mainmenu li { line-height:30px; }
#mainmenu > ul > li { margin:0 58px 0 0;  }
#mainmenu li a { text-decoration:none; padding:0; display:block; color:#8F498C; position:relative; opacity:0.5; transition: opacity 400ms ease; }
#mainmenu li.active a { opacity:1; }

/* Header Sticky Style */

#footer { background: rgb(87,41,116); background: linear-gradient(135deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); padding:28px 0; font-size:16px; color:var(--white); text-align: center; }
#footer p { margin: 0; }
#footer p a { color: var(--white); text-decoration: underline; }

.fb_iframe_widget { text-align: center; }
/* .fb-comments.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe { width: 100% !important; } */

/* =Home-Page (only homepage used classes)
========================================================================================*/
.sprites { background-image: url(../images/bgi/sprites.svg);  } 
.sp-after:after { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-left: 10px; content: ''; vertical-align: middle; }
.sp-before:before { background-image: url(../images/bgi/sprites.svg); display: inline-block; width: 25px; height: 25px; margin-right: 10px; content: ''; vertical-align: middle;  }

/* =Form Style
========================================================================================*/
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;   }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; appearance:none; border-radius:6px; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:var(--white); padding:4px 12px; height:50px; line-height:1.55; border:solid 1px #DDD4E3; color:#454648; width:100%; font-family:var(--bodyfont); -moz-transition:border-color 200ms ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:120px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:var(--bodyfont); }
select { padding:12px 42px 12px 12px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:6px; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:var(--white); }
.custom-select:after { content:''; border-top:solid 6px var(--primary); border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; pointer-events: none; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:var(--primary); color:var(--white);  border:0;  cursor:pointer; width:auto; overflow:visible; padding:13px 45px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:var(--bodyfont); font-weight:bold;  }

input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 5px 0; padding-left: 38px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--primary); }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; background-color: #EAE5EE;  }
.checkbox input { width: 26px; height: 26px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: var(--primary); }
.checkbox input:checked + .input-helper:before { background-color: var(--primary); }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 26px; height: 26px; border-radius: 6px; color: var(--white); }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 7px; top: 7px; font-weight: 600; color: var(--white); transform: scale(0); opacity: 0; }
.radio input { width: 26px; height: 26px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 26px; height: 26px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: var(--primary); border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }


/* =BreadCrumbs
========================================================================================*/
.breadcrumbs { padding:10px 0; background:#efeded; border-bottom:solid 1px #dedede; font-size:14px; color:#808080; }
.breadcrumbs ul { display: inline; margin: 0 0 0 5px; padding: 0; }
.breadcrumbs li { display:inline-block; margin:0 0 0 20px; position:relative; }
.breadcrumbs li:before { content:''; border-left:solid 4px #999; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-14px; top:50%; margin-top:-4px; }
.breadcrumbs li a { color:#505061; text-decoration:none; }

/* =Form list
========================================================================================*/
.form-block { margin:10px 0; }
.form-group { padding:10px 0 }
.form-group label { padding-bottom: 5px; display: block;}
.form-group:after { clear:both; content:''; display:table; }
.formlist .form-group ul { margin:0; padding:0; list-style:none; }
.forgot-link { float:right; }
.form-block .form-group label { display:inline-block; padding:0 0 5px;  }
.form-inline .form-group label { float:left; width:30%; padding:10px 10px 10px 0; line-height:1.5 }
.form-inline .form-group .field-box { width:70%; float:left; }

/* =Common button CSS
========================================================================================*/
.button { background-color:var(--primary); text-transform:uppercase; font-size:16px; color:var(--white); display:inline-block; line-height:1.2; padding:15px 24px; vertical-align:bottom; font-weight:600; text-decoration: none; border-radius: 8px;  }

.button.btn-lg, input[type="submit"].btn-lg, input[type="button"].btn-lg, button.btn-lg { padding:16px 35px; font-size:18px; }
.button.btn-sm, input[type="submit"].btn-sm, input[type="button"].btn-sm, button.btn-sm { padding:10px 25px; font-size:14px; }
.button.btn-xs, input[type="submit"].btn-xs, input[type="button"].btn-xs, button.btn-xs { padding:8px 20px; font-size:12px; }
.button.btn-lightgray, input[type="submit"].btn-lightgray, input[type="button"].btn-lightgray, button.btn-lightgray { background:#969fb0; color:var(--white); }
.button.btn-lg.btn-outline, input[type="submit"].btn-lg.btn-outline, input[type="button"].btn-lg.btn-outline {  padding:14px 35px;   }
.button.btn-outline, input[type="submit"].btn-outline, input[type="button"].btn-outline {  padding:11px 30px;   }
.button.btn-sm.btn-outline, input[type="submit"].btn-sm.btn-outline, input[type="button"].btn-sm.btn-outline {  padding:8px 25px;   }
.button.btn-xs.btn-outline, input[type="submit"].btn-xs.btn-outline, input[type="button"].btn-xs.btn-outline {  padding:6px 20px;   }

.button.btn-block { display:block; }
.buttonset .button { margin: 10px 7px; text-align: center; width: 160px; padding-left:10px !important; padding-right:10px !important; }


/* =Table CSS
========================================================================================*/
table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; border:1px solid #ddd; }
table { width:100%; margin-bottom:30px; }
table th, table td { padding:14px 15px; line-height:1.32; text-align:left; vertical-align:top; border-top:1px solid #ddd;  border-right:1px solid #ddd;}
table th { background:#ececec; font-weight:700; padding:17px 15px; font-size:16px; }

table tr.selected td { background:#fbfbfb; }
table thead th { vertical-align:middle; }
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td { border-top:0; }

/* =tabnav CSS
========================================================================================*/
.tabnav { width:100%; margin:0; padding:0; list-style:none; border:solid 1px #e9edee; display: flex; flex-wrap: wrap; }
.tabnav li { position:relative; margin:0; width:25%; text-align:center; font-weight:600; text-transform:uppercase; }
.tabnav li:first-child { margin:0; }
.tabnav li h2 { margin:0; font-size:15px; }
.tabnav li a { display:block; padding:16px 5px; text-decoration:none; color:#505061; line-height:1.25; background:#e9edee; margin-bottom:-1px; border-left:solid 1px #dde1e2; }
.tabnav li:first-child a { border-left:0; }
.tabnav li.active a:after { display:block; }
.tab-container { padding:20px; border:solid 1px #e9edee; border-top:0; }
.tabcontent .quicklist li, .tabcontent .quicklist { margin:0; }
.tabcontent { display:none;  }
.tabcontent p { color:#666; margin:20px 0 0; }
.tabcontent p:first-child { margin-top:0; }
.tabcontent p a, .accordion-data p a { color:#7f97ae; text-decoration:underline; }
.tabcontent h4 { margin:0 0 15px; }

/* =Accordian CSS
========================================================================================*/
.accordion-databox .accordion-row { }
.accordion-databox .accordion-row:first-child { border-top:0; }
.accordion-databox .accordion-row h5 { cursor:pointer; margin:0; background:#f3f3f3; color:#555; position:relative; padding:16px 54px 16px 16px; font-weight:600; font-size:15px; margin-bottom:7px; text-transform:uppercase; }
.accordion-databox .accordion-row h5:before { position:absolute; right:0; top:0; content:''; width:54px; height:100%; z-index:1; background:rgba(0,0,0,0.08); } 
.accordion-databox .accordion-row h5:after { content:''; position:absolute; right:18px; top:50%; margin-top:-4px; border-top:solid 8px #818181; border-left:solid 8px transparent; border-right:solid 8px transparent; z-index:2  }
.accordion-databox .accordion-row h5.open { color:#272c2f;}
.accordion-databox .accordion-row h5.open:after { border-top:0; border-bottom:solid 8px #272c2f; }
.accordion-data { display:none; padding:15px 0; }
.accordion-data p { padding:0 6px; margin:20px 0 0; }
.accordion-data p:first-child { margin-top:0; }

/* =Alertbox CSS
========================================================================================*/
.alert { padding:16px 16px 16px 55px; margin:20px 0; color:#454545; position:relative; }
.alert:before { position:absolute; content:''; left:15px; top:15px; width:24px; height:24px; background:url(../images/bgi/sprites.svg) no-repeat 0 0; }
.alert-notification {  background-color:var(--white)0f4; border:solid 1px #db524c; color:#db524c; }
.alert-notification:before { background-position:0 0; }
.alert-info { background-color:#e8f6ff;  border:solid 1px #0082d5; color:#0082d5;  }
.alert-info:before { background-position:-26px 0; }
.alert-warning { background-color:#fef4ec; border:solid 1px #ff9948; color:#ff9948; }
.alert-warning:before { background-position:-52px 0; }
.alert-success { background-color:#edfff6; border:solid 1px #04be5b; color:#04be5b; }
.alert-success:before { background-position:-79px 0; }
.alert-normal { background-color:#efefef; border:solid 1px #999; padding-left:16px; color:#555; }
.alert-normal:before { display:none; }

/* =Default page CSS
========================================================================================*/
.heading-listblock { padding:20px 0; }
.heading-listblock p, .heading-listblock blockquote { margin:0 0 35px; }
.heading-listblock p:last-child { margin-bottom:0; } 
.heading-listblock .paragraph-block p { margin:0 0 20px; }
.list-block ul, .list-block ol { padding-left:22px; margin-left:-5px; }
.list-block ul li, .list-block ol li { margin:5px 0; } 
.list-block ul.custom-arrow-list { margin:0; padding:0; }


/* =Homepage CSS 
========================================================================================*/
.hero-banner { background:#360835 url(../images/banner-bg.jpg) 50% 50% no-repeat; background-size:cover; color: var(--white); padding: 60px 0; }
.hero-infobox .wrap { display: flex; justify-content: space-between; margin-bottom: 60px; }
.hero-contentbox { margin-right:65px;}
.giving-box { background:var(--light); border-radius: 24px; border: solid 1px var(--white); padding: 20px 35px; width: auto; 
min-width: 534px; font-size: var(--bodyfontsizesmall); }	
.giving-box h2 { font-size:32px; margin-top: 6px;}
.giving-box h2 + p { margin-bottom: 14px;}

.tree-row{ display: flex; justify-content: space-between; align-items: center;}

.hero-sliderbox { padding: 0 35px; overflow: hidden; }
.heroslider .swiper-slide { width: 890px; }
.sldinfobox { display: flex; margin-top: 60px; }
.sldinfobox p { border-radius: 50px; background-color: var(--light); font-size: 20px; border: solid 1px var(--white); margin: 0 30px 0 0; padding: 10px 20px;}
.arrowbox { display: flex; min-width: 112px; justify-content: space-between; margin-left: auto;}
.arrowbox > div { position: static; width: 50px; height: 50px; background-color:var(--primary); color: var(--white); border-radius: 8px; padding: 10px; font-size: 14px; margin: 0; transition: all ease 400ms; }
.arrowbox > div::after { display:none; }
.arrowbox > div i { font-size: 26px;} 
.donorlistbox { font-size: var(--bodyfontsizesmall); display: flex; gap: 24px; padding: 35px;  background: var(--greenlight) ; }

.donorlistbox .col { width: calc(25% - 12px); border: solid 1px var(--primary); border-radius: 8px; background: var(--white);  display: flex; flex-direction: column; justify-content: space-between;  }
.donorlistbox .col > div { padding: 20px; padding-bottom: 0;}
.giftlogobox { display: flex; font-family: var(--headingfont); margin-bottom: 10px; align-items: center; }

.giftlogobox h3 { color: var(--primary); font-size: 30px; margin-bottom: 5px;}
.giftlogobox figure { width: 84px;  margin:0 24px 0 0;}
.giftlogobox p { margin: 0;}
.detailmenu { background: var(--primary); color: var(--white); display: flex; justify-content: space-between; text-transform: uppercase; text-decoration: none; padding: 15px 20px; border-radius: 0 0 6px 6px; align-items: center; }
.detailmenu i { font-size: 20px; }
.followlink { background: var(--primary); color: var(--white); text-decoration: none; text-transform: uppercase; padding: 13px 26px 11px; font-size: var(--bodyfontsizesmall); border-radius: 30px; margin:0 auto 15px; display: inline-flex; position: relative; margin-left: -28px; }
.followlink i { position: absolute; width: 45px; height: 45px; background: var(--primary); left: 100%; border-radius: 50%; top: 0; font-size: 22px; display:flex ; align-items: center; justify-content:center; transition:all ease 400ms ; }
.profilepicbox { background-color: var(--lightgreen); border-radius: 26px; text-align: center; padding: 8px; margin-right: 60px;}
.profilepicbox img { border-radius:20px; }
.profilepicbox figcaption { font-family: var(--headingfont); font-size: 24px; padding: 18px 0 14px;}
.profilebox { display: flex; }
.profileinfo { padding: 20px 0;}
.profileinfo p { margin-bottom: 30px;}
.profileinfo h4 { font-size:26px; color: var(--primary); margin-bottom:15px; }
.section-headingbox { text-align: center; margin-bottom: 50px;}
.pro-outerbox { padding: 60px 0; margin-bottom: 65px;} 
.section-headingbox > p { max-width: 1260px;  margin: 20px auto 15px;}

.ministriesouterbox { background: var(--greenlight); padding: 60px 0; }
.ministriesbox { display: flex; gap: 40px; flex-wrap: wrap;   }

.ministrybox { background: rgb(87,41,116); background: linear-gradient(135deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); color: var(--white); border-radius: 20px; width: calc(50% - 20px); padding-bottom: 10px; }
.ministrybox h4 { border-bottom: solid 1px rgba(255,255,255,0.3); padding: 15px 24px;}
.ministrybox ul { list-style: none; font-size: 20px; margin: 0 0 0 24px; padding: 15px 0 10px 0; }
.ministrybox ul li { padding: 0 0 15px 30px; position: relative; font-family: 'icomoon';  } 
.ministrybox ul li::before {  content: "\e906"; position: absolute; left: 0; top: 2px; }
.ministrybox ul li a { color: var(--white); text-decoration: none; transition: all ease 400ms; font-family: var(--bodyfont-medium); }
.audio-sliderbox { position: relative; padding:0 74px; margin-bottom: 40px;}
.btn-row { text-align: center; margin-bottom: 0;}
.audio-slider { overflow: hidden;  }
.audio-slider .swiper-slide { width: 654px; background: var(--white); padding:16px; border-radius: 12px; border: solid 1px var(--primary); }
.audio-sliderbox .swiper-button-prev, .audio-sliderbox .swiper-button-next { background: rgb(87,41,116); background: linear-gradient(0deg, rgba(139,156,0,1) 0%, rgba(87,41,116,1) 100%); width: 52px; height: 200px; top: 0; border-radius: 12px; margin: 0; color: var(--white); left: 0;}
.audio-sliderbox .swiper-button-next { left: auto; right: 0;}
.audio-sliderbox .swiper-button-prev i, .audio-sliderbox .swiper-button-next i { font-size: 24px;}
.audio-sliderbox .swiper-button-prev:after, .audio-sliderbox .swiper-button-next:after {  display: none;}
.audio-box { padding: 0 35px; }
.audio-box h4 { text-align: center; font-size: 46px; margin-bottom: 30px; }
.videobox { padding-top: 56.25%; height: 0; position: relative; margin-bottom: 35px; }
.videobox iframe { width: 100%; height: 100%; position: absolute; inset: 0;}
.button.subscribe { background: #FF1717;  }

.video-outerbox { text-align: center; padding: auto; margin-bottom: 90px; }
.video-outerbox h4 { font-size: 46px; margin-bottom: 30px;}

.blog-outerbox { background: var(--greenlight); padding: 60px 0; }
.bloglistbox {  display: flex; gap: 22px; flex-wrap: wrap; }
.bloglistbox .col { width: calc(33% - 11px); margin-bottom: 10px; }
.blog-card figure { margin-bottom: 20px; position: relative;  }
.blog-card figure img, .heroslider .swiper-slide figure img { width: 100%; height: auto;}
.blog-card figure:before, .heroslider .swiper-slide figure:before { content: ''; width:50px; height: 50px; background: var(--primary); clip-path: polygon(0 0%, 0% 100%, 100% 100%); position: absolute; left: 0; bottom: 0; transition: all 400ms ease;  }
.blog-card h5 { font-size: 30px;}
.blog-card h5 a { text-decoration: none; color: var(--black); }

.date { color: var(--secondry); text-transform: uppercase; font-size: var(--bodyfontsizesmall); display: flex; align-items: center; margin-bottom: 10px;font-weight: 600;  }
.date i { font-size: 22px; margin-right: 12px; margin-top: -6px; }  
.blog-card .readmore {  font-weight: 600; text-decoration: none; color: var(--primary); font-size: var(--bodyfontsizesmall); text-transform: uppercase; display: inline-flex; align-items: center; }

.blog-card .readmore i { font-size: 22px; margin: -5px 0 0 10px;}
.buttonrow { padding-top: 50px; text-align: center; }

.worship-outerbox { padding: 60px 0;}
.worship-outerbox .worshipbox:last-child{ margin-bottom: 0;}
.worshipbox {  background: rgb(87,41,116); background: linear-gradient(135deg, rgba(87,41,116,1) 0%, rgba(139,156,0,1) 100%); padding:30px 40px; color: var(--white); border-radius: 20px; margin-bottom: 30px; }
.worshipbox .fb-page.fb_iframe_widget { width: 100%; }
.worship-insidebox { background: var(--light); border: solid 1px var(--white); border-radius: 10px; margin-bottom: 30px;}
.worshipbox .worship-insidebox:last-child{ margin-bottom: 0;} 
.worshipbox figure img { width: 100%; height: auto;}
.wor-heading { border-bottom: solid 1px var(--white); display: flex; justify-content: space-between; padding: 13px 20px; margin-bottom: 10px; } 
.wor-heading span { display: inline-flex; align-items: center;}
.wor-heading span i { font-size: 20px; margin-right: 10px; margin-top: -2px; }
.wor-content { font-size: var(--bodyfontsizesmall); padding: 15px 20px;}
.wor-content p { margin-bottom: 10px;}
.wor-content > span { font-family: var(--bodyfont-medium); display: flex; align-items: center; }
.wor-content > span i { font-size: 24px; margin-right: 10px; }
.worshipbox h4 { display:flex; align-items: center; margin-bottom: 20px;}
.worshipbox h4 i { font-size: 30px; margin-right: 8px; }
.worship-columnbox { display: flex; gap: 40px;  }
.worship-columnbox .col { width: calc(50% - 20px); }
.request-link { display: block; font-size: var(--bodyfontsizesmall); border-radius: 10px; background: var(--light); border: solid 1px var(--white); text-align: center; text-decoration: none; padding: 20px; color: var(--white); }


.cnt-outerbox { background: var(--greenlight); padding: 60px 0;}
.cnt-columnbox { display: flex; gap: 40px; }
.cnt-columnbox .col {  width: calc(58% - 20px); }
.cnt-columnbox .col:first-child{ width: calc(43% - 20px);}
.cnt-columnbox .col h5 { font-size: 30px; margin-bottom: 15px;}
.mapbox { background: var(--white); border: solid 1px var(--primary); border-radius: 20px; font-size: var(--bodyfontsizesmall); margin-bottom: 30px;}
.addressbox { padding: 15px 20px; display: flex; justify-content: space-between; font-family: var(--bodyfont-medium); font-weight: normal; border-top: solid 1px var(--primary); }
.addressbox p { position:relative; padding-left: 34px; margin-bottom: 0;}
.addressbox p i { position: absolute; left: 0; top: 4px; font-size: 26px; }
.addressbox p span { display: block;}
.addressbox p a { color: var(--black); text-decoration: none;}


.mapbox div.gmap { border-radius: 20px 20px 0 0; overflow: hidden; font-size: 0;}
.fb-box { margin-bottom: 30px; }
.fb-box img { width:100%; height: auto;}
.cnt-frombox { background: var(--white); border: solid 1px var(--primary); padding: 30px; border-radius: 20px; font-size: var(--bodyfontsizesmall);} 

.message textarea { height: 222px;}

.button { display: inline-flex; align-items: center;}
.button i { font-size: 26px; margin-left: 14px; display: inline-flex; }

.heroslider .swiper-slide figure:before { width: 84px; height: 84px;}
.audio-outerbox { padding: 60px 0; }
.field-box { margin-top: 10px }
.field-box button { display: inline-flex; align-items: center; padding: 13px 25px;}
.field-box button i { font-size: 22px; margin-left: 12px; }


/*Popup css*/
.close-dialogbox { position:absolute; right:20px; top:20px;  width:30px; height:30px; text-align:center; z-index: 99999; }
.close-dialogbox:before, .close-dialogbox:after { content: ''; width: 4px; height: 30px; rotate: 45deg; background: var(--white); position: absolute;  }
.close-dialogbox:after { rotate: -45deg;}

body.overflowhidden { overflow:hidden; padding-right:17px; }
body.mac.overflowhidden { padding-right:0;}
.popouterbox .popup-block {  display:block; position:absolute; top:50%; left:0; right:0; margin:0 auto; z-index: 99999; max-width:720px; width:100%; padding:30px 20px; }
.popouterbox .popup-block.taller { top:0; }
.popouterbox { bottom: 0; display: none; left: 0; overflow: hidden; overflow-x: hidden; overflow-y: auto; position: fixed; right: 0; top: 0; z-index: 999999999; }
.modal-backdrop { display:none; background: #000; position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 9999;  }
.pop-contentbox { background:#fff; padding:20px;  border-radius:16px;  }

.popup-block .account-box { margin:0; }


#givingpopup .popup-block { max-width:665px;  }
#givingpopup .popup-block .pop-contentbox {padding: 56px 70px; text-align: center;}
.pop-contentbox > figure { border: solid 2px #E1E5C7 ; border-radius: 16px; margin-bottom: 20px; text-align: center; }
.pop-contentbox > figure img { max-width: 100%; border-radius: 16px; }
#givingpopup h3 { font-size: 34px; position: relative; padding:5px 0; margin-bottom: 20px;} 
#givingpopup h3:after { content: ''; width: 50px; height: 4px; background: var(--primary); border-radius: 5px; display: inline-flex; margin: 0 auto; position: absolute; left: 0; right: 0; top: 100%; }
#givingpopup p { margin-bottom: 10px;}
#givingpopup .button { margin-top: 20px; }

.pop-contentbox { text-align: center; }
.pop-contentbox > h4 { position: relative; padding:5px 0; margin-bottom: 20px; text-align: center;} 
.pop-contentbox > h4:after { content: ''; width: 50px; height: 4px; background: var(--primary); border-radius: 5px; display: inline-flex; margin: 0 auto; position: absolute; left: 0; right: 0; top: 100%; }
.pop-contentbox .col { text-align: left; }


.innerbanner { background:#360835 url(../images/banner-bg.jpg) 50% 50% no-repeat; background-size:cover; color: var(--white); padding: 120px 0; }
.innerbanner .bannertitle { text-align: center; }
.innerbanner .bannertitle:after { content: ''; display: block; background-color: var(--primary); border-radius: 50px; width: 110px; height: 5px; margin: 0 auto; }

.profilebox-reverse { flex-direction: row-reverse; }
.profilebox-reverse .profilepicbox { margin-left: 60px; margin-right: 0; }
.profilebox-reverse { margin-top: 60px; }

.aboutuslisting { list-style: none; margin: 0 0 30px; padding: 0; }
.aboutuslisting li { position: relative; font-weight: 600; padding: 0 0 0 30px; margin: 0 0 15px; line-height: 1.2; }
.aboutuslisting li:before { content: ''; position: absolute; top: 0; left: 0; background: url('../images/trainingicon.svg') no-repeat 0 0; width: 18px; height: 18px; }

.bgimg { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.bgimg img { display: none; }

.eventdetailwrapper .col, .eventdetailwrapper p, .eventdetailwrapper figure { margin-bottom: 30px; }
.eventdetailwrapper .col p { margin-bottom: 0; }
.eventdetailwrapper .col img { max-width: 100%; width: 100%; height: auto; border-radius: 10px; border: var(--primary) solid 2px; }
.eventdetailwrapper .mainimg { position: relative; width: 100%; height: 700px; border-radius: 20px; overflow: hidden; z-index: 1; }
.eventdetailwrapper .mainimg:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50%; background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); }
.eventdetailwrapper .mainimg figcaption { position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; padding: 0 40px; color: var(--white); }
.eventdetailwrapper .mainimg figcaption h3 { margin-bottom: 0; }
.eventdetailwrapper .mainimg figcaption .date { background-color: var(--primary); padding: 16px 20px; margin-bottom: 0; border-radius: 10px; color: var(--white); }
.eventdetailwrapper .mainimg figcaption .date i { margin-top: -2px; }


.submitbtnwrap a { position: relative; }
.submitbtnwrap input[type="submit"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; }
span.error { display: block; color: red; opacity: 0.9; }
.successmsg { display: block; background-color: #d1f3d9; border: #b9ddc1 solid 1px; border-radius: 6px; padding: 14px 16px; margin-top: 20px; color: #155724; }