/*
x20230113 - johns2ja - 13 January 2023 - line-height for event h1
x20200805 - johns2ja - 5 August 2020 - override position: relative rule from change x20200709 to the responsive-styles-tabular.css, which altered slideshow button positioning; Later per chaoaj, hid the left prev button on the slideshow
x20190827 - johns2ja - 27 August 2019 - fix layout issue on right column 
x20190624 - johns2ja - 24 June 2019 - Further layout fixes 
x20190621 - johns2ja - 21 June 2019 - prevent event-list-details paragraphs from going off-screen at mobile and centralize CSS here. 
x20190618 - johns2ja - 18 June 2019 - override JMU template changes for h1, h2, h3, h4, h5, h6, p; CSS tweaks for ul#forbestabs and paragraphs in right column
x20170817 - johns2ja - 17 August 2017 - artsForm rules
x20170808 - johns2ja - 8 August 2017 - bold for Highlights and Months in Right column
x20170628 - johns2ja - June 28, 2017 - Set sponsorimg to max-width of 125 under 769px. Have pricesLTE700 clear left at mobile 680px and below. 
x20170627 - johns2ja - June 27, 2017 - Set sponsorimg to max-width of 125 at mobile
x20170626 - johns2ja - June 26, 2017 - Increased left margin of ol and ul lists to allow bullets to show up. Disble .nonmobileplug rendering at mobile.
x20170531 - chaoaj - May 31, 2017 - Spacing and font tweaks
x20170530 - chaoaj - May 30, 2017 - Final spacing tweaks
x20170526 - chaoaj - May 26, 2017 - Font and css final changes from 5-25 meeting per budnikrp e-mail.
x20170524 - chaoaj - May 24, 2017 - Various font and css changes mainly to spacing per kuljuja
x20170503 - johns2ja - May 3, 2017 - set line heights at desktop to match mobile renderings per budnikrp
x20170426 - johns2ja - April 26, 2017 - tweaks for subtitle layout at mobile.  Event details tweaks. 
x20170424 - johns2ja - April 24, 2017 - tweaks for buttons and font size and event titles for mobile
x20170421 - johns2ja - April 21, 2017 - enforce layout of sponsorimgparent
x20170419 - johns2ja - April 19, 2017 - alter layout/style for event listing pages and buttons (btnz) and forbestabs
x20170417 - johns2ja - April 17, 2017 - hide credit card image for all resolutions
x20170406 - johns2ja - April 6, 2017 - rules classes lte700 and gt700 to designate changes for event details at the 700 breakpoint
x20170405 - johns2ja - April 5, 2017 - rules for events details and removal of slideshow at 480
x20170330 - johns2ja - March 30, 2017 - bold text on slideshow
x20170320 - johns2ja - March 20, 2017 - enlarge calendar, retain calendar at lower breakpoints and other CSS tweaks
x20170308 - johns2ja - March 8, 2017 - event list and right column tweaks; fix links on calendar buttons; tab rendering at tablet resolutions; mobile tabs; calendar widget and slideshow overrides; pop-up video close button
x20170302 - johns2ja - March 2, 2017 - tweaks and centralization for CSS for index page and tabs and right column
x20170215 - johns2ja - February 15, 2017 - tweaks to event details
x20170209 - johns2ja - February 9, 2017 - breakpoint at 720 instead of 730 per budnikrp
x20170208 - johns2ja - February 8, 2017 - allow right column video to always be available; midto100 media query rule to preemptively set middling resolution containers to 100% as needed. 
*/

#artsForm { padding-left: 10px; }
#event-details img[src*="credit-cards.png"] { display: none; }
#maincontentarea #event-details h1 { font-family: arial; font-weight: bold; line-height: 21px !important;} /* x20170426 ; line-height added per x20230113 */
#event-details div.lte700 h2 { font-weight: bold; }/* x20170426 */
#event-details div.lte700 h2.date { font-weight: normal; }/* x20170426 */
#event-details div.lte700 h2.date, #event-details div.lte700 h2#venue { font-size: 14px !important; line-height: 10px !important; }/* x20170426 */
.toprowobject, #titles { display: none !important; }
.event-list-details { padding: 5px 12px; } /*x20170308*/
#maincontentarea .titlepanel a:visited, #maincontentarea .titlepanel a:link { text-decoration: none; }
.event-list-details h2, .event-list-details h3, .event-list-details h4, .event-list-details h5 { line-height: 30px !important;} /* reduced from 34px per x20170215 */
#rightrelatedregion { visibility: visible !important; }
#maincontentarea h2, #maincontentarea h3 { font-size: 18px !important; font-family:arial !important; line-height: 20px !important; margin-bottom: 0px !important; } /* margin-bottom 0 from 6px font size 18 from 22 line-height to 20 from 22px per x20170526 font-size x20170215; font-family per x20170302 *//* line-height: 20px and margin-bottom 6px per x21070419  */ /* line height 20 to 22 per x20170503 */
#maincontentarea h3.subtitle1, #maincontentarea h3.subtitle2 { font-weight: bold; }/* x20170426 */
#maincontentarea p.datelocp { font-size: 15px; } /* x20170419 */
#maincontentarea p { line-height: 18px; } /* 18 from 16 per x20170526 x20170503 */
/* x20170524 removes rule #maincontentarea h2.date { text-transform: uppercase; /*font-weight: bold;*/ } /* x20170405 *//* bold removed per x20170426 */
#maincontentarea h3 { font-size: 18px !important; line-height: 19px !important; margin-bottom: 5px !important; } /* x20170302 */ /* line-height changed from 24 to 16 per x20170419 */ /* line height changed from 16 to 19 per x20170503 */
/*.btnz { float: right; } removed per x20170419 */
.btnz a.purple-button { margin-right: 10px; margin-bottom: 3px !important; } /* x20170419; 5 to 10 per x20170530 */
.gridpad > div .btnz p { padding: 5px 2px; } /* x20170419 */
.lte700 { display: none; }/* x20170406 */
.gt700 { display: block; }/* x20170406 */
.mobiletitle { display: none; }/* x20170424 */
.desktoptitle { display: block; }/* x20170424 */
@media all and (max-width:940px){
#defaultregion~div.yui3-u-3-4, #event-content { width: 100% !important; }
#defaultregion~div.yui3-u-1-4, #event-content~div.yui3-u-1-4 { width: 33% !important; }
#artsForm { padding-left: 10px; }/* x20170817 */
}


@media all and (max-width:720px){/*x20170208; changed to 720 from 730 per x20170209*/
    .midto100{ width:100% !important; }
    .event-list-details img { max-width: 100%; } /* x20170209 */
}
@media all and (max-width:700px){
#defaultregion~div.yui3-u-1-4, #event-content~div.yui3-u-1-4 { width: 50% !important; }
.lte700 { display: block; }/* x20170406 */
.gt700 { display: none; }/* x20170406 */
#artsForm { padding-left: 0px; }/* x20170817 */
}
@media all and (max-width:440px){
#defaultregion~div.yui3-u-1-4, #event-content~div.yui3-u-1-4 { width: 100% !important; }
}
@media all and (max-width:400px){
.btnz { width: 100%; }
}
#rightrelatedregion { visibility: visible; display:block; }/* x20170208 */

/* ************************** start x20170302 refer to /_cascade/formats/event-list-RWD for x20****** change details prior to 3 March 2017 in this section ************************** */


#forbestabs {
    float: left;
    line-height: 1em;
    list-style: outside none none;
    margin: -50px 0 0; 
    max-width: 731px;
    position: relative;
    width: 102%;
    margin-left: 0px !important; /* x20190618 */    
}

#forbestabs li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 20%;
    margin-right: 5px; /* x20170302 in forbescenter-RWD.css */
    border: 1px solid #d3d3d3;/* x20170302 in forbescenter-RWD.css */
    border-bottom: 0px/* x20170302 in forbescenter-RWD.css */
}
}
#forbestabs h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 1.5em;
    line-height: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#forbestabs a {
    border-right: 0px solid #000 !important;/* 2px replaced with 0px per x20170302 in forbescenter-RWD.css*/
    border-top-left-radius: 0px !important; /* replaced 10px; per x20170208*/
    border-top-right-radius: 0px !important; /* replaced 10px; per x20170208*/
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;/* 20px 0 replaced with 10px 0; per x20170302 in forbescenter-RWD.css*/
    text-decoration: none;
}
#forbestabs A:hover, #forbestabs A:active, #forbestabs A.active:link, #forbestabs A.active:visited {
    background: #ffffff none repeat scroll 0 0;
    filter: none;
    text-decoration: none;
}
#forbestabs A:hover h2, #forbestabs A:active h2, #forbestabs A.active:link h2, #forbestabs A.active:visited h2 {
    color: #5d446f;
}
#forbestabs A.active:link, #forbestabs A.active:visited {
    position: relative;
    z-index: 102;
}

/* end tabs.css*/
/*## start x20170123 override*/

#forbestabs { margin: 0px 0px -24px 0px; }
/*#maincontentarea #forbestabs li:first-child a { border-left: 2px solid black; } removal per x20170302 in forbescenter-RWD.css */
#maincontentarea #forbestabs li a { text-decoration: none !important; background: #450084; color: white; /*border-top: 2px solid black; removal per x20170302 in forbescenter-RWD.css*/ }
#maincontentarea #forbestabs li a:hover, #maincontentarea #forbestabs li#active a { background: white; color: #450084; }
#maincontentarea ul#forbestabs { padding-left: 0px; }
#forbestabs li { width: 18.65%; }/* reduced from 19.65% per x20170302 */
@media all and (max-width: 865px){
    #forbestabs li { width: 100%; }
    #maincontentarea ul#forbestabs li { line-height: 0px; }
    /*#maincontentarea #forbestabs li a { border-left: 2px solid black; } removal per x20170302 in forbescenter-RWD.css
    #maincontentarea #forbestabs li:last-child a { border-bottom: 2px solid black; }*/
    #maincontentarea #forbestabs li#active:last-child a { border-bottom: 0px; }
    .btnz a.purple-button { font-size: 10px !important; padding: 5px 10px !important; }/* x20170424 */
    .purple-button { width: initial !important; }/* x20170424 */
}
/* MOBILE =====================================  */
@media all and (min-width:769px){/* x20190621 */
#maincontentarea .event-list-details p { margin:0px !important; padding-top: 0.5em !important;  padding-bottom: 0.5em !important; font-size: 16px !important; clear:left !important; margin-left: -10px !important; }/* x20190621 */
#maincontentarea .event-list-details p.datelocp { margin-left: 0px !important; }/* x20190624 */
}

@media all and (max-width:768px){ /* x20170419 */
    #forbestabs { margin-bottom: 1em; }/* x20170419 */
    .mobiletitle { display: block; }/* x20170424 */
    .desktoptitle { display: none; }/* x20170424 */
    .gridpad > div h2.mobiletitle { padding: 5px 0px; }/* x20170424 */
    /*#maincontentarea h3.mobiletitle { line-height: 19px }/* x20170424 */ /* increased from 0 to 19 per x20170426  and later removed in view of next line*/
    #maincontentarea p { line-height: 18px; padding: 5px 2px; }/* line height 18 from 16 per x20170525 x20170426 */
    #maincontentarea h3 { padding: 0px; line-height: 19px !important; }/* x20170426 */
    #maincontentarea h2 { line-height: 18px !important; }/* x20170426; 18 from 22 per x20170531*/
    .gridpad > div h3.mobiletitle { padding: 5px 0px; }/* x20170424 */
    #maincontentarea p.datelocp { padding: 0px; }/* x20170424 */
    .btnz a.purple-button {margin-right: 10px;} /* x20170526; 5 to 10 per x20170530 */
    hr {margin-bottom: 0px;}  /* x20170526 */
    #lilcal {display:none;} /*x20170526 */
    img.eventlistingimg { margin-top: 0.5em;} /* x20170530 */
    .event-list-details img.sponsorimg { max-width: 125px; }
    #maincontentarea .event-list-details p { margin-left: 0px !important; }/* x20190621 */
}
/*##start x20170208*/  
@media all and (max-width:730px){
    .midto100>.yui3-u-1-3, .midto100>.yui3-u-2-3{ 100% !important; }
}
/*##end x20170208*/

@media all and (max-width: 680px){
    #pricesLTE700 { clear: left; }/* x20170628 */
}
@media all and (max-width: 480px){
    #forbestabs { margin: 0; }
    .gridpad { padding-bottom: 0px !important;} /*x20170526*/
    /*.event-list-details img.sponsorimg { max-width: 125px; } /* x20170627 */ /* moved to under 769px per x20170628 */
}

/*## end x20170123 override*/
/*## start x20170124 override*/

.purple-button { width:160px; text-align:center; }

/*## end x20170124 override*/
/* **************************  start x20170302 refer to /_cascade/formats/event-list-RWD for x20****** change details prior to 3 March 2017 in this section  ************************** */


/* start right column per x20170302*/
.day { padding: 10px !important; /* replaces 0.5em 0.5em 0.5em 0.5em !important per x20170320*/; text-align: center; font-size: 14px; /* font-size added per x20170320 */}
.dow { text-align: center; text-align: center; padding: .25em .5em !important; font-size: .7em; font-weight: bold; color: #FFFFFF; }
.errant { display: none; }
.calgrid { color:#FFFFFF; padding: 10px 5px;}
.calgrid table{ margin: 0 auto;}
.day{color:#000000; border: 1px solid lightgray;} /* border added per x20170302 */
/*.day a{color:#FFFFFF !important;} removed per x20170302*/
.morelink{/*color:#FFFFFF !important;*/ font-size: 13px; /* font size 13px from 12px per x20170524, replaces .8em; per x20170320*/ padding-top: 10px; font-weight: bold;/*10px pad top and bold per x20170320 */ /*padding-left:26px;*/} /*removals per x20170302 */
.morelink { display: block; text-align: center; } /* x20170302 */
.listitem { display: none; }
.navButton{ display: inline-block; }
.prevButton{ background: url(//www.jmu.edu/jmucmsfiles/images/arrow-left-triangle.png) no-repeat; width:15px; height:15px; text-indent: -9999px; float: left; position: relative; z-index: 999; }/* -triangle added per x20170302 */ /* relative positioning and z-index added per x20170308 */
.nextButton{ background: url(//www.jmu.edu/jmucmsfiles/images/arrow-right-triangle.png) no-repeat; width:15px; height:15px; text-indent: -9999px; float:right; position: relative; z-index: 999; }/* -triangle added per x20170302 */  /* relative positioning and z-index added per x20170308 */
.monthTitle{display:block; height:100%; margin: 0 auto !important; font-size:1.5em; text-align:center;color:#414042;position: relative;top: -2px;}/* color specification and relative positioning per x20170302*/ /*top changed from -8 to -2 per x20170320 */

.gradient-gray{} 
.gradient-purple{} 
/*.background-eggplant{ background-color: #593f6f; } removed per x20170302*/
/* end right column per x20170302 */

/* start gridpad override  per x20170302*/
@media all and (min-width: 481px){
    .gridpad { padding: 0px 12px 0px 0px !important;}
}

@media all and (min-width: 769px){ .event-list-details img.eventlistingimg, .gridpad img.eventlistingimg { max-width: 205px !important;float:left;margin-right:10px; }}/* x20170419 */

.tabsgridpad { padding: 0px 12px 24px 12px; }
@media all and (max-width: 768px){
    /*.tabsgridpad { margin-bottom: 64px; } removed per x20170308*/
}
/* end gridpad override  per x20170302*/

/* start x20170308 event-list tweaks */
.event-list-details img.sponsorimg { margin-bottom: 1em; } 
.sponsorimgparent { clear:both; float: none !important; text-align: left; } /* text align left instead of center per x20170419 *//* x20170421 added important keyword to float none */
.literal-width-image img.sponsorimg, .gridpad img.sponsorimg { padding: 2px 0px !important;} /* x20170419 */
/* end x20170308 event-list tweaks */

/* start x20170308 right column tweaks */
#maincontentarea .artsnews #primarynewsarea ul { padding-left: 0px !important; }
/*#maincontentarea #primarynewsarea p { margin-left: -10px !important; }/* x20190618 */ /* disabled per x20190827 */
#defaultregion ol, #defaultregion ul, .gridpad ol, .gridpad ul { margin-left: 1em !important; } /* increased from 0px to 1em per x20170626 */
.highlightednav { padding-left: 0px !important; }
.news-list ul li { background: none !important; }
/* end x20170308 right column tweaks */

/* start x20170308 tab tweaks  and mobile tabs*/
#maincontentarea #mobiletabs { display: none; }
#maincontentarea #mobiletabs .gridpad { padding-bottom: 12px !important; }
@media all and (max-width: 865px){
    #maincontentarea ul#forbestabs { display: none; }
    #maincontentarea #mobiletabs { display: block; }
    #maincontentarea .tabsgridpad { padding-bottom: 0px; }
    #maincontentarea .tabsgridpad~br { display: none; }
    .colautoht~br { display: none; }
    /*.colautoht { display: none; } removed per x20170320 */
}
/* end x20170308 tab tweaks */

/* slideshow overrides per x20170308 */
.bx-wrapper .bx-caption { background: #333; opacity: 0.8; font-weight:bold;}/* bold added per x20170330 */
.bx-wrapper .bx-caption span { color: white; }
@media all and (max-width: 480px){ .nonmobileplug, #slideshow { display: none; }} /*x20170405 addition*//* x20170626 added .nonmobileplug as a selector */
/* end slideshow overrides */

/* start x20170419 btnz overrides; buttonz styles removed per x20170526
@media all and (max-width: 442px){
    .btnz a.purple-button { margin-right: 2px; }
}
@media all and (max-width: 436px){
    .btnz a.purple-button { margin-right: 1px; }
}
/* end x20170419 btnz overrides */
/* eventCredits overides per x20170531 */
#eventCredits p {font-size: 12px !important;}

#maincontentarea p.monthTitle, #maincontentarea h2#highlighthead { font-weight: bold; }/* x20170808 */
h1, h2, h3, h4, h5, h6, p { padding-top: 0px; }/* x20190618 */

.bx-wrapper .bx-prev, .bx-wrapper .bx-next { position: absolute !important; }/* x20200805 */
.bx-wrapper .bx-prev { visibility: hidden; }/*x20200805*/