/*
Theme Name: DaCamera of Houston
Description: Child Theme
Author:  Tandem Web Co.
Author URI:  https://tandemwebco.com
Template: Divi
Version:  1.8.3.6.7.4
*/



/* for the page headers to match the width of the page content */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
  width: 90%;
  max-width: 1723px;
}

#main-header .et_mobile_menu {
  background-color: #FFFFFF!important;
}

.et_mobile_menu li a {
  color: #005A4A!important;
}


/* copy/paste of the previous site's css */



/* font stuff from old site.  Leaving here for now in case we need them.
@font-face {
 font-family: PragmaticaExtendedExtraLight;
 src: url(fonts/PragmaticaExtendedExtraLight.otf);
}
@font-face {
 font-family: PragmaticaExtendedBold;
 src: url(fonts/PragmaticaExtendedBold.otf);
}
@font-face {
 font-family: AvenirNextLTPro-Regular;
 src: url(fonts/AvenirNextLTPro-Regular.otf);
}
h1 {
 font-family: PragmaticaExtendedExtraLight!important;
}

h2 {
 font-family: PragmaticaExtendedBold!important;
}

h3 {
  font-family: adobe-caslon-pro, serif!important;
}
body, input, textarea, select, p {
  font-family: AvenirNextLTPro-Regular, sans-serif!important;
}
*/

.inline-buttons-column .et_pb_button_module_wrapper {
    display: inline-block;
}


/* ### Menu breakpoint for default menu ### */
@media only screen and (max-width: 1290px) {
  #et_mobile_nav_menu {
	   display: block;
  }

  #top-menu {
  	display: none;
  }
}



ul.recommended_concerts {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
/*
.single_recommended_concert {
  display: grid;
  float: left;
  margin-right: 30px;
  margin-bottom: 40px;
  width: 30%;
  text-align: left;
  border: #dcdcdc solid 1px;
}
*/
.recommended_concerts a {
  text-decoration: none;
  font-weight: normal;
}
.recommended_concert_blurb ul {
  display: inline-block;
}
.recommended_content {
  padding: 12px;
}


.season-listing-button {
  margin-right: 40px;
  display: inline-block;
}
@media (min-width: 767px) and (max-width: 940px) {
  .more-info-button {
    margin-bottom: 40px;
  }
}
@media (max-width: 940px) {
  .page-id-365 article.dp-dfg-item {
    padding: 1em 0;
  }
  .page-id-365 .dp-dfg-image {
    margin: 0;
  }
}
@media (min-width: 1px) and (max-width: 540px) {
  .more-info-button {
    margin-bottom: 40px;
  }
}



.season-listing-button:hover {
  margin-right: 40px;
  background-color: #d5a619;
}
#season-page-listing-upcoming article, #season-page-listing-past article, #free-events-page-listing-upcoming article, #free-events-page-listing-past article, #season-page-listing-upcoming-70 article, #season-page-listing-past-70 article, #free-events-page-listing-upcoming-70 article, #free-events-page-listing-past-70 article, #season-page-listing-upcoming-72 article, #season-page-listing-upcoming-56 article, #season-page-listing-upcoming-2025 article, #season-page-listing-past-2025 article,  #season-page-listing-upcoming-2026 article, #season-page-listing-past-2026 article, #free-events-page-listing-upcoming-2025 article, #rising-jazz-stars-listing article, #theater-week-2025 article {
  padding-top: 40px;
}

.dp-dfg-custom-content {
  font-size: 16px!important;
}
h2.entry-title {
  font-size: 20px!important;
}
.entry-header {
  margin-top: -20px;
}

#season-page-listing-upcoming-2025-grid .entry-header, #free-events-page-listing-upcoming .entry-header, .event-grid .entry-header {
  margin-top: 6px;
}

#season-page-listing-upcoming-2025-grid .et_pb_button, #free-events-page-listing-upcoming .et_pb_button, .event-grid .et_pb_button {
  font-size: 16px;
}

#season-page-listing-upcoming-2025-grid .season-listing-button, #free-events-page-listing-upcoming .season-listing-button, .event-grid .season-listing-button {
  margin-right: 16px;
}

#season-page-listing-upcoming-2025-grid article, #free-events-page-listing-upcoming article, .event-grid article {
  margin-top: 40px;
  padding: 0px;
}


@media (max-width: 767px) {
  .entry-header {
    margin-top: 40px;
  }

}


#season-page-listing-past .buy-tickets-button {
  display: none;
}

.season-page-listing .dp-dfg-cf-event_blurb, .season-page-listing .entry-meta {
  display: none;
}

.inthepast {
  display: none;
}

#recommended-concerts .show {
  display: none;
}




#main-content .container:before {
width:0;
}
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
#sidebar {
  display: none;
}
#left-area {
  width: 100%;
}



.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 40px;
  row-gap: 40px;
}
.grid-item {
  text-align: center;
  text-align: left;
  border: #dcdcdc solid 1px;
}

