/*
 Theme Name:   PNB Child
 Description:  Avada Child Theme for Pacific Northwest Ballet
 Author:       Pacific Northwest Ballet
 Author URI:   http://pnb.org
 Template:     Avada
 Version:      0.1.0
 Text Domain:  Avada
*/

/*

TABLE OF CONTENTS:

1. General Typography
2. Footer

*/


/* 1. General Layout */
#main {padding-top: 30px !important; } 
.fusion-page-title-row {margin-top: 40px;}
.fusion-page-title-bar {height: 100% !important;}
.fusion-page-title-captions, .fusion-page-title-secondary {width: auto;}
div.sectionHeader, h4.sectionHeader {background-color: #E5E5DF;width: 100%;padding: 10px; margin-bottom: 10px !important; margin-top: 30px !important;}
div.sectionHeader:first-of-type, h4.sectionHeader:first-of-type {margin-top: 0 !important;}
.floatRight {float:right;}
.floatLeft {float:left;}

/* 1. General Typography */
.title .title-sep-container { display: none !important; }
h1 {font-weight:normal !important; }
#main p a, #main li a {text-decoration: underline; } 
div.withLine, h2.withLine, h3.withLine, h4.withLine, h5.withLine, h6.withLine, body.single-artist h3 { border-bottom: 1px dotted #948f8b; width: 100%; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, span.fusion-button-text { text-decoration: none !important; }
h5 { letter-spacing: .075em; }
.note { font-size: .9em; color: #999999; }
.wp-caption-text { font-size: .8em; color: #8d8d8d; text-align: right; line-height: 125%; padding-top: 5px; }

.admin_edit {position:absolute; font-size: 1.5em; padding:5px; z-index: 100; opacity: .3;}
.admin_edit a { color: orange; }
.admin_edit:hover, .admin_edit:hover a {color: orange; opacity: .8;}

/* 2. Footer */
#menu-footer, #menu-footer li, #menu-footer li a {display:inline; margin:0; padding:0; border: none; }
#menu-footer li a:before { content: none; }
#menu-footer li a {padding-right: 15px;}
.semiFooter { background-color: #e5e5df !important; display:none;}

/* 3. Sidebars */
.sidebar a {text-decoration: none !important;  color: #545454 !important; font-size: 1em;} 
.sidebar a:hover {color: #6ea1b5 !important; }

.sidebar li {/*padding-left: 15px !important;*/ margin: 5px 0 !important; }
.sidebar ul.sub-menu li {padding-left:15px; color: #6ea1b5 !important;}
.sidebar li ul li a:hover {color: #216e8e !important;}
.sidebar li.current-menu-ancestor > a, .sidebar li.current-menu-item > a { color: #16495f !important; font-weight: bold; }
.sidebar li ul li.current-menu-item a  { font-weight: bold; color: #216e8e !important; }
.sidebar li.current-menu-item { /*border-left: 5px solid #ddd;*/ /*padding-left: 10px !important;*/}

/* 4. Repertory List */
table.repListContainer  { width: 100%; font-size: 1.2em;}
.repListContainer tr { height: 2em; }
.repListContainer thead { background-color: #d9d9d0; }
.repListContainer td { width: 27%;  padding: 10px 20px; }
.repListContainer td.premier { width: 19%;}
.repListContainer thead td {  padding-top: 0; padding-bottom: 0; }
.repListContainer td.ballet a { font-weight: bold; text-decoration: underline; }

#searchInput { width: auto; margin: 2em 0; font-size: 1.5em;}

/* 5. Homepage */
.fusion-image-carousel {margin-bottom: 0;} /* Remove this if not using image carousel block for what's new items on homepage */

/* 6. Tabs */
a.tab-link {text-decoration: none !important; } 

/* 7. PNB Tessie Plugin */
/* 7a. Perf List */

ul.perfList {padding-left: 0px;}
ul.perfList li { padding: 20px 0; border-bottom: 1px solid #DDD;}
ul.perfList .datetime { line-height: 1.5; }
ul.perfList .status { float: right; }
ul.perfList .sold-out { font-weight: bold; }
.perfListWrapper ul { max-height: 600px; overflow-y: auto; list-style: none;}

span.valuePerfIndicator { margin-left: 5px; color: #705CB0; font-style: italic; font-size: .95em;}

/* 8. Tables */
table.stripe tbody tr:nth-child(odd) th, table.stripe tbody tr:nth-child(odd) td { background: #E5F2F7; }
table.fullwidth {width: 100%;}
table td {padding:8px; vertical-align:top;}
table th {padding-left: 10px; } 

/* 9. Buttons */
#content a.button, .button, .textctrl-buy-link { color: white !important; background-color: #F8A500; padding: 7px 15px !important; text-transform: uppercase; text-decoration: none !important; border: 0; cursor: hand; cursor: pointer; }
#content a.buttonRight { float: right; color: white; background-color: #F8A500; padding: 7px 15px; margin-top: -10px; text-transform: uppercase; text-decoration: none !important; margin-right: 5px; border: 0;  cursor: hand; cursor: pointer}

#content a.secondaryButton, .secondaryButton { color: #F8A500; padding: 7px 15px !important; text-transform: uppercase; text-decoration: none !important; border: 1px solid #F8A500; cursor: hand; cursor: pointer; line-height: 65px;}

/* 10. Alerts */
.warning { font-family: Arial; background: #FFFFD2; padding: 0.5em; margin: 1em 0 1em 0; border-top: 1px dotted #999995; border-bottom: 1px dotted #999995;}


.availabilityIndicator {
  padding-bottom: 3px;
  border-bottom: 3px solid;
}

.availabilityIndicator.best { border-bottom-color: rgba(160,206,78,.7); }
.availabilityIndicator.limited { border-bottom-color: rgba(230,33,23,.4); }

/* 11. Casting */

.castingwrapper {
  display: flex; /* or inline-flex */
  display: -webkit-box;
  flex-wrap: nowrap;
  overflow-x: scroll;
  margin-bottom: 20px;

}

.datewrapper { 
 border: solid 1px #ddd;
 padding: 0 10px;
 margin-right: 15px;
 box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
 margin-bottom: 20px;
}

.castingwrapper h4 { 
/*   background: #ccc; */
  padding: 10px;
  margin: 0 0 25px 0;
  border-bottom: solid 1px #ddd;
}

.casting_item { 
    margin-bottom: 10px;
    clear:left;
    float:left;
    width:220px;
/*     border: 1px solid black; */
 }

.casting_item img { 
    height: 75px;
    width: 60px;
    border-radius: 50%;
    background-size: cover !important;
    overflow: hidden;
    float:left;
    margin-right: 10px;
 }

.casting_details { 
  margin-bottom: 10px;
}

.photo .casting_details { 
  margin-top: -10px;
}

.casting_artist {
    font-size: 1.1em;
    font-weight: bold;
}
 .casting_role {
    font-size: 1.2em;
    font-style: italic;
}

.castingBalletName { 
    font-size: 1.3em;
    font-weight: normal;
    border-bottom: solid 1px #ddd;
    padding-bottom: 3px;
    font-style: italic;
 }


.cartIndicator/*, .welcomeName*/ {color: #F8A500 !important; font-weight: bold;}
.cartIndicator i.fa { font-size: 1.7em; padding-right: .2em; }


.spinner:before { 
    content: '\021BB';
    font-size: 1.3em;
    margin:10px;
}

.doSpin {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

/*11. Artists*/

body.single-artist ul { margin-top:0; }
div.artist-social-links { display: inline-block; width: 100%; }
div.fusion-social-networks { overflow: visible; }
body.single-artist .artist-dancer-type { font-weight: bold; font-size: 1.2em; margin-top: -20px; margin-bottom: 20px; }
body.single-artist .view-all-artists { float:right; margin-top: -20px; margin-bottom: 20px;  }

body.single-artist .post-content.has-artist-featured-image { background-color: white;  position: relative; padding: 1em 2em; }
body.single-artist .artist-featured-image { width: 100%; position: absolute; left: 0; }


@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.rotate180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/*Promo Landing Page*/
 .promoBody { text-align: center;
    padding: 2em;
    border-radius: 10px;
}

 .promoBody #text1 { color: #216E8E; font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 600; padding-bottom: .5em; }
 .promoBody #text2 { font-size: 1.2em; font-weight: bold; padding-bottom: 1em; }
 .promoBody #text3, .promoBody #text4, .promoBody #text5, .promoBody #text6 { color: #468847; }

 /*.promoBody #text3 { display: none; }*/
.promoPerfList, .promoPerfList ul { max-width: 700px; margin: auto; text-align: left; padding-left: 0; margin-top: 2em;}
.promoPerfList ul li { padding: 1em 0; list-style-type: none; border-bottom: 1px solid #eee; }
.promoPerfList ul li .perfTitle { font-weight: bold; font-size: 1.2em;}
.promoPerfList ul li .datetime, .promoPerfList ul li .perfTitle { line-height: 150%; padding-right: 130px;}
.promoPerfList ul li .buttonRight { margin-top: -40px !important; }


/*hide secondary menu by default*/
.fusion-secondary-header {display: none;}
.restricted-alert p {text-transform: none; font-size: 1.2em;}


/*Media Queries*/
@media screen and (min-width: 801px){ 
     .hideOnLarge {display: none;}
     body.single-artist .post-content.has-artist-featured-image { margin-top: 700px;}
     body.single-artist .artist-featured-image { top: 150px; height: 900px;  }
}

/*Media Queries*/
@media screen and (max-width: 1100px){ 
     .hideOnMedium {display: none;}
      body.single-artist .artist-featured-image { top: 139px;}
      .menu-footer-container { text-align: center; }
}

/*Media Queries*/
@media screen and (max-width: 800px){ 
     .hideOnSmall {display: none;}
     body.single-artist .post-content.has-artist-featured-image { margin-top: 475px;}
     body.single-artist .artist-featured-image {height: 600px;  }
}

/*Media Queries*/
@media screen and (max-width: 370px){ 
     .hideOnTiny {display: none;}
     .promoPerfList ul li .datetime { padding-right: 50px;}
      body.single-artist .post-content.has-artist-featured-image { margin-top: 198px;}
      body.single-artist .artist-featured-image { height: 281px;  }
}


/*Adjusting main menu so it doesn't wrap under logo*/
@media screen and (min-width: 801px) and (max-width: 1085px) { 
     /*#menu-main li {padding: 0 10px;} */
}
@media screen and (min-width: 801px) and (max-width: 975px) { 
     /*#menu-main li a {font-size: .9em;} */
}
@media screen and (min-width: 801px) and (max-width: 915px) { 
     /*#menu-main li a {font-size: .8em;} */
}
@media screen and (min-width: 801px) and (max-width: 850px) { 
     /*#menu-main li {padding: 0 5px;} */
}