/*
Theme Name: Divi Child Theme
Version: 2.0
Description: Basic Child Theme RAW
Author: RAW
Template: Divi
Author URL: https://rawmedia.co.za
*/
 
/*------- Theme Customizations------- */

/*---------------[MENU DROPDOWN ARROWS]------------------*/
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
  content: ''; }

/*---------------[MEGA MENU]------------------*/
/*#top-menu li.mega-menu > ul > li > a:first-child, */
.sub-menu-header a:first-child {
  color: #bf9be4;
  font-size: 24px;
  font-weight: 300;
  opacity: 0.4; }

/* Advert */
#top-menu li.mega-menu ul li.mega-menu-advert {
  padding: 50px 0 0 0 !important; }

/*
#top-menu li.mega-menu > ul > li.mega-menu-advert > a:first-child {
  opacity: 1.0 $i;
}

#top-menu li {
  padding-right: 0;
}

#top-menu li.mega-menu > ul, 
#top-menu li.mega-menu > ul > li > a:first-child,
#top-menu li.current-menu-ancestor > a,
#top-menu li.mega-menu li > a,
#top-menu .current-menu-item,
#top-menu .current_page_item,
#top-menu li > a:hover
{  
  color: #ffffff!important;
  background-color: #4D207A!important;
  border-top: none;
}

#top-menu li.mega-menu > ul {
  top: 72px!important;
  width: 1160px!important;
  margin-left: -60px;
}

#top-menu a, #top-menu li > a {
  float: left;
  display: block;
  color: #B8009D;
  padding: 12px 25px 12px 25px;
  text-decoration: none;
  border: none;
  margin: 0;
}

#top-menu .menu-item-has-children > a:first-child:after {
  top: 12px;
}

li.mega-menu ul.sub-menu li ul li a {
  padding: 0 20px 0 20px!important;
}
li.mega-menu ul.sub-menu li ul li a:before {
  content: url(images/ListImage.png)!important;
  padding: 2px;
}

ul#top-menu.nav {
  li.mega-menu {
    ul.sub-menu {
      li.ghost-menu-item > a, li.ghost-menu-item > a:hover {
        color: #4D207A$i;
      }
    } 
  }
}




*/
/*
Copyright 2015 Chevrah Kadisha.

Created on : 27-Jan-2015, 11:50:46
Author     : WilliamN

Gives expression to T5 and T6 page layouts. The original design calls for seperate pages behaving like tabs, 
with T6 pages linked to from a T5 page, but the layouts of T5 and T6 pages are pretty much identical.

This approach provides a T5 page with true tabs to deliver the same effect with a less complicated menu structure.
*/
.t5-full-width-heading {
  background-color: transparent !important; }
  .t5-full-width-heading h1 {
    background-color: rgba(0, 0, 0, 0.2) !important;
    padding: 30px !important;
    margin: auto;
    width: 70%;
    text-align: center;
    margin-bottom: 60px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 18px 22px 22px 3px rgba(189, 179, 189, 0.41);
    -moz-box-shadow: 18px 22px 22px 3px rgba(189, 179, 189, 0.41);
    box-shadow: 18px 22px 22px 3px rgba(189, 179, 189, 0.41); }

.t5-page {
  background-position: center !important;
  padding: 30px 0 60px; }
  .t5-page .et_pb_column {
    margin-right: 0 !important; }
  .t5-page h2 {
    font-weight: 300 !important;
    font-size: 24px; }
  .t5-page p {
    font-size: 16px !important;
    padding-top: 30px; }
  .t5-page .et_pb_row:nth-child(3) {
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    background: white; }
  .t5-page .et_pb_row .et_pb_column_2_3 {
    width: 720px !important; }
  .t5-page .et_pb_row .et_pb_column_1_3 {
    width: 360px !important; }
  .t5-page .et_pb_row .et_pb_column_3_4 {
    width: 810px !important; }
  .t5-page .et_pb_row .et_pb_column_1_4 {
    width: 270px !important; }

