/*
 Theme Name:     Juxt Marketing
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Juxt Marketing Custom Child for Divi
 Author:         Juxt Marketing
 Author URI:     https://www.juxtmarketing.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

  
  
  

/* Core Site Settings */

body{
font-weight: 300;
}

/* buttons */
@font-face {
  font-family: "Fitzgerald-Italic";
  src: url("/wp-content/themes/juxt-marketing/fonts/HV-Fitzgerald-Italic.woff") format('woff');
}
@font-face {
  font-family: "Fitzgerald";
  src: url("/wp-content/themes/juxt-marketing/fonts/HV-Fitzgerald-Regular.woff") format('woff');
}
@font-face {
  font-family: "Fitzgerald-Bold";
  src: url("/wp-content/themes/juxt-marketing/fonts/HV-Fitzgerald-Bold.woff") format('woff');
}
@font-face {
  font-family: "Fitzgerald-Bold-Italic";
  src: url("/wp-content/themes/juxt-marketing/fonts/HV-Fitzgerald-Bold-Italic.woff") format('woff');
}
@font-face {
  font-family: "Wolker-Outline";
  src: url("/wp-content/themes/juxt-marketing/fonts/Wolkeroutline.woff") format('woff');
}
@font-face {
  font-family: "Wolker-Skratch-Outline";
  src: url("/wp-content/themes/juxt-marketing/fonts/Wolkerskratchoutline.woff") format('woff');
}
@font-face {
  font-family: "Wolker";
  src: url("/wp-content/themes/juxt-marketing/fonts/Wolker.woff") format('woff');
}
@font-face {
  font-family: "Wolker-Skratch";
  src: url("/wp-content/themes/juxt-marketing/fonts/Wolkerskratch.woff") format('woff');
}

.fitzgerald p, .fitzgerald h1, .fitzgerald h2, .fitzgerald h3, .fitzgerald h4, .fitzgerald h5, .fitzgerald h6 {
    font-family: 'Fitzgerald', serif !important;
}
.fitzgerald-bold p, .fitzgerald-bold h1, .fitzgerald-bold h2, .fitzgerald-bold h3, .fitzgerald-bold h4, .fitzgerald-bold h5, .fitzgerald-bold h6 {
    font-family: Fitzgerald-Bold, serif !important;
}
.fitzgerald-bold-italic p, .fitzgerald-bold-italic h1, .fitzgerald-bold-italic h2, .fitzgerald-bold-italic h3, .fitzgerald-bold-italic h4, .fitzgerald-bold-italic h5, .fitzgerald-bold-italic h6 {
    font-family: Fitzgerald-Bold-Italic, serif !important;
}
.fitzgerald-italic p, .fitzgerald-italic h1, .fitzgerald-italic h2, .fitzgerald-italic h3, .fitzgerald-italic h4, .fitzgerald-italic h5, .fitzgerald-italic h6 {
    font-family: 'Fitzgerald-Italic', serif !important;
}
.wolker p, .wolker h1, .wolker h2, .wolker h3, .wolker h4, .wolker h5, .wolker h6 {
    font-family: 'Wolker', sans-serif !important;
}
.wolkerskratch p, .wolkerskratch h1, .wolkerskratch h2, .wolkerskratch h3, .wolkerskratch h4, .wolkerskratch h5, .wolkerskratch h6 {
    font-family: Wolker-Skratch, sans-serif !important;
}
.wolkerskratchoutline p, .wolkerskratchoutline h1, .wolkerskratchoutline h2, .wolkerskratchoutline h3, .wolkerskratchoutline h4, .wolkerskratchoutline h5, .wolkerskratchoutline h6 {
    font-family: Wolker-Skratch-Outline, sans-serif !important;
}
.wolkeroutline p, .wolkeroutline h1, .wolkeroutline h2, .wolkeroutline h3, .wolkeroutline h4, .wolkeroutline h5, .wolkeroutline h6 {
    font-family: Wolker-Outline, sans-serif !important;
}





/* Gforms adjustments */
#gfield_1_3 .gfield_radio {
  display: flex;
  justify-content: space-between;
}

#gfield_1_3 .gfield_radio .gchoice {
  display: flex;
  align-items: flex-start;
}

#gfield_1_3 .gfield_radio .gchoice input[type="radio"] {
  margin-right: 10px;
}

#gfield_1_3 .gfield_radio .gchoice label {
  display: flex;
  flex-direction: column;
}






/* search bar stuff */
/* 
.search-form input[type=text]{
  border-right: none !important;
}

.search-form input[type=submit]{
 	border-left: none !important; 
  margin-left: -1px;

  min-width: 40px;
}

.search-form .et_pb_searchsubmit::before{
 content "mag" !important;
  color: #fff !important;
  font-size: 14px !important;
  
}
 */


.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}

.ds-icon-search input::placeholder{
	color: #fff !important;
}	

.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}


.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
    color: #fff;
}	




/* hub - calendar styles */


.hub-item-button .et_pb_button_module_wrapper{
	text-align: left !important;
}
.calendar-search {
  width: 100%;
  display: flex;
  border: 1px solid #bababa;
  padding: 13px 20px;
  flex-direction: row;
}

.calendar-search a, .hub-content a, .hub-all-search, .hub-event a, .calendar-nav-bar a{
	text-decoration: none !important;
}

.calendar-search input,
.calendar-search select {
  border: none;
}

.calendar-search .search-section {
  display: flex;
  flex-direction: row;

  width: 30%;
  min-width: 300px;

  border-right: 1px solid #bababa;
}

.search-section input {
  font-size: 18px;
  margin-left: 20px;
}

.calendar-search .ministries-section {
  display: flex;
  flex-direction: row;
}

.calendar-search select {
  margin-left: 20px;
  font-size: 18px;
}

.calendar-search .hub-events-search {
  display: flex;
  margin-left: auto;
  border: 1px solid #bababa;
  padding: 10px 15px;
}

.calendar_content {
  display: flex;
  flex-direction: column;
  color: #002855;
}

.calendar-nav-bar {
  display: flex;
  flex-direction: row;
  margin: 30px 0 30px 10px;
}

.calendar-left {
  font-size: 20px;
  font-weight: bold;
}
.calendar-right {
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
}
.calendar-dateline {
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  flex-grow: 1;
}

.calendar-month {
  display: flex;
  color: #002855;
}
.calendar-year {
  display: flex;
  padding-left: 10px;
  color: #002855;
}

.calendar-nav-hr {
  display: flex;
  flex-grow: 1;
  border-top: 1px solid #bababa;
  margin-top: 12px;
  margin-left: 20px;
}

.hub-event {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  margin-bottom: 30px;
  color: #002855;
}

.hub-date-column {
  display: flex;
  flex-direction: column;
  width: 40px;
  justify-content: flex-start;
  align-items: center;
  margin: 0 5px 0 5px;
  color: #002855;
}

.hub-day-of-week {
  text-transform: uppercase;
}

.hub-day-num {
  font-size: 30px;
  font-weight: 900;
  margin-top: 7px;
}

.hub-event-details {
  display: flex;
  width: calc(50% - 20px);
  flex-direction: column;
  padding-left: 30px;
  color: #002855;
}

.hub-event-title h3 a{
  margin-top: 20px;
  margin-bottom: 0;
  color: #002855;
  font-weight: 900;
}
.hub-event-title h3{
  margin-top: 20px;
  margin-bottom: 0;
  color: #002855;
  font-weight: 900;
}
.hub-event-ministries{
  margin-top: -10px;
  color: #002855;
}
.hub-event-ministries a{

}
.hub-event-location {
  margin-bottom: 20px;
  color: #002855;
}

.hub-event-image {
  display: flex;
  width: calc(50% - 20px);
}

.hub-event-image img {
  max-height: 220px;
  object-fit: cover;
  height: 320px;
  padding-left: 20px;
}

@media only screen and (max-width: 900px) {
  .calendar-search {
    display: flex;
    flex-direction: column;
  }
  .calendar-search input,
  .calendar-search select,
  .calendar-search .search-section {
    width: 100%;
    border-right: none;
  }
  .calendar-search .ministries-section {
    border-top: 1px solid #bababa;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .hub-events-search {
    width: 100%;
    justify-content: center;
  }
  .hub-event {
    flex-direction: column;
  }

  .hub-date-column {
    order: 1;
    flex-direction: row-reverse;
    margin-bottom: 20px;
  }

  .hub-date-column .hub-day-of-week {
    margin-left: 10px;
  }

  .hub-event-image {
    order: 2;
    width: 100%;
    margin-bottom: 20px;
  }
  .hub-event-details {
    order: 3;
    width: 100%;
  }
}


.mag-glass, .person-heart {
    width: 30px;
    padding-top: 15px;
    padding-left: 10px;
}

.disabled-he-link{
opacity: .3;
}


/* hub content */

.hub-section {
  display: flex;
  flex-direction: column;
}

.hub-search {
  display: flex;
  flex-direction: column;
}
.hub-search-top {
  display: flex;
  flex-direction: row;
}
.hub-search-top div {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 10px;
}

.hub-search-top div label {
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 5px 0 5px;
}

.hub-search-top div:not(:last-of-type) label {
  margin-left: 4px;
}

.hub-search-top select,
.hub-search-top input {
  border: none;
  border-bottom: 1px solid #022449;
  padding: 10px 5px 10px 5px;
  text-transform: uppercase;
  color: #b1b1b1;
  font-weight: bold;
  font-size: 18px;
}

.hub-search-top .search-section input {
  margin-left: 0;
}

.hub-search-bottom {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  margin-bottom: 30px;
}

.hub-search-bottom a {
  display: flex;
  padding: 20px;
  background-color: #022449;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px solid #022449;
}
.hub-search-bottom a:hover {
  border: 1px solid #022449;
  color: #022449;
  background-color: #fff;
}

.hub-ministry-title {
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.hub-ministry-title h1{
  text-align:center;margin-bottom: 20px;
  margin-top: 20px;}


.hub-items {
  display: flex;
  flex-direction: row;
  margin-bottom: 90px;
  flex-wrap: wrap;
  margin-top: 40px;
}

.hub-item {
  width: 33%;
  display: flex;
  padding: 0 17px;
  margin-bottom: 40px;
}

.hub-item h5 a {
  text-transform: none;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 900;
color: #022449;
  cursor: pointer;
}

.hub-item-details {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
font-family: proxima-nova, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #022449;
  
}

.hub-item-excerpt {
  margin-top: 10px;
  margin-bottom: 10px;
font-family: proxima-nova, sans-serif !important;
  font-weight: 400;
  font-style: normal;
  color: #022449;
}

.hub-item-footer {
  display: flex;
  flex-direction: column;
  padding-top: 20px;

  align-self: end;
  margin-top: auto;
}

.hub-item-ministries {
  display: flex;
  align-self: end;
  flex-wrap: wrap;
	line-height: 20px;
	justify-content: flex-end;
}


.hub-item-type {
  display: flex;
  align-self: end;

  font-size: 15px;
  font-style: italic;
}

@media only screen and (max-width: 1050px){
  .hub-search-top {flex-wrap: wrap;
}
  


}

@media only screen and (max-width: 900px){
  .hub-search-top{
    flex-direction: column; }

  .hub-items{flex-direction: column;}

 .hub-item{
    width: 100%;}
}