/*
 Theme Name: Workplace
 Descrciption: Workplace Custom Child Theme
 Author: Peralta Design
 Template: Divi
*/

.grid-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 100%;
  column-gap: 0px;
  justify-content: center;
}

#grid,
#filter-categories {
  padding-left: 0em !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}

#grid h6 {
  min-height: 46px;
}

#filter-categories {
  grid-row-gap: 0.25em;
  grid-column-gap: 0.5em;
}

.left-grid {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}

.right-grid {
  padding: 1em;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
}

@media only screen and (max-width: 980px) {

  #grid h6 {
    min-height: auto;
  }

  .grid-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 0px;
    justify-content: center;
  }

  .left-grid {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .right-grid {
    padding: 1em;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }


  #grid,
  #filter-categories {
    grid-template-columns: 1fr;
  }

}

@media only screen and (max-width: 768px) {
  .grid-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 0px;
    justify-content: center;
  }

  .left-grid {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .right-grid {
    padding: 1em;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
}

/* influencer form styles */
#nf-form-17-cont .nf-form-fields-required {
  display: none;
}

#nf-form-17-cont input[type="text"],
#nf-form-17-cont input[type="tel"],
#nf-form-17-cont input[type="email"] {
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  line-height: 1.8em;
  border: 0 solid #333;
  color: #000000;
  background-color: #ffffff;
  font-size: 14px;
  padding: 16px;
}

#nf-form-17-cont .nf-field-label label {
  font-weight: 400;
}

#nf-field-139 {
  color: #ffffff !important;
  border-width: 12px !important;
  border-color: #b20838;
  border-radius: 32px;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 500 !important;
  background-color: #b20838 !important;
  margin-top: 75px !important;
  display: inline-block;
  margin: 0 0 0 18px;
  cursor: pointer;
  padding: 1em 1em !important;
  line-height: 1.7em !important;
  border: 2px solid #b20838 !important;
}

/* influencer form styles end */

/* PD Styles */

#resume_industry {
  font-size: 20px;
}

#gate_close {
  font-size: 26px;
  position: absolute;
  right: 20px;
  top: 5px;
  display: block;
}

#video_resume_results {
  background: #eee;
}

#video_resume_overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  /* z-index: 9999998;
	opacity: 1; */
  z-index: 0;
  opacity: 0;
}

#video_resume_gate {
  display: block;
  position: fixed;
  /* top:25%; */
  top: -50%;
  left: 25%;
  border-radius: 16px;
  z-index: 9999999 !important;
  background: #fff;
  padding: 2em;
  width: 50%;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
    rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

#video_resume_gate p {
  font-size: 18px;
  text-align: center;
}

#video_resume_gate img {
  display: block;
  margin: 1em auto;
  max-width: 200px;
}

.video-resume-row {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em,
    rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em,
    rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  padding: 0em !important;
  margin-bottom: 1.5em !important;
  background: #f8f8f8;
}

.video-resume-row h2 {
  font-size: 28px;
  margin: 0.5em 0em;
  padding-bottom: 0em;
}

.video-resume-row h3 {
  font-size: 22px;
  margin: 0.5em 0em;
  padding-bottom: 0em;
  font-weight: 400;
}

.video-resume-row a {
  color: #af023a;
  font-size: 22px;
  display: inline-block;
  margin-right: 1em;
}

.video-resume-row .et_pb_image_wrap {
  width: 200px;
  height: 200px;
  overflow: hidden;
}

.video-resume-row img {
  width: 200px;
}

.video-resume-row .resume-module {
  position: absolute;
  bottom: 5px;
}

.page-id-2497 h2 {
  font-size: 14px;
  min-height: 44px;
}

/* span#category-24 {display: none;} */

.two-column.list {
  width: 50%;
  float: left;
}

ul#menu-about-menu.menu li ul.sub-menu li:before,
.sidenav-style .menu li ul.sub-menu li:before {
  content: url("../../uploads/2015/12/icon-menu-arrow-red.png");
  padding-right: 0.5em;
}