/*------------------------------- Tabs -------------------------------*/
.t5-tabs {
  margin: 0;
  background-size: 100% 300px;
  background-position: 50%;
  border: 0 !important; }
  .t5-tabs ul.et_pb_tabs_controls {
    -webkit-border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    border-radius: 10px 0 0 0;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 25px !important;
    /*margin-bottom: 30px $i;*/ }
    .t5-tabs ul.et_pb_tabs_controls li {
      border: none !important; }
    .t5-tabs ul.et_pb_tabs_controls li a {
      color: #FFF;
      font-weight: 300;
      font-size: 18px; }
    .t5-tabs ul.et_pb_tabs_controls li.et_pb_tab_active a {
      color: #333 !important; }
  .t5-tabs .et_pb_all_tabs {
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    padding: 24px 50px; }

/* --------------------   Sidebar    ---------------------*/
.t5-sidebar-heading {
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -ms-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background-repeat: no-repeat;
  background-position: 100px 10px;
  padding: 82px 60px 0 20px;
  margin-bottom: 50px !important; }
  .t5-sidebar-heading h1 {
    font-size: 25px; }

.t5-sidebar-text {
  padding: 10px;
  margin: 15px 15px 0 15px;
  background-color: rgba(215, 25, 32, 0.5) !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: initial; }

.t5-sidebar-banner {
  margin: 15px 15px 0 15px;
  background-color: transparent !important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

#sidebar-contact-details img {
  max-width: 45px;
  max-height: 45px; }

/*-------------------------- Organisations ----------------------------------*/
.arcadia-tabs ul.et_pb_tabs_controls, .t5-arcadia-sidebar {
  background-color: #D71920 !important;
  border-bottom: 5px solid #D71920 !important; }

.t5-arcadia-sidebar {
  background-image: url(images/arcadia-logo-white-60.png); }

.sandringham-tabs ul.et_pb_tabs_controls, .t5-sandringham-sidebar {
  background-color: #22B24C !important;
  border-bottom: 5px solid #22B24C !important; }

.t5-sandringham-sidebar {
  background-image: url(images/sandringham-logo-white-60.png); }

.selwyn-segal-tabs ul.et_pb_tabs_controls, .t5-selwyn-segal-sidebar {
  background-color: #F7941D !important;
  border-bottom: 5px solid #F7941D !important; }

.t5-selwyn-segal-sidebar {
  background-image: url(images/selwyn-segal-logo-white-60.png); }

.oph-tabs ul.et_pb_tabs_controls, .t5-oph-sidebar {
  background-color: #FFDE00 !important;
  border-bottom: 5px solid #FFDE00 !important; }

.t5-oph-sidebar {
  background-image: url(images/oph-logo-white-60.png); }

.golden-tabs ul.et_pb_tabs_controls, .t5-golden-sidebar {
  background-color: #7E5C4C !important; }

.t5-golden-sidebar {
  padding-top: 0; }
  .t5-golden-sidebar h1 {
    color: #ffffff;
    text-align: center;
    line-height: 82px; }

/*------------------------------- Services ---------------------------*/
.services-tabs ul.et_pb_tabs_controls, .t5-services-sidebar {
  background-image: url(images/register-bg.jpg);
  background-repeat: repeat; }

.t5-services-sidebar {
  padding-top: 0; }
  .t5-services-sidebar h1 {
    color: #ffffff;
    text-align: center;
    line-height: 82px; }

/* ---------------------------------------------------------------*/
.hidden-accordian {
  display: none; }

/*
Copyright 2015 Chevrah Kadisha.
*/
/* 
    Created on : 02-Jan-2015, 11:28:53
    Author     : WilliamN
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

fieldset.chev-forms {
  border: #d2bee2 2px solid;
  border-radius: 10px;
  padding: 10px;
  margin: 20px 0; }

legend.chev-forms {
  font-size: 1.5em;
  font-weight: bold;
  float: none;
  padding: 0 10px;
  width: auto;
  text-align: left; }

.help-text {
  font-size: 1.25em; }

ul#filelist {
  margin: 0 10%;
  list-style: none;
  font-size: 1.25em; }

textarea {
  font-family: inherit !important; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16-Sep-2015, 15:20:10
    Author     : wnettmann
*/
.model-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

form header {
  margin: 0 0 20px 0; }

form header div {
  font-size: 90%;
  color: #999; }

form header h2 {
  margin: 0 0 5px 0; }

form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0; }

form > div > fieldset > div > div {
  margin: 0 0 5px 0; }

form > div > label,
legend {
  width: 25%;
  float: left;
  padding-right: 10px;
  font-size: 1.20em; }

form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right; }

form > div > fieldset label {
  font-size: 90%; }

fieldset {
  border: 0;
  padding: 0; }

input[type=text],
input[type=number],
input[type=email],
input[type=url],
input[type=password],
textarea {
  width: 80%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 1.20em; }

input[type=number] {
  max-width: 175px; }

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4; }

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; }

  form > div > label,
  legend {
    width: 100%;
    float: none;
    margin: 0 0 5px 0; }

  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none; }

  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; } }
