/* Custom CSS styles - see www.w3schools.com/css/ */

/*****
 *
 * More height in header, requires image 249px wide by 108px high
 * 
 *****/
#community_header{float:left; width:100%; padding:0; height:auto; }
#community_header_logo {float:left; margin:5px 10px 5px 0; padding: 50px 0;}
#community_header_logo img{ max-height:9999px; max-width:408px; border:0; }


/*****
 *
 * Customize body container and section header classes
 * 
 *****/
#body_container {float:left; width:100%;}

.section_box h6 {font-weight:normal; }
.toc h4 {font-weight:normal; }
.contacts h4 {font-weight:normal; }
.sponsors h4 {font-weight:normal; }

/* GENERAL PAGE LAYOUT */
body, p, ul, li, .community_left .welcome_box p, .spaces_inner ul li .detail p {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #0A4161;
  font-size: 16px;
  line-height: 1.5em;
}
body {
  padding: 0;
  background-color: #fff;
}
#layout, #header, #menu, #body_message, .form_box.full, #footer, .footer_grey_box, .middle_links ul, #system_message, #community_layout, .community_left.full, #super_admin_nav {
  max-width: 1252px;
  padding: 0 20px;
}
#community_layout {
  padding: 0;
}
.section_box p.heading {
  border-top: none;
}

/* LAYOUT ADJUSTMENTS */
.category-group:nth-child(3n+1) {
    clear: both;
}

/* HEADER */
#community_top_header {
  background: #0A4161
}
#community_top_outer_header {
  border-bottom: none;
}
#community_top_header li, #community_top_header a {
  font-size: 12px;
}
#community_header_title {
  display: none;
}
#sites_header {
  display: block;
  padding-bottom: 22.2222% !important;
  background-image: url('/uploads/assets/4094/css_image/wefheader20230602.jpg');
  background-size: cover;
}

/* MENU */
#navmenu {
  display: table;
  width: 100%;
  background-color: transparent;
}
#navmenu ul {
  display: table-row;
  width: 100%;
}
#navmenu ul li, #navmenu ul li.nav-edit {
  display: table-cell;
  float: none;
  text-align: center;
  border: 1px solid #0a4161;
  border-right: none;
}
#navmenu ul li:last-child {
  border-right: 1px solid #0a4161;
}
#navmenu ul li a, #navmenu ul li.nav-edit a {
  padding: 8px 15px;
  background-color: #fff;
  color: #0a4161 !important;
  border: none;
  border-top: 4px solid transparent;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 24px;
}
#navmenu ul li a.active {
  background-color: #fff;
  border-color: #2ec5f0;
}
#navmenu ul li a:hover {
  background-color: #2ec5f0;
}

/* BOX HEADINGS */
.section_box h6, .community_right h4, .community_left h4, .community_left .welcome_box.description h4, .form_box h4, .form_box h5 {
  background-color: #0a4161;
  color: #fff;
  font-weight: 700;
}
#site_directory h4 {
  background-color: #2ec5f0;
  color: #56274d;
  font-weight: 700;
}
#site_directory ul {
  max-height: calc(44px * 5);
  overflow-y: auto;
}
.welcome_box h4 {
    margin: -10px 0 10px -10px;
    width: calc(100% + 10px);
    max-width: calc(100% + 10px);
    padding: 10px;
}

/* BUTTONS */
.section_box input.button, .form_box .row input.button, #site_directory_search input.button, #register_box .row input.button.big {
  background-color: #fff;
  border: 2px solid #0A4161;
  border-radius: 0;
  color: #0A4161;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 14px;
  line-height: 1.5;
  cursor: pointer;
}
#site_directory_search input.button {
  border-width: 1px;
  line-height: 1.2;
}
.section_box input.button:hover, .form_box .row input.button:hover, #site_directory_search input.button:hover, #register_box .row input.button.big:hover {
  background-color: #0A4161;
  color: #fff;
}

/* FORM FIELDS */
#site_directory_search input[type="text"], #site_directory_search input.text {
  background-color: #d8e7f2;
  border: 1px solid #0A4161;
  border-right: none;
}

/* GET LISTED */
#package-feature-table {
  display: none;
}

/* SITE PACKAGES */
#site-packages #package-feature-table {
  display: block;
}
#site-packages .form_box.full h4, #site-packages .form_box.full h5 {
  width: 100% !important;
}
#site-packages-border {
    overflow-x: auto;
}

/* SITE PRODUCTS */
.detail.products #product-more {
  display: block;
}

/* RESPONSIVE */
@media screen and (max-width: 1024px){
  .space.middle {
    width: calc(100% - 140px);
  }
  .space.title {
    width: 100%;
  }
  .category-group:nth-child(3n+1) {
    clear: none;
  }
}
@media screen and (max-width: 768px){
  .space.middle {
    width: calc(100% - 30px);
    margin: 15px;
  }
  .space.title h2 {
    width: calc(100% - 80px);
  }
  .space.middle .space.image {
    width: 75px;
  }
  .space.middle .space.image img {
    width: 100%;
    height: auto;
    max-height: 9999px;
  }
  #navmenu ul {
    display: block;
    padding-top: 1px;
  }
  #navmenu ul li, #navmenu ul li.nav-edit, #navmenu #documents-menu, #navmenu #get-listed-menu, #navmenu #list-menu {
    display: block;
    width: 50%;
    float: left;
    border-right: 1px solid #0a4161;
    margin-right: -1px;
    margin-top: -1px;
  }
}
@media screen and (max-width: 400px){
  #navmenu ul li, #navmenu ul li.nav-edit, #navmenu #documents-menu, #navmenu #get-listed-menu, #navmenu #list-menu {
    display: block;
    width: 100%;
  }
}

/* WEBINAR */
.section_box.webinar .row {
    display: block;
    overflow: hidden;
}
.section_box.webinar .row #status_box {
    background: none;
    width: calc(100% - 310px);
    height: auto;
}
.section_box.webinar .row #status_box input {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 2;
    border-radius: 4px;
    box-shadow: 0px 1px 2px inset rgba(0,0,0,0.3);
    padding: 2px 8px;
}
.section_box.webinar input.button {
    margin: 20px 0 8px !important;
}
@media screen and (max-width: 560px){
    .section_box.webinar .row #status_box {
        width: 100%;
    }
    .section_box.webinar .row #status_box input {
        margin: 0;
    }
    .section_box.webinar label.reg-short-form {
        width: 100%;
        text-align: left;
    }
}

/* WEBINAR REGISTRATION */
.section_box.webinar .row.checkbox.full.opt_in_row {
    padding-top: 20px;
    text-align: center;
}
.section_box.webinar .row.checkbox.full.opt_in_row div, .section_box.webinar .row.checkbox.full.opt_in_row label {
    float: none;
    display: inline;
    width: auto;
    padding: 0;
}
.section_box.webinar .row.checkbox.full div {
    width: 52px;
}
.section_box.webinar .row.checkbox.full label {
    width: calc(100% - 52px);
}
.section_box.webinar label {
    width: 160px;
    padding: 3px 10px 4px 0;
    line-height: 1;
}
.section_box.webinar .input_text, .section_box.webinar .input_select, .section_box.webinar #regionDiv {
    width: calc(50% - 180px) !important;
    float: left;
}
.section_box.webinar .input_text input, .section_box.webinar .input_select select {
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 600px){
    .section_box.webinar .input_text, .section_box.webinar .input_select, .section_box.webinar #regionDiv {
        width: calc(100% - 180px) !important;
        height: auto;
        padding-bottom: 8px;
    }
}