/* *{
    border: 1px solid limegreen;
    color: red;
    background-color: black;
} */

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    }

/*
.ff-display, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: 'FuturaW04',sans-serif;
    /* letter-spacing: -.1rem; */
    text-transform: uppercase;
}
*/

@font-face {
  font-family: 'FuturaStdHeavy';
  src: url('fonts/FuturaStd-Heavy.otf') format('opentype');
}


@font-face {
  font-family: 'FuturaStdExtraBold';
  src: url('fonts/FuturaStd-ExtraBold.otf') format('opentype');
}


@font-face {
  font-family: 'FuturaStdBold';
  src: url('fonts/FuturaStd-CondensedBold.otf') format('opentype');
}

/*
.ff-body.ff-body, body, button, html, input, select, textarea {
    font-family: 'FFMarkWebPro',sans-serif !important;
}
*/
 /*
  * ─── SITEWIDE ───────────────────────────────────────────────────────────────────
  */

     
.rb-background{
background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-image: url(https://res.cloudinary.com/roundabout-theatre-company/image/upload/v1532604286/account-header.jpg);
    background-attachment: fixed;

}

.btn, .inline-button, [type=submit] {
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    font: inherit;
    font-family: "FuturaW04",sans-serif;
    font-size: 1em;
    margin: 0;
    line-height: 1.6;
    padding: .8em 1.6em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: normal;
    color: black;
    background-color: transparent;
    border: 2px solid #01757e;
    border-radius: 6px;
    font-weight: 700;
    font-size: .875rem;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #fff; 
    border-color: #01757e;
    color: #black;s
}

.section-title{
    text-align: center;
    font-family: Lato,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    margin-top: 0%;
}

.checkout-button{
    width: 100%;
}

.entry-title{
    font-family: "FuturaStdHeavy";
    margin: 30px;
}

@media screen and (max-width: 600px){
     .section-title {
    font-family: "FuturaStdHeavy";
    margin-top: 3%;
    font-size: 1.5em;
    
    }
}

@media screen and (max-width: 768px){
.col-full {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    
    .section-title {
    font-family: "FuturaStdHeavy";
    margin-top: 5%;
    font-size: 2.5em;
    
    }
    
    .inner-container{
       margin: 5% 3%;
/*            border: 2px solid green; */
        padding: 50px 8%;
}
}

@media screen and (min-width: 768px){
 
 /* To center the H2s on the Account Page*/

.inner-container{
    color: black;
    background-color: white;
/*    border: 2px solid red; */
   margin: 5% 3%;
        padding: 50px 5%;
}

    .site-header {
    border-bottom-color: transparent;
}

.entry-title{
    margin: 30px;
    font-family: "FuturaStdHeavy";
}

.site-content{
    padding-top: 50px;
}

#content{
    padding-top: 0px;
}

#content > div{
    max-width: 50.4989378333em !important;
    /* border: 1px solid red; */
}

#post-8 > header, #post-6 > header, #post-7 > header {
padding: 0px !important;
}
}


#masthead {
    border-width: 0px;
    border-bottom-color: transparent;
}
 

.inner-container{
    color: black;
    background-color: white;
    border-radius: 8px; 
   margin: 5% 10%;
        padding: 50px 8%;
}

.inner-container a, .inner-container h1, .inner-container h2, .inner-container h3{
    color: black! important;
}

/*head
 * ─── HEADER ─────────────────────────────────────────────────────────────────────
 */

    


@media (min-width: 768px){
    #header-menu{
        display: flex;
        justify-content: left ;
        align-items:center;
        
    }
    
    }
    
    
    .tess-session{
        display: flex;
        justify-content: left;
        align-items: center;
        list-style: none;
        height: 50px;
        /* border: 1px solid red; */
        margin-left: -15px;
    }
    
    
    .tess-session>*{
    padding: 10px;
    }
    


/*
 * ─── LOGIN PAGE ─────────────────────────────────────────────────────────────────
 */

    

#login-container{
padding: 30px;
background-color: #391f55;
}

#login-container a{
color: white;
}


.account-update-link{
    font-weight: bold;
    color: #e1144b;
}

.renew-panel{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.renew-panel h3{
    color: black;
    text-align: center;
}

@media screen and (min-width:768px) {

.renew-panel{
flex-direction: row;
justify-content: space-between;
    /*
align-items: start;
    */
}

#account-info{
    text-align: left;
}

}

/* 




Step 2





*/

@media (min-width: 768px) {
.summary{
    margin-bottom: 0px !important;
}

.woocommerce-tabs {
    padding-top: 0px !important;
    padding-bottom: 2.617924em;
}

}

#season-listing{
    padding: 30px;
}

#season-listing > p > em > a{
color: black !important;
}

#season-description{
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding: 30px */
}
/* 
#season-description > *{
    padding: 15px;
} */

.flex-row{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.flex-row > * {
    padding: 15px 0px;
}

.flex-row > h4{
    color: black;
    margin: 0px;
    font-weight: 700;
}

/* 



CART PAGE




*/

table{
    color: black;
}

table:not( .has-background ) tbody td {
    background-color:  white !important;
}

#post-7 > div > div > form > div.woocommerce-checkout-review-order > table > tfoot > tr{
    background-color: white;
}

table:not( .has-background ) th {
    background-color: white !important; 
} 

table.cart td.product-remove, table.cart td.actions {
    border-top-color: white ! important;
}

td.product-remove{
    width: 30px;
}

table.cart {
    margin-bottom: 0em !important;
}

#cart-listing{
    border: 1px solid red;
    font-size: .9em;
}

/* #cart-listing *{
    border: 1px solid black;
} */


.hentry .entry-content a {
    color: black;
}

.single-product div.product p.price {
    margin: 0px !important;
}

#terms-conditions{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    text-align: center;
}

#terms-conditions p {
    margin: 0px;
}

#submit_button{
    width:  100%;
}

/*
 * ─── CART RESPONSIVE ────────────────────────────────────────────────────────────
 */

    


@media (min-width: 768px){

#cart-listing{
    border: none;
}


.cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
    width: 100% !important;
    float: none !important;
}

table.shop_table_responsive tbody .product-price{
    text-align: right !important;
}


table.shop_table_responsive tbody tr th, .left-align{
    text-align: left !important;
}

.flex-row{
    flex-direction: row;
}

.flex-row > *{
    padding: 0px 20px;
}

.single-product div.product p.price {
    margin: 1em 0px !important;
}


}



 /*
  * ─── SUPPORT ────────────────────────────────────────────────────────────────────
  */



#donation-inputs{
    /* border: 2px solid red; */
    justify-content: center;
    flex-direction: row;    
    align-items: center;
    display: flex;
    margin-top: 20px;
}

#donation-inputs > p{
    margin: 0px;
}

#donation-inputs > *{
    /* height: 60px; */
    font-size: 1.35em;
}

#donation-inputs input{
    width: 50%;
    border-top-left-radius:10px ;
    border-bottom-left-radius:10px ;
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px ;
/*
    display:flex;
*/
}

#donation-inputs button{
    background-color: #391F55;
    color: white;
    width: 50%;
    /*
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px ;
    border-top-left-radius:10px ;
    border-bottom-left-radius:10px ;    
    */
}

.donation-panel{
    background-color: #02757D;
    width: 100%;
    color: white;
    /* padding: 20px; */
    border: 1px solid white;
    border-radius: 3px;
}

#donation-panels{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 30px;
}

.donation-panel div{
background-color: white;
color: black;
margin: 0px;
padding: 20px;
/* display:none; */
}

.donation-panel h4{
    padding: 20px;
}




@media screen and (min-width:768px){
    #donation-inputs input{
        width: 30%;
/*        margin-top: 15px;*/
    }
    
   
    .donation-panel{
        width: 75%;
    }

}

@media screen and (max-width:768px){
 #donation-inputs button{
        width: 90%;
    }
    
       #donation-inputs input{
        width: 75%;
    }
}

/*
 * ─── PURPLE BOX ─────────────────────────────────────────────────────────────────
 */

    
.purple-support-box{
 background-color:#391f55;
 padding: 20px;
 border-radius: 10px;
 margin-top: 25px;
 text-align: center;
}

.donation-dropdown select{
    width: 9em;
    height: 45px;
}

.donation-dropdown{
    height: 100px;
    display: flex;
    justify-content: center;
    width: 50%;
    align-items: center;
    position: relative;
    top: 0px;
}

#basket_donation_option{
    position: sticky;
}

#basket_donation_option_other{
        width: 9em;
    height: 45px;
}

@media screen and (min-width: 768px){
    .donation-dropdown{
        top: 20px;
    }

    .purple-support-box{
        text-align: left;
       }

}


/*
 * ─── ADDRESS PAGE ───────────────────────────────────────────────────────────────
 */


 #customer_details{
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 #customer_details select{
     width: 50%;
 }

 #customer_details a {
     color: white;
     text-decoration: none;
 }
    

 /*
  * ─── PAYMENT ────────────────────────────────────────────────────────────────────
  */

.gift-certificate{
    text-align:center;
}     


/*
 * ─── CONFIRMATION PAGE ──────────────────────────────────────────────────────────
 */


 tfoot{
     background-color: white;
 }
    
 #order-summary{
     text-align: center;
     margin: 0px 3%;
 }

.order-received{
    font-family: "FuturaStdHeavy";
    margin: 3% 10%;
}

.woocommerce-checkout-review-order{
     margin: 0px 0%;   
}

 ul.sub_order_details{
    margin: margin: 0px 10%;
 }

 /* ul.sub_order_details li:first-child {
    padding-top: 1.618em;
} */

ul.sub_order_details li {
    /* padding: 1em 1.618em; */
    font-size: 1em;
    list-style-type: none;
    text-align: left;
}


@media screen and (min-width: 900px){
  .woocommerce-checkout-review-order{
     margin: 0px 33%;   
}
}

/* 



FOOTER




*/
/* .footer-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
} */

#aa-section{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
}

.footer-site-info{
    padding: 1em 0;
    color: black;
}

.footer-sponsors{
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    text-align: center;
    border-bottom: 1px solid hsla(0,0%,100%,.2);
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width:768px){
.footer-sponsors {
flex-direction: row;
-ms-flex-direction: row;
}

#aa-section{
    padding-top: 12px;
    padding-right: 32px;
    padding-bottom: 0px;
}
}

/* .site-footer workaround */
#colophon{
    padding: 0px !important;
    background-color: transparent;
}

#colophon a{
    color:black;
    text-decoration: none;;
}

#colophon p{
    margin: 0px;
    font-size: .75em;
}

#aa-logo, #icon-stubhub{
    fill: white;
}

#icon-stubhub{
    height: 40px;
    width: 55px;
    margin-top: 2px;
}

#aa-logo{
    height: 28px;
    width: 190px;
}

/* .global-footer__meta__sponsor--stubhub .o-icon {
    height: 40px;
    width: 55px;
    margin-top: 2px;
} */

/* 
.season-listing{
    padding-top: 50px;
} */


/* Stubhub Inline CSS */
/* style="width:80px;height:36px; display: block; margin: auto;" */
/* AA Inline CSS */
/* style="width:150px; height: 55px; display: block; margin: auto; */
/* ACCOUNT PAGE */