@media (min-width: 1200px) {
  form > div > label,
  legend {
    text-align: right; } }
.field-description {
  font-size: 0.9em;
  font-style: italic; }

/*Styles for the Quick Add Form */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16-Sep-2015, 14:25:25
    Author     : wnettmann
*/
div.quick-add div.form-field, div.quick-add div#submit {
  clear: none;
  float: left;
  width: 40%;
  line-height: 42px; }
div.quick-add div#submit {
  float: right;
  width: 100px; }
div.quick-add label {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap !important;
  line-height: inherit; }
div.quick-add input, div.quick-add textarea, div.quick-add select {
  color: #999 !important;
  box-sizing: border-box;
  padding: 2px !important;
  font-size: 20px !important;
  line-height: 26px; }
div.quick-add input, div.quick-add textarea {
  background-color: #eee !important;
  width: 350px; }
div.quick-add .btn {
  display: inline-block !important;
  margin-bottom: 0 !important;
  font-weight: normal !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
  padding: 6px 12px !important;
  font-size: 20px !important;
  line-height: 1.42857 !important;
  border-radius: 4px !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  color: #ffffff !important;
  background-color: #441b6b !important;
  border: 1px solid #000 !important;
  width: auto !important;
  float: right !important; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 07 Oct 2015, 1:39:02 PM
    Author     : williamn
*/
.not-mobile {
  display: inline; }

.mobile {
  display: none; }

@media screen and (max-width: 1024px) {
  .not-mobile {
    display: none; }

  .mobile {
    display: inline; } }
/* Quick Add Field Sizes */
fieldset#quick-add input {
  width: available; }

#card-gallery {
  text-align: center; }

#hidden-e-cards-tabs, #hidden-e-cards-login {
  display: none !important; }

#e-cards-login input {
  width: auto !important; }

#e-cards-login h2 {
  margin-bottom: 20px; }

button.inactive {
  display: none !important; }

#e-cards-menu .et_pb_blurb h4 a {
  padding: 10px;
  background-color: #6C2EB9;
  color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }

.ecard_float_left {
  float: left; }

.ecard_float_right {
  float: right; }

.ecard_clear {
  clear: both; }

#ecard-content {
  max-width: 600px; }

#ecard-header, #ecard-footer {
  width: 100%; }

.ecard {
  background-color: #d2bee2; }

/* Helping Hands */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22 Mar 2016, 9:44:37 AM
    Author     : williamn
*/
/*
<div id="topBtns"><a href="donate"><div id="topDonate">&nbsp;</div></a><a href="ecards"><div id="topeCard">&nbsp;</div></a></div>
*/
/* Tablets in portrait mode and larger (768px upwards) */
@media screen and (min-width: 768px) {
  #topBtns {
    background: transparent url(/wp-content/uploads/btn_ppl.png) no-repeat center center;
    width: 500px;
    height: 85px;
    margin: 0 auto; }
    #topBtns #topDonate, #topBtns #topeCard {
      width: 215px;
      height: 85px;
      cursor: pointer; }
    #topBtns #topDonate {
      background: transparent url(/wp-content/uploads/btn_donate.png) no-repeat center center;
      float: left; }
    #topBtns #topDonate:hover {
      background: transparent url(/wp-content/uploads/btn_donate_on.png) no-repeat center center; }
    #topBtns #topeCard {
      background: transparent url(/wp-content/uploads/btn_ecards.png) no-repeat center center;
      float: right; }
    #topBtns #topeCard:hover {
      background: transparent url(/wp-content/uploads/btn_ecards_on.png) no-repeat center center; } }
