/*
Theme Name: Crawley Mosque
Theme URI: https://wordpress.org/themes/crawleymosque/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Crawley Mosque brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crawleymosque
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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

::selection { background: #0e9046; color: #FFF }
::-moz-selection {background: #0e9046; color:#FFF}
body {
	margin: 0;
	background-color: #fff;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size:16px;
	color: #878787;
}
a{color:#0e9046;}
a:hover,a:focus{color:#0e9046;text-decoration:none;}
h1,h2,h3{font-family: 'Raleway', sans-serif;}
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fw300 { font-weight: 200 !important }
.fw400 { font-weight: 400 !important }
.fw500 { font-weight: 500 !important }
.fw700 { font-weight: 700 !important }
.fc-white{color:#fff;}
.fc-black{color:#000;}
.pad-0{padding:0px;}
.bg-white{background-color:#fff;}
.bg-light{background-color:#efefef !important;}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {background-color: #0e9046;  border-color: #0e9046;box-shadow: 0 0 0 0.2rem rgba(83, 171, 184, 0.25);}
.btn-primary{background:#0e9046;border-color:#0e9046;}
.btn-primary:hover,.btn-primary:focus{background:#b8a46f;border-color:#b8a46f;color:#222;box-shadow:none;}
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(83, 171, 184, 0.25);}
.btn-light{background:#fff;border-color:#fff;}
.btn-light:hover,.btn-light:focus{background:#000;border-color:#000;color:#fff;box-shadow:none;}
.btn-dark{background:#1b1b1b;border-color:#1b1b1b;}
.btn-dark:hover,.btn-light:focus{background:#fff;border-color:#fff;color:#1b1b1b;box-shadow:none;}
.btn-link{border-color:#0e9046;color:#0e9046;border-width:2px;}
.btn-link:hover,.btn-link:focus{border-color:#0e9046;background:#0e9046;color:#fff;text-decoration:none;}
.btn-green,.bg-green{background-color:#0e9046;}
.btn-icon{margin-left:20px;}
.border-primary{border-color:#0e9046!important;}

.form-control{font-weight:500;background:transparent;border:none;border-bottom:1px solid #000;box-shadow:none;border-radius:0;color:#000;}
textarea.form-control{resize:none;}
.form-control:focus {background:transparent;  border-color: #0e9046;  outline:none;box-shadow: none;
}
.form-control::-webkit-input-placeholder{color:#222;opacity:1}
.form-control::-moz-placeholder{color:#222;opacity:1}
.form-control:-ms-input-placeholder{color:#222;opacity:1}
.form-control::-ms-input-placeholder{color:#222;opacity:1}
.form-control::placeholder{color:#222;opacity:1}
.hover-line{background: #0e9046;position:absolute;bottom:0;left:50%;width:0;height:2px;content:'';transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.hover-line.hover-line-active{width:100%;}
.white ~ .hover-line.hover-line-active{width:100%;background: #222;}
.wpcf7-form-control-wrap{display:block;}
.white.form-control{border-bottom:1px solid #fff;color:#fff;margin-bottom:22px;}
.white.form-control:focus {border-color: #0e9046;}
.white.form-control option {color: #1f232b;background-color: #ffffff;}
.white.form-control::-webkit-input-placeholder{color:#fff;}
.white.form-control::-moz-placeholder{color:#fff;}
.white.form-control:-ms-input-placeholder{color:#fff;}
.white.form-control::-ms-input-placeholder{color:#fff;}
.white.form-control::placeholder{color:#fff;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#222;}
span.wpcf7-not-valid-tip{font-size:14px;position:absolute;bottom:-25px;}
.nav-link,.hover-line{transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s;-o-transition:all ease 0.5s;-webkit-transition:all ease 0.5s;}
div.wpcf7-response-output{margin:5px;}
.main-heading{font-family: 'Raleway', sans-serif;font-size:36px;color:#0e9046;text-align:center;position:relative;display:table;padding:5px 0;margin:0 auto 30px;}
.sub-heading{font-family: 'Raleway', sans-serif;font-size:30px;font-weight:600;color:#fff;text-align:center;position:relative;display:table;padding:5px 0 25px;margin:0 auto 40px;background:url(assets/images/heading-bg.png) bottom center no-repeat;}


header,.header {background:#fff url(assets/images/pattern.png) top left repeat; border-bottom:4px solid #b8a46f;}
.top-bar{padding:5px 0;}
.logo a {height: 130px;display: block;overflow:hidden;width:200px;}

#top-menu.position-fixed{z-index:10;padding:5px; margin-top:5px;}
body.nav-open{overflow-y:hidden;}
.masjid-mb-meu{padding:30px 15px 10px;position:fixed;top:0;left:-100%;width:80%; max-width:400px; height:100%;background:#b8a46f;overflow-x:hidden;overflow-y:scroll;transition:all .2s ease;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease;}
.masjid-mb-meu.open{left:0;z-index:3}
.masjid-mb-meu h4{font-size:20px;color:#fff;text-align:center;}
.masjid-mb-meu .social{display:block;text-align:center;}
.masjid-mb-meu .social a{width:30px;height:30px; line-height:30px;color:#fff;text-align:center; background:#9b8c39;padding:2px 0;margin-right:5px;}
.masjid-mb-meu .social a i{font-size:20px;margin:0;}
.menu-icon {color:#b8a46f;width:60px;padding:0px;position:relative;display: inline-block;float:left;height:60px;font: inherit;text-transform: none;  background-color: transparent;border: 0;margin: 0;  outline:none;overflow: visible; cursor: pointer;transition-property: opacity, filter;
  transition-duration: 0.15s;  transition-timing-function: linear;}
.menu-icon:hover,.menu-icon:focus {opacity: 0.9; outline:none}
.menu-icon.is-active{position:absolute; z-index:4;top:20px;}
.menu-icon-box {width: 50px;  height: 24px; display: inline-block; position: relative;}
.menu-icon-inner {display: block; top: 50%; margin-top: -2px;}
.menu-icon-inner, .menu-icon-inner::before, .menu-icon-inner::after {width: 50px;height: 3px;
    background: #b8a46f;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.menu-icon-inner::before, .menu-icon-inner::after {content: "";display: block;}
.menu-icon-inner::before {top: -10px; }
.menu-icon-inner::after {bottom: -10px; }
.spin .menu-icon-inner {  transition-duration: 0.22s;  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.spin .menu-icon-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.spin .menu-icon-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.spin.is-active .menu-icon-inner {background: #fff;transform: rotate(225deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.spin.is-active .menu-icon-inner::before {background: #fff;top: 0;opacity: 0;transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.spin.is-active .menu-icon-inner::after {background: #fff;bottom: 0;transform: rotate(-90deg);transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.timetable-link{display:none !important;}
.iconify {display:none !important;}
.today-time{padding-left:10px;color:#88838a;font-weight:600; line-height:normal}
.today-time span{font-family: 'Raleway', sans-serif;}
.salah-time-row{font-size:14px;}
.drop-calendar{position:absolute; bottom:55px;left:-85px;color:#000;}
.drop-calendar i{color:#0e9046;}

.drop-timetable{ display:none;width:0px; background:#0e9046;font-size:12px;color:#fff;position:absolute; top:0;right:0;z-index:5;transition:all .2s ease;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease;}
.drop-timetable.active{width:790px;}
.btn-close{margin-right:15px;margin-top:5px; font-size:36px;}
.printIcon{display:none;}
#monthContainer{display:none;}
p.monthHeading{margin-left:20px;font-size:20px;font-weight:300;}
select.otherMonth{font-size:15px;font-weight:300;background:#fff;border:1px solid #b8a46f;border-radius:2px; padding:4px 5px;margin-top:5px;width:120px;}
.dpt-horizontal-wrapper.customStyles{background:transparent;}
.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container{background-color:transparent;}
.dpt-horizontal-wrapper.customStyles .dpt-heading h3.date, .dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time.prayer-sunrise,.dpt-horizontal-wrapper.customStyles .dpt-heading h3.date, .dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time.prayer-jumuah{display:none;}
.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time{width: calc(100%/5);padding:0;border-right:none;color:#000}
.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time.highlight{background-color:transparent; font-weight:500;}
.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time h3{font-size:14px;margin:2px;color:#000;}
.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time div{margin:2px;color:#000;}
.dpt-horizontal-wrapper.customStyles span.timeLeft,.dpt-horizontal-wrapper.customStyles .nextPrayer,.dpt-horizontal-wrapper.customStyles h2.dptScTime{display:none;}
table.dptTimetable th.tableHeading{background:#b8a46f;}
table.dptTimetable tr.highlight{background:#b8a46f !important;}
table.dptTimetable tr:hover {background: #b8a46f;}
td.Sat, td.Sun{color:#fff;font-weight:normal;}
td.Fri{color:red;font-weight:bold;}
table.dptTimetable th.tableHeading:nth-child(9){display:none;background:#000;}
table.dptTimetable tr.highlight td:nth-child(9),table.dptTimetable tr td:nth-child(9){display:none;background:#000;}
.nav-item{position:relative; border-bottom:1px solid #fff;}
.navbar-expand-lg .navbar-nav .nav-link{padding:10px 14px;}
.nav-link{font-size:16px;font-weight:500;color:#fff;text-transform:uppercase;padding:10px 15px;}
.nav-link:hover{color:#000;}
.navbar-nav ul.sub-menu{display:none;position: relative;width: 100%;z-index: 9999999;background: #f6f5f5;padding:0;min-width: 250px;max-width: 100%;}
.menu-mobile-icon{display:block !important; width:25px;height:25px; line-height:25px !important; background:rgba(14, 144, 70, 0.8); text-align:center;float:right;z-index:99999; color:#fff;top:9px; right:5px; cursor:pointer; position:absolute; border:1px solid #fff;}
ul.sub-menu li .nav-link{padding:10px 15px;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;-o-transition:all 0s;color:#878787}
ul.sub-menu li .nav-link:hover{background:#0e9046;color:#fff;}

.slider{height:650px;position:relative;overflow:hidden;  background-position:center center; background-repeat:no-repeat; background-size:cover;}
.slide-bg{background-size:cover;background-repeat:no-repeat;background-position:center center;height:650px;display:block;}
.slider-caption{margin-top:150px;color:#fff;text-align:center;}
.slider-caption h2{font-size:48px;font-weight:700; }
.slider-caption h4{font-size:36px; font-weight:700;text-transform:uppercase;}
.controls { background-image: url(assets/images/play-pause.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; width: 33px; height: 33px; position: absolute; z-index: 10; bottom: 50px; right: 30px; border: 0; text-indent: -99999px; overflow: hidden; display: block; cursor: pointer; opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.controls.paused{ background-position: -33px 0; }
.sound{ background-image: url(assets/images/sound.png); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; width: 33px; height: 33px; position: absolute; z-index: 10; bottom: 50px; right: 63px; border: 0; text-indent: -99999px; overflow: hidden; display: block; cursor: pointer; opacity: 1; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.sound.on{ background-position: -33px 0; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
.form-select{position:relative;border:1px solid #000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.form-select:hover{border:1px solid #6eccd9;}
.form-select::after{position:absolute;top:50%;margin-top:-8px;right:5px;content:"\f107";font:normal normal normal 18px/1 FontAwesome;}
.form-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;}

.bismillah{background:url(assets/images/bismillah-bg.png) center center no-repeat;}
.section-content{padding:50px 0;}
.section-content h1,.section-content h2,.section-content h3{margin-bottom:15px;}
.latest-news{padding:50px 0;overflow:hidden;}
.latest-news h3{font-size:20px;}
.hadees{color:#fff; font-size:26px; padding:50px 0;background:url(assets/images/floral-bg.jpg) center center no-repeat;background-size:cover;}
.three-box h3{font-size:20px; color:#0e9046;}
.icon{position:relative;display:block;width:75px;height:75px;line-height:75px;margin:-35px auto 15px;}

.masjid-map{position:relative;height:450px;}
.masjid-map-canvas{position:absolute;width:100%;height:100%;}
.masjid-map-box{padding:20px 10px;}
.masjid-map-box h4{font-size:18px;margin-top:25px;}
.masjid-map-box a{color:#fff;}
.masjid-map-box i{margin-right:10px;}

.newsletter-box{color:#fff;background:url("assets/images/subscribe-bg.jpg") center center no-repeat;background-size:cover;}
.newsletter-box h3{font-family: 'Raleway', sans-serif;font-size:26px;margin-bottom:0px;}
.newsletter-box p{text-transform:uppercase;margin:0}

.sitelink {color:#000;}
.sitelink h4{color:#0e9046; font-size:20px;}
.footer-link a{position:relative;display:block;font-size:16px;color:#000;padding-left:20px;}
.footer-link a::before{position:absolute;top:4px; left:0; content:"\f054";color:#b8a46f;font-family:Font Awesome\ 5 Free;font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.footer-link.half a{display:inline-block;width:50%;float:left;}
.get-touch,.get-touch a{font-size:16px;color:#878787;}
.get-touch .ft-icon{width:20px;margin-right:10px;margin-bottom:15px;line-height:1.8;float:left;color:#0e9046;}
.get-touch span{font-size:20px;font-weight:500;color:#0e9046;}
.get-touch address{margin-bottom:0;}
.social{padding-left:30px;}
.social span{font-size:20px;font-weight:500;color:#0e9046;text-transform:uppercase;}
.social a{color:#0e9046;text-align:center;}
.copyright {padding: 15px 0;}
/* ########## Inner Page ########### */
.inner-banner{display: block;height:600px;margin: 0;padding: 0;position: relative;width: 100%;background:#000;}
.banner-img{background-attachment: scroll;background-position: center center;background-repeat: no-repeat;background-size: cover;display: block;height: 100%;width: 100%;opacity:0.50;}
.inner-heading{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.inner-heading h1,.inner-heading h2{color:#fff;font-size:48px;font-weight:800;line-height:60px;text-align:center;letter-spacing:2px;padding:18px 36px;text-transform:uppercase;position:relative}

.map-canvas{height: 100%; position: relative; width: 100%;}

@media(max-width:1199px) {
	.drop-calendar{bottom:63px;}
	.slider{height:400px;}
	.slide-bg{height:400px}
	.newsletter-box h3{font-size:20px;}
}
@media(max-width:991px) {
	.logo a{width:160px;height:auto;background-size:100%;}
	.logo a img{width:100%;}
	.navbar-toggler{border-color:#000;}
	.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}
	.nav-item::after{display:none;}
	.nav-link:hover,.nav-link:focus{background-color:#0e9046;color:#fff; padding-left:5px; padding-right:5px;}
	.drop-calendar{position:absolute; bottom:40px;left:-15px}
	.copyright{padding:0px 0 10px}
	.copyright .text-right{text-align:center !important;}
	.get-touch,.social{width:50%; float:left;}
}
@media(max-width:767px) {
	.main-heading{font-size:30px;}
	.inner-heading h1, .inner-heading h2{font-size:36px;line-height:40px; padding:15px 0px;}
	.section-content{padding:25px 0}
	.section-content h1, .section-content h2, .section-content h3{font-size:24px;}
	.logo a{width:160px;height:auto;}
	.logo a img{width:100%;}
	.menu-icon{overflow:hidden;}
	.masjid-mb-meu{padding-top:15px;}
	.drop-calendar{bottom:55px;display:none;}
	.dpt-horizontal-wrapper.customStyles .dpt-wrapper-container .prayer-time{height:auto;}
	.slider{height:350px;}
	.call-us{font-size:24px;width:210px;margin:0 auto;display:block;text-align:center;}
	.get-touch, .social{width:100%;}
	.drop-timetable.active{width:100%;}
	.copyright{padding:5px 0}
}
@media(max-width:639px) {
	.inner-banner{height:200px;}
	.inner-heading,.box-image h2{width:80%;}
}
@media(max-width:480px) {
	.inner-heading{width:90%;}
	.slide-bg{height:200px}
	.slider{height:200px;}
}
@media(max-width:380px) {
	.slider{height:170px;}
	.slide-bg{height:170px}
}
@media(max-width:359px) {}