/* ================================================ */
/* ================================================ */
/* Colour scheme customisations                     */ 
/* http://colorpalettes.net/color-palette-1632/     */
/* ================================================ */
/* ================================================ */

/* ================================= */
/* Site wide styles                  */
/* ================================= */

a { color: #46483c; }

.download {
  margin: 10px 0;
}

.download a {
  color: whitesmoke;
  background-color: #a4ba25;
  border-radius: 5px; 
  padding: 5px; }

/* ================================= */
/* Off canvas                        */
/* ================================= */

.off-canvas-toggle,
.off-canvas-open .off-canvas-toggle {
  background: grey; 
}
.off-canvas-toggle:hover { background: #a4ba25; }

.t3-off-canvas .t3-off-canvas-header,
.t3-off-canvas .close {
  background: #a4ba25;
  color: white;
}

.t3-off-canvas .t3-off-canvas-body a {
  color: #a4ba25;
} 

.t3-off-canvas .t3-off-canvas-body a:hover, 
.t3-off-canvas .t3-off-canvas-body a:focus {
  background: #a4ba25;
  color: white;
}

/* ================================= */
/* Top header                        */
/* ================================= */

.t3-top-header .container { color: #000000; background: whitesmoke; }

.head-social a { background: black; }
.head-social a:hover { background: #ef0000; }
.head-social a > i { color: #ef0000; }

/* ================================= */
/* Main menu                         */
/* ================================= */

.navbar-default .navbar-header .navbar-toggle,
.navbar-toggle,
.navbar-default .navbar-header .navbar-toggle:hover,
.navbar-toggle:hover,
.navbar-default .navbar-header .navbar-toggle:focus,
.navbar-toggle:focus,
.navbar-default .navbar-header .navbar-toggle:active,
.navbar-toggle:active {
  background: #75726f;
  border-color: #75726f;
	border-radius: 21px;
}

.t3-megamenu a.dropdown-toggle { color: #a4ba25; }
.t3-megamenu .mega > .nav-child.mega-dropdown-menu { background: #46483c; }

.head-search .search:hover {
   border-color: #a4ba25;
}

/* ================================= */
/* Modules position 2,3,4,5,6        */
/* ================================= */

/* custom style for spotlight (position-1 and position-2 modules) on homepage */
div.wj-spotlight-green .module-title {
  font-size: 14px; 
  background: #000000 !important;
  color: red;
  padding: 10px;
  border-radius: 10px;
  font-weight: 700;
}

div.wj-spotlight-green .module-ct { margin: 0px 5px; }
div.wj-spotlight-green .next-events { margin: 0px; }
div.wj-spotlight-green .next-events .event { list-style: none; border-bottom: 1px; font-size: 12px; }
div.wj-spotlight-green .next-events .event-name { font-weight: bold; }

.t3-mainbody .t3-spotlight-1 .mod-more .module-more {
  position: absolute;
  border-radius: 5px;
  top: 0;
  right: 20px;
  line-height: 14px;
  background: #000000;
}

.t3-mainbody .t3-spotlight-1 .mod-more .module-more a {
  padding: 10px 7px;
  position: relative;
  display: block;
  color: #ffffff;
  font-weight: bold;
}

.t3-mainbody .t3-spotlight-1 .mod-more .module-more a:hover {
  text-decoration: none;
  border-radius: 5px;
  color: #f2f2f2;
  background: #d00e0e;
}

.t3-mainbody .t3-spotlight-1 .mod-more .module-title {
  margin-right: 50px;
}

.t3-mainbody .t3-spotlight .module-title,
.t3-mainbody .t3-spotlight-2 .title-blue .module-title {
  border-radius: 5px;
  background: #a4ba25;
}

.t3-mainbody .t3-spotlight-2 .module-more a:hover {
  background: #556e11;
}

.t3-mainbody .t3-spotlight .module-title,
.t3-mainbody .t3-spotlight-2 .title-blue .module-title {
  border-radius: 5px;
  background: #000000; 
}

.t3-mainbody .t3-spotlight-2 .module-more a:hover {
  background: #556e11; 
}

.t3-spotlight-2 .module-more a:hover:after,
.t3-spotlight-2 .module-more a:focus:after,
.t3-spotlight-2 .module-more a:active:after {
  border-right-color: #556e11;
}
 
.t3-mainbody .t3-spotlight-2 .title-blue .module-title::after {
  border-top-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
  border-right: solid 7px #ffffff;
}

.t3-mainbody .t3-spotlight-2 #ja-bulletin ul li .creatdate {
   color: #676565;
}

/* ================================= */
/* Sidebar 1                         */
/* ================================= */

.t3-sidebar .t3-module { background: #75726f; border-radius: 10px; }
.t3-sidebar .t3-module .module-title { color: white; }

.t3-sidebar .t3-module,
.t3-sidebar #ja-bulletin ul li > div > a.mostread {
   color: whitesmoke;
}

.t3-sidebar .t3-module .module-more > A,
.t3-sidebar #ja-bulletin ul li .creatdate {
   color: #a78f6d;
}

.t3-sidebar #ja-bulletin ul li > div > a.mostread:hover {
   text-decoration: underline;
}

/* ================================= */
/* Footer                            */
/* ================================= */

.t3-footer { background: #75726f; color: white; }

.footer-subcribe .t3-module .module-title,
.footer-links .t3-footnav .module-title {
  color: whitesmoke;
}

.footer-subcribe .t3-module A,
.footer-links .t3-footnav A,
.footer-subcribe .t3-module A,
.footer-links .t3-footnav A,
.footer-subcribe .module-ct {
  color: white;
}

.footer-subcribe .t3-module .current A,
.footer-links .t3-footnav .current A,
.footer-subcribe .t3-module A:hover,
.footer-links .t3-footnav A:hover {
  color: whitesmoke;
}

/* ================================================ */
/* Google Calendar Component                        */
/* ================================================ */
TABLE .com_googlecalendar-day-event {
  background-color: #a4ba25 !important;
  color: white !important;
}

TABLE .com_googlecalendar-day-event-moreinfo {
  background-color: #d8cabc !important;
}

TABLE .com_googlecalendar-day-event-moreinfo b {
  color: #a78f6d !important;
}

/* ================================================ */
/* ================================================ */
/* Spacing                                          */
/* ================================================ */
/* ================================================ */

/* Fix spacing around header social icons */
.t3-top-header .head-social > DIV.custom P { margin: 0; }

/* header logo styling */
.logo-image .logo-img { max-height: 45px; }

/* top nav main menu */
.t3-megamenu .navbar-nav li { font-size: 13px; }

@media screen and (min-width: 991px) {
  .navbar-default .navbar-nav > li > a { padding: 5px 4px; }
  .t3-mainnav .t3-navbar { margin-right: 40px; }
}

@media screen and (min-width: 1200px) {
  .navbar-default .navbar-nav > li > a { padding: 5px 10px; }
  .t3-mainnav .t3-navbar { margin-right: 55px; }
}

/* sidebar */
@media screen and (min-width: 768px) {
  .t3-sidebar-left input[type="email"],
  .t3-sidebar-left input[type="text"] { width:100%; }
}

/* background (default) image for homepage slideshow banner */
.ja-slide-main { background-image: url('/images/banners/almahdiproject-artistimpression.jpg'); background-size: contain; }

/* footer */
.footer-subcribe .t3-module .module-title, 
.footer-links .t3-footnav .module-title { font-size: 19px; }

.footer-subcribe .t3-module .module-ct, 
.footer-links .t3-footnav ul.nav a { font-size: 16px; }

@media screen and (max-width: 768px) {
  .t3-footer .module-title { margin-top: 10px; }
}

/* misc styling */
DIV.jamasshead { background: no-repeat center; }
UL.jcalpro_events {   list-style: none; padding: 0; }
DIV.ja-slide-item IMG { width: 100%; }
.wj-no-bottom-margin { margin-bottom: 0px; }