/*---------------------------------------------------------------------------------
 Theme Name:   Coconut Grove Playhouse
 Theme URI:    http://CoconutGrovePlayhouse.com
 Description:  
 Author:       Jorge Pires
 Author URI:   http://horhei.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
-----------------------------------------------------------------------------------*/
h2{ margin-bottom: 25px; line-height: 1.5;}
.et_pb_text_inner li{ font-size: 22px; line-height: 1.7; padding-bottom: 5px;}
ul.two-col, ul.three-col{ margin: 10px 0;}
ul.two-col li, ul.three-col li{ line-height: 1.2; padding-bottom: 0; }

@media only screen and (min-width: 701px) {
ul.two-col{ column-count: 2;}
    ul.three-col{ column-count: 3;}
}
@media only screen and (max-width: 700px) {
    ul.three-col{ column-count: 2;}
}
@media only screen and (max-width: 500px) {
    ul.three-col{ column-count:1;}
}
/* Navigation */
nav#top-menu-nav #top-menu > li:last-child ul.sub-menu{ right:0px;}
/* Adjust Divi Menu module breakpoint */
@media only screen and (max-width: 1300px) {
    #top-menu-nav { display: none; }
    #et_mobile_nav_menu { display: block; }
}
/**************** Homepage ************************/
.wpls-logo-showcase .slick-slide .logo-title{ color:#FFFFFF;}
/**************** Occurrence **********************/
.nav-list{ display: flex; justify-content: center; padding:0px !important;}
.nav-list li{ padding:0 20px; list-style: none; }
.pdfembed-iframe{ background: #000000;}
div.occ-ent-list{ color:#FFFFFF;}
div.occ-ent-list h3 { color:#adcbe5; font-weight: 300; font-size: 29px; font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; padding-left:0px; }
iv.occ-ent-list a{ font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif; }
div.occ-ent-list a:hover{color:#748b9a; text-decoration: underline; }
div.occ-ent-list ul{  column-count: 3;  list-style-type: none; padding-left: 0px; }
div.occ-ent-list li{ }
div.occ-press-grid ul{column-count: 2;  list-style-type: none; padding-left: 0px; }
div.occ-press-grid ul li{}
div.occ-photo-grid ul{column-count:2;  list-style-type: none; padding-left: 0px; }
div.occ-photo-grid ul li{ break-inside: avoid; }
div.occ-prom-ent-list ul{column-count:4;  list-style-type: none; text-align: center; padding-left:0px;}
div.occ-prom-ent-list ul li{ display: inline-block;  width: 270px; min-height: 325px; margin-bottom: 15px;}
div.occ-prom-ent-list ul li img{  width: 270px; height: 325px; object-fit: cover; }
div.occ-prom-ent-list ul li span{ display: block; font-size: 17px; font-style: italic; }
div.audio-block h2{ margin-bottom: 0px; }
div.audio-block { color: #ffffff; padding: 10px; background: rgba(256,256,256,0.1); }
div.audio-block span.audio-caption{ margin-top: 10px; letter-spacing: .5px; font-style: oblique !important; font-size: 16px; line-height: 1.2!important;  text-align: center !important; display: block; margin-bottom: 15px; }
/**************** Listings **********************/
.listings .fwpl-col, .listings .fwpl-col a{ line-height: 1.2 !important;  }
body .listings a{ color:#034773 !important; text-transform: uppercase; font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif;font-size: 22px; line-height: 1; font-weight: normal; padding-bottom: 10px !important; display: block;}
.listings a:hover{ opacity: .75;}
.toolbar_container{ width: 100%; display: block; color:#FFFFFF;}
.toolbar_container .facetwp-facet{ margin: 0 !important;}
ul.listing_toolbar { padding:10px; display:inline-block; width: 100%; background:#034773;  }
ul.listing_toolbar input, ul.listing_toolbar select{ padding: 9px;}
ul.listing_toolbar button{ background:#FFFFFF; padding: 9px; border:none; text-transform: uppercase;  color:#034773; font-weight: bold; cursor: pointer;}
ul.listing_toolbar button:hover{background:#034773; color:#FFFFFF; }
ul.listing_toolbar li{ padding:5px; list-style: none; display: inline-block; width: auto !important;  }
ul.listing_toolbar li.search{ }
ul.listing_toolbar li.sorter{}
ul.listing_toolbar li:last-of-type{ float: right; padding-top: 10px;}
.entity-listings .fwpl-item{ border-bottom: solid #024570 1px; }
.paging_container button.facetwp-load-more{ width: 100%; text-align: center; margin: 0 auto; background:#034773; color:#FFFFFF; padding: 9px; border:none; text-transform: uppercase;   font-weight: bold; cursor: pointer;}
.paging_container button.facetwp-load-more:hover{ background:#FFFFFF;color:#034773; }
.fwpl-item{ display:block;}
p.caption{ font-weight: 600; letter-spacing: .5px; font-style: oblique; font-size: 16px; line-height: 1.2; color:#222; text-align: center !important; padding:5px 10px 10px;}
div.occ-photo-grid ul li p.caption{ padding-bottom: 20px;}
#program p.caption, div.occ-press-grid ul li p.caption{ color:#ffffff !important; padding-bottom: 20px; }
.production-button{font-size:14px; text-align:center; display: block; font-weight:bold; color:#ffffff !important; padding:5px 10px; margin-top: 20px; background:#034773;  }
.listings a.production-button{ border:1px solid #034773; color:#ffffff !important;}
.listings a.production-button:hover{background:#ffffff; color:#034773 !important; }
.mejs-audio{ width: 100% !important; display: block !important;}
.facetwp-pager, .facetwp-pager a{ text-align: center; color:#034773;  font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif; font-size: 20px;  line-height: 1;  font-weight: lighter; text-transform: uppercase;}
/**************** Media Queries **********************/ 
@media (max-width: 1300px) { .et_mobile_menu li a { font-size: 19px !important;} }
@media (max-width: 1200px) { div.occ-prom-ent-list ul li{ width: auto;}}
@media (max-width: 1024px) { div.occ-prom-ent-list ul ,div.occ-ent-list ul{ column-count: 2; } body .facetwp-template .fwpl-layout, body .facetwp-template-static .fwpl-layout { grid-template-columns: repeat(2, 2fr); } }
@media (max-width: 768px) { div.occ-prom-ent-list ul ,div.occ-ent-list ul{ column-count: 2; }div.occ-press-grid ul, div.occ-photo-grid ul{ column-count:1;} }
@media (max-width: 600px) {.nav-list{ display: block;}}
@media (max-width: 500px) {.facetwp-input-wrap{ width:100%;} ul.listing_toolbar li,ul.listing_toolbar input,ul.listing_toolbar select{ min-width: none; display: block; width:100% !important; }  div.occ-photo-grid ul, div.occ-prom-ent-list ul, div.occ-ent-list ul{ column-count: 1; }  body .facetwp-template .fwpl-layout, body .facetwp-template-static .fwpl-layout {
 grid-template-columns: repeat(1, 2fr);
  }}