/*
 Theme Name:     Foxy Child
 Theme URI:      Foxy Child based on Elegant Themes Foxy Theme - https://www.elegantthemes.com/gallery/
 Description:    Foxy Child Theme
 Author:         Jeanne Seger
 Author URI:     https://highlinedesignalliance.com
 Template:       Foxy
 Version:        1.0.0
*/

@import url("../Foxy/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*  try to change background so that it's a solid color for the whole website and doesn't change
   between the section area and the footer area divs */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
} */

/* css to clear Float as needed */
.clearFloat {
    clear: both;
}

/* css for ordered lists */
ol, ul {
    list-style: disc outside none;
    margin-left: 2.5em;
    font-weight: 300;

}

ul li {
    margin-bottom: .5em;
    font-weight: 400;
}

/* reduce top and bottom padding in header */
#main-header {
    padding: 30px 50px 30px 50px;  /* changed from 53px 62px 53px 80px; */
}

/* increase font size for slogan - tag line */
#slogan {
    color: #333333;
    font-size: 2em;   /* increase from default of 1em */
    font-weight: 500;
    font-style: normal;
    padding-left: 15px;
    padding-top: 20px;
    font-family: 'Raleway',Arial,sans-serif;
}

/* css to drop top navigation menu down */

#top-navigation {
    float: right;
    padding-top: 2em;  /* from 6.5em; */
    font-size: 1em;  /* back to 1em from 1.2em to keep menu on same line as logo after adding Vision 20/20  */
}

#top-navigation  .menu-item a span.main_text, #top-navigation  .menu-item a span.menu_slide {
    padding: 14px 12px;
}

/* css to change text color of active page in menu bar */
#top-navigation li.current-menu-item > a, .et_mobile_menu li.current-menu-item > a {
    color: #dd3333;  /* change current menu item color from orange   #FF7100; to a darker red-orange, not #bf382f
                       #dd3333 is the color of the red background for home page boxes and footer boxes*/
    font-weight: 400;  /* change from 800 to 600, then to 400 when Vision 20/20 menu item added to menu*/
}

/* change background color of menu item in hover state */
#top-navigation > ul > li.sfHover > a, #top-navigation > ul > li > a:hover, .mobile_nav {
    color: #fff;
    background-color: #dd3333;   /* change from #ff8a1d; */
    -webkit-box-shadow: inset 0 0 30px #d9531f;
    -moz-box-shadow: inset 0 0 30px #d9531f;
    box-shadow: inset 0 0 30px #d9531f;
    }
  

#header_socialMedia {
    width: 20%;
    float: right;
    /*margin-right: 2em;  */
}

/* css for social icons in header */
#header_socialMediaText {
    float: left;
    margin-left: 1em;
    margin-right: 1em;
    color: #111111;
    padding-top: 2em;
}

.header_socialIcons {
    float: left;
}

/*  css for entry titles and other headers */
.entry-title {
    font-family: 'Raleway',Arial,sans-serif;
}
/* css for featured slide/image on home page */
/* css to remove extra space above and below text description */
#featured {
    padding-top: 15px;  /* change from 104px then from 50px */
    padding-bottom: 0px;  /* add padding to get image off bottom of grey area */
}

/*css to hide and remove #home-info div on home page */
#home-info {
    display: none;
}

/*css to change featured slider image dimensions from default of 930wide by 295 tall to be
     the dimensions of the image 601 x 400px
     
     keep at 930w by 295 tall for now*/
/*.slide img {
    height: 450px;
    width: auto;
}
*/
.slide .description {
    padding-bottom: 10px  /*change from 50px */
}

/* css to control font color and type on home page  */
.slide .description h2, .post-description h2 {
    color: #111111;  /* change from #FFFFFF; */
}

.slide .description p {
    color: #111111;  /* change from #FFFFFF; */
    font-size: 24px;
    margin-top: -2px;
    font-family: 'Raleway',Arial,sans-serif;
}

/* css for main section area */
#section-area {
    border-bottom: none;   /* remove bottom border */
}

