/*
 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;}
.sectionHeader {background-color: #E5E5DF; width: 100%; padding: 10px;}
.sectionHeader:first-of-type {margin-top: 0;}
.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 { 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 {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}

/* 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;}





.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;
}

@-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-color: #468847;
    border: 1px solid;
    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 (max-width: 1100px){ 
     .hideOnMedium {display: none;}
}

/*Media Queries*/
@media screen and (max-width: 370px){ 
     .hideOnTiny {display: none;}
     .promoPerfList ul li .datetime { padding-right: 50px;}
}


/*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;} */
}