/*
Theme Name: Chhipa Welfare Association
Theme URI: https://www.chhipa.org
Author: 4M Designers
Author URI: https://www.4mdesigners.com
Version: 2020.1
Text Domain: cwa
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:300 }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

*:focus	{ outline: none; }

/* font-family: 'Poppins', sans-serif; */

html	{ height: 100%; }
body	{ font: 400 16px 'Poppins', sans-serif; height: 100%; color: #323232; background-color: #fff; }
a, a:hover	{ color: #323232; text-decoration: none; }

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=search], select, textarea	{ background-color: #fff; border: 1px solid #b3b3b3 !important; font: 400 14px 'Poppins', sans-serif; color: #323232 !important; }
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input[type=date], input[type=search], textarea	{ padding: 10px 15px; }
select	{ padding: 8px 12px; }
input[type=submit], input[type=button], .btn, .button	{ display: inline-block; border: none; border-radius: 0; background-color: #ed1c24; font: 600 15px 'Poppins', sans-serif; color: #fff !important; cursor: pointer; text-decoration: none; padding: 15px 40px; line-height: 1; text-transform: uppercase; text-align: center; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
input[type=submit].small, input[type=button].small, .btn.small, .button.small	{ font-size: 14px; padding: 10px 25px; }
input[type=submit]:hover, input[type=button]:hover, .btn:hover, .button:hover	{ background-color: #017439; color: #fff !important; text-decoration: none !important; }
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, select:focus, textarea:focus	{ border-color: #a3a3a3 !important; }

input[type=submit].alt, input[type=button].alt, .btn.alt, .button.alt	{ border: 1px solid #ed1c24; background-color: transparent; color: #ed1c24 !important; }
input[type=submit].alt:hover, input[type=button].alt:hover, .btn.alt:hover, .button.alt:hover	{ background-color: #ed1c24; color: #fff !important; }

.btn.with-icon	{ position: relative; border: 0; padding-right: 85px; padding-left: 20px; text-align: left; }
.btn.with-icon:after	{ font-family: fontAwesome; font-weight: 400; position: absolute; top: 0; right: 0; padding: 15px 20px; color: #fff; }
.btn.small.with-icon:after	{ padding-top: 10px; padding-bottom: 10px; }
.btn.donate:after	{ content: "\f08a"; }
.btn.donate:hover:after	{ content: "\f004"; }
.btn.pdf:after	{ content: "\f1c1"; }
.btn.whatsapp:after	{ content: "\f232"; }

.scale-img	{ display: inline-block; overflow: hidden; }
.scale-img	img	{ max-width: 100%; height: auto; -webkit-transition: transform 0.5s ease-in-out 0s; transition: transform 0.5s ease-in-out 0s; }
.scale-img:hover	img	{ -webkit-transform: scale(1.2); transform: scale(1.2); }

.explore-more	{ display: inline-block; position: relative; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; }
.explore-more:after { position: absolute; right: 0; font-family: fontAwesome; opacity: 0; content: "\f105"; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.explore-more:hover:after	{ opacity: 1; right: -20px; }
.explore-more:hover	{ text-decoration: none !important; }

.social-links	{ font-size: 1px; overflow: hidden; }
.social-links	.item	{ float: left; width: 40px; height: 40px; border-radius: 50%; background-color: #ccc; color: #fff !important; text-align: center; line-height: 40px !important; text-decoration: none !important; }
.social-links	.item	>	span	{ display: none; }
.social-links	.item:before	{ font-size: 26px; font-family: fontAwesome; }
.social-links	.item.facebook	{ background-color: #3b5998; }
.social-links	.item.facebook:before	{ content: "\f09a"; }
.social-links	.item.twitter	{ background-color: #1da1f2; }
.social-links	.item.twitter:before	{ content: "\f099"; }
.social-links	.item.instagram	{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }
.social-links	.item.instagram:before	{ content: "\f16d"; }
.social-links	.item.youtube	{ background-color: #ff0000; }
.social-links	.item.youtube:before	{ content: "\f167"; }
.social-links	.item.linkedin	{ background-color: #007bb5; }
.social-links	.item.linkedin:before	{ content: "\f0e1"; }
.social-links	.item.pinterest	{ background-color: #bd081c; }
.social-links	.item.pinterest:before	{ content: "\f231"; }
.social-links	.item.tiktok	{ background-color: #000; }
.social-links	.item.tiktok:before	{ content: ""; display: block; width: 100%; height: 100%; background: url('images/icon-tiktok.png') no-repeat center; background-size: 24px; }
.social-links	.item:not(:last-child)	{ margin-right: 10px; }

#top	{ width: 100%; position: relative; z-index: 1000; }

.info-chhipa-top-bar	{ position: sticky; top: 0; z-index: 1001; padding: 10px 0 10px; background-color: #ed1c24; text-align: center; }
.info-chhipa-top-bar,
.info-chhipa-top-bar	a	{ color: #fff; }
.info-chhipa-top-bar	>	div	{ display: inline-block; text-align: center; font-size: 23px; font-weight: 700; line-height: 1.25; letter-spacing: 1px; }
.info-chhipa-top-bar	>	div.with-icon	{ position: relative; padding: 0 0 0 50px; }
.info-chhipa-top-bar	>	div.with-icon:before	{ content: "\f0a4"; font-family: fontAwesome; font-size: 175%; top: 50%; left: 0; transform: translateY(-50%); position: absolute; }

.mobile-app-top-bar	{ padding: 10px 0; background-color: #fff; }

.mobile-app-top-bar	.cwa	{ border: 1px solid #ededed; padding: 5px; }
.mobile-app-top-bar	.title	{ font-size: 16px; font-weight: 600; padding-left: 15px; }

.top-actions	{ background-color: #2e3192; color: #fff; font-size: 11px; text-transform: uppercase; }
.top-actions	a	{ color: #fff; }

.top-actions	.item	{ float: left; position: relative; line-height: 1; padding: 13px 0 13px 27px; }
.top-actions	.item:not(:last-child)	{ margin-right: 25px; }
.top-actions	.item:before	{ position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: fontAwesome; font-size: 165%; }
.top-actions	.item.ambulance:before	{ content: "\f0f9"; }
.top-actions	.item.ambulance	{ padding-right: 55px; }
.top-actions	.item.ambulance	>	label	{ cursor: text; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 200%; font-weight: 600; }

.top-actions	.item.whatsapp	{ padding-left: 25px; }
.top-actions	.item.whatsapp	>	label	{ cursor: pointer; font-size: 150%; font-weight: 600; }
.top-actions	.item.whatsapp:before	{ font-family: fontAwesome; content: "\f232"; }

.top-actions	.item.phone	{ padding-left: 18px; }
.top-actions	.item.phone	>	label	{ cursor: pointer; font-size: 150%; font-weight: 600; }
.top-actions	.item.phone:before	{ font-family: fontAwesome; content: "\f095"; }

.top-menu	{ text-align: right; }
.top-menu	li	{ display: inline-block; }
.top-menu	li:not(:first-child)	{ margin-left: 25px; }
.top-menu	li	a	{ display: block; padding: 10px 0; position: relative; }
.top-menu	li	a:after	{ content: ""; background-color: #fff; width: 0; height: 2px; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.top-menu	li	a:hover:after	{ text-decoration: underline; width: 100%; }

.site-logo	{ position: absolute; top: 0; height: 140px; z-index: 1; }
.site-logo	a:before	{ content: ""; position: absolute; top: 10px; left: 0; display: block; width: 120px; height: 100%; background: url('images/logo-en.png') no-repeat center; background-size: 100%; }
.site-logo	a	>	span	{ position: absolute; top: 65%; left: 135px; line-height: 1; display: block; font-size: 25px; font-weight: 700; color: #fff; }

.site-menu-wrapper	{ background-color: #fff; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
.site-menu-wrapper	>	div	{ padding-right: 0; }
.site-menu	{ position: relative; z-index: 2; }
.site-menu	>	li	{ float: left; font-size: 15px; position: relative; }
.site-menu	>	li:not(:last-child)	{ margin-right: 25px; }
.site-menu	>	li	>	a	{ position: relative; display: block; padding: 13px 0 14px; font-weight: 600; text-transform: uppercase; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.site-menu	>	li.hover	>	a,
.site-menu	>	li	>	a:hover,
.site-menu	>	li.current_page_item	>	a,
.site-menu	>	li.current_page_parent	>	a,
.site-menu	>	li.current_page_ancestor	>	a,
.site-menu	>	li.current-menu-item	>	a,
.site-menu	>	li.current-menu-parent	>	a,
.site-menu	>	li.current-menu-ancestor	>	a	{ text-decoration: none; color: #ed1c24; }

.site-menu	>	li.highlighted	>	a	{ color: #ed1c24; }

.site-menu	>	li.special	{ float: right; }
.site-menu	>	li.special	>	a	{ display: block; font-size: 133.3333%; background-color: #ed1c24; color: #fff; padding: 10px 70px 9px 30px; }
.site-menu	>	li.special	>	a:hover	{ background-color: #017439; }
.site-menu	>	li.special	>	a:after	{ position: absolute; top: 50%; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: fontAwesome; font-weight: 400; content: "\f08a"; }
.site-menu	>	li.special	>	a:hover:after	{ content: "\f004"; }

.site-menu	>	li.menu-item-has-children	>	a:after	{ font-family: fontAwesome; font-weight: 400; content: "\f107"; margin-left: 10px; }

.site-menu	.sub-menu	{ display: none; font-size: 14px; position: absolute; top: 100%; left: -25px; z-index: 1000; width: 600px; padding: 25px 10px; background-color: #2e3192; -webkit-animation: fadeIn 0.3s both 0s; animation: fadeIn 0.3s both 0s; }
.site-menu	>	li.hover	>	.sub-menu	{ display: block; }

.site-menu	.sub-menu	>	li	{ float: left; width: 50%; padding: 5px 15px; line-height: 1.5; }
.site-menu	.sub-menu	>	li	>	a	{ display: inline-block; padding: 0 0 5px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.25); }
.site-menu	.sub-menu	>	li	>	a:after	{ font-family: fontAwesome; content: "\f105"; opacity: 0; position: relative; left: 0; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.site-menu	.sub-menu	>	li.current_page_item	>	a,
.site-menu	.sub-menu	>	li.current_page_parent	>	a,
.site-menu	.sub-menu	>	li.current_page_ancestor	>	a,
.site-menu	.sub-menu	>	li.current-menu-item	>	a,
.site-menu	.sub-menu	>	li.current-menu-parent	>	a,
.site-menu	.sub-menu	>	li.current-menu-ancestor	>	a	{ border-bottom-color: rgba(255,255,255,0.75); }
.site-menu	.sub-menu	>	li.current_page_item	>	a:after,
.site-menu	.sub-menu	>	li.current_page_parent	>	a:after,
.site-menu	.sub-menu	>	li.current_page_ancestor	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-item	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-parent	>	a:after,
.site-menu	.sub-menu	>	li.current-menu-ancestor	>	a:after,
.site-menu	.sub-menu	>	li	>	a:hover:after	{ opacity: 1; left: 15px; }

.site-menu-wrapper	.btn.donate	{ display: block; font-size: 125%; }

.menu-action	{ position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 16px; color: #323232; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 1; }
.menu-action:before	{ content: "Menu"; line-height: 16px; }
.menu-action	>	span	{ position: relative; float: right; width: 35px; height: 100%; margin: 0 0 0 10px; }
.menu-action	>	span	>	span	{ position: absolute; right: 0; display: block; width: 100%; height: 2px; background-color: #323232; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.menu-action	>	span	>	span:nth-child(1)	{ top: 0; width: 68.5%; }
.menu-action	>	span	>	span:nth-child(2)	{ top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu-action	>	span	>	span:nth-child(3)	{ bottom: 0; width: 77.1%; }
.menu-action:hover	{ text-decoration: none; color: #323232; }

#close-mobile-menu	{ display: none; position: absolute; top: 20px; right: 15px; z-index: 99999; width: 21px; height: 21px; }
#close-mobile-menu	span { position: absolute; top: 5px; width: 100%; height: 1px; background-color: #fff; }
#close-mobile-menu	span:nth-child(1)	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#close-mobile-menu	span:nth-child(2)	{ bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#mobile-menu	{ position: fixed; top: 0; right: 0; height: 100%; z-index: 9999999; -webkit-transition: -webkit-transform 0.25s linear 0s; transition: transform 0.25s linear 0s; -webkit-transform: translateX(380px); transform: translateX(380px); }
#mobile-menu	.contents	{ background-color: #2e3192; width: 300px; height: 100%; padding: 45px 0 30px; overflow-y: scroll; }
#mobile-menu	.contents,
#mobile-menu	.contents	a	{ color: #fff; }

.mobile-site-menu	a:hover	{ text-decoration: none; }

.mobile-site-menu	{ position: relative; overflow: hidden; }
.mobile-site-menu	>	li	{ padding-right: 25px; padding-bottom: 15px; padding-left: 25px; }
.mobile-site-menu	>	li	>	a	{ font-size: 15px; font-weight: 600; text-transform: uppercase; }
.mobile-site-menu	>	li	a	{ display: inline-block; }
.mobile-site-menu	>	li:not(:first-child)	{ padding-top: 15px; }
.mobile-site-menu	>	li:not(:last-child)	{ border-bottom: 1px solid rgba(255,255,255,0.5); }
.mobile-site-menu	>	li.current_page_item,
.mobile-site-menu	>	li.current_page_parent,
.mobile-site-menu	>	li.current_page_ancestor,
.mobile-site-menu	>	li.current-menu-item,
.mobile-site-menu	>	li.current-menu-parent,
.mobile-site-menu	>	li.current-menu-ancestor	{ border-bottom: 1px solid rgba(255,255,255,1); }

.mobile-site-menu	>	li	>	.sub-menu	{ padding: 5px 0 0; }
.mobile-site-menu	>	li	>	.sub-menu	li:not(:last-child)	{ margin-bottom: 7px; }
.mobile-site-menu	>	li	>	.sub-menu	>	li	a	{ font-size: 14px; font-weight: 400; text-transform: none; }

.mobile-site-menu	>	li	>	.sub-menu	>	li	>	a:after	{ content: ""; display: block; width: 0; height: 1px; background-color: rgba(255,255,255,0.5); -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_item	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_parent	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current_page_ancestor	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-item	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-parent	>	a:after,
.mobile-site-menu	>	li	>	.sub-menu	>	li.current-menu-ancestor	>	a:after	{ width: 100%; }

#top.fixed	{ position: fixed; top: 0; z-index: 99999; }
#top.fixed	.mobile-app-top-bar,
#top.fixed	.top-actions	{ display: none; }

body.page-template-donate	#top.fixed,
body.page-template-sadqa-bakra	#top.fixed,
body.page-template-qurbani	#top.fixed	{ position: relative; }

#top.fixed	.site-logo	{ position: absolute; top: 0; height: 60px; }
#top.fixed	.site-logo	a:before	{ top: 5px; width: 52px; height: 100%; background: url('images/logo-en.png') no-repeat center; background-size: 100%; }
#top.fixed	.site-logo	a	>	span	{ display: none; }

body.push-left	{ overflow: hidden; }
body.push-left.admin-bar	#wpadminbar	{ z-index: 1; }
body.push-left:before	{ position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); content: ""; -webkit-animation: fadeIn 0.15s both 0s; animation: fadeIn 0.15s both 0s; }

body.push-left	#mobile-menu	{ -webkit-transform: translateX(0); transform: translateX(0); }
body.push-left	#mobile-menu	#close-mobile-menu	{ display: block; -webkit-animation: fadeIn 0.5s both 0.25s; animation: fadeIn 0.5s both 0.25s; }

.footer-call-to-actions	{ position: relative; z-index: 1; background-repeat: no-repeat; background-position: center; height: 0 !important; padding: 30px 0; }
.footer-call-to-actions,
.footer-call-to-actions	a	{ color: #fff; }
/*.footer-call-to-actions:before	{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); }*/
.footer-call-to-actions	.details	{ font-size: 41px; line-height: 1.5; position: absolute; top: 50%; z-index: 2; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-call-to-actions	.title	{ font-size: 41px; font-weight: 400; line-height: 1.5; }
.footer-call-to-actions	.action	{ border-width: 5px; border-style: solid; border-color: transparent transparent #ed1c24 transparent; border-radius: 0 0 710px 200%/20px; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.footer-call-to-actions	.action:hover	{ border-bottom-color: #fff; }

.footer-call-to-actions.c2a-join-our-struggle	{ background-image: url('images/call-to-actions/join-our-struggle-2.jpg'); background-size: cover; }

.footer-call-to-actions.c2a-mobile-app	{ height: auto; padding-top: 20px; padding-bottom: 20px; background-color: #2e3192; }
.footer-call-to-actions.c2a-mobile-app:before	{ display: none; }
.footer-call-to-actions.c2a-mobile-app	.title	{ font-size: 19px; font-weight: 600; }

.quick-donate	{ position: absolute; bottom: 0; z-index: 3; width: 100%; -webkit-transform: translateY(50%); transform: translateY(50%); }
.quick-donate	form	{ background-color: #fff; padding: 30px; box-shadow: 0 0 51px rgba(0,0,0,0.29); }
.quick-donate	form	label	{ font-size: 29px; font-weight: 700; color: #ed1c24; line-height: 1; }
.quick-donate	form	input, .quick-donate	form	select, .quick-donate	form	button	{ width: 100%; }

#footer	{ background-color: #ededed; font-size: 14px; font-weight: 400; }
#footer	a	{ -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
#footer	a:hover	{ text-decoration: none; }

#footer	.inside	{ padding: 50px 0; }

#footer	.footer-logo	>	img	{ max-width: 130px; height: auto; }

#footer	address	{ line-height: 1.5; }

#footer	.contact-info	.item	{ display: inline-block; margin-right: 15px; }
#footer	.contact-info	.item:before	{ font-family: fontAwesome; font-weight: 900; margin: 0 10px 0 0; }
#footer	.contact-info	.item.phone:before	{ content: "\f095"; }
#footer	.contact-info	.item.uan:before	{ content: "\f095"; }
#footer	.contact-info	.item.helpline:before	{ content: "\f0f9"; }
#footer	.contact-info	.item.fax:before	{ content: "\f1ac"; }
#footer	.contact-info	.item.email:before	{ content: "\f003"; }
#footer	.contact-info	.item.email	{ color: #ed1c24; }
#footer	.contact-info	.item.tax-id:before	{ content: "\f2c3"; }
#footer	.contact-info	.item.person:before	{ content: "\f2c0"; }

#footer	.contact-info	.item.whatsapp:before	{ font-weight: 400; content: "\f232"; }

#footer	.app-qr-code	{ margin-bottom: 25px; }
#footer	.app-qr-code	.qr-code	{ display: block; max-width: 90px; padding: 5px; background-color: #fff; border-radius: 10px; }
#footer	.app-qr-code	.cwa	{ display: block; max-width: 36px; padding: 3px; background-color: #fff; border-radius: 10px; }
#footer	.app-qr-code	.title	{ font-size: 14px; line-height: 18px; margin-top: 3px; }
#footer	.app-qr-code	.title	strong	{ color: #ed1c24; font-weight: 400; }
#footer	.app-qr-code	.badges	{ margin-top: 15px; }
#footer	.app-qr-code	.badges	>	a	{ display: inline-block; margin-right: 10px; }
#footer	.app-qr-code	.badges	img	{ max-width: 110px; }

#footer	.social-links	.title	{ font-size: 24px; color: #017439; margin-bottom: 20px; }
#footer	.social-links	.title	>	span	{ color: #ed1c24; }
#footer	.social-links	.item	{ width: 50px; height: 50px; line-height: 50px !important; }
#footer	.social-links	.item:before	{ font-size: 33px; }
#footer	.social-links	.item.tiktok:before	{ background-size: 29px; }

#bottom	{ padding-top: 50px; font-size: 16px; }
#bottom	a	{ text-decoration: underline; }

.powered-by	{ text-align: right; }
.powered-by	a	{ display: inline-block; background: url('images/logo-4m.png') no-repeat right center; padding: 0 30px 0 0; text-decoration: none !important; }
.powered-by	a	span	{ display: none; }

.home-slides-wrapper	{ position: relative; }
.home-slides-wrapper	.action	{ position: absolute; bottom: 0; left: 50%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.home-slides-wrapper	.action:after	{ content: ""; display: block; width: 2px; height: 105px; margin: 10px auto 0; background-color: #ed1c24; }

.home-slides	{ position: relative; visibility: hidden; }
.home-slides.slick-initialized	{ visibility: visible; }

.home-slides	.slick-slide	{ position: relative; }
.home-slides	.slick-slide:before	{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home-slides	.slick-slide	>	img	{ width: 100%; }
.home-slides	.slick-slide	>	img.slide-portrait	{ display: none; }

.home-slides	.slick-slide.slide-video	{ background: url('images/home-slides/chhipa-activity-banner-blurred.jpg') no-repeat center; background-size: cover; }

.home-slides	.slick-slide	.slide-portrait	{ display: none; }

.home-slides	.slick-slide	.desc	{ font-size: 18px; position: absolute; top: 50%; left: 0; width: 100%; padding-bottom: calc (195px * 0.5); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.home-slides	.slick-slide	.desc	.slide-title	{ font-size: 57px; font-weight: 600; line-height: 1.15; margin: 0; }
.home-slides	.slick-slide	.desc	p	{ line-height: 1.5; margin-top: 15px; }
.home-slides	.slick-slide	.desc	.action	{ display: inline-block; margin-top: 45px; font-size: 76%; font-weight: 700; }
.home-slides	.slick-slide	.desc	.text-center	{ text-align: center; }
.home-slides	.slick-slide	.desc	.text-center	p	{ margin-right: auto; margin-left: auto; }

.home-slides	.slick-slide.pos-left	.desc	{ padding-left: 8.333333%; }

.home-slides	.slick-slide.pos-right	.desc	{ padding-right: 8.333333%; }

.home-slides	.slick-slide.pos-center	.desc	.slide-title	{ font-size: 77px; text-transform: uppercase; line-height: 1; }
.home-slides	.slick-slide.pos-center	.desc	p	{ font-style: italic; color: #ed1c24; }

.home-slides	.slick-slide.home-slide-light	.desc,
.home-slides	.slick-slide.home-slide-light	.desc	a	{ color: #323232; }

.home-slides	.slick-slide.home-slide-dark	.desc,
.home-slides	.slick-slide.home-slide-dark	.desc	a	{ color: #fff; }

.home-slides	.slick-slide.slick-active	.desc		{ -webkit-animation:fadeIn .5s both .25s; animation:fadeIn .5s both .25s; }

.home-slides	.slick-slide.home-slide-qurbani	.desc	.slide-title	{ font-size: 47px; }
.home-slides	.slick-slide.home-slide-qurbani	.desc	.slide-title	>	span	{ display: block; font-size: 45%; font-weight: 500; }
.home-slides	.slick-slide.home-slide-qurbani	.desc	.slide-desc	{ line-height: 1.25; font-size: 20px; margin-top: 25px; margin-bottom: 20px; }
.home-slides	.slick-slide.home-slide-qurbani	.desc	.price	{ font-size: 100%; }
.home-slides	.slick-slide.home-slide-qurbani	.desc	.price.bigger	{ font-size: 130%; }
.home-slides	.slick-slide.home-slide-qurbani	.desc	.btn	{ margin-top: 25px; font-size: 17px; }

.home-slides	.slick-slide.home-slide-qurbani	.desc	.price	.item	{ font-size: 95%; margin-top: 10px; }

.home-slides	.slick-slide.home-slide-mobile-app	.mobile-app-badges	>	a	{ display: inline-block; }

body.home-slide-qurbani	.home-slides-wrapper	.action	{ display: none !important; }

.home-slides	.price-list	{ margin-top: 10px; }
.home-slides	.price-list	.item	{ background-color: rgba(46,49,146,0.15); border: 1px solid rgba(255,255,255,0.75); text-align: center; }
.home-slides	.price-list	.item	>	label	{ display: block; background-color: rgba(46,49,146,0.9); color: #fff; font-size: 16px; padding: 5px; }
.home-slides	.price-list	.item	>	span	{ font-size: 30px; font-weight: 700; padding: 0 15px; }
.home-slides	.price-list	.item	>	span	>	sup	{ font-size: 50%; font-weight: 400; }

.home-slides	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 30px; height: 30px; margin: -15px 0 0; opacity: 0.75; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.home-slides	a.slick-arrow:hover	{ opacity: 1; }
.home-slides	a.slick-arrow:before,
.home-slides	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #fff; }
.home-slides	a.slick-arrow:before	{ top: 4px; }
.home-slides	a.slick-arrow:after	{ bottom: 4px; }
.home-slides	a.slick-arrow.slick-next	{ right: 30px; }
.home-slides	a.slick-arrow.slick-next:before	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.home-slides	a.slick-arrow.slick-next:after	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-slides	a.slick-arrow.slick-prev	{ left: 30px; }
.home-slides	a.slick-arrow.slick-prev:before	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-slides	a.slick-arrow.slick-prev:after	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.home-slides	.slick-dots	{ position: absolute; bottom: 35px; width: 100%; margin: 30px 0 0; text-align: center; }
.home-slides	.slick-dots	li	{ display: inline-block; padding: 0 8px; position: relative }
.home-slides	.slick-dots	li	button	{ cursor: pointer; display: block; text-indent: -4000px; background-color: #fff; color: #fff; border: none; width: 34px; height: 3px; font-size: 1px; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.home-slides	.slick-dots	li	button:hover, .home-slides	.slick-dots	li.slick-active	button	{ background-color: #ed1c24; }

body.home-slide-light	.site-logo	a	>	span,
body.page-template-contact	.site-logo	a	>	span,
body.woocommerce-view-order	.site-logo	a	>	span,
body.error404	.site-logo	a	>	span	 { color: #343434; }
body.home-slide-dark	.site-logo	a	>	span	{ color: #fff; }

body.home-slide-light	.home-slides	a.slick-arrow:before,
body.home-slide-light	.home-slides	a.slick-arrow:after	{ background-color: #343434; }

#site-content:before	{ position: absolute; display: block; background:url('images/site-content-cover.png') no-repeat center; width: 100%; height: 195px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.home-section	{ padding: 25px 0 55px; }

.home-section	.heading-block	{ text-align: center; margin-bottom: 30px; }

.home-section	.section-title	{ font-size: 33px; font-weight: 700; margin-bottom: 15px; color: #017439; text-align: center; }
.home-section	.section-title	>	span	{ color: #ed1c24; }
.home-section	.section-desc	{ font-size: 15px; font-weight: 400; margin-top: 15px; line-height: 1.75; }

.home-section.home-bank-accounts	{ padding-bottom: 0; }

.home-section.home-bank-accounts	.bank-details .title	{ text-align: center; line-height: 1; text-transform: uppercase; margin-bottom: 0; padding: 13px 10px; }
.home-section.home-bank-accounts	.bank-details .title.highlighted	{ background-color: #741d7e; color: #ed1c24; text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; }
.home-section.home-bank-accounts	.bank-details .item	{ border: 3px solid #741d7e; }

.home-services-list	.item	{ padding-top: 5px; padding-bottom: 5px; }
.home-services-list	.thumb	{ display: block; overflow: hidden; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.home-services-list	.thumb	>	span	{ display: block; position: absolute; bottom: 0; z-index: 3; width: 100%; padding: 25px 30px 25px 65px; font-size: 20px; line-height: 1; background: url('images/home-services-desc.png') no-repeat; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; }
.home-services-list	.thumb:hover	>	span	{ opacity: 1; }
.home-services-list	.thumb	>	span	>	i	{ position: absolute; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #ed1c24; font-size: 150%; }
.home-services-list	.thumb	>	span	>	i.icon-default	{ background: url('images/logo-en.png') no-repeat center left; background-size: auto 100%; width: 40px; height: 36px; }

.home-services-list	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 30px; height: 30px; margin: -15px 0 0; opacity: 0.75; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.home-services-list	a.slick-arrow:hover	{ opacity: 1; }
.home-services-list	a.slick-arrow:before,
.home-services-list	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #fff; }
.home-services-list	a.slick-arrow:before	{ top: 4px; }
.home-services-list	a.slick-arrow:after	{ bottom: 4px; }
.home-services-list	a.slick-arrow.slick-next	{ right: 30px; }
.home-services-list	a.slick-arrow.slick-next:before	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.home-services-list	a.slick-arrow.slick-next:after	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-services-list	a.slick-arrow.slick-prev	{ left: 30px; }
.home-services-list	a.slick-arrow.slick-prev:before	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-services-list	a.slick-arrow.slick-prev:after	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.home-services-list	.slick-dots	{ width: 100%; margin: 30px 0 0; text-align: center; }
.home-services-list	.slick-dots	li	{ display: inline-block; padding: 0 8px; position: relative }
.home-services-list	.slick-dots	li	button	{ cursor: pointer; display: block; text-indent: -4000px; background-color: #7f7f7f; color: #fff; border: none; width: 34px; height: 3px; font-size: 1px; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.home-services-list	.slick-dots	li	button:hover, .home-services-list	.slick-dots	li.slick-active	button	{ background-color: #ed1c24; }

.home-profile	{ padding: 0; position: relative; margin-bottom: 35px; }
.home-profile:before	{ content: ""; width: 100%; height: 72.5%; position: absolute; top: 50%; left: 0; background-color: #ed1c24; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.home-profile	.profile-wrapper	{ position: relative; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.75); min-height: 425px; }
.home-profile	.profile-wrapper:before	{ content: ""; position: absolute; bottom: 0; left: 50%; z-index: 2; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 300px; height: 400px; background: url('images/muhammad-ramzan-chhipa-5.png') no-repeat; background-size: 100%; }

.home-profile	.profile-tagline	{ position: relative; background: url('images/one-goal-one-mission.jpg') no-repeat center; color: #fff; }
.home-profile	.profile-tagline	.title	{ position: absolute; bottom: 55px; padding: 0 135px 0 55px; font-size: 31px; font-weight: 700; }
.home-profile	.profile-tagline	.title	>	span	{ display: block; font-size: 66.66%; font-weight: 400; }

.home-profile	.profile-details	{ padding: 55px 55px 55px 155px; }
.home-profile	.profile-details	.title	{ font-size: 21px; font-weight: 700; margin-bottom: 20px; }
.home-profile	.profile-details	p	{ font-size: 18px; line-height: 1.5; margin-bottom: 25px; }
.home-profile	.profile-details	.social-links	{ margin-bottom: 25px; }
.home-profile	.profile-details	a.explore-more	{ line-height: 1; color: #ed1c24; text-transform: uppercase; text-decoration: underline; }

.home-videos	{ padding-bottom: 35px; }
.home-videos	.item	img	{ width: 100%; }
.home-videos	.item	>	a	{ position: relative; display: block; }
.home-videos	.item	>	a:before	{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1000; width: 76px; height: 76px; text-align: center; line-height: 76px; font-family: fontAwesome; font-size: 165%; content: "\f04b"; color: #ed1c24; background-color: #fff; border-radius: 50%; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; opacity: 0.95; }
.home-videos	.item	>	a:hover:before	{ background-color: #ed1c24; color: #fff; }

.home-section.home-donation-types	{ padding-bottom: 25px; }
.home-donation-types	.item	{ text-align: center; font-size: 15px; margin-bottom: 30px; }
.home-donation-types	.item	>	a	>	i	{ display: block; font-size: 300%; width: 114px; height: 114px; margin: 0 auto 15px; border-radius: 50%; line-height: 114px; background-color: #2e3192; color: rgba(255,255,255,0.5); -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.home-donation-types	.item	>	a	>	span	{ display: block; }
.home-donation-types	.item	>	a:hover	>	i	{ color: #fff; }

.sub-header	{ position: relative; }
.sub-header	>	img	{ width: 100%; }
.sub-header	>	img.banner-portrait	{ display: none; }
.sub-header	.desc	{ color: #fff; width: 100%; padding: 55px 0 0; position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.sub-header	.desc	.page-meta-title	{ font-size: 23px; }
.sub-header	.desc	.page-title	{ font-size: 57px; font-weight: 700; line-height: 1.25; }

.sub-header.sub-header-donate-landing	{ min-height: 80vh !important; }
.sub-header.sub-header-donate-landing	.desc	{ padding-top: 55px !important; }
.sub-header.sub-header-donate-landing	.desc	.page-meta-title	{ font-size: 21px !important; margin-bottom: 10px !important; }
.sub-header.sub-header-donate-landing	.desc	.page-title	{ font-size: 36px !important; margin-bottom: 0 !important; }

.page-video	{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.page-video	>	iframe	{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-template-donate	.sub-header	{ background-color: #2e3192; min-height: 70vh; max-height: 460px; }
.page-template-donate	.sub-header	.desc	{ padding-top: 115px; }
.page-template-donate	.sub-header	.desc	.page-slide	{ text-align: right; }

.page-template-sadqa-bakra	.sub-header	.desc	.page-title	{ font-size: 41px; }

.sub-content	{ padding: 0 0 75px; background-color: #fff; }

.sub-content-area	{ position: relative; padding-top: 115px; }
.sub-content-area:before,
.sub-content-area:after	{ content: ""; position: absolute; width: 1px; height: 80px; left: 45px; }
.sub-content-area:before	{ top: -80px; background-color: #fff; }
.sub-content-area:after	{ top: 0; background-color: #b3b3b3; }

.page-template-contact	.sub-content-area:before	{ background-color: #b3b3b3; }

.page-template-default-simple-header	.site-logo	a	>	span	{ color: inherit; }

.page-with-simple-header	.sub-content-area:before,
.page-with-simple-header	.sub-content-area:after	{ display: none; }
.content	a	{ color: #2e3192; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.content	a:hover	{ color: #ed1c24; }
.content	hr	{ height: 1px; border: none; background-color: #ededed; margin-bottom: 20px; }
.content	h1	{ font-size: 37px; font-weight: 700; margin-bottom: 30px; line-height: 1; }
.content	h1	small	{ display: block; margin: 10px 0 0; font-size: 50%; font-weight: 300; }
.content	h2,
.content	h3,
.content	h4,
.content	h5,
.content	h6	{ font-weight: 700; margin-bottom: 20px; line-height: 1.5; color: #2e3192; }
.content	h2	{ font-size: 26px; }
.content	h3	{ font-size: 23px; }
.content	h4	{ font-size: 20px; }
.content	h5	{ font-size: 17px; }
.content	h6	{ font-size: 16px; }
.content	p	{ line-height: 1.75; margin: 0 0 25px; }
.content	ul, .content	ol	{ margin: 0 0 25px 20px; }
.content	ul	li, .content	ol	li	{ line-height: 1.75; margin-bottom: 5px; }
.content	ul	li	{ list-style: disc; }
.content	ul	ul	li	{ list-style: circle; }
.content	ol	li	{ list-style: decimal; }
.content	ol	ol	li	{ list-style: lower-alpha; }
.content	ul	ul, .content	ol	ol	{ margin-top: 5px; margin-bottom: 0; }

.content	blockquote	{ padding: 40px 0 0 50px; margin: 0 0 30px; position: relative; }
.content	blockquote:before	{ font-family: fontAwesome; content: "\f10d"; font-size: 250%; position: absolute; top: 0; left: 0; opacity: 0.25; color: #0e76bc; }
.content	blockquote	> *:last-child	{ margin-bottom: 0; }

.content	.text-right	{ text-align: right; }
.content	.text-center	{ text-align: center; }
.content	.text-left	{ text-align: left; }
.content	.text-upper	{ text-transform: uppercase; }
.content	.text-lower	{ text-transform: lowercase; }

.content	.text-light	{ font-weight: 300; }
.content	.text-normal	{ font-weight: 400; }
.content	.text-medium	{ font-weight: 600; }
.content	.text-bold	{ font-weight: 700; }
.content	.text-bolder	{ font-weight: 900; }

.content	.text-50	{ font-size: 50%; }
.content	.text-75	{ font-size: 75%; }
.content	.text-125	{ font-size: 125%; }
.content	.text-150	{ font-size: 150%; }
.content	.text-175	{ font-size: 175%; }
.content	.text-200	{ font-size: 200%; }
.content	.text-225	{ font-size: 225%; }
.content	.text-250	{ font-size: 250%; }
.content	.text-275	{ font-size: 275%; }
.content	.text-300	{ font-size: 300%; }

.content	.text-lh-1	{ line-height: 1; }
.content	.text-lh-125	{ line-height: 1.25; }
.content	.text-lh-15	{ line-height: 1.5; }
.content	.text-lh-175	{ line-height: 1.75; }
.content	.text-lh-2	{ line-height: 2; }

.content	.red	{ color: #ed1c24 !important; }
.content	.blue	{ color: #2e3192 !important; }
.content	.green	{ color: #017439 !important; }
.content	.default	{ color: #323232 !important; }

.content	.bg-grey	{ background-color: #ededed; }
.content	.bg-red	{ background-color: #ed1c24; color: #fff; }

.content	.mb-0	{ margin-bottom: 0px; }
.content	.mb-10	{ margin-bottom: 10px; }
.content	.mb-20	{ margin-bottom: 20px; }
.content	.mb-30	{ margin-bottom: 30px; }
.content	.mb-40	{ margin-bottom: 40px; }
.content	.mb-50	{ margin-bottom: 50px; }
.content	.mb-60	{ margin-bottom: 60px; }

.content	.vs-10	{ padding-top: 10px; padding-bottom: 10px; }
.content	.vs-20	{ padding-top: 20px; padding-bottom: 20px; }
.content	.vs-30	{ padding-top: 30px; padding-bottom: 30px; }
.content	.vs-40	{ padding-top: 40px; padding-bottom: 40px; }
.content	.vs-50	{ padding-top: 50px; padding-bottom: 50px; }
.content	.vs-60	{ padding-top: 60px; padding-bottom: 60px; }

.content	.hs-10	{ padding-right: 10px; padding-left: 10px; }
.content	.hs-20	{ padding-right: 20px; padding-left: 20px; }
.content	.hs-30	{ padding-right: 30px; padding-left: 30px; }
.content	.hs-40	{ padding-right: 40px; padding-left: 40px; }
.content	.hs-50	{ padding-right: 50px; padding-left: 50px; }
.content	.hs-60	{ padding-right: 60px; padding-left: 60px; }

.content	table	{ border-top: 3px solid #2e3192; margin-bottom: 30px; }
.content	table	thead	th	{ padding: 10px; border-bottom: 2px solid #b3b3b3; text-transform: uppercase; font-weight: 400; }
.content	table	tbody	td,
.content	table	tbody	th	{ padding: 15px 10px; border-bottom: 1px solid #b3b3b3; text-align: left; vertical-align: top; }

.content	table	tbody	th	{ text-transform: uppercase; font-size: 14px; }

.content	table	tbody	tr:nth-child(odd)	td,
.content	table	tbody	tr:nth-child(odd)	th	{ background-color: #f3f3f3; }

.content	table	tfoot	th,
.content	table	tfoot	td	{ padding: 10px; border-top: 2px solid #b3b3b3; border-bottom: 2px solid #b3b3b3; text-transform: uppercase; font-weight: 400; }

.content	img.alignright	{ float: right; margin: 0 0 25px 40px; }
.content	img.alignleft	{ float: left; margin: 0 40px 25px 0; }
.content	img.aligncenter	{ display: block; margin: 0 auto 25px; }
.content	img.alignright,
.content	img.alignleft,
.content	img.aligncenter,
.content	img.alignnone	{ max-width: 100%; height: auto; }

.content	.col-12	img.alignright,
.content	.col-12	img.alignleft,
.content	.col-12	img.aligncenter,
.content	.col-12	img.alignnone	{ width: 100%; }

.content	p:empty { display: none; }

.content	#accordion	{ margin: 0 0 30px; }
.content	.ui-accordion-header	{ position: relative; background-color: #2e3192; color: #fff; font-size: 15px; font-weight: 700; line-height: 1; padding: 15px 60px 15px 15px; margin: 0 0 10px; cursor: pointer; }
.content	.ui-accordion-header:after	{ content: "\f0d7"; font-family: fontAwesome; font-size: 125%; position: absolute; right: 30px; }
.content	.ui-accordion-header-active	{ margin-bottom: 0; }
.content	.ui-accordion-header-active:after	{ content: "\f0d8"; }
.content	.ui-accordion-content	{ font-size: 15px; background-color: #fff; padding: 15px; margin: 0 0 10px; }

.content	#tabs	{ margin: 0 0 30px; }
.content	.ui-tabs-nav	{ list-style: none; margin: 0 0 10px; text-align: center; }
.content	.ui-tabs-nav	>	li	{ display: inline-block; margin: 0 1px; }
.content	.ui-tabs-nav	>	li	>	a	{ display: block; font-weight: 700; text-transform: uppercase; padding: 10px 15px; line-height: 1; color: #2e3192; }
.content	.ui-tabs-nav	>	li	>	a:hover,
.content	.ui-tabs-nav	>	li.ui-state-active	>	a	{ background-color: #ed1c24; color: #ffff; }
.content	.flyer	{ float: right; margin: 0 0 20px 20px; }
.content	.flyer	>	img	{ max-width: 200px; height: auto; }

.donate-via-bank	.ui-tabs-nav	{ position: sticky; top: 0; z-index: 2; background-color: #fff; }																						   
.bank-details-1	{ padding: 0 !important; position: relative; }
.bank-details-1	.item	{ padding: 15px; font-size: 13px; }
.bank-details-1	.bank-account-info	{ font-weight: 700; text-transform: uppercase; padding: 10px 15px; margin: 0 0 15px; line-height: 1; background-color: #ffeea5; }
.bank-details-1	.item:nth-child(odd)	{ background-color: #ededed; }
.bank-details-1	.item:nth-child(even)	{ background-color: #f7f7f7; }
.bank-details-1	.item	ul	{ margin: 0 !important; }
.bank-details-1	.item	ul	li	{ list-style: none !important; position: relative; padding: 0 0 0 calc(40% + 15px); }
.bank-details-1	.item	ul	li	>	label	{ display: block; width: 40%; position: absolute; left: 0; font-weight: 700; text-align: right; }
.bank-details-1	.item	.bank-logo	{ text-align: center; }
.bank-details-1	.item	.bank-logo	img	{ max-width: 90%; max-height: 50px; height: auto; width: auto; }

.bank-details-1:before  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 200px; font-weight: 700; opacity: 0.075; }

.bank-details-1.usd:before  { content: "$"; }
.bank-details-1.gbp:before  { content: "£"; }
.bank-details-1.euro:before  { content: "€"; }

.bank-details	{ margin: 0 0 30px; position: relative; }
.bank-details	.item	{ padding: 15px; margin: 0 0 30px; font-size: 15px; border: 1px solid #ededed; box-shadow: 0 0 10px rgba(0,0,0,0.05); }
.bank-details	.bank-account-info	{ font-weight: 700; text-transform: uppercase; padding: 10px 15px; margin: 0; line-height: 1; background-color: #ffeea5; }
.bank-details	.item	.bank-logo	{ text-align: center; }
.bank-details	.item	.bank-logo	img	{ max-width: 90%; max-height: 110px; height: auto; width: auto; }
.bank-details	.item	.bank-logo	+	div	>	p	{ margin-bottom: 10px; }
.bank-details	.item	.bank-logo	+	div	>	p:last-child	{ margin-bottom: 0; }
.bank-details	.item	.whatsapp	{ margin: 15px 0 0; background-color: #25d366; text-transform: none; display: block; }
.bank-details	.item	.whatsapp:after	{ font-size: 150%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.bank-details	.item:before  { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 200px; font-weight: 700; opacity: 0.075; }

.bank-details.usd	.item:before  { content: "$"; }
.bank-details.gbp	.item:before  { content: "£"; }
.bank-details.euro	.item:before  { content: "€"; }

.thumbnail-gallery	.item	{ margin-bottom: 30px; }
.thumbnail-gallery	.item	>	a	{ display: block; height: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
.thumbnail-gallery	.item	>	a	.title	{ display: block; margin: 15px 0 0; font-size: 17px; width: 85%; }
.thumbnail-gallery	.item	>	a:hover	{ text-decoration: none; }

.page-gallery	{ margin-bottom: 30px; }
.page-gallery	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 30px; height: 30px; margin: -15px 0 0; opacity: 0.75; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; }
.page-gallery	a.slick-arrow:hover	{ opacity: 1; }
.page-gallery	a.slick-arrow:before,
.page-gallery	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #fff; }
.page-gallery	a.slick-arrow:before	{ top: 4px; }
.page-gallery	a.slick-arrow:after	{ bottom: 4px; }
.page-gallery	a.slick-arrow.slick-next	{ right: 30px; }
.page-gallery	a.slick-arrow.slick-next:before	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.page-gallery	a.slick-arrow.slick-next:after	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-gallery	a.slick-arrow.slick-prev	{ left: 30px; }
.page-gallery	a.slick-arrow.slick-prev:before	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.page-gallery	a.slick-arrow.slick-prev:after	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.side-menu	{ font-size: 15px; font-weight: bold; line-height: 1.25; margin: 0 0 30px; }
.side-menu	a	{ -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.side-menu	a:hover	{ color: #ed1c24; }
.side-menu	ul	>	li	{ margin: 0 0 3px; }
.side-menu	ul	>	li.current_page_item	>	a,
.side-menu	ul	>	li.current_page_parent	>	a,
.side-menu	ul	>	li.current-cat	>	a,
.side-menu	ul	>	li.current-cat-parent	>	a,
.side-menu	ul	>	li.current-cat-ancestor	>	a	{ color: #ed1c24; }

.side-menu	ul	>	li	>	a	{ display: block; background-color: #d3d3d3; padding: 10px 15px; }

.side-donate	{ position: relative; height: 200px; margin: 0 0 30px; text-align: center; color: #fff; background-color: #2e3192; }
.side-donate	>	span	{ display: block; padding: 15px 35px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 21px; font-weight: 700; }
.side-donate	>	.btn	{ display: block; width: 75%; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%,50%); transform: translate(-50%,50%); }

.zakat-calculator	{ padding: 30px 0 0; margin: 0 0 30px; }
.zakat-calculator	>	form	{ padding: 20px; background-color: #ededed; }
.zakat-calculator	.title	{ text-transform: uppercase; font-size: 17px; font-weight: 700; color: #2e3192; }
.zakat-calculator	.field	{ margin: 20px 0 0; }
.zakat-calculator	.field	>	label	{ font-size: 85%; text-transform: uppercase; }
.zakat-calculator	.field:not(.result)	>	label	{ display: block; margin-bottom: 3px; }
.zakat-calculator	.field	>	input	{ width: 100%; }
.zakat-calculator	.result	>	output	{ font-size: 125%; font-weight: 500; line-height: 1; }

.page-template-qurbani	.zakat-calculator,
.page-template-sadqa-bakra	.zakat-calculator	{ display: none; }

.news-list	.item	{ margin-bottom: 35px; }
.news-list	.item	.thumb	{ display: block; }
.news-list	.item	.thumb	>	img	{ width: 100%; }
.news-list	.item	.title	{ font-size: 22px; font-weight: 700; margin-bottom: 5px; }
.news-list	.item	.meta	{ margin: 0 0 15px; }

.related-posts	{ padding: 30px 0 0; margin: 50px 0 0; border-top: 1px solid #ededed; }
							   
.related-posts	.news-list	.item	.title	{ font-size: 18px; }
												 
.single-news	.meta,
.single-post	.meta	{ margin-bottom: 30px; }
.single-news	.meta	.title,
.single-post	.meta	.title	{ font-size: 29px; line-height: 1.5; color: #2e3192; font-weight: 700; }
.single-news	.content	iframe,
.single-post	.content	iframe	{ max-width: 100%; }

#wpdcom	{ max-width: 100%; }
#wpdcom .wpd-form .wpdiscuz-textarea-wrap.wpd-txt .wpd-textarea-wrap	{ flex-basis: 100%; }
.wpd-comment-share,
#wpdcom .wpd-comment .wpd-comment-left	{ display: none; }
#wpdcom .wpd-comment .wpd-comment-right	{ width: 100%; }

.videos-list	.item	{ margin-bottom: 35px; }
.videos-list	.item	img	{ width: 100%; }
.videos-list	.item	>	a.thumb	{ position: relative; display: block; }
.videos-list	.item	>	a.thumb:before	{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1000; width: 56px; height: 56px; text-align: center; line-height: 56px; font-family: fontAwesome; font-size: 135%; content: "\f04b"; color: #ed1c24; background-color: #fff; border-radius: 50%; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; opacity: 0.95; }
.videos-list	.item	>	a.thumb:hover:before	{ background-color: #ed1c24; color: #fff; }
.videos-list	.item	.title	{ font-size: 16px; font-weight: 700; color: #2e3192; margin: 15px 0 0; }

.page-template-gallery	.ngg-breadcrumbs	{ padding: 0 !important; margin: 35px 0 0 0 !important; }

.page-template-gallery	.ngg-albumoverview.default-view	{ display:-ms-flexbox !important; display:flex !important; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top: 30px; margin-bottom: 0; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	{ padding: 0 0 !important; margin: 0 0 0 !important; border-width: 0 0 1px 1px; border-style: solid; border-color: #b3b3b3; box-shadow: none; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	.Thumb	{ max-width: 100%; height: auto; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	h4	{ padding-bottom: 10px; }
.page-template-gallery	.ngg-albumoverview.default-view	>	.ngg-album-compact	h4 .ngg-album-desc	{ display: inline-block; height: auto; }

.page-template-gallery	.ngg-galleryoverview.default-view	{ margin-top: 30px; margin-bottom: 0; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail-box	{ padding: 5px; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	{ background-color: #d3d3d3; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	a	{ margin: 0 !important; }
.page-template-gallery	.ngg-galleryoverview.default-view	.ngg-gallery-thumbnail	img	{ width: 100% !important; }

.page-template-gallery	.ngg-navigation	{ padding: 35px 0 0 !important; }
.page-template-gallery	.ngg-navigation a.page-numbers, 
.page-template-gallery	.ngg-navigation a.next, .ngg-navigation a.prev, 
.page-template-gallery	.ngg-navigation span.page-numbers, 
.page-template-gallery	.ngg-navigation span.next, 
.page-template-gallery	.ngg-navigation span.prev, 
.page-template-gallery	.ngg-navigation span.current	{ display: inline-block; border-radius: 0; background: #fff; margin: 0 2px; padding: 5px 10px; color: inherit; font-weight: 400; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }

.page-template-gallery	.ngg-navigation a.page-numbers:hover,
.page-template-gallery	.ngg-navigation span.current	{ background-color: #ed1c24; color: #fff; }

.maps { position: relative; height: 470px; width: 100%; margin: 0 0 25px; background-color: #d3d3d3; }

.contact-info	label	{ display: inline-block; padding: 2px 10px; margin: 0 0 5px; font-size: 12px; letter-spacing: 1px; background-color: #ededed; color: #2e3192; text-transform: uppercase;  }
.contact-info	a	{ color: inherit; }
.contact-info	>	p	{ margin-bottom: 15px; }
.contact-info	.social-media	a	{ font-size: 175%; margin-right: 5px; }

.wpcf7-form	.field	{ margin-bottom: 20px; }
.wpcf7-form	.field	>	label	{ display: block; margin-bottom: 5px; font-size: 14px; text-transform: uppercase; }
.wpcf7-form	input[type=text], .wpcf7-form	input[type=email], .wpcf7-form	input[type=tel], .wpcf7-form	input[type=password], .wpcf7-form	input[type=number], .wpcf7-form	input[type=date], .wpcf7-form	input[type=search], .wpcf7-form	select, .wpcf7-form	textarea,
.wpcf7-form	input[type=submit], .wpcf7-form	input[type=button]	{ width: 100%; }

.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item	{ margin-left: 0; }
.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item:not(:last-child)	{ margin-right: 20px; }
.wpcf7-form-control.wpcf7-radio	.wpcf7-list-item-label	{ margin-left: 5px; font-size: 16px; }

span.wpcf7-not-valid-tip	{ color: #f00; margin: 5px 0 0; font-size: 13px; }
span.wpcf7-not-valid-tip:before	{ font-family: fontAwesome; font-size: 80%; content: "\f071"; margin: 0 5px 0 0; }

div.wpcf7 .ajax-loader	{  background-color: #fff; margin: -10px 0 0 10px; padding: 2px; }

div.wpcf7-response-output	{ margin: 0 0 20px; border-width: 1px !important; padding: 10px 15px; }

.navigation.pagination	{ text-align: center; padding-top: 25px; }
.navigation.pagination	.screen-reader-text	{ display: none; }

.navigation.pagination	.nav-links	{ width: 100%; font-size: 15px; text-transform: uppercase; line-height: 1; }
.navigation.pagination	.nav-links	.page-numbers	{ display: inline-block; margin: 0 2px; padding: 5px 10px; background-color: #fff; -webkit-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }
.navigation.pagination	.nav-links	a	{ color: inherit; }
.navigation.pagination	.nav-links	a:hover,
.navigation.pagination	.nav-links	span.current	{ background-color: #ed1c24; color: #fff; text-decoration: none; }

.navigation.pagination	.nav-links	.prev:before,
.navigation.pagination	.nav-links	.next:after	{ font-family: fontAwesome; }

.navigation.pagination	.nav-links	.prev:before	{ content: "\f0d9"; margin-right: 10px; }
.navigation.pagination	.nav-links	.next:after	{ content: "\f0da"; margin-left: 10px; }

.page-404	{ text-align: center; padding-top: 125px; background-color: #f3f3f3; }
.page-404	.title	{ font-weight: 700; padding: 0 0 20px; }

/* DONATE ONLINE */
.clear	{ clear: both; }

.donation-form-wrapper	{ padding-top: 50px; padding-bottom: 50px; }

.donation-form-wrapper	.call-to-action	{ background-color: #ededed; border: 1px solid #b3b3b3; margin-bottom: 30px; padding: 15px 20px; }
.donation-form-wrapper	.call-to-action	.title	{ line-height: 1.25; margin-bottom: 0; text-transform: uppercase; }
.donation-form-wrapper	.call-to-action	.desc	{ margin-bottom: 0; line-height: 1.5; }
.donation-form-wrapper	.call-to-action	.btn.donate	{ display: block; }

.donation-form-wrapper	.call-to-action-2	{ background-color: #ededed; border: 1px solid #b3b3b3; margin-bottom: 30px; padding: 15px 20px; row-gap: 10px; }
.donation-form-wrapper	.call-to-action-2	.title	{ line-height: 1.25; margin-bottom: 0; text-transform: uppercase; color: #ed1c24; }
.donation-form-wrapper	.call-to-action-2	.desc	{ margin-bottom: 0; line-height: 1.5; }
.donation-form-wrapper	.call-to-action-2	.btn.donate	{ display: block; }

.donation-form-wrapper	.call-to-action-2.qurbani-donation	{ margin: -50px -50px 30px; border: none; padding: 35px 20px; }

/*.page-template-qurbani	.donation-form-wrapper	.call-to-action,
.page-template-sadqa-bakra	.donation-form-wrapper	.call-to-action	{ display: none; }*/

.donation-call-to-action	{ display: none; background-color: #feff86; padding: 25px; margin: -50px -50px 30px; text-align: center; position: relative; }
.donation-call-to-action	.title	{ font-weight: 400; line-height: 1.25; margin-bottom: 10px; text-transform: uppercase; }

.donation-call-to-action.sadqa-bakra-donation:before,
.donation-call-to-action.sadqa-bakra-donation:after	{ position: absolute; bottom: 0; background: url('images/sadqa-bakra.png') no-repeat right bottom; background-size: contain; display: block; width: 165px; height: 95%; }

.donation-call-to-action.sadqa-bakra-donation:before	{ left: 35px; transform: rotateY(180deg); }
.donation-call-to-action.sadqa-bakra-donation:after	{ right: 35px; }

.page-template-sadqa-bakra	.donation-form-wrapper	.donation-call-to-action.general-donation,
.page-template-donate	.donation-form-wrapper	.donation-call-to-action.sadqa-bakra-donation	{ display: block; }

.donation-form-wrapper	.checkout.woocommerce-checkout	{ position: relative; display: flex; flex-direction: column; }

.donation-form-wrapper	.checkout.woocommerce-checkout	#order_review	{ order: 1; }
.donation-form-wrapper	.checkout.woocommerce-checkout	#cwa-options	{ order: 2; }
.donation-form-wrapper	.checkout.woocommerce-checkout	.recurring-donation-option	{ order: 3; }
.donation-form-wrapper	.checkout.woocommerce-checkout	#customer_details	{ order: 4; }

.donation-form-wrapper	.add-donation	{ display: inline-block; padding: 0 0 0 30px; margin: 0 0 30px; color: #ed1c24; }
.donation-form-wrapper	.add-donation:before	{ position: absolute; left: 0; display: block; width: 24px; height: 24px; text-align: center; line-height: 22px; border: 1px solid #ed1c24; border-radius: 50%; font-family: fontAwesome; font-weight: 400; content: "\f067"; }

.donation-form-fields	{ position: relative; margin-bottom: 10px; padding-bottom: 30px; border-bottom: 1px solid #b3b3b3; row-gap: 15px; }

.donation-form-fields	.remove-donation	{ display: block; position: absolute; }
.donation-form-fields	.remove-donation:before	{ display: block; width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid #323232; border-radius: 50%; font-family: fontAwesome; font-weight: 400; content: "\f00d"; }

.donation-form-fields	input[type=text], .donation-form-fields	input[type=email], .donation-form-fields	input[type=tel], .donation-form-fields	input[type=password], .donation-form-fields	input[type=number], .donation-form-fields	input[type=date], .donation-form-fields	input[type=search], .donation-form-fields	select, .donation-form-fields	textarea	{ width: 100%; }
.donation-form-fields	input[type=number]	{ padding-top: 8px; padding-bottom: 8px; }

.donation-form-fields	.field	>	label	{ display: inline-block; padding: 2px 10px; font-size: 13px; font-weight:bold; letter-spacing: 1px; background-color: #ededed; color: #111; text-transform: uppercase; }
.donation-form-fields	.field	.instructions	{ font-size: 11px; line-height: 1; color: #2e3192; }

.donation-form-wrapper	.woocommerce-billing-fields__field-wrapper,
.donation-form-wrapper	.woocommerce-additional-fields__field-wrapper	{ margin: 0 -15px; }

.donation-form-wrapper	.woocommerce-billing-fields__field-wrapper	.form-row,
.donation-form-wrapper	.woocommerce-additional-fields__field-wrapper	.form-row	{ padding-right: 15px; padding-left: 15px; }

.donation-form-wrapper	.select2-container	{ display: block; width: 100%; }
.donation-form-wrapper	.select2-container--default .select2-selection--single	{ border-radius: 0; height: auto; border-color: #b3b3b3; }
.donation-form-wrapper	.select2-container .select2-selection--single .select2-selection__rendered	{ padding-left: 12px; line-height: 38px; color: #323232; }
.donation-form-wrapper	.select2-container--default .select2-selection--single .select2-selection__arrow	{ height: 36px; }
.donation-form-wrapper	.select2-container--default li.select2-results__option	{ font-size: 14px !important; }

.cwa--cloneable	>	.donation-form-fields:first-child	.remove-donation	{ display: none; }

.form-row	{ display: block !important; overflow: hidden; }
.form-row	input[type=text], .form-row	input[type=email], .form-row	input[type=tel], .form-row	input[type=password], .form-row	input[type=search], .form-row	input[type=number], .form-row	select, .form-row	textarea	{ width: 100%; }

.form-row	label	{ display: block; font-size: 13px; font-weight:bold; text-transform: uppercase; margin: 0; cursor: pointer; }
.form-row	label	.required	{ color: #ed1c24; margin-left: 3px; }
.form-row	label	.optional	{ font-size: 80%; opacity: 0.75; }

.donation-form-wrapper	#customer_details	>	div	{ overflow: hidden; }

.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	{ font-size: 19px; padding: 30px 300px 30px 30px; margin: 15px 0 25px; border: 1px solid #2e3192; background: url("images/giftaid.png") no-repeat right 30px center #ededed; background-size: 240px 85px; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.form-row-gift-aid	{ margin: 0; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.form-row-gift-aid	label.checkbox	{ position: relative; font-size: inherit; font-weight: 400; text-transform: none; padding: 15px 25px 15px 50px; background-color: #fff; border: 1px solid #b3b3b3; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.form-row-gift-aid	label.checkbox:hover	{ border-color: #2e3192; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.form-row-gift-aid	label.checkbox	input[type=checkbox]	{ position: absolute; top: 25px; left: 25px; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.form-row-gift-aid	label.checkbox	span.optional	{ display: none; opacity: 0; }
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.current-giftaid-amount,
.donation-form-wrapper	.woocommerce-hmrc-giftaid-wrapper	.final-gift-aid-amount { color: #2e3192; font-weight: bold; }

/* Override rule for billing_postcode_field */ 
#billing_postcode_field .optional { font-size: 0; opacity: 0; }

.form-row	label.woocommerce-form__label-for-checkbox	>	input	{ margin-right: 5px; }

.form-row	.description	{ font-size: 13px; color: #646464; margin-top: 5px; }

.form-row.login-checkout-captcha	label	{ color: #ed1c24; }

.woocommerce-form.woocommerce-form-login	.form-row	label.woocommerce-form-login__rememberme	{ float: left; }
.woocommerce-form.woocommerce-form-login	.form-row	.woocommerce-form-login__submit	{ float: right; }

.donation-form-wrapper	.woocommerce-checkout-review-order	{ clear: both; }

.donation-form-wrapper	.woocommerce-terms-and-conditions-wrapper	{ padding: 0 5px; }
.donation-form-wrapper	.woocommerce-terms-and-conditions-wrapper	.woocommerce-privacy-policy-text	{ width: 70%; font-size: 90%; }

.select2-container .select2-selection--single	{ height: 40px; margin-bottom: 0; }
.select2-container .select2-selection--single .select2-selection__rendered	{ padding-left: 15px; padding-right: 25px; }
.select2-container--default .select2-selection--single	{ border-radius: 0; border-color: #b3b3b3; font-size: 14px; }
.select2-container--default .select2-selection--single .select2-selection__arrow	{ height: 38px; right: 3px; }
.select2-container--default .select2-selection--single .select2-selection__rendered	{ line-height: 40px; }

.donation-summary	.details	{ padding: 30px 20px 20px; background-color: #fff; border: 1px solid #b3b3b3; text-align: center; }
.donation-summary	.details	>	label	{ display: inline-block; padding: 5px 10px; font-size: 11px; background-color: #ededed; text-transform: uppercase; }
.donation-summary	.details	>	span	{ display: block; padding: 5px 0 0; font-size: 27px; font-weight: 700; color: #2e3192; }
.donation-summary	.btn	{ display: block; width: 100%; }

.chippa-form-login-wrapper	>	form	{ background-color: #ededed; padding: 20px; margin-bottom: 30px; }
.chippa-form-login-wrapper	>	form	.clear	{ clear: both; }
.chippa-form-login-wrapper	>	form	p.lost_password	{ margin-bottom: 0; }

.woocommerce-checkout-payment	.form-row	{ padding-right: 0; padding-left: 0; }
.woocommerce-checkout-payment	#place_order	{ display: none; }

body.logged-in.woocommerce-account	.sub-content-area	.content	{ flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }

.woocommerce-MyAccount-navigation	.title	{ margin-bottom: 10px; font-size: 95%; text-transform: uppercase; }
.woocommerce-MyAccount-navigation	ul	{ margin-left: 0; font-size: 15px; }
.woocommerce-MyAccount-navigation	ul	li	{ list-style: none; border-bottom: 1px solid #ededed; }
.woocommerce-MyAccount-navigation	ul	li	a	{ display: inline-block; padding: 5px 0; color: inherit; }
.woocommerce-MyAccount-navigation	ul	li	a:before	{ font-family: fontAwesome; content: "\f00c"; margin-right: 10px; color: #ed1c24; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--dashboard	a:before	{ content: "\f108"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--orders	a:before	{ content: "\f004"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--edit-address	a:before	{ content: "\f2ba"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--edit-account	a:before	{ content: "\f2c0"; }
.woocommerce-MyAccount-navigation	ul	li.woocommerce-MyAccount-navigation-link--customer-logout	a:before	{ content: "\f08b"; }
.woocommerce-MyAccount-navigation	ul	li.is-active	a	{ color: #ed1c24; }

.woocommerce-MyAccount-content	{ font-size: 15px; }

.woocommerce-MyAccount-content-title	{ line-height: 1 !important; margin-bottom: 30px !important; }

.woocommerce-orders-table__cell-order-actions	.button	{ font-size: 13px; font-weight: 400; padding: 5px 10px; margin-bottom: 3px; }
.woocommerce-orders-table__cell-order-actions	.button:not(:last-child)	{ margin-right: 3px; }
.woocommerce-orders-table__cell-order-actions	.button.pay	{ background-color: #ed1c24; }
.woocommerce-orders-table__cell-order-actions	.button.view	{ background-color: #2e3192; }
.woocommerce-orders-table__cell-order-actions	.button.cancel	{ background-color: #323232; }

.woocommerce-orders-table	.woocommerce-Price-amount	{ display: block; }

.woocommerce-password-strength	{ font-size: 13px; margin: 5px 0 0; }
.woocommerce-password-strength.strong	{ color: #0C0; }
.woocommerce-password-strength.short	{ color: #f00; }
.woocommerce-password-strength.bad	{ color: #f00; }
.woocommerce-password-strength.good	{ color: #C90; }

.woocommerce-view-order	.order-number,
.woocommerce-view-order	.order-date,
.woocommerce-view-order	.order-status	{ background-color: #ddd; padding: 0 10px; margin: 0 5px; }

.woocommerce-MyAccount-content	.col-1.woocommerce-Address	{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 0; }
.woocommerce-MyAccount-content	.col-2.woocommerce-Address	{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 0; }

.woocommerce-MyAccount-content	.woocommerce-Address	address	{ line-height: 1.75; }

.woocommerce-MyAccount-content	.woocommerce-customer-details	address	{ line-height: 1.75; }
.woocommerce-MyAccount-content	.woocommerce-customer-details	address	>	p	{ margin-bottom: 0; }

.woocommerce-MyAccount-content	.donation-thankyou-note	{ text-align: center; font-size: 150%; font-weight: 500; color: #ed1c24; padding-top: 25px; }

body.woocommerce-view-order	.sub-header,
body.woocommerce-view-order	.woocommerce-MyAccount-navigation,
body.woocommerce-view-order	.footer-call-to-actions,
body.woocommerce-view-order	.quick-donate	{ display: none; }

body.woocommerce-view-order	.woocommerce-MyAccount-content	{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

body.woocommerce-view-order		.sub-content-area	{ padding-top: 165px; }
body.woocommerce-view-order		.sub-content-area:before,
body.woocommerce-view-order		.sub-content-area:after	{ display: none; }

body.woocommerce-view-order	#footer	.inside	{ padding-top: 50px; }
/* DONATE ONLINE */

/* WOOCOMMERCE NOTICES */
.woocommerce-error,
.woocommerce-success,
.woocommerce-notice,
.woocommerce-message,
.woocommerce-info	{ border-width: 1px; border-style: solid; margin: 0 0 30px !important; font-size: 13px; padding: 10px 15px; }

.woocommerce-error	li,
.woocommerce-success	li,
.woocommerce-notice	li,
.woocommerce-message	li,
.woocommerce-info	li	{ list-style: none !important; margin: 0 !important; }

.woocommerce-error	li:before,
.woocommerce-success	li:before,
.woocommerce-notice	li:before,
.woocommerce-message	li:before,
.woocommerce-info	li:before	{ font-family: fontAwesome; font-size: 15px; margin: 0 15px 0 0; }

.woocommerce-error	{ border-color: #f9c9bf; background-color: #fcf4f2; color: #a51b00; }
.woocommerce-success	{ border-color: #c9e1bd; background-color: #f3faef; color: #325e1c; }
.woocommerce-notice	{ border-color: #f4daa6; background-color: #fdf8ed; color: #734c00; }
.woocommerce-message,
.woocommerce-info	{ border-color: #f4daa6; background-color: #fdf8ed; color: #734c00; }

.woocommerce-error	a,
.woocommerce-success	a,
.woocommerce-notice	a,
.woocommerce-message	a,
.woocommerce-info	a	{ text-decoration: underline; }

.woocommerce-error	a	{ color: #a51b00; }
.woocommerce-success	a	{ color: #325e1c; }
.woocommerce-notice	a	{ color: #734c00; }
.woocommerce-message	a,
.woocommerce-info	a	{ color: #734c00; }

.woocommerce-error	li:before	{ content: "\f00d"; color: #cc2200; }
.woocommerce-success	li:before	{ content: "\f058"; color: #6ba150; }
.woocommerce-notice	li:before	{ content: "\f05a"; color: #e09600; }
.woocommerce-message	li:before,
.woocommerce-info	li:before	{ content: "\f05a"; color: #e09600; }

.woocommerce-error	li	>	div,
.woocommerce-success	li	>	div,
.woocommerce-notice	li	>	div,
.woocommerce-message	li	>	div,
.woocommerce-info	li	>	div	{ display: inline-block; padding: 5px 0; border: none; margin-bottom: 0 !important; }

.woocommerce-error	.button,
.woocommerce-success	.button,
.woocommerce-notice	.button,
.woocommerce-message	.button,
.woocommerce-info	.button	{ padding: 5px 15px; font-size: 13px; text-decoration: none; margin-right: 10px; }
/* WOOCOMMERCE NOTICES */

.woocommerce-form-row.woocommerce-form-row--last {
  display: none !important;
}

/*Mobile App View*/
.mobile-app-view	#top,
.mobile-app-view	.sub-header,
.mobile-app-view	.footer-call-to-actions,
.mobile-app-view	#footer	{ display: none; }

.mobile-app-view	.sub-content	{ padding-top: 35px; padding-bottom: 35px; }

.mobile-app-view	.sub-content-area	{ padding-top: 0; margin-left: 0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.mobile-app-view	.sub-content-area:before,
.mobile-app-view	.sub-content-area:after	 { display: none; }

.mobile-app-view.woocommerce-checkout	{ background-color: #e3e8f2; }

.mobile-app-view.woocommerce-checkout	.content	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-checkout	.donation-call-to-action	{ overflow: hidden; padding: 15px; margin-top: -35px; margin-right: -15px; margin-left: -15px; }

.mobile-app-view.woocommerce-checkout	.donation-call-to-action	.title	{ float: left; width: 57.5%; text-align: left; font-size: 17px; margin-bottom: 0; }
.mobile-app-view.woocommerce-checkout	.donation-call-to-action	.btn	{ float: right; font-size: 13px; padding-right: 25px; padding-left: 25px; }

.mobile-app-view.woocommerce-checkout	.donation-form-wrapper	{ padding-top: 35px; padding-bottom: 35px; }
.mobile-app-view.woocommerce-checkout	.donation-form-wrapper	>	.row	>	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h2,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h3,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h4,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h5,
.mobile-app-view.woocommerce-checkout	.content	.donation-form-wrapper	h6	{ margin-bottom: 10px; }

.mobile-app-view.woocommerce-checkout	.donation-form-fields	{ background-color: #fff; padding: 25px 30px; border-bottom: 0; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	.field	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	>	[class*="col-"]	{ padding-right: 0; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	>	[class*="col-"]:not(:nth-last-of-type(1))	{ padding-bottom: 15px; }
.mobile-app-view.woocommerce-checkout	.donation-form-fields	.remove-donation	{ top: 10px; right: 30px; left: auto; -webkit-transform: translateY(0); transform: translateY(0); }

.mobile-app-view.woocommerce-checkout	.donation-form-wrapper .woocommerce-billing-fields__field-wrapper, 
.mobile-app-view.woocommerce-checkout	.donation-form-wrapper .woocommerce-additional-fields__field-wrapper	{ overflow: hidden;  margin-right: 0; margin-left: 0; background-color: #fff; padding: 25px 15px 15px; }

.mobile-app-view.woocommerce-checkout	.form-row-first, 
.mobile-app-view.woocommerce-checkout	.form-row-last	{ width: 100%; }

.mobile-app-view.woocommerce-checkout	.zakat-calculator > form	{ background-color: #fff; }

.mobile-app-view.page-id-47	.sub-content,
.mobile-app-view.parent-pageid-47	.sub-content	{ padding-top: 0; }

.mobile-app-view.page-id-47	.sub-content-area	>	.row	>	.content,
.mobile-app-view.parent-pageid-47	.sub-content-area	>	.row	>	.content	{ order: 13; }
.mobile-app-view.page-id-47	.sub-content-area	>	.row	>	div,
.mobile-app-view.parent-pageid-47	.sub-content-area	>	.row	>	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-left: 0; display: block !important; }

.mobile-app-view	.side-menu	{ position: relative; margin-right: -15px; margin-left: -15px; border-bottom: 1px solid #d3d3d3; padding: 10px 15px; text-transform: uppercase; }
.mobile-app-view	.side-menu:before	{ width: 17.5%; height: 100%; z-index: 2; position: absolute; top: 0; right: 0; content: ""; background-color: #fff; }

.mobile-app-view	.side-menu	>	ul	>	li	{ display: inline-block; }
.mobile-app-view	.side-menu	>	ul	li	{ margin-right: 15px; }
.mobile-app-view	.side-menu	>	ul	>	li	>	a	{ background: transparent; padding: 0; }

.mobile-app-view	.side-menu .current_page_item > a, 
.mobile-app-view	.side-menu .current_page_parent > a, 
.mobile-app-view	.side-menu .current-cat > a, 
.mobile-app-view	.side-menu .current-cat-parent > a, 
.mobile-app-view	.side-menu .current-cat-ancestor >	a	{ color: #2e3192 !important; }

.mobile-app-view	.side-menu	a.slick-arrow	{ cursor: pointer; position: absolute; top: 50%; z-index: 99999; width: 12px; height: 12px; margin: -6px 0 0; opacity: 1; }
.mobile-app-view	.side-menu	a.slick-arrow:before,
.mobile-app-view	.side-menu	a.slick-arrow:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #323232; }
.mobile-app-view	.side-menu	a.slick-arrow:before	{ top: 1px; }
.mobile-app-view	.side-menu	a.slick-arrow:after	{ bottom: 1px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next	{ right: 0px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next:before	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-next:after	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev	{ right: 25px; }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev:before	{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.mobile-app-view	.side-menu	a.slick-arrow.slick-prev:after	{ -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.mobile-app-view.page-id-47	.side-donate,
.mobile-app-view.page-id-47	.zakat-calculator,
.mobile-app-view.parent-pageid-47	.side-donate,
.mobile-app-view.parent-pageid-47	.zakat-calculator	{ display: none; }

.mobile-app-view.page-template-contact	.sub-header	{ display: block; }

.mobile-app-view.page-template-contact	.sub-content	{ padding-top: 0; }

.mobile-app-view.page-template-contact	.sub-content-area	.content	>	h1	{ display: none; }

.mobile-app-view.page-template-contact	.contact-info	{ margin-bottom: 20px; }
.mobile-app-view.page-template-contact	.contact-info,
.mobile-app-view.page-template-contact	.contact-info	+	div	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.page-template-contact	.contact-info	>	p	{ display: none; }

.mobile-app-view.page-template-contact	.contact-info	>	p:first-child,
.mobile-app-view.page-template-contact	.contact-info	>	p.social-media	{ display: block; }

.mobile-app-view.page-template-contact	.contact-info	>	p:first-child	>	label	{ display: none; }

.mobile-app-view.page-template-contact	.wpcf7-form	h3	{ display: none; }
.mobile-app-view.page-template-contact	.wpcf7-form .field	{ -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

.mobile-app-view.woocommerce-view-order		.sub-content-area	{ padding-top: 30px; }

.loading-wrapper	{ display: none; }

.mobile-app-view.loader	.loading-wrapper	{ display: block; width: 100%; height: 100%; background-color: #ddd; position: fixed; top: 0; left: 0; z-index: 9999; }

.loading-element	{ display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 30px; height: 30px; }
.loading-element	div	{ box-sizing: border-box; display: block; position: absolute; width: 24px; height: 24px; margin: 3px; border: 3px solid #2e3192; border-radius: 50%; animation: loading-element 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #2e3192 transparent transparent transparent; }
.loading-element	div:nth-child(1)	{ animation-delay: -0.45s; }
.loading-element	div:nth-child(2)	{ animation-delay: -0.3s; }
.loading-element	div:nth-child(3)	{ animation-delay: -0.15s; }
@keyframes loading-element {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.wc_payment_methods	{ margin-bottom: 30px; }
.wc_payment_methods	.wc_payment_method	{ margin-bottom: 20px; }
.wc_payment_methods	.wc_payment_method	.item	{ overflow: hidden; padding: 15px; height: 170px; background-color: #f6f6f6; border: 1px solid #2e3192; }
.wc_payment_methods	.wc_payment_method	.item.selected	{ background-color: #ededed; }

.wc_payment_methods	.wc_payment_method	.item	label	{ display:block; cursor: pointer; }
.wc_payment_methods	.wc_payment_method	.item	label	>	img	{ position: absolute; top: 0; right: 0; max-width: 130px; height: auto; max-height: 40px; width: auto; }
.wc_payment_methods	.wc_payment_method	.item	label	>	span.title	{ display: block; padding: 0 100px 0 0; font-size: 15px; font-weight: bold; }
.wc_payment_methods	.wc_payment_method	.item	label	>	span.title	>	span	{ display: block; font-weight: 300; font-size: 85%; }

.wc_payment_methods	.wc_payment_method	.item	input[type="radio"]	{ display: inline-block !important; }

.wc_payment_methods	.wc_payment_method.payment_method_chhipa_usd_info_pm label	>	span.title	{  padding-right: 0; }
.wc_payment_methods	.wc_payment_method.payment_method_chhipa_usd_info_pm label	>	img { position: relative; right: auto; left: 0; max-width: 70%; max-height: 130px; margin-top: 5px; }

.wc_payment_methods	.wc_payment_method.payment_method_stripe_cc	.wc-stripe-card-icons-container	{ float: none; }
.wc_payment_methods	.wc_payment_method.payment_method_stripe_cc	.wc-stripe-card-icons-container	>	img	{ display: inline-block; width: 64px; margin: 1px 0; }

.wc_payment_methods	.wc_payment_method.payment_method_eh_stripe_checkout label	>	span.title	{ display: block; padding-right: 0; }
.wc_payment_methods	.wc_payment_method.payment_method_eh_stripe_checkout label	>	span.title:before	{ content: ""; display: block; width: 100px; height: 40px; position: absolute; top: -10px; right: -25px; background: url('images/stripe.svg') no-repeat left center / contain; }
.wc_payment_methods	.wc_payment_method.payment_method_eh_stripe_checkout label	>	span.title:after	{ content: ""; display: block; width: 100%; height: 111px; background: url('images/stripe-checkout-payment-method-with-bank-transfer.png') no-repeat left center / contain; }

.wc_payment_methods	.wc_payment_method.payment_method_epdq_checkout label	>	span.title	{ display: block; padding-right: 0; }
.wc_payment_methods	.wc_payment_method.payment_method_epdq_checkout label	>	span.title:after	{ content: ""; display: block; width: 100%; height: 100px; background: url('images/barclays-payment-method-cards.png') no-repeat left center / contain; }

.wc_payment_methods	.wc_payment_method.payment_method_epdq_checkout	.ePDQ-card-icons	{ display: none; }

.wc_payment_methods	.wc_payment_method.payment_method_epdq_checkout label	>	span.title:before	{ content: ""; display: block; width: 100px; height: 40px; position: absolute; top: -10px; right: 0; background: url('images/bank-logos/barclays.png') no-repeat left center / contain; }

body.woocommerce-order-pay	#top,
body.woocommerce-order-pay	.sub-header,
body.woocommerce-order-pay	.footer-call-to-actions,
body.woocommerce-order-pay	#footer	{ display: none; }

body.woocommerce-order-pay	.woocommerce	{ padding: 50px 0; text-align: center; margin: 0 auto; }
body.woocommerce-order-pay	.woocommerce	.order_details	{ border: 1px solid #ededed; background-color: #f9f9f9; padding: 50px; margin: 0; }
body.woocommerce-order-pay	.woocommerce	.order_details	li	{ list-style: none; }

body.woocommerce-order-pay	.jazzcash-loading	{ padding: 50px 0 0; }
body.woocommerce-order-pay	.jazzcash-loading	img	{ max-width: 200px; height: auto; }

/* PayPal Module */
body.woo-chhipa-pm-switch-consent-modal-on:before { content: ""; background-color: rgba(0,0,0,0.85); position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; }

.woo-chhipa-pm-switch-consent-confirmation-modal	{ position: fixed; top: 50%; left: 50%; z-index: 99999 !important; width: 90%; max-width: 580px; text-align: center; padding: 55px 65px; transform: translate(-50%,-50%); background-color: #2e3192; color: #fff; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.title	{ font-weight: 700; color: #fff; text-transform: uppercase; }
.woo-chhipa-pm-switch-consent-confirmation-modal	a	{ color: #fff; }

.woo-chhipa-pm-switch-consent-confirmation-modal	.consent-confirmation-btn	{ display: block; width: 100%; background-color: #fff; color: #323232 !important; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.consent-confirmation-btn:hover	{ background-color: #017439; color: #fff !important; }

.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	{ font-size: 85%; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	> a	{ display: inline-block; margin: 0 15px; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	.btn.alt	{ border-color: rgba(255,255,255,0.75); color: #fff !important; text-transform: none; font-size: 13px; font-weight: 400; padding: 5px 12px; }
.woo-chhipa-pm-switch-consent-confirmation-modal	.more-actions	.btn.alt:hover	{ background-color: rgba(255,255,255,0.25) !important; }
/* PayPal Module */

.chhipa_hiddenx{ display:none; }

.chhipa-service-flyers	{ background-color: #ededed; padding: 35px 20px; margin: 0 0 30px; }
.chhipa-service-flyers	.section-title	{ text-align: center; }

.chhipa-service-flyers-list	{ row-gap: 30px; }

.wc_payment_methods .wc_payment_method	.about_paypal	{ display: none; }

.donation-call-to-action-homepage	{ border: 3px solid #2e3192; background-color: #feff86; padding: 25px; margin: 0 0 35px; text-align: center; }

.donation-call-to-action-homepage	.title	{ line-height: 1.1; text-transform: uppercase; margin: 15px 0; }
.donation-call-to-action-homepage	.btn	{ padding: 10px 35px; }
.donation-call-to-action-homepage	.call-wa	{ margin: 15px 0 0; word-wrap: break-word; }

.call-wa	{ font-size: 26px; font-weight: bold; color: #2e3192; }
.call-wa	.fa	{ margin: 0 3px 0 0; }
.call-wa	.fa.phone	{ background-color: #b80000; }
.call-wa	.fa.whatsapp	{ background-color: #02c100; }
.call-wa	.fa.phone,
.call-wa	.fa.whatsapp	{ border-radius: 3px; width: 25px; height: 25px; font-size: 22px; line-height: 25px; position: relative; top: -2px; color: #fff; text-align: center; }

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"])	{ padding-right: 0 !important; }
.pum-theme-68154 .pum-container, .pum-theme-lightbox .pum-container	{ padding: 0 !important; }
.page-template.woocommerce-checkout	.swal2-title	{ display: block !important; }
.page-template.woocommerce-checkout	.swal2-title	.flag-icon:before	{ content: ""; display: inline-block; width: 34px; height: 25.5px; margin: 2px 7px 0 0; transform: translateY(3px); background: url('images/gb.svg') no-repeat center; background-size: 100%; }

body:not(.page-template-donate)	.chhipa-donation-selection-wrapper	{ display: none; }
.chhipa-donation-selection-wrapper	{ margin-bottom: 30px; }
.chhipa-donation-selection-list	{ row-gap: 30px; }
.chhipa-donation-selection-list-item	{ background-color: #ededed; text-align: center; height: 100%; padding: 15px 0 25px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; }
.chhipa-donation-selection-list-item	.title	{ margin-bottom: 5px; line-height: 1.15; }
.chhipa-donation-selection-list-item	.title	>	small	{ display: block; }
.chhipa-donation-selection-list-item	.btn	{ display: inline-block; max-width: 67%; margin: 0 auto; padding: 7px 35px; }

.cwa-floating-c2a	{ position: fixed; bottom: 0; right: 0; z-index: 999999999; }
.cwa-floating-c2a	.btn	{ font-size: 125%; font-weight: 500; max-width: 300px; animation: pulse 0.5s 0.5s infinite; }
.cwa-floating-c2a	.btn	>	span	{ display: block; margin: 0 0 2px; font-size: 125%; font-weight: 700; }