/*  css for main footer area including the three boxes  */
/*#footer-area { border-top: none;  /*1px solid #d7d7d7; */
/*-webkit-box-shadow: none;  /*inset 0 1px 0 #f6f6f6; */
/*-moz-box-shadow:  none;   /*inset 0 1px 0 #f6f6f6;  */
/*box-shadow: none; /* inset 0 1px 0 #f6f6f6;  */
/*}  */
/*  #main-footer {
        -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background-color: #333; -moz-box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); box-shadow: inset 0 5px 7px rgba(0,0,0,0.2); padding-bottom: 0; }
        #main-footer a { color: #bebebe; }
        #main-footer a:hover { color: #fff; text-decoration: none; }
            .footer-widget {
                float: left;
                width: 316px;
                margin-right: 77px;
                text-shadow: 1px 1px 0 #000;  
                color: #bebebe;
                }
            .last { margin-right: 0; }
*/

    /*          #footer-logo { float: left; margin-right: 5px; }
                #footer-copyright { font-size: 14px; font-style: italic; color: #747373; text-shadow: none; padding-top: 16px; }
                .footer-widget p { font-weight: 400; }
    #footer-bottom { background-color: #0e0e0e; border-top: 1px solid #000; -moz-box-shadow:  inset 0 1px 0 #1c1c1c; -webkit-box-shadow: inset 0 1px 0 #1c1c1c; box-shadow: inset 0 1px 0 #1c1c1c; padding: 0 80px; }
        #footer-bottom ul, #et-social-icons { float: left; }
        #footer-bottom ul { margin-right: 25px; }
            #footer-bottom ul li { display: inline-block; }
            #footer-bottom li.current-menu-item a { color: #fff; }
                #footer-bottom li a { color: #4d4d4d; display: inline-block; position: relative; overflow: hidden; height: 62px; margin-bottom: -2px; }
                #footer-bottom li a:hover { text-decoration: none; background-color: #ff8a1d; -moz-box-shadow: inset 0 0 30px #d9531f; -webkit-box-shadow: inset 0 0 30px #d9531f; box-shadow: inset 0 0 30px #d9531f; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
            #et-social-icons { padding-top: 17px; }
                #et-social-icons a { margin-right: 10px; }
                    #et-social-icons img { opacity: 0.7; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
                    #et-social-icons img:hover { opacity: 1; }
    #copyright { padding: 50px 0; text-align: right; color: #b7b7b7; text-shadow: 1px 1px 0 #fff; font-size: 14px; }
        #copyright a { color:#b7b7b7; font-weight: 800; }
        #copyright a:hover { color: #939393; text-decoration: none; }

    .fwidget { padding-bottom: 65px; }

    #footer-bottom-area { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

    .fwidget li { background: url(images/footer_widget_bullet.png) no-repeat 0 13px; padding: 10px 0 10px 15px; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
    .fwidget li:hover { background: url(images/footer_active_bullet.png) no-repeat 22px 13px; padding-left: 40px; }

    */

/*#main-footer {
    background-color: #fff;
    box-shadow: none;
}
*/



/*#footer-area .container {
    text-align: left;
    margin: 0 auto;
    width: 1280px;
    position: relative;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);  
    -moz-box-shadow:  0 0 50px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);  
    background-color: #fff;
    background-image: none;
    background-attachment: fixed;}
*/

#main-footer a {
    color: #5f5f5f;
}

#main-footer a:hover {
    color: #b93333;
}
.footer-widget {
    background-color: #FFFFFF;
    color: #000000;
    float: left;
    margin-right: 5%;  /*change from 77px */
   text-shadow: none; /*1px 1px 0 #000000; */
    width: 30%;  /*change from 316px*/
    min-height: 250px;
    margin-bottom: 2em;
    font-weight: 400;
}

.footer-widget h4.widgettitle {
    font-size: 1.5em;   /* reduced from 2.2em to 2em, then to 1.5em when third box title changed to "NEWS EMAIL SIGN-UP"*/
    font-weight: 300;  /* changed from 800 */
    padding: 10px 10px 10px 15px;  /* changed from padding-bottom: 5px; */
    color: #fff;
     background-color: #DD3333;  /* added background color to match call out section */
     margin-bottom: .5em;
     }
     
.fwidget {
    padding-bottom: 10px;}   

.last .fwidget  {
    padding-bottom: .5em;
}

.tempLocation {
    padding-left: 1em;
    line-height: 1.2em;
}


.location {
    padding-left: 1em;
    line-height: 1.2em;
}

.hours {
    padding-left: 1em;
    line-height: 1.2em;
}

.subscribe {
    padding-left: 1em;
}

.contactUs {
    padding: 0 1em;
    line-height: 1.2em;
}