ul#menu-program-groups-menu.menu li ul.sub-menu li:before {
  content: url("../../uploads/2015/12/icon-menu-arrow-red.png");
  padding-right: 0.5em;
}

ul#menu-news-menu.menu li ul.sub-menu li:before {
  content: url("../../uploads/2015/12/icon-menu-arrow-red.png");
  padding-right: 0.5em;
}

ul#menu-about-menu.menu li ul.sub-menu li a,
ul#menu-program-groups-menu.menu li ul.sub-menu li a {
  font-size: 14px;
}

ul#menu-about-menu.menu li ul.sub-menu li.current_page_item a {
  color: rgb(178, 8, 56);
}

ul#menu-about-menu.menu li.current_page_item.menu-item-has-children>a {
  color: rgb(178, 8, 56);
}

ul#menu-program-groups-menu.menu li ul.sub-menu li.current_page_item a {
  color: rgb(178, 8, 56);
}

ul#menu-program-groups-menu.menu li.current_page_item.menu-item-has-children>a {
  color: rgb(178, 8, 56);
}

ul#menu-program-groups-menu {
  width: 250px;
}

div.cta img {
  margin-right: 0.5em;
}

div.cta a {
  font-size: 22px;
  color: #af0636;
}

.et_pb_fullwidth_header {
  padding: 25px 0px;
}

.wpcf7-form-control.wpcf7-text {
  width: 370px;
  max-width: 100%;
  height: 30px;
}

.wpcf7-form-control.wpcf7-textarea {
  width: 370px;
  max-width: 100%;
}

.wpcf7-form-control.wpcf7-submit {
  color: #fff;
  font-size: 20px;
  margin-top: 1em;
}

.wpcf7-form-control.wpcf7-submit:hover {
  color: #000;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
  margin-left: 0em;
  padding-left: 0em;
  text-align: left;
}

.medium-text {
  font-size: 22px;
}

.iframe-container {
  position: relative;
  padding-bottom: 110%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h3.social-media-header {
  position: relative;
}

h3.social-media-header span {
  position: absolute;
  bottom: 40%;
  margin-left: 5px;
}

.no-wrap {
  white-space: no-wrap;
}

#filter-nav {
  list-style: none;
  background-color: #0f236c;
  margin: 0em;
  padding-top: 0.5em;
}

#filter-nav li {
  display: inline-block;
  width: 15%;
  text-align: center;
  background-color: #0f236c;
  color: #fff;
  padding: 0.25em 0em 0.25em 0em;
}

#filter-nav li.tab {
  border: 1px solid #0f236c;
  border-bottom: none;
}

#filter-nav li:hover.tab:not(.open) a {
  font-weight: 700;
}

#filter-nav li.tab.open {
  background-color: rgb(245, 245, 245);
  border-color: rgb(245, 245, 245);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#filter-nav li a {
  color: #fff;
  text-decoration: none;
}

#filter-nav li a:hover {
  text-decoration: none;
}

#filter-content {
  background-color: rgb(245, 245, 245);
  overflow: hidden;
  padding: 0.5em 0em 0.5em 0em;
}

#filter-content .filter {
  background-color: #b20838;
  float: left;
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid #ccc;
  text-align: center;
  color: #fff;
}

#filter-content .filter.active {
  color: #fff;
  background-color: #005dab;
}

#reset {
  background-color: #fff;
  float: right;
  width: 23%;
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid #ccc;
  margin-right: 0.5em;
  display: none;
}

#filter-content .filter.active.age {
  background-color: rgb(60, 177, 88);
  color: #fff;
}

#filter-content .filter.active.grade {
  background-color: rgb(30, 41, 91);
  color: #fff;
}

#filter-content .filter.active.subject {
  background-color: rgb(226, 48, 36);
  color: #fff;
}

#filter-results img {
  border: 1px solid #ccc;
}

#filter-results .result {}

#filter-results {
  min-height: 72px;
  background-color: rgb(245, 245, 245);
}

body.page-id-946 #content {
  padding-top: 0px;
}

.hide {
  display: none;
}

a.selected {
  color: #900;
}

#filter-nav li a.open,
span.active {
  color: #333;
}

#grid {
  margin: 0em;
}