/* Screen larger than 600px? 2 column */
@media (min-width: 2px) {
  .grid-container { grid-template-columns: repeat(1, 1fr); }
}
/* Screen larger than 600px? 2 column */
@media (min-width: 700px) {
  .grid-container { grid-template-columns: repeat(2, 1fr); }
}
/* Screen larger than 900px? 3 columns */
@media (min-width: 1100px) {
  .grid-container { grid-template-columns: repeat(3, 1fr); }
}



/* Uncropped images of Slider module -- Used on homepage.  CSS class must be "my_uncrop_slider" */
.my_uncrop_slider.et_pb_slider .et_pb_slide_image {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto;
    position: relative !important;
    display: block !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_container {
    max-width: 100% !important;
    width: 100% !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide_image img {
    max-height: none !important;
    width: 100% !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide {
    padding: 0 !important;
}
.my_uncrop_slider.et_pb_slider .et_pb_slide_with_image .et_pb_slide_description {
    position: absolute !important;
    width: 100% !important;
    padding: 5% !important;
    float: none !important;
    bottom: 0 !important;
    text-align: left;
}
.my_uncrop_slider.et_pb_slider .et-pb-active-slide .et_pb_slide_image {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -ms-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
}

.funder-line h3 {
  font-size: 18px!important;
}

.category-unlisted-event {
  display: none!important;
}

.gala_button {
      color: #FFFFFF;
      background: #D5A619;
      display: inline-block;
      position: relative;
      cursor: pointer;
      text-rendering: auto;
      -webkit-appearance: none;
      border: 0;
      text-transform: uppercase;
      padding: 11px 40px 9px;
      margin: 0.5em 12px 4px 0;
      font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif !important;
      font-size: 20px;
      font-weight: 700;
      font-style: normal;
      text-transform: uppercase;
      text-align: center;
      text-shadow: none;
      z-index: 1;
      -webkit-transition: color .3s;
      transition: color .3s;
      -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
      transition-timing-function: cubic-bezier(.2,1,.3,1);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-decoration: none;
      box-shadow: none;
}

ul.gala_button_list {
  list-style-type: none;
}
ul.gala_button_list label {
  display: block;
  margin-bottom: 16px;
}
input.gala_single_ticket {
  width: 40px;
  padding: 6px 0 3px 6px;
  margin-right: 10px!important;
}

.gala_button.selected {
  background-color: #005a4a;
}

.donation-form__gala-tickets label {
  display: inline-block;
}

.number-input {
  margin-bottom: 12px;
}
span.amt-req {
  font-size: 12px;
  font-weight: normal;
}


input#ctl00_ContentPlaceHolder_DonationsRepeater_ctl00_EditButton {
  display: none;
}


.dp-dfg-skin-default .dp-dfg-item > div:last-of-type {
  padding-top: 0px;
  padding-bottom: 0px;
}

.orangenav a, .et-fixed-header .orangenav a {
  color: #D5A619 !important;
}

.productions-grid .entry-header {
  margin-top: 10px;
  padding-bottom: 8px!important;
}




/* header title positioning https://divi.help/threads/how-to-align-fullwidth-header-module-text-to-be-at-the-top.9101/ */
.dh-fh-top .header-content-container {
    align-self: start!important;
    padding-top: 200px!important;
}
.dh-fh-top .et_pb_fullwidth_header_container {
    justify-content: start!important;
}

@media (max-width: 940px) {
  .dh-fh-top .header-content-container {
      align-self: start!important;
      padding-top: 0px!important;
  }
}


.sub-menu a {
  line-height: 1.23em;
}



#et-info-phone:before {
  display: none;
}

#et-info-phone strong{
  margin-left: 10px;
  font-weight: 900;
  text-transform: uppercase;
}


.NewAccount.SpektrixPage .View .GeneralPreferences .Container label{
  display: inline!important;
  margin-left: 10px!important;
}


.dp-dfg-custom-content ul {
  padding: 0 0 13px 1em!important;
}


.sold_out_notice {
  color: #d5a619;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
}


.spektrix-header-text-module h1 {
    font-weight: 500;
    font-family: 'Pragmatica Ext Bold TWC', Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 50px;
}







/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
  content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
  background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
  text-align: center;
  opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
  top: 10px;
  position: relative;
  font-family: "ETModules";
  content: '\33';
  color: #005A4A;
  background: #f0f3f6;
  border-radius: 50%;
  padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
  content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
  position: absolute;
  right: 5%;
  margin-left: -20px;
  top: -14px;
  width: 0;
  height: 0;
  content: '';
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
  position: relative;
  display: block;
  bottom: 10px;
  line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
  background-color: #ffffff!important;
  border-radius: 10px;
}

.event-long-description h6 {
  font-size: 19px!important;
}
.ind-page-event-details li {
  font-size: 16px!important;
}

.ind-page-event-details ul li:first-of-type {
  font-size: 20px!important;
}




/* styles for https://www.dacamera.com/emailsignup/ */

#popupSignupForm .form-group {
  margin: 20px 0px;
}

#popupSignupForm .checkboxes .form-group {
  margin: 3px 0px;
}

#popupSignupForm .submit {
  margin-top: 20px;
}

#popupSignupForm .submit.et_pb_button:hover {
  background-color: #d5a619 !important;
  cursor: pointer!important;
}