.contactImg {
    width: 60%;
    margin: 0 auto;
}

.supportText {
   /* padding-left: 1.5em; */
    font-size: 1em;
    margin-bottom: .25em;
    text-align: center;
}
.donateNowButton {
    width: 32%;
    float: left;
    margin-left: 3%;
    margin-bottom: 4.2em;  /* to increasse height of box */
}

.paymentOptions {
    width: 62%;
    float: right;
    margin-right: 3%;
}

/* css for combined button */
.paymentButton {
    width: 95%;  
    margin: 0 auto;
}

.paymentButton-mobile {
    display: none;
    width: 95%;
    margin: 0 auto;
}

/* css to adjust the height of the center footer box - support */

#text-3 {
    padding-bottom: 60px;
}

/*css for button on donate-cancel page  to center it*/
.paypalButton {
    width: 55%;
    margin: 0 auto;
}

/*  css for footer-bottom div with menu and social media icons */
/* change font color of footer to white #ffffff */
#footer-bottom li a {
    color: #ffffff;
}

#socialMediaText {
    float: left;
    margin-left: 11em;
    margin-right: 2em;
    color: #ffffff;
    padding-top: 2em;
}

#et-social-icons {
    padding-top: 12px;  /* reduced from 17px */
}

/* change padding of copyright section to reduce vertical padding */
#copyright {
    padding-bottom: 15px;
    padding-top: 15px;
}


/* code for highlight box  used in multiple places on website   added by jseger  on 4/21/16 at Claire Yurdin's request */
/* currently on home Page - Upcoming Events column from "Upcoming Events" page */
.highlightBox {
    background-color: #e8e8e8;
    border: solid 2px #333333;
    width: 90%;
    padding: .8em;
}

/* css for gallery page - page template is page-BA-gallery.php */
.fullwidth {
    padding: 0 80px 80px 80px;
}

#content  {
    padding: 0 80px 80px 80px;
}
/* css to control spacing and font style on Gallery Page for address and hours */
.galleryLocation-post p {
    line-height: 12px;
    padding-bottom: 10px;
}

.galleryLocation-post address {
    font-style: normal;
}

/* css to add border on right one-half div to separate vertical divs */
.last {
    /*border-left: 2px solid #000;
    width: 47%;
    */
    margin-right: 0;   
}

.one_half {
   /* width: 47%;  */
}

.featured-Artist .last {
    border-left: none;
}
.featured-Artist {
    background-color: #e8e8e8;
    box-shadow: 0 0 75px #000000 inset;
    padding: 20px 30px 20px 20px;
    margin-bottom: 3em; 
}

.featured-Artist .entry-title {
    text-align: center;
    font-size: 2em;
}

.featured-Artist h3 {
    font-size: 2em;
}

.featured-Artist h4 {
    font-size: 1.5em;
    line-height: 1.2em;
}

.exhibitorProcess {
    width: 46%;
    border-right: solid 3px #000000;
    float: left;
    padding: 0 2em 0 1em;
    margin: 0 3em 0 0;
}

.exhibitorTextDiv {
    /* style for exhibitor process test on left side of Gallery page */
    /* set in css instead of in html in exhibitor process post */
    width: 52%;
    text-align: left;
}

.galleryBottom-post h3 {
    text-align: center;
    font-size: 1.3em;
}

.galleryBottom-post .exhibitorProcessContent {
    width: 55%;
    float: left;
}

.galleryBottom-post .exhibitorProcessImage {
    width: 45%;
    float: left;
}

.galleryLocation {
    width: 38%;
    float: left;
    padding: 0 1em;
    
}

.galleryLocHours .locationPostTitle {
    width: 80%;
    /*float: left;  */
    font-size: .8em;
    padding-top: .5em;
    margin: 0 auto;
    text-align: center;
}

.galleryLocHours .locationPostText {
    width: 80%;
   /* float: left; */
   margin: 0 auto;
    padding: 0 0 0 1em;
    font-size: .8em;
}

.map {
    text-align: center;
}

.mapLink {
    text-align: center;
    font-size: .8em;
}

/*Css for title of secondary Page */
.secondaryPageBA .post-heading {
    text-align: center;
    background-color: #e8e8e8;
    box-shadow: 0 0 50px #000000 inset;
    padding: 15px 0;
    margin-bottom: 3em;    
}


/*css for Get Involved Page */


.involveSubHeading {
    width: 70%;
    text-align: center;
    background-color: #e8e8e8;
    margin: 2em auto;
    
  
     }
.individualInvolvement {
    width: 42%;
    border-right: solid 5px #000000;
    float: left;
    padding: 0 2em;
}

/* css for donation button */
.involvedDonationButton {
    width: 90%;
    margin: 0 auto;
}

.businessInvolvement {
    width: 42%;
    float: left;
    padding: 0 2em;
}

.involvedPostTitle {
    color: #DD3333;
    font-size: 1.5em;
    width: 100%;
    border-bottom: solid 3px #000000;
}

.involvedIndiv-post {
    width: 80%;
    padding-left: 3em;
    margin-bottom: 4em;
}

.involved-Indiv {
    width: 80%;
    padding: 0 10%;
    
}

.postImage {
    float: right;
    width: 50%;

}
.postImageCaption {
    float: left;
    width: 48%;
    font-size: 1.1em;
    /*padding-top: .3em; */
    text-align: right;
}

/*css for About Us  Page  right section */

.aboutUs_right {
    width: 95%;
}

.aboutUsPostTitle {
    color: #DD3333;
    font-size: 1.5em;
    width: 100%;
    border-bottom: solid 3px #000000;
}

.aboutUsPost-contactUs {
    width: 80%;
    padding-left: 3em;
    padding-top: 10px;
    margin-bottom: 3em;
}

.aboutUsPost-trustees {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    
}

.alignleft {
    margin: 0 2.5em 10px 0 !important;  /* originally 0 10px 10px 0 */
}



/*css for Our Programs Page */

.monthlyProgram_post {
    background-color: #e8e8e8;
    padding: .6em  1.5em;
    margin-bottom: 1.5em;
}

.monthlyProgram_post p {
    line-height: 1.5em;
}

.monthlyProgram-title {
    text-align: center;
}

.annualPrograms {
        
    padding: 0 2em;
}

.annualProgram_post {
    /*background-color: #e8e8e8; */
    padding: .5em 0;
    margin-bottom: 1.5em;
}

.upcomingEvent_post {
    padding: 0 .5em;
    margin-bottom: 1.5em;
}

.upcomingEvent-title {
    text-align: center;
    margin: 0 auto 1em;
   /* border-bottom: 3px solid #000000; */
    
}

.upcomingEvent-title h2 {
    color: #000000;
    font-weight: 500;
   
}

.upcomingEvent_post h2 {
   /* margin-bottom: .5em; */
    font-size: 1.9em;
    font-weight: 500;
     font-family: 'Raleway',Arial,sans-serif;
}

.upcomingEvent_post h6 {
    font-family: 'Raleway',Arial,sans-serif;
    font-size: 1.9em;
    font-weight: 500;
    margin-bottom: 0.5em;
}

img.imgLeft {
    display: inline;
    float: left;
    margin-right: 1.1em;
}

.ongoingPrograms_post {
    padding: 0;  /* changed from 0 .5em; */
    margin-bottom: 1.5em;
}

.ongoingProgram-title {
    text-align: left;
    margin: 2em 0 0em; /* changed from 0 auto 1em; */
  
}

.ongoingProgram-title h2 {
    color: #000000;
    font-weight: 500;
    font-size: 2em;
}

.ongoingProgram-border {
    width: 100%;
    margin: 0 0 .5em;
    border-top: solid 2px #000000;
}

.programsSubHeading {
    /*text-align: center; */
    margin: 0 auto 1em;
    border-bottom: 3px solid #000000;
    
}

.programsSubHeading h2 {
    color: #DD3333;
    font-weight: 500;
}



.featuredPrograms {
    /*background-color: #e8e8e8; */
    /*padding: .5em; */
}


    
.otherPrograms {
        
    padding: 0 2em;
}

/*css for Vision 2020 Page */


.vision2020 {
        
    padding: 0 2em;
}

.vision2020_post {
    /*background-color: #e8e8e8; */
    padding: .5em 0;
    margin-bottom: 1.5em;
}

.vision2020SubHeading {
    /*text-align: center; */
    margin: 0 auto 1em;
    border-bottom: 3px solid #000000;
    
}

.vision2020SubHeading h2 {
    color: #DD3333;
    font-weight: 500;
    font-size: 2em;
}

.vision2020Sidebar_post {
    padding: 0;  /* changed from 0 .5em; */
    margin-bottom: 1.5em;
}

.vision2020Sidebar_post ul {
    margin-bottom: 1.5em;
}

.vision2020Sidebar-title {
    text-align: left;
    margin: 0 0 .5em; 
  
}

.vision2020Sidebar-title h2 {
    color: #000000;
    font-weight: 500;
    font-size: 2em;
}

.vision2020Sidebar-border {
    width: 100%;
    margin: 0 0 .5em;
    border-top: solid 2px #000000;
}

.vision2020Sidebar-buttons {
    margin: 2em auto;
    width: 70%;
}

.vision2020_button .icon-button {
    color: #dd3333 !important;
    font-size: 1.25em;
    width: 10em;
}

/* css for Vision 2020 Artists Submittal form page  */
/* control size of Vision 20/20 logo by changing width of division */
.vision2020_logo {
    width: 45%;
    margin:0 auto;
}

/* control size and color of font in sub page headings above form */
.vision2020_formsPageHeading h2 {
    color: #DD3333;
    font-weight: 500;
    font-size: 2em;
}

.vision2020_formsPageHeading h3 {
    color: #000000;
    font-size: 1.5em;
    margin-bottom: 1.3em;
}

.vision2020_formsPageHeading p {
    color: #000000;
    font-size: 1.25;
}

/* control layout including font size, weight and color of form fields */
.vision2020_artistSubmittalForm {
    margin-top: 1.5em;
    clear: both;
}
.form_aboutYou_section {
    clear: both;
    border: none;  /*border: #DD3333 1.5px solid;  */
    margin-top:  0; /* reduced from  .5em; */
    padding: 0 .5em;  /* top & bottom padding reduced from 1.5em *.5em;*/
}

.form_aboutYou_section .one_half .formText_2020 {
    line-height: 1.3em !important;
}

.form_aboutYou_section .one_half .formHeading_2020 {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.3em !important;
    padding-bottom: .2em;
}

.form_panelEntry_section {
    clear: both;
    border: #DD3333 1.5px solid;
    margin-top: .5em;
    padding: 1.5em .5em;
}

.form_panelEntry_section .notes .importantNotes {
    color: #dd3333;
    font-weight: 500;
}

.form_silentAuctionEntry_section {
    clear: both;
    border: #DD3333 1.5px solid;
    margin-top: .5em;
    padding: 1.5em .5em;
}

.form_silentAuctionEntry_section  .notes .importantNotes {
    color: #dd3333;
    font-weight: 500;
}

.formSectionTitle {
    color: #000000;
    font-size: 1.8em;
    font-weight: 500;
}
.formSectionTitle_small {
    color: #0e0e0e;
    font-size: 1em;
}
.fieldLabel2020 {
    font-size: 1.1em;
    font-weight: 600;
}

/*.form_silentAuction_section {
    clear: both;
    border: #DD3333 1.5px solid;
    margin-top: .5em;
    padding: 1.5em .5em;
    
}  */
.artistBio textarea {
    font-family: Arial;
}


/*css for Local Art Page */

.localArt_post {
    background-color: #e8e8e8;
    padding: .8em;
    margin-bottom: 1.5em;
}

.localArt_post ul {
    line-height: 1.5em;
}

.localArt_post a {
    color: #b93333;

}

.localArt_post p {
    line-height: 1.5em;
}

.localFeaturedArtist_post {
    padding: .5em;
    
}

.localFeaturedArtist_post img {
    margin: .7em auto;
}

.localFeaturedArtist-title {
    margin: 0;
    
}

/* css for Artist Entry Form Page */

/*  css for Entry Submittal Instructions on left side of page */
.artistEntryInstructions {
    background-color: #e8e8e8;
    line-height: 1.2em;
    border: solid 1px #000000;
    padding: 1em .8em 1em 0em;
}

.artistEntryInstructions h4 {
    padding-left: 1em;
    text-decoration: underline;
}

.instructionsList {
    margin-bottom: 3em;
}

/*  css for image and button on left side of page */
.entryFormImage {
    margin-top: 2em;
    margin-bottom: 2em;
}

.entryFormButton {
    width: 95%;
    margin: 0 auto;
    padding: 0 2.5em;
}


a.big-red {
    color: #000000;
}

/* css for Artist Entry Form page - intro text above form */
.entryForm-right {
    padding: 0 2em;
}
.entryForm-right p {
    line-height: 20px;
}

/*css for Artist Entry Form fields */
.entryForm-field {
    background-color: #e8e8e8;
    border: solid 1px #000000;
}

.fieldLabelAddress {
    font-weight: 500;
    margin-right: .5em;
    color:  #000000;
}

.fieldLabelName {
    font-weight: 500;
    margin-right: 1.5em;
    color:  #000000;
}

.fieldLabelCity {
    font-weight: 500;
    margin-right: 2.5em;
    color:  #000000;
}

.fieldLabelState {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1.5em;
    color:  #000000;
}

.fieldLabelZip {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1.5em;
    color:  #000000;
}

.fieldLabelEmail {
    font-weight: 500;
    margin-right: 1.6em;
    color:  #000000;
}

.fieldLabelPhone {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1em;
    color:  #000000;
}

.fieldLabelTitle {
    font-weight: 500;
    margin-right: .5em;
    color:  #000000;
}
.fieldLabelMedium {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1em;
    color:  #000000;
}

.fieldLabelSize {
    font-weight: 500;
    margin-right: .7em;
    color:  #000000;
}

.fieldLabelYear {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1em;
    color:  #000000;
}

.fieldLabelPrice {
    font-weight: 500;
    margin-right: .5em;
    margin-left: 1em;
    color:  #000000;
}

input[type="text"], input[type="email"], input[type="tel"],input.text, input.title, textarea, select {
    background-color: #e8e8e8;
    border: solid 1px #000000;
    color: #000000;
}

/*  css for notes before image fields */
.notes {
    margin-top: .5em;
    padding-bottom: 0;
    line-height: 20px;
}

/* css for footer bottom area with menu and social icons */
/* eliminate display of text - "Stay in Touch */
#footer-bottom #socialMediaText {
    display: none;
}

#footer-bottom #et-social-icons {
    float: right;
}

/* css for smaller devices */

/*tech-custom-css*/
.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"], 
.custom-contact-form input.text, 
.custom-contact-form input.title,
.custom-contact-form textarea, 
.custom-contact-form select,
.wpcf7 .custom-contact-form  input[type="url"], .wpcf7 .custom-contact-form  input[type="email"], .wpcf7 .custom-contact-form  input[type="tel"]{
    border-radius: 3px;
    background-color: #e8e8e8;
    border: solid 1px #000000;
    color: #000000;
    border: 1px solid #ABB0B2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 35px;
    width: 100%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
        margin-bottom: 10px;
}
.custom-contact-form .one_half .wpcf7-form-control-wrap{
    display: block;
    width: 100%;
}
.custom-contact-form .fieldLabelName,
.custom-contact-form .fieldLabelAddress,
.custom-contact-form .fieldLabelCity,
.custom-contact-form .fieldLabelState,
.custom-contact-form .fieldLabelZip,
.custom-contact-form .fieldLabelEmail,
.custom-contact-form .fieldLabelPhone,
.custom-contact-form .fieldLabel,
.custom-contact-form .fieldLabelTitle,
.custom-contact-form .fieldLabelMedium,
.custom-contact-form .fieldLabelSize,
.custom-contact-form .fieldLabelYear,
.custom-contact-form .fieldLabelPrice,
.custom-contact-form .attach-label{
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
}
.custom-contact-form span.attach-label + span{
    margin-bottom: 15px;
    display: block;
}
.custom-contact-form p:empty{
    padding: 0;
    margin: 0;
}
.custom-contact-form .attach-label{
    display: block;
    width: 100%;
}
.custom-contact-form .wpcf7-not-valid{
    border-color: #f00 !important;
}
.bam-artist-submittal-form input.wpcf7-form-control.wpcf7-submit,
.artist-entry-form input.wpcf7-form-control.wpcf7-submit,
.artist-submission-form  input.wpcf7-form-control.wpcf7-submit{
    margin-top: 20px;
}
@media screen and (max-width: 767px){
  .custom-contact-form .one_half{
    width: 100%;
  }  
  #footer-area .footer-widget{
    width: 100%;
    max-width: 100%;
  }
  .custom-artist-page .one_third,
  .custom-artist-page .two_third{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .custom-artist-page .entryFormButton{
    width: auto;
  }
  .artist-entry-form span.wpcf7-list-item{
      margin-left: 0;
      margin-top: 15px;
  }
}

/* modify text for social icons to center it above icons instead of to the left */
@media only screen and ( min-width: 961px ) and ( max-width: 1284px ) {
    
    /* css for social media icons in header  */
    #header_socialMediaText { /* center text above icons instead of to the left */
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    
    #footer-bottom {
        padding: 0 40px;
    }
    
}
/* modify .container width to avoid getting the page contents too narrow */
@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
    .container { width: 728px; }
    #content {padding: 0 3% 80px; } /* changed from 0 80px 80px */

    /* css for social media icons in header  */
    #header_socialMediaText { /* center text above icons instead of to the left */
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }

    .involved-Indiv {
        width: 95%; /* changed from 80% for ssmaller devices to match aboutUs_right width */
        padding: 0; /* padding  of 10% left-right removed to macth aboutUs_right section */
        
    }   
    
    .involvedIndiv-post {  /* on About Us page and  ??? page */
    width: 90%; /* changed from 80% on smaller devices */
    padding-left: 3em; /* changed from 3em on smaller devices */
    margin-bottom: 1.5em;  /* changed from 4em on smaller devices */
    }
    
    .aboutUs_right {
        width: 95%;
    }
    
    .aboutUsPostTitle {
        color: #DD3333;
        font-size: 1.5em;
        width: 100%;
        border-bottom: solid 3px #000000;
    }
    
    .aboutUsPost-contactUs {
        width: 90%;
        margin: 0 auto; 
        padding: 10px 0;
    }
    
    .aboutUsPost-trustees {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
        
    }
    
    /* Gallery Page */
    
    .exhibitorTextDiv {
        /* style for exhibitor process test on left side of Gallery page */
        /* set in css instead of in html in exhibitor process post */
        width: 80%;
        text-align: left;
    }

    /*  Our Programs page */
    .annualPrograms {        
        padding: 0 .75em;  /* reduced from 0 2em */
    }
    
    .annualProgram_post {
        /*background-color: #e8e8e8; */
        padding: .5em 0;
        margin-bottom: 1.5em; 
    }
    
    .otherPrograms {        
        padding: 0 .75em;  /* reduced from 0 2em */
    }
    
    /* eliminate display of footer bottom area with menu and social icons */
    #footer-bottom {
        display: none;
    }

}

@media only screen and ( max-width: 767px ) {
    .container { width: 90%; } /* changed from 440px */
    #content {padding: 0 3% 80px; } /* changed from 0 80px 80px */
    
    /* css for social media links in header */
    #header_socialMedia {
        width: 50%;
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
        /*margin-right: 2em;  */
    }
    
    /* css for social icons in header */
    #header_socialMediaText {
        display: none;
        float: none;
        margin: 0 auto;
        width: 80%;
        color: #111111;
        padding-top: .5em;
    }
    
    .header_socialIcons, #et-social-icons {    
        float: none;
        padding-top: 6px;
    }
    
    #et_mobile_nav_menu {
        margin-top: 15px;
        
    }
    /* css for main content area on secondary pages  - about Us*/
    .involved-Indiv {
        width: 90%; /* changed from 80% for smaller devices to match aboutUs_right width */
        padding: 0; /* padding  of 10% left-right removed to macth aboutUs_right section */
        
    }   
    
    
    .involvedIndiv-post {  /* on About Us page and  ??? page */
        width: 95%; /* changed from 80% on smaller devices */
        padding-left: 1.5%; /* changed from 3em on smaller devices */
        margin-bottom: 1.5em;  /* changed from 4em on smaller devices */
    }
    
    .aboutUs_right {
        width: 90%;
    }
    
    .aboutUsPostTitle {
        color: #DD3333;
        font-size: 1.5em;
        width: 100%;
        border-bottom: solid 3px #000000;
    }
    
    .aboutUsPost-contactUs {
        width: 90%;
        margin: 0 auto; 
        padding: 10px 0;
    }
    
    .aboutUsPost-trustees {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
        
    }
    
    /* Gallery Page */
    .exhibitorTextDiv {
        /* style for exhibitor process test on left side of Gallery page */
        /* set in css instead of in html in exhibitor process post */
        width: 90%;
        text-align: left;
    }
    
    /* footer - try to center boxes on smaller devices */
        /* style footer widgets */
    .footer-widget {
        margin: 0 auto;  /* change from margin-right: 77px;  for laptops */
        width: 80%;  /* change from 316px for laptops */
        max-width: 320px;
        min-width: 200px;
        min-height: 100px;  /* change from 250px for laptops */
        margin-bottom: 1.5em;  /* change from 2em for laptops */
        font-size: .8em;
    }
    
    #text-2 {
        padding-bottom: 5px;
    }

    #text-3 {
        padding-bottom: 5px;
    }
    
    /* eliminate display of footer bottom area with menu and social icons */
    #footer-bottom {
        display: none;
    }
}

@media only screen and ( max-width: 479px ) {
    
    .container { width: 95%; } /* changed from 280px */
    #content {padding: 0 3% 20px; } /* changed from 0 80px 80px */
    
    /* css for social media links in header */
    #header_socialMedia {
        width: 50%;
        clear: both;
        float: none;
        margin: 0 auto;
        text-align: center;
        /*margin-right: 2em;  */
    }
    
    /* css for social icons in header */
    #header_socialMediaText {
        display: none;
        float: none;
        margin: 0 auto;
        width: 80%;
        color: #111111;
        padding-top: .5em;
    }
    
    .header_socialIcons, #et-social-icons {    
        float: none;
        padding-top: 6px;
    }

    #et_mobile_nav_menu {
        margin-top: 15px;
        
    }
    /* css to keep display of slide on home page */
    #featured .slide {
        min-height: 84px;
        color: #ffffff;
        }
    #featured .slide .description h2 {
        color: #000000;
        font-weight: 600;
    }
    
    #featured .slide .description p {
        color: #000000;
    }   
        
    #featured .slide img {
        margin: 0 auto;
        width: 90%;
        display: block !important; }
        
    /* css for main content area on secondary pages  - about Us*/   
    .involved-Indiv {
        width: 90%; /* changed from 80% for ssmaller devices to match aboutUs_right width */
        padding: 0; /* padding  of 10% left-right removed to macth aboutUs_right section */
        
    }   
    
    .involvedIndiv-post {  /* on About Us page and  ??? page */
        width: 95%; /* changed from 80% on smaller devices */
        padding-left: 1em; /* changed from 3em on smaller devices */
        margin-bottom: 1.5em;  /* changed from 4em on smaller devices */
    }
    .aboutUs_right {
        width: 95%;
    }
    
    .aboutUsPostTitle {
        color: #DD3333;
        font-size: 1.5em;
        width: 100%;
        border-bottom: solid 3px #000000;
    }
    
    .aboutUsPost-contactUs {
        width: 90%;
        margin: 0 auto; 
        padding: .8em 0;  /* changed from top-bottom = 10px; left right = 0 */
    }
    
    .aboutUsPost-trustees {
        width: 90%;
        margin: 0 auto;
        padding: .8em 0;  /* changed from top-bottom = 10px; left right = 0 */
        
    }
    
    /* Gallery Page */
        .exhibitorTextDiv {
        /* style for exhibitor process test on left side of Gallery page */
        /* set in css instead of in html in exhibitor process post */
        width: 90%;
        text-align: left;
    }
    /*  Our Programs page */
    .annualPrograms {        
        padding: 0 .75em;  /* reduced from 0 2em */
    }
    
    .annualProgram_post {
        /*background-color: #e8e8e8; */
        padding: .5em 0;
        margin-bottom: 1.5em; 
    }
    
    .otherPrograms {        
        padding: 0 .75em;  /* reduced from 0 2em */
    }
    
    /* style footer widgets */
    .footer-widget {
        margin: 0 auto;  /* change from margin-right: 77px;  for laptops */
        width: 90%;  /* change from 316px for laptops */
        max-width: 316px;
        min-height: 100px;  /* change from 250px for laptops */
        margin-bottom: 1.5em;  /* change from 2em for laptops */
        
    }
    
    /* css to adjust the height of the center footer box - support */
    
    /* css for combined button */
    .paymentButton {
        display: none;
        width: 95%;  
        margin: 0 auto;
    }
    
    .paymentButton-mobile {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    
    #text-2 {
        padding-bottom: 5px;
    }

    #text-3 {
        padding-bottom: 5px;
    }
    
    /* eliminate display of footer bottom area with menu and social icons */
    #footer-bottom {
        display: none;
    }
}

.custom-home-slider {
    background-color: #bd183a;
    margin-bottom: 50px;
}