#grid .mix {
  display: none;
  /*min-height: 325px;*/
}

#no-results {
  margin: 0em;
}

.filter,
.sort,
.mix {
  cursor: pointer;
}

li.mix {
  margin-bottom: 1em;
  background-color: #fff;
  padding: 1em;
  cursor: auto;
  border: 1px solid #ccc;
}

li.mix p.post-excerpt {
  max-height: 90px;
  min-height: 85px;
  font-size: 14px;
  line-height: 1.25em;
}

h4.title {
  font-weight: bold;
}

.post-excerpt {
  font-size: 16px;
}

.text-center {
  text-align: center;
}

.divider {
  margin: 0.5em 0em;
  border-color: #333;
  border-bottom: none;
}

.blue {
  color: #005dab;
}

h1.entry-title {
  color: #fff;
  background-color: #005dab;
  padding: 1em 0.5em;
}

#staff-directory tr:nth-child(even) {
  background-color: #eee;
}

.blue {
  color: #005dab;
}

.h3 {
  font-size: 24px;
  font-family: "Roboto", Helvetica, Arial, Lucida, sans-serif;
}

#staff_location {
  font-size: 16px;
  margin-bottom: 0.5em;
}

.et_pb_code.ajc-map {
  max-height: 500px;
}

@media only screen and (max-width: 56.875em) {
  #staff-directory td {
    padding: 6px;
  }

  .hide-mobile {
    display: none;
  }
}

@media only screen and (max-width: 38.75em) {
  .et_pb_row.et_pb_row_0.staff-directory {
    margin: 0em;
    width: 100%;
  }

  #staff-directory td {
    padding: 6px;
    font-size: 12px;
  }
}

#staff-directory thead {
  background-color: #af023a;
  color: white;
  font-weight: bold;
}

/*DRESS FOR SUCCESS PAGE LANDING PAGE */
.align-bottom-column .et_pb_column {
  padding-bottom: 8em;
  padding-left: 6em;
  padding-right: 6em;
  padding-top: 24em;
}

.align-bottom-column .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 3.5em;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (min-width: 981px) and (max-width: 1270px) {
  .custom-header .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-size: 12px;
  }

  .custom-header .et_pb_menu .et-menu>li {
    padding-left: 6px;
    padding-right: 6px;
  }

  /*.custom-header  .et_pb_menu_inner_container {
		width: 100%;
	}*/
}

@media only screen and (min-width: 981px) and (max-width: 1065px) {
  .custom-header .et_pb_menu .et-menu>li {
    padding-left: 4px;
    padding-right: 4px;
  }
}

@media only screen and (max-width: 980px) {
  #video_resume_gate {
    left: 10%;
    width: 80%;
  }

  .video-resume-row .resume-module {
    position: relative;
  }

  .video-resume-row .et_pb_image_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .video-resume-row img {
    width: 100%;
  }

  .video-resume-row .et_pb_column_1 {
    padding: 1em;
  }

  #resume_industry {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) {
  .page-id-5664 .align-bottom-column .et_pb_column_2 {
    border-left: 2px solid #ccc;
    border-right: 2px solid #ccc;
  }
}

@media only screen and (max-width: 767px) {
  .align-bottom-column .et_pb_column {
    padding-bottom: 8em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 24em;
  }

  .page-id-5664 .align-bottom-column .et_pb_column_1 {
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #ccc;
  }

  #resume_industry {
    font-size: 13px;
  }

  .custom-header .et_pb_menu__icon.et_pb_menu__search-button {
    display: none;
  }

  table.mobile {
    border: 0px !important;
  }

  table.mobile thead {
    display: none;
  }

  table.mobile td:last-child {
    border-bottom: 0;
  }

  table.mobile td:before {
    content: attr(data-label);
    /* float:left; */
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: left;
  }

  table.mobile tr {
    margin-bottom: 0em;
    display: block;
    border-bottom: 2px solid #666;
  }

  table.mobile td {
    display: block;
    text-align: left;
    font-size: 13px;
    border-bottom: 1px dotted #666;
    min-height: 37p;
  }
}

/* PD Styles End */