/* Smartphones in landscape mode (480-768px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #topBtns {
    width: 340px;
    margin: 0 auto; }
    #topBtns #topDonate, #topBtns #topeCard {
      width: 165px;
      height: 85px;
      cursor: pointer; }
    #topBtns #topDonate {
      background: transparent url(/wp-content/uploads/btn_donate_full.png) no-repeat center center;
      float: left; }
    #topBtns #topDonate:hover {
      background: transparent url(/wp-content/uploads/btn_donate_full_on.png) no-repeat center center; }
    #topBtns #topeCard {
      background: transparent url(/wp-content/uploads/btn_ecards_full.png) no-repeat center center;
      float: right; }
    #topBtns #topeCard:hover {
      background: transparent url(/wp-content/uploads/btn_ecards_full_on.png) no-repeat center center; } }
/* Smartphones in portrait mode (400-479px) */
@media only screen and (min-width: 250px) and (max-width: 479px) {
  #topBtns {
    width: 100%;
    margin: 0 auto;
    clear: both; }
    #topBtns #topDonate, #topBtns #topeCard {
      width: 165px;
      height: 85px;
      cursor: pointer;
      margin: 0 auto;
      display: block; }
    #topBtns #topDonate {
      background: transparent url(/wp-content/uploads/btn_donate_full.png) no-repeat center center; }
    #topBtns #topDonate:hover {
      background: transparent url(/wp-content/uploads/btn_donate_full_on.png) no-repeat center center; }
    #topBtns #topeCard {
      background: transparent url(/wp-content/uploads/btn_ecards_full.png) no-repeat center center; }
    #topBtns #topeCard:hover {
      background: transparent url(/wp-content/uploads/btn_ecards_full_on.png) no-repeat center center; } }
.helping-hands-header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f77a8+0,3f77a8+0,4096ee+100 */
  background: #3f77a8;
  /* Old browsers */
  background: -moz-linear-gradient(top, #3f77a8 0%, #3f77a8 0%, #4096ee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #3f77a8 0%, #3f77a8 0%, #4096ee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #3f77a8 0%, #3f77a8 0%, #4096ee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f77a8', endColorstr='#4096ee',GradientType=0 );
  /* IE6-9 */ }

/* Donation (Credit Card) Form */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24 Mar 2016, 11:06:53 AM
    Author     : williamn
*/
#CardNumber {
  max-width: 175px; }

#expiry {
  max-width: 75px; }

#CardValidationCode {
  max-width: 35px; }

/* For Creditly */
.has-error {
  border-color: red !important; }

.btn.submit {
  margin-top: 10px; }

/*@import 'responsive_table';*/
/*

Style Contact Form 7 to Match Divi

While there are plenty of form tools for WordPress, Contact From 7 has endured and advanced through the years, thus becoming the go to tool when one needs custom forms on their site. Divi has its own unique style and don’t we love just dropping in the Contact module for a quick and easy form. But when you need something a little more advanced, something with a stunning array of form fields, and you still want it to match the existing Divi form, then this little CSS code snippet is for you.
I know it’s not perfect and will gladly accept any offers of assistance, code modifications, rants and even raves.

https://divilicious.com/style-contact-form-7-to-match-divi/

*/
/* === [www.divilicious.com Style As CF7 =========================== */
.et_pb_contact p input, .et_pb_contact p textarea {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

.et_pb_contact p input, .et_pb_contact p textarea {
  background-color: rgba(221, 221, 221, 0.4); }

input.wysija-input {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  background-color: rgba(221, 221, 221, 0.4);
  border: none;
  width: 100%;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  color: #999;
  padding: 16px; }

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
  background-color: rgba(221, 221, 221, 0.4) !important;
  border: none !important;
  width: 100% !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: 14px;
  color: #555 !important;
  padding: 16px !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.wpcf7 select {
  background-color: rgba(221, 221, 221, 0.4) !important;
  border: none !important;
  width: 100% !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: 14px;
  color: #555 !important;
  padding: 0 !important;
  min-height: 48px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

span.wpcf7-checkbox span.wpcf7-list-item {
  display: block; }

span.wpcf7-radio span.wpcf7-list-item {
  display: inline; }

  input.wpcf7-submit {
    color: inherit !important;
    margin: 8px auto 0;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.3em 1em;
    float: right;
    line-height: 1.7em;
    background: transparent;
    border: 2px solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }


 input.wpcf7-submit:hover {
      background-color: rgba(0, 0, 0, 0.05);
      border: 2px solid transparent;
      padding: 0.3em 1em !important; }

input.wpcf7-submit:after {
  font-family: 'ETmodules';
  content: "\35";
  font-size: 32px;
  opacity: 0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  line-height: 1em;
  position: absolute;
  margin-left: -0.5em;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

input.wpcf7-submit:hover:after {
  opacity: 1;
  display: block;
  font-family: 'ETmodules';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  right: 0px;
  top: 5px;
  margin-left: 0; }

/* Datatables Buttons */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17 May 2016, 9:00:16 AM
    Author     : williamn
*/
.dt-btn {
  background-color: #068ef6;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #057fd0;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 14px;
  text-decoration: none; }

.dt-btn:hover {
  background-color: #019ad2; }

.dt-btn:active {
  position: relative;
  top: 1px; }

/*# sourceMappingURL=style.css.map */

header#main-header {
  top:0;
  
}