/* about this stylesheet
** this sheet is applied in the top of the committee tab of
** middle east
** asia pacific
** europe
** africa
** workshop details templates
** overview committees EMD
** middleeast virtual events
** short course detail
**
** It was originally intended to let us override the position titles
** for some committee members when their iMIS record didm't reflect
** what was desired for display for a particular committee appointment.
** It has since morphed into a catch-all for css hacks for the above tabs.
**
** Please document what is added to this stylesheet with event ids and end dates.
** Target any hacks as sharply as possible
** Know that errors and broad targeting will effect many events on these tabs.
**
** This stylesheet is now also in the top of the Short Course Detail page.
** Original intent is to hack the h3 title for partners module
**
** 020819 this stylesheet added to committees tab (764) to allow hack of committee member titles
** URL of this sheet is: https://www.aapg.org/portals/_default/skins/AAPG_S/css/org-committee-titles.css

<link rel="stylesheet" href="https://www.aapg.org/portals/_default/skins/AAPG_S/css/org-committee-titles.css">

/* dnn9 fixes Jan 2022 */

/* add notice for CTA change */

label[id*="CallToAction_label"]::after {
  content: "Deprecated. Use Call to Action Short";
  color: #f00;
}

.livetabssmoothness .ui-tabs{
    display: block !important;
}
.ui-tabs-panel > div:last-child{
display: block !important;
}
.venue .venue-details .PF_EventLocationCity:after{
content:", ";
}
table.aapg-default{
width: 100% !important;
}
table.left{
float: none !important;
}
/* fix anchor color on flick tabs */


.livetabsflick .ui-state-active a,
.livetabsflick .ui-state-active a:link,
.livetabsflick .ui-state-active a:visited,
.livetabsflick .ui-state-default a,
.livetabsflick .ui-state-default a:link,
.livetabsflick .ui-state-default a:visited{
    color: #46708a;
}

/* change name accommodations tab */

#accommodations-link a{
visibility: hidden;
position: relative;
}
#accommodations-link a:after{
visibility: visible;
position: absolute;
content: "Lodging";
left: 0;
text-align: center;
display: block;
width: 100%;
padding: .5em 0;
top: 0;
}
/* this broke other things. not sure what I wanted here.
div .No_Title_White p{
margin: 0 !important;
line-height: 1.7em !important;
}
*/

/* fix another tab */

.ui-tabs-panel > div:last-child.program-details,
.ui-tabs-panel > div:last-child.sponsorship{
    display: block;

}

/* fix leadership blocks in Africa Leadership page */




/* end dnn9 fixes */




/* reset styles KJ Sep 10 2020 */

img{
	max-width: 100%;
	height: auto;
	}
img.align-right{
	float: right;
	margin: 0 0 7px 7px;
	}
img.align-left{
	float: left;
	margin: 0 7px 7px 0;
	}
p:empty{
	display: none;
	}
dd{
line-height: 23px;
}
dl{
margin-bottom: 20px;
}
.box{
margin-bottom: 20px;
}
#lt-149242090-activities .events-listings div.h5 a,
#lt-152302140-activities .events-listings div.h5 a{
	background: none;
	}
#lt-149242090-activities .events-listings div.h5 a:before, /* workshop */
#lt-152302140-activities .events-listings div.h5 a:before{ /* virtual */
	content: "";
	}

#venue .PF_EventLocationCity:after,
.venue-details .PF_EventLocationCity:after{
content: ", ";
}
/* global, but only on latinamerica right now. Class added by jquery */
/* if other region wants to use this, I'll add region classes to Body */
#Body.past-event .floated-sidebar-icons{
	display: none;
	}


/* hide the call for abstracts yellow box in the program tab for LARC and Middle East and now, Asia Pacific */

#Form[action*="latinamerica/events/virtual"] #details .related-cfa,
#Form[action*="middleeast/events/virtual"] #details .related-cfa,
#Form[action*="asiapacific/events/virtual"] #details .related-cfa{
        display: none !important;
}

h5.empty-header{
	display: none;
	}


/* workshop activities tab field seminar/short course titles (h5) */

#lt-151742126-activities  div.h5 a{
background: transparent !important;
border-bottom: 2px solid #ccc !important;
}

#lt-151742126-activities  div.h5 a:before{
	display: none !important;
}

/* where webinars have been added as activities related to a workshop (Europe was first), add time zone to location city */

form[action*="workshop"] div[class*="Webinar"] + .text .city-state-country:after{
        content: " Time Zone"
}

.instructor-description{
	white-space: pre-wrap;
	}

/* match li font size to p in .box. skin.css resizes p but not li - KJ */

div.box li{
	font-size: 14px;
	line-height: 18px;
	}

/* replace placeholder image with unisex version KJ Sep 1 2020 */

.contact-list-item .contact-image {
 background: url("../../../../../Portals/0/images/_portraits/L-P/mysteryman.35f7b7c731.jpg") no-repeat scroll 6px 6px #FFFFFF;
 margin-bottom: 27px;
 }
.contact-list-item .contact-image img[src*="no-image"]{
 display: none;
 }



/* tables in program details tab will have a time in the first td, so set the width consistently */

/* in-person */
#lt-151742123-program table.aapg-default td:first-of-type,
#lt-149242087-program table.aapg-default td:first-of-type,
/* virtual */
.program-details table.aapg-default td:first-of-type{
        width: 85px;
}
/* in aapg main workshop */
#program .program-details table.aapg-default td:first-of-type{
        width: 85px;
}



#program .program-details table.aapg-default td{
	font-size: 16px;
	}
#program .program-details table.aapg-default td small{
	font-size: 90%;
	}
#program .program-details table.aapg-default{
	margin: 16px 0;
	}

.Program.Poster .time {
    display: none;
}

span.contact-committee-title:before {
    color: #F7941E !important;
}

#116811972-activities  h5 {
display: none;
}

form[action*="virtual"] .ui-tabs-panel > div:last-child{
display: unset;
}

/* generic program content types don't have the styles workshop types once had. Move to perms KJ */

.program-listing-item.Session .summary p{
	margin: 0 !important;
}
.program-listing-item.Program.Session .time{
        display: none;
}
.program-listing-item.Program.Session .text{
    width: auto !important;
}

/* if the sponsorship item wraps to three lines, it gets the bottom chopped off. */

.bannerDispalyCellDiv .sponsor-level span{
	line-height: 16px;
	}
.sponsors-wrapper .bannerDisplayDiv,
.sponsors-wrapper .bannerDisplayRowDiv{
	max-height: 300px !important;
	}


/* mobile events pages. fix the image-overlay, the dateline, the title and add air below hero. */

form[action*="m/1"] h4.dates {line-height: 20px; margin: 0; padding: 0;}

form[action*="m/1"] .hero-standalone .image-overlay{
    background-size: cover !important;
}
form[action*="m/1"] .hero-standalone {
margin-bottom: 15px;
}
form[action*="m/1"] .top_lt > span > span > span:nth-last-child(2) span:last-child{
font-size: 25px;
line-height: 1.1em;
margin-bottom: -15px;
}

/* START of EMD Bitumen/Heavy Oil Committee http://www.aapg.org/about/aapg/overview/committees/emd/articleid/26347/committee-emd-bitumen-heavy-oil */

span#PFID-7590 + span + span:after {
	content: ", U.S.A and Latin America";
}

span#PFID-34963 + span + span:after {
	content: ", Russia";
}

span#PFID-23854 + span + span:after {
	content: ", Canada";
}
/* END of EMD Bitumen/Heavy Oil Committee http://www.aapg.org/about/aapg/overview/committees/emd/articleid/26347/committee-emd-bitumen-heavy-oil */








/* hack Andras Nemeth Committee Member - Perm? */

#dnn_ctr9414_View_ctl00_ctl00_ctr9415_ModuleContent .contact-list-item#item-716 span:nth-of-type(2):after {content: ' - Europe Region Rep.'}


/* for all virtual events */


form[action*="virtual"] .cols2 span.contact-committee-title{
	width: auto;
	}
.cols2 .contact-name-text{
    display: block;
    float: none;
    width: auto;
}

/* broken related program token KJ */
form[action*="virtual"] #program #module-program{
	display: block !important;
	}

/* hide broken/missing headshots */

.contact-image img[data-original^="?"]{
	display: none;
	}

/* style single instructor, with bio in virtual events */

#instructor .cols2 span.contact-name-text {
    color: #F7941E !important;
    display: block;
    }
form[action*="virtual"] .livetabsflick #instructor .instructor-description{
		display: block !important;
		}
#instructor .instructor-description{
	color: #eee !important;

	}

.organizing-committee.instructor .cols2 .contact-name-text{
    float: none;
    width: 100%;
    display: block;
}

.organizing-committee.instructor .cols2 .contact-image{
    float: left;
    margin: 10px 10px 10px 0;
}

.organizing-committee.instructor .cols2 .instructor-description{
    display: inline;
    float: none;

}

#speakers .organizing-committee.instructor .cols2 .instructor-description{
    display: none;

}
#instructor div.contact-list div.contact-list-item.cols2:first-child:last-child .contact-committee-title.instructor-description{
    width: 100% !important;
}

/* end style single instructor */

/* contacts */
#contacts .cols2 .instructor-description{
	display: none !important;
	}
/* single contact */

#contacts div.contact-list div.contact-list-item.cols2:first-child:last-child {
	width: 98% !important;
	max-width: 340px;
	}
/* speakers */

#speakers .organizing-committee.instructor .cols2 .instructor-description{
	display: inline !important;
	}

/* committee */

#committee span.contact-optional-title {
	width: auto;
	}


/* last pricing opject */

#pricing.ui-tabs-panel > div:last-child{
	display: block !important;
	}

/* end for all virtual events */

/* north america events */

#venue:after{
display: block;
margin-top: 20px;
white-space: pre-wrap;
}

/* geothermal, litium, hydrogen,,. Event Ends June 7, 2024 PFID 66917 */

form[action*="66917"] .dates .sep,
form[action*="66917"] #location{
    display: none;
}
form[action*="66917"] #datetime{
    visibility: hidden;
    position: relative;

}
form[action*="66917"] #datetime:before{
    postiion: absolute;
    content: "Thursday June 6: 7am–6pm | Friday June 7: 7am–1pm | Houston, TX";
    visibility: visible;
    white-space: pre-wrap;
    line-height: 1em !important;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
}
/* end 66917 */




/* end north america events */


/* asia pacific virtual events */

form[action*="asiapacific/events/virtual"] #program .program-list,
form[action*="asiapacific/events/virtual"] #module-program{
	display: block !important;
	}




/* end asia pacific virtual events */

/* europe virtual events */



/* latin america virtual events */

form[action*="latinamerica"] div.program-details{
	display: block;
	}

/* energy summit uruguay PFID 66156 expires 21 november 2024 */


form[action*="66156"] a[name="activities"]{
    visibility: hidden;
    position: relative;
}
form[action*="66156"] a[name="activities"]:before{
    visibility: visible;
    content: "Exhibitors";
    display: inline-block;
    position: absolute;
}


/* end 66156 */


/* end latin america events */


/* Africa events  */

/* hide headshots and pretty up contacts and committee members for africa region */

form[action*="africa"] .contact-image.dnnLeft{
        display: none;
}

form[action*="africa"]  .cols2 .contact-name-text{
	width: 100%;
	}

form[action*="africa"] div.contact-list-item.cols2{
	min-height: auto !important;
	}

/* except africa committee */

form[action*="/africa/leadership"] .cols2 span.contact-company{
    width: 100%;
    max-width: 100% !important;
    display: block;
}
form[action*="/africa/leadership"] .contact-image.dnnLeft{
        display: inline;
}

/* africa field seminar activities will now be called field trips */

form[action*="africa"] div[id*="activities"] .author a[href*="field-seminars"]{
    visibility: hidden;
    position: relative;
}
form[action*="africa"] div[id*="activities"] .author a[href*="field-seminars"]:before{
    content:"Field Trip";
    visibility: visible;
    display: block;
    position: absolute;
}



/* end africa events */

/* LACR events */
/* workshops don't have CEU so the pricing can be wider */

form[action*="/workshop/"] #dnn_ctr15147_View_ctl00_ctl04_ctr15162_contentpane > div{
        width: 100% !important;
}



/* end LACR Events */

/* europe events */

/* cross regional carbonates pfid 66092 ends 24 april 2024 palermo */



form[action*="66092"] .organizing-committee .contact-list-item.IMISID-10175222,
form[action*="66092"] .organizing-committee .contact-list-item.IMISID-10260018{
    margin-top: 40px;
    position:relative;
}

form[action*="66092"] .organizing-committee .contact-list-item.IMISID-10175222:before{
    content: "Field Trip Executive Committee";
    position: absolute;
    top: -35px;
    color: orange;
    font-size: 25px;
    line-height: 1em;
    width: 500px
}

form[action*="66092"] .organizing-committee .contact-list-item.IMISID-10175222 .contact-company-title{
    display: inline-block !important;
    overflow: hidden;
    text-indent: -5px;
}


/* end pfid 66092 */
/* end europe events */


/* asia pacific events */


/* hide headshots for contacts a la middleeast */

form[action*="asiapacific"] .contact-image{
        display: none;
}

form[action*="asiapacific"]  .cols2 .contact-name-text{
	width: 100%;
	}

form[action*="asiapacific"] div.contact-list-item.cols2{
	min-height: auto !important;
	}
.cols2 .contact-name-text span.ajs{
	width: auto !important;
	}




/*  middle east virtual events  */

/* display virtual programs in middle east */

form[action*="middleeast/events/virtual"] #program .program-list,
form[action*="middleeast/events/virtual"] #module-program{
	display: block !important;
	}

/* hide headshots and pretty up contacts and committee members for middle east region */

form[action*="middleeast"] .contact-image.dnnLeft{
        display: none;
}

form[action*="middleeast"]  .cols2 .contact-name-text{
	width: 100%;
	}

form[action*="middleeast"] div.contact-list-item.cols2{
	min-height: auto !important;
	}

span.contact-committee-title,
span.contact-optional-title,
span.contact-company-title,
span.contact-company,
span.contact-country {
    float: none !important;
}

div.contact-list-item.cols2 table{
    float: none !important;
    width: auto !important;
    border-collapse: collapse;
    min-width: auto;

}




table.aapg-default{
    margin-bottom: 10px;
}





/* dateline and committee hacks for virtual middle east events */





/* end dateline hacks for middle east */

/* dateline hacks for latin America */





/* end dateline hacks for latin America */


/* dateline and committee hacks for Asia Pacific */




/* end dateline and committee hacks for Asia Pacific */


/* contact text and button styling for virtual events somehow is only for larger than 1024. Fixed it here */

#contacts table .ajs:before {
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 12px;
		font-weight: normal;
		border: none !important;
		background: #61a63a !important;
		display: block !important;
		color: #fff;
		min-width: 90px;
		text-align: center;
		text-transform: uppercase;
	}
	table span.ajs:hover:before {
		background: #F7941E !important;
	}
#contacts .cols2 span.contact-committee-title{
	color: #fff !important;
	}


/* hq hacks */








/* new hacks -- this file now on Short Course Detail page */

/* to use ono another PFID, change the definition of ACTTION to fit the new id, and the content of :before.
** May need to change font size and padding to fit new title.
** If moving to another page, modify the ctrXXXXXX to fit the new module,
*/

/* responsive styles are coming */

.ui-tabs-panel > div[id*="LiveTabs"]{
    display: block;

}

/* Mark for Online presentations in programs */
.program-listing-item.Online .time:after{
        content: "\1F310";
    display: block;
    font-size: 20px;

}

#instructor .instructor-description{
white-space: pre-wrap;
}
#instructor .instructor-description p{
color: #fff !important;
}


-------------------------------------------------

/* responsive fix for workshop carousels added 7/1/2022 KJ */

/* workshop carousel styles - does NOT work in Left8Pane (student expo for example) */
/* containers for the carousel */

.Left9Pane .sponsors-wrapper{
    padding-bottom: 0px;
}

/* must have a height, so I picked one a bit larger than I hope they'll need.
** could also be set as a max height for user input, and users will have to manage with this as new limit
*/

.Left9Pane .sponsors-wrapper .bannerDisplayDiv,
.Left9Pane .sponsors-wrapper .bannerDisplayRowDiv{
    max-height: 300px !important;
     min-width: 99em;
}

/* the levels container within each sponsor logo container */
.Left9Pane .sponsor-level{
    white-space: normal !important;
}



/* fixes positioning */


/* container for all the sponsor logos */
.Left9Pane .sponsors-wrapper .bannerDisplayRowDiv{
    text-align: left;
    width: auto !important;
    margin-left: 10px !important;
}

/* the container for each sponsor logo */
.Left9Pane .sponsors-wrapper .bannerDisplayCellDiv{
    vertical-align: top;
    text-align: center;
    display: inline-block;
    text-align: left;
    width: auto !important;
    position: relative;
}

/* for sponsor logos without links, this makes them the correct size */
.Left9Pane .sponsors-wrapper .bannerDisplayCellDiv > img{
    box-sizing: initial;
}


/* canada workshop ID 66145 ends may 10 2024 */

form[action$="66145"] #committee .IMISID-10067219 .contact-optional-title:after{
content: "tist";
}

.cols2 span.contact-committee-title{
width: 100% !important;
}

/* hide the committee titles just for this event */
form[action*="66145"] .contact-list-item .contact-committee-title{
    display: none;
}


/* DPA forum ends may 21, 2024 */

form[action*="66846"] a[name="speakers"]{
    visibility: hidden;
    position: relative;
}
form[action*="66846"] a[name="speakers"]:before{
    visibility: visible;
    position: absolute;
    content: "Forum Conveners";
}


/* end dpa forum */
/* dpa forum short course 1 */

form[action*="66872"] #LiveTabsWrapper1743 .ui-tabs-nav #ui-id-1{
    display: none;
}

form[action*="66872"] #LiveTabsWrapper1743 .ui-tabs-nav li{
    width: calc(33.33333% - 2px) !important
}

form[action*="66872"] #LI-lt-1743109-overview{
    display: none;
}

/* end short course 1 */

/* dpa forum short course 2 */


form[action*="66880"] #LiveTabsWrapper1743 .ui-tabs-nav #ui-id-1{
    display: none;
}

form[action*="66880"] #LiveTabsWrapper1743 .ui-tabs-nav li{
    width: calc(33.33333% - 2px) !important
}

form[action*="66880"] #LI-lt-1743109-overview{
    display: none;
}

/* end short course 2 */










