/*
** clone of CCUS 2021 skin with overrides added for aapg site
*/

/* AAPG Overrides */

.BottomPane,
.FooterPane{
	display: none;
	}

/* temp override in the nav until networking tab is available */
#dnngo_megamenu > div > ul > li.dir.item-4,

li.dir.Item-4{
	display: none;
}




/* admin overrides */

#dnngo_megamenu .primary_structure li a[title="Home"]{
	display: none;
	}
.is-logged-in #dnngo_megamenu .primary_structure li a[title="Home"]{
	display: inline-block;
	}


.DNNContainer_Title_h2 + h2{
	display: none;
}

.showControlBar .DNNContainer_Title_h2 SpacingBottom h2:first-of-type{
	display: block;
	}







/* for splash */


.splash .phoneHeadTop {
    border-bottom: 1px solid #eaeaea;
    padding: 20px 70px;
    position: relative;
}

.home #dnn_ctr25377_ContentPane{
	border-top: 1px solid #ccc;
	}
/* responsive videos */


.title_bottomborder{
	border: none !important;
	}

.litImage.Video a{
	position: relative;
	display:block;
	}

.litImage.Video a .playbutton {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    background-image: url(../../../../../_img.aapg.org/Portals/0/images/_site/play-button.png);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    background-size: 100%;
}

.litImage.Video a .playbutton:hover{
	opacity: .4;
	}

.list-with-images.video {

 width: 90%;
 max-width: 220px;
 margin: 14px;
float: left;
display: inline-block;
min-height: 190px;
}

.list-with-images.video img{
	width: 100%;
	border: 1px solid #ddd;
	}











/* nav position absolute at top of page. move down for admin bar */

.showControlBar .roll_replace.roll_activated,
.showControlBar .roll_menu.roll_activated{
	margin-top: 54px;
	}
/* hide module titles in site. Use titles in content instead */
.heading_wrapper,
#to_top{
	display: none;
	}

/* show module titles for admin only */
.dnnEditState .heading_wrapper{
	display: block;
	}
.dnnEditState .heading_wrapper h2{
	color: #999;
	font-style: italic;
	margin-bottom: 10px;
	display: initial;
	font-size: 20px;
	}


.dnnEditState .roll_menu.roll_activated #dnn_logotext{
	display: block;
	}
.carousel{
	display: block;
	overflow: hidden;
	}


.dnnEditState .Full_Screen_PaneD + .dnn_layout,
.dnnEditState .Full_Screen_PaneE{
		display: block;
		}
.dnnEditState .HeadPane{
	min-width: 200px;
	}
.HeadPane h1, .HeadPane h2{
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.2em;
	transform: scaleY(1.2);
	}
.HeadPane h1{
	color: #F7941D;
	}
.HeadPane h2{
	color: #ddd;
	}

/* show add module button in each pane */

.dnnModuleManager .addModuleHandler {
	display: block;
	top: 20px;
	}
.dnnEditState


/* end admin overrides */

/* the mythical clearfix */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide{
	display: none;
	}
/* overwrite AAPG styles imported with shared modules, damn it. */


.No_Title_White p{
	    margin: 0 0 .7em !important;
	    }

/* fix the skin */

	.wrapper{ background: transparent;}

input, select, textarea {
    font-family: inherit;
}

.row [class*="Pane"] {
	padding: 0;
	}

#to_top{
	display: none !important;
	}

.breadcrumbBox,
.breadcrumbBox a,
.breadcrumbBox a:link,
.breadcrumbBox a:active,
.breadcrumbBox a:visited,
.breadcrumbBox .breadcrumb,
.copyright_style,
.copyright_style a,
.copyright_style a:link,
#dnngo_megamenu ul{
	font-family: "Roboto Condensed", sans-serif;
	}
.copyright_style{
margin-top: .5em;
float: none;
}

html, body{
	height: 100vh;
	font: normal 12px/1.3 'Roboto Condensed', sans-serif;
	}
#Body,
html,
body,
.Head,
.SubHead,
.SubSubHead,
.Normal,
.Login a,
.Login a:link,
.Login a:active,
.Login a:visited {
    color: #333333;
    font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.8;
}





.hide,
.hidden,
h2:empty,
p:empty,
#header_slide {
	display: none;
	height: 0;
	line-height: 0;
	}
.Content_bg_2,
.Content_line{
	background: transparent;
	}
.TopPaneD {
	border: none;
	padding: 0px !important;
	}
#dnn_BannerPane,
.BannerPane2{
	margin: 0;
	padding: 0;
	color: #ddd;
	}




.row-bootstrap {
	margin-left: -15px;
    margin-right: -15px;
}



.home .BannerPane .row .col-sm-8 p{
	line-height: 1.3em;
	padding-bottom: 20px;
	}

.form-button.loading{
	height: auto;
	}


* img{
	max-width: 100%;
	height: auto;
	}

html{
	overflow-y: scroll;
	}

.center{
	text-align: center;
	}

/* end fix the skin */

/* add default styles */
.google-embed{
	background: #eee url('../../../../../_img.aapg.org/Portals/0/images/_meta/meta-google-viewer.png') no-repeat;
	background-position: center;
	background-size: 40%;
	position: relative;
	height: 0;
	padding-bottom: 135%;
	border: 1px solid #ccc;
	}
.google-embed.pdf{
	padding-bottom: 128.5%;
	}
.google-embed.video{
	padding-bottom: 44.8%;
/*	 56.25%; */
	}

.google-embed.map.sm{
	padding-bottom: 55%;
	}
.google-embed iframe{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	}
.weatherwidget-io{
	background: #f6f6f6;
	}
.box {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #BBBCBD;
    color: #616161;
    display: block;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
	margin: 2em;
}
.box p:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	}
.nowrap {
	white-space: nowrap;
}
.justify{
	text-align: justify;
	}

/* google ads */
.adslot {
	margin: 20px 0 0;
	overflow: hidden;
}
.adslot iframe{
	border: 1px solid #f6f6f6 !important;
}
.adslot div{
	text-align: center;
	}
.adslot div iframe{
	max-width: 100%;
	}
/* advertise button */
p.advertise{
	text-align: center;
	}
.advertise a,
a.advertise{
	display: inline-block;
	margin: .4em;
	padding: .1em .5em;
	font-size: .9em;
	color: #fff !important;
	background: #005387;
	text-align:center;
	}
/* end google ads */
/* a button */
a.button,
.button,
a.ccus-button{
	color:#fff !important;
	background: #37b349;
	font-family: "Roboto Condensed",serif;
	padding: .3em .7em;
	line-height: 1.7em;
	font-size: 1.2em;
	margin: .5em auto;
	display: inline-block;
	text-align: center;
	font-weight: normal !important;
	width: auto;
	}
a.button:hover,
a:hover{
	opacity: .8;
	}
.splash a.ccus-button{
	font-size: 1.1em;
	display: block;
	}
/* end button styles */

ul.arrow{
	list-style: none;
	padding-left: .3em !important;
	}
ul.arrow li:before{
	content: '→';
	padding-right: .5em;
	}

/* end default styles */
/* now style the site */

.phoneHeadTop{
	text-align: center;
	}

/* splash */
.body_bg.splash{
		background-color: #00062a;
		}

.splash .dnn_layout.main{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2021/ccus2021-art-wordcloud2.png);
	background-size: auto 125%;
	background-repeat: no-repeat;
	background-position:  right -100px;
	}
.splash .gradient{
	position: absolute;
	width: 100%;
	height:100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(0,6,42,0) 65%, rgba(0,6,42,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,6,42,0) 65%,rgba(0,6,42,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,6,42,0) 65%,rgba(0,6,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000062a', endColorstr='#00062a',GradientType=0 );
	z-index: 10;
	}
.splash #dnn_wrapper{
	margin-bottom: 0px;
	background:transparent;
	max-width: 1200px;
	margin: 0 auto;

	}
.splash .left-static{
	width: 100%;
	max-width: 350px;
	z-index: 20;
	padding-bottom: 10%;
	background: rgba(0,6,42,.7);
	}


.splash .copyright_style{
	display: none;
	}
.splash .copyright_style span{
	display: none;
	}

/* temp until I get access to the site */

.splash .left-static{
	padding-top: 30px;
	z-index: 20;
	position: relative;
	}
.splash .left-static img{
	margin: 15px 0;
	}
.splash .right-static img{
	margin: -70px 0 -70px;

	}


/* end temp */



.splash .splash-content{

	}
.splash .splash-top{
	width: 95%;
	margin: 0 auto;
	}

/* special countdown for 2021 */

ul#countdown.special{
	margin: 10px 0 40px;
	}

ul#countdown.special li{
	height: 50px;
	width: 50px;
	margin: 2px 15px;
	background: rgba(0,0,0,.4);
	border:radius: 5px;
	box-shadow: 0 0 5px #000;
	}

ul#countdown.special li span{
	font-size: 20px !important;
	line-height: 0px !important;
	margin-top: 15px;
	color: #fff;
	}

ul#countdown.special li p.timeRefDays,
ul#countdown.special li p.timeRefHours,
ul#countdown.special li p.timeRefMinutes,
ul#countdown.special li p.timeRefSeconds{
	font-size: 13px !important;
	color: #fff;
	padding-top: 15px;
	}


/* position the countdown timer */

table.comingsoonbox > tr{
    min-height: 39vh;
    display: block;
}

/* end splash */

/* body */

.Login,
.phoneHeadBottom .Login,
.phoneHeadBottom .languageBox,
.pulldownsearch,
#mobile_search{
	display: none !important;
	}

.LoginPanel{
padding: 10px;
background: #def;
}

/* header */

.mobile-regnow{
text-align: center;
}
.mobile-regnow .sb-button{
	font-size: 30px;
	text-transform: uppercase;

	}

.home .roll_menu{
	width: 100%;

	z-index: 2;
	}



.home .roll_menu .dnn_layout{
	width: 100%;
	}

.home .home-menu .head_mid{
	width: 100%;
	padding: 40px 0;
	}

.home header .dnn_logo a#dnn_dnnLOGO_hypLogo{
	position: relative;
	}
.home header .dnn_logo img{
	display: block;
	}



#header1{
	border: none;
	position: relative;
	padding: 0px;
	background-size: cover;
	}

.page .dnn_logo,
.home .dnn_logo{
	display: inline-block;
	float: none;
	line-height: 1em;
	height: auto;
	}

.roll_menu.roll_activated .page .dnn_logo,
.roll_menu.roll_activated .home .dnn_logo{
 	margin: 0;
 	}

.dnn_logo{
		width: 300px;
		margin: 20px 0;


		}
/* home 2021 hide the header, not the nav */


.home .wrapper{

	background: #11112d url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2021/ccus2021-background-grid.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 100vh;
	margin: 0;

	}
.home .BannerPane{
	background: none;
	}

.home .Footer_Bottombg {
    background-color: transparent;
}

.home .row p{
	color: #eee;
	}
.home .wrapper{
	min-height: 100vh;
	}




.phoneHeadTop{
	border: none;
	}
.phoneHeadBottom a.sb-button{
	background: #F7941D;
	}
.page .HeadPane{
	float: right;
	padding: 0;
	}

.phoneHeadBottom{
	background: transparent;
	padding: 0;
	}

.page .visible-xs{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2021/ccus2021-pagehead-bg3.jpg);
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
		}



/*call to action */
.Head_right {
    padding: 0;
	min-width: 200px;
	display: inline-block;
	}


/* main nav */

nav{
	clear: both;
	}
#right_folding{
	display: none;
	}
 .header_nav{
	position: absolute;
	top: 0;
	width: 100%;
	background: #005888;
	}

.dnn_menu{
	float: none;
	width: 100%;
	}
.roll_menu.roll_activated{
	border: none;
	}
.roll_menu.roll_activated .dnn_logo{
	width: 100px;
	}
.roll_menu.roll_activated nav{
	display: inline;
	}
.page .roll_menu.roll_activated .dnn_menu,
.page .roll_menu.roll_activated .Head_Left{
	display: inline-block;
}
.page .roll_menu{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2021/ccus2021-pagehead-bg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

	}
.page .roll_menu .head_mid{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2022/ccus-22-header-tagline-date.png);
	background-repeat: no-repeat;
	background-size: 245px;
	background-position: 330px 35px;
	}
.page .roll_menu.roll_activated .head_mid{
	background-image: none;
	}
.page .roll_menu.roll_activated .HeadPane{
 	display: none;
	}
.Head_Left{
	float: none;
	}
.head_mid{
	position: relative;
	}
.roll_menu.roll_activated .dnn_layout{
	padding: 0;
	max-width: 1200px;
	}
#dnngo_megamenu .dnngo_menuslide{
	border: none;
	}
#dnngo_megamenu > div > ul{
	display: block;
	}
#dnngo_megamenu .primary_structure{
	text-align: center;
	}
#dnngo_megamenu .primary_structure > li,
#dnngo_megamenu .primary_structure > li:hover {
    list-style: none;
    position: relative;
	display: inline;
	border: none;
	float: none;
}

	#dnngo_megamenu > div > ul > li > a > span {
		display: block;
		font-size: 14px;
		line-height: 45px;
		padding: 0 8px;
		text-transform: uppercase;
		color: #aaa;
	}

.home #dnngo_megamenu > div > ul > li > a > span{

	color: #fff;
}

#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span,
#dnngo_megamenu > div > ul > li.current > a > span{
	background: rgba(34,122,170,.6);
	}




.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a:hover > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span{
	border-bottom: none;
}

#dnngo_megamenu > div > ul > li > a,
#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.current > a > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span,

.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a:hover > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span{
	border: none !important;
	margin-top: 0;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	}
#dnngo_megamenu > div > ul > li > a span{
	height: 45px;
	line-height: 45px;
	}

#dnngo_megamenu > div > ul > li > a > span:after,
#dnngo_megamenu > div > ul > li > a:hover > span:after,
#dnngo_megamenu > div > ul > li.current > a > span:after,
#dnngo_megamenu > div > ul > li.menu_hover > a > span:after{
	display: none !important;
	}


#dnngo_megamenu .dnngo_slide_menu li a:hover,
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
	background: #37b349;
	color:#fff;
	}
#dnngo_megamenu .dnngo_slide_menu li a:hover,
#dnngo_megamenu .dnngo_slide_menu li.menu_hover > a,
#dnngo_megamenu .dnngo_slide_menu li.subcurrent > a {
    background-color: #37b349;
    }
#dnngo_megamenu .dnngo_menuslide{
	top: initial;
	}
.roll_menu.roll_activated {
    background:#048016;
    border-bottom: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.page #header1 .roll_menu.roll_activated .dnn_logo{
	display: none;
	}


/* home nav */

.home #header1 .roll_menu.roll_activated .dnn_logo
{
	display: none;
	}

.home nav,
.home .roll_menu.roll_activated,
.home .roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a > span{
		background: #37b349;
		border-bottom: none;
		}

.home .roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a:hover > span,
.home .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span,
.home .roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span,
.home #dnngo_megamenu > div > ul > li > a:hover > span,
.home #dnngo_megamenu > div > ul > li.menu_hover > a > span,
.home #dnngo_megamenu > div > ul > li.current > a > span,
.home #dnngo_megamenu .dnngo_slide_menu li a:hover,
.home #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
	background: #37b349;
	color: #fff;
	}
#dnngo_megamenu > div > ul > li > a > span{
     background: transparent;
     border: none;}

 .page #dnngo_megamenu > div > ul > li > a > span{
 	background: #37b349;
 	color: #fff;
 	}

.home .roll_menu{
    background: transparent;
}

/* mobile nav */

.switchOpen,
.SwitchClose,
.searchBox2 .search,
.searchBox2 a.search:link,
.searchBox2 a.search:active,
.searchBox2 a.search:visited,
.multi_menu > ul > li.current > a > span,
.multi_menu > ul > li.current:hover > a > span,
.multi_menu > ul > li.active > a > span,
.multi_menu > ul > li:hover > a > span {
    background-color: #005386 !important;
}

.mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover,
.mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next),
.mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover,
.mobile_menu.mm-menu .mm-listview > li.current > em,
.mobile_menu.mm-menu .mm-listview > li.subcurrent > em,
.mobile_menu.mm-menu .mm-listview > li > em:hover,
.mobile_menu.mm-menu .mm-listview > li > .mm-next:hover > em,
.mobile_menu.mm-menu .mm-listview > li.current > .mm-next:after,
.mobile_menu.mm-menu .mm-listview > li.subcurrent > .mm-next:after,
.mobile_menu.mm-menu .mm-listview > li > .mm-next:hover:after {
    color: #005387!important;
}

a.mobilemenu_close:hover,
	a.mobilemenu_close,
	a.mobilemenu_close:link,
	a.mobilemenu_close:active,
	a.mobilemenu_close:visited,
	a.mobilemenu_close:hover{
		color: #37b349;
		background: #fff;
		text-align: center;
	}


	.page a.mobilemenu_close:hover,
	.page a.mobilemenu_close,
	.page a.mobilemenu_close:link,
	.page a.mobilemenu_close:active,
	.page a.mobilemenu_close:visited,
	.page a.mobilemenu_close:hover{
		color:#37b349;
		background: #fff;
		text-align: center;
	}
.page #dnngo_megamenu > div > ul > li.current > a > span{
	background:  #048016;
	}
.mobilemenu_close {
    right: 25px;
    top: 25px;
    margin-top: 0;
    }


/* end main nav */

/* sidebar DDR page submenu */

.ModDDRMenuC ul li a:hover,
.ModDDRMenuC ul li a:active{
	color: #005888;
	}

/* add borders to main nav */

#dnngo_megamenu .primary_structure a span,
#dnngo_megamenu .primary_structure  li.current a span{
	border: 1px solid #fff !important;
	border-bottom: none !important;
	}
#dnngo_megamenu .primary_structure a:hover span,
#dnngo_megamenu .primary_structure  li.current a:hover span,
#dnngo_megamenu .primary_structure  li.menu_hover a span{
	border: 1px solid #ddd !important;
	border-bottom: none !important;
	}
/* but not to main submenu */
#dnngo_megamenu .primary_structure li.current .dnngo_slide_menu a span,
#dnngo_megamenu .primary_structure li .dnngo_slide_menu a span{
	border: none !important;
	}

.home #dnngo_megamenu .primary_structure a span,
.home #dnngo_megamenu .primary_structure a:hover span,
.home #dnngo_megamenu .primary_structure li.current a span,
.home #dnngo_megamenu .primary_structure li.current a:hover span,
.home #dnngo_megamenu .primary_structure li.current .dnngo_slide_menu a span,
.home #dnngo_megamenu .primary_structure li .dnngo_slide_menu a span,
.home #dnngo_megamenu .primary_structure  li.menu_hover a span{
    border: none !important;
}


/* end header styles */

/* body styles */

.phoneHeadTop{
	padding: 0 85px 0 20px;
	}

.page-content{
	min-height: 500px;
	}
/* breadcrumb and page title */

.breadcrumbBox h1 {
    Font-Family: Roboto Condensed;
    Font-Size: 22px;
    Font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    padding: 0;
    display: inline-block;
    }

.breadcrumbborder{
	height: auto;
	padding: 0 20px;
	}
.breadcrumbBox{
	padding: 14px 0 !important;
	z-index: 100;
	background: #005888;
	}
/* end breadcrumbs */

/* ul and ol in content body */
.content_mid ul {
    list-style: outside none disc;
    padding-left: 1.5em;
	margin-left: 0;
	margin-top: 0;
}

.content_mid ol {
	padding-left: 1em;
	}

/* for obfusca8tor */
.contact-email span.label.schema{
    background: #37b349;
    border:none !important;
    color: #fff;
	display: inline-block;
	line-height: 1.8em;
	padding: 0 20px;
	font-size: 13px;
    text-transform: uppercase;
	font-weight: normal !important;
	border-radius: 0;
	}
.contact-email a.ajs{
	color: #fff;
	font-size: 13px;
	padding: 0 !important;
	line-height: 1.8em;
	font-weight: normal !important;
	display: block;
	}

a.ajs:hover,
span.ajs:hover
{
	opacity: .8;
	color: inherit;
	transition: 0;
	}
span.ajs.label[data-c="inline"],
.schema.label[data-c="inline"]{
	font-weight: bold;
	}

/* end obfusc8tor */

/* ********* tables in content */

.table-striped.ccus-table th, .ccus-table th{
	background: #005387 !important;
	color: #fff;
	font-weight: bold;
	}

.ccus-table th{
text-align: center;
	}
/* highlight a table with .early class for early bird pricing */
table.table-striped.ccus-table.early{
	background: #f6faff;
	border: 1px solid #def;
	}
table.table-striped.ccus-table.early > tbody > tr:nth-child(2n+1) > td{
	background: #d6dadf;
	}




/* tables in general */
table{
	width: 100% !important;
	}

table th{
	padding: 3px;
	line-height: 1.1em;
	}
table th p{
	margin: 0;
	}
td small{
	font-style: oblique;
	}

/* end tables in content */
/* end body styles */

/* sidebar styles */

/* all modules */
.sidebar .DnnModule{
	margin-bottom: 1em;
	}
.sidebar .DnnModule h3:first-child{
	text-align: center;
	}

/* DDRMenu module */
.ModDDRMenuC ul li{
	list-style: none;
	}
.content_mid .ModDDRMenuC ul{
	padding: 0 0 0 0;
	}
.ModDDRMenuC ul li a{
	display: block;
	line-height: 2.7em;
	text-align: center;
	color: white;
	background: #005888;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: .5em 0;
	}
.ModDDRMenuC ul li.selected a{
	background: #338bbb;
	}
.module-body{
	background: #f6f6f6;
	padding: .7em;
	}




/* htmlpro contact modules also download forms */

.contact-list{
	text-align: center;
	}
.contact-list-item {
	display: inline-block;
	max-width: 345px;
	margin: .5em;
	vertical-align: top;
	text-align: left;
	}
.sidebar .contact-list-item,
.sidebar .callout{
	margin: .5em 0;
	max-width: 100%;
	}
.contact-list-item,
.callout,
.document-module-body {
    background: #f6f6f6 none repeat scroll 0 0;
    display: inline-block;
    padding: 0.5em;
    width: 100%;
	}
.contact-list-item .contact-image {
   display: inline-block;
   vertical-align: top;
   float: left;
   margin: 0 8px 8px 0;
	}
.contact-list-item .contact-image img{
	max-width: 90px;
	}
.contact-list-item span {
    display: block;
}
.contact-list-item .contact-content {
    display: inline-block;
	padding-left: 10px;
	max-width: 260px;
	}
.contact-name-text{
	color: #005387;
	font-size: 20px;
	}
/* in the committee contact list */

.contact-list .contact-list-item{
	margin: .5em;
	display: inline-block;
	float: none;
	max-width: 338px;
	}
.contact-list .contact-list-item span.contact-name-text{
	color: #62a53c !important;
	}

.contact-list.youngpros span.contact-committee-title{
	width: auto;
	float: none;
	}
.contact-list.youngpros span.contact-company{
	clear: none;
	line-height:  1.2em;
	}
.contact-list.youngpros span.contact-company:before{
	content: '';
	}


/* default mysteryman is too small, so reset the width */
.contact-list.youngpros img[src*="no-image"]{
	width: 90px;
	}



/* informz subscribe form */
.informz-subscribe td{
	padding: 0 .2em;
	}
.informz-subscribe input{
	margin: .3em 0;
	width: 100%;
	font-size: .8em;
	}
.informz-subscribe {
	width: 100% !important;
	}
#informz_subscribe{
	margin-top: .4em;
	cursor: pointer;
	}
#informz_subscribe:hover, #informz_subscribe:focus{
	opacity: .7;
	}


/* sidebar lists special style */

ul.Sidebar_layouts_categories{
	margin: 0 0 20px;
	list-style: none;
	}

.Sidebar_layouts_categories li::before {
    display: inline;
    content: "\f054";
    padding-right: .5em;
    font: normal normal normal 12px/1 FontAwesome;
    color: #963;
}
Sidebar_layouts_categories li,
.Sidebar_layouts_categories li a {
    font-size: 15px;
}


/* end sidebar styles */

/* footer styles */

.Footer_Bottombg {
    background-color: #11112d;
}

.bottom-logo{
	margin: 2em 0;
	text-align: center;
	}

.sb-show-sitemap {
    text-align: right;
}

.sb-show-sitemap span {
    color: #338bbb;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9em;
    padding: 0.3em;
}

.FooterOutPane{
	display: none;
	}
.Footer_Topbg {
    background: #005387;
}
.Footer_Bottombg {
    padding: 20px 0;
}
.copyright_style{
    padding-top: 0;
    text-align: center;
    width: 100%;
}
.copyright_style,
.copyright_style .Normal,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited,
.FooterPane .Normal {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.copyright_style a:hover,
.copyright_style a:focus,
.copyright_style a:active{
	color: #def;
    text-decoration: underline !important;
	}
.footer_mid {
		text-align: center;
	}

.footer-menu{
	text-align: center;
	margin: 0;
	}

.toplevel1 {
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
    width: 99%;
	max-width: 215px;
	text-align: left;
	font-size: .9em;
}

.toplevel1 ul{
	margin-left: 0;
	margin: 1em 0 2em;
	}


.toplevel1 A,
.toplevel1 A:link,
.toplevel1 A:active,
.toplevel1 A:visited,
.toplevel1 A:hover {
    color: #fff;
}


.toplevel1 ul li {
    color: #fff;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: none;
    vertical-align: top;
    width: 100%;
}

.submenu1 .child-ul{
	display: none;
	}


.ContentBottom{
	border: none;
	}




/* Footer - END */


/* all pages */

.dnn_layout {
    width: 95%;
    max-width: 1120px;
    margin: 0 auto;
}

.page #header1{
	/* background-image: url(../../../../../_img.aapg.org/Portals/0/images/superbasins/2020/sb-2019-testimonials-bg.jpg); */

	background: #000b29;
	}
/* .page #header1 .head_mid{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/superbasins/2021/sb-2021-page-header-bg.jpg);
	background-size:cover;
	background-position: right center;
	background-repeat: no-repeat;
	width: calc(100% - 20px);
	} */
.page #header1 .roll_activated .dnn_layout{
	background: transparent;
	}
.page #dnn_content,
.login #dnn_content{
	box-shadow: inset 0 0 3px 5px #f6f6f6;
	min-height: 80vh;
	}

/* end all pages */





/* unique pages */

/* care report */
/*
** this is a tab on AAPG main, which is using this skin.
** these styles should work until AAPG main skin is modified.
** these styles are also common to all(most) microsite skins.
*/

.tab-4853{
}

.tab-4853 .breadcrumbRight,
.tab-4853 .mininav,
.tab-4853 #dnn_ctr23779_ModuleContent,
.tab-4853 .Footer_Topbg,
.tab-4853 .FooterPane,
.tab-4853 .dnn_menu,
.tab-4853 .dnn_logo img,
.tab-4853 .DnnModule-2859,
.tab-4853 .roll_menu.roll_activated,
.tab-4853 .mobilemenu_close,
.tab-4853 .copyright_style a,
.tab-4853 .copyright_style .sep,
.tab-4853 .copyright_style .social-icons{
	display: none;
	}
.tab-4853 .loading{
	height: auto;
	}


/* home page */

.home #dnn_content{
	background: transparent;
	}

.disabled,
.owl-dots{
	display: none;
	}


#fp-carousel{
	border: 1px solid #fff;
	}
.home .contact-list .contact-list-item{
	margin: auto;
	display: initial;
	float: none;
	max-width: none;
	}

.roll_menu.roll_activated #dnn_logotext{
	display: none;
	}
#header1 header .home-menu .row{
	display: flex;
	margin-right: 0;
	}
#header1 header .home-menu .row .col-sm-8{
	background: url(../../../../../_img.aapg.org/Portals/0/images/CCUS/2021/CCUS-2021-website-header-art.png);
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	item-align: stretch;
	}
.home #dnn_dnnLOGO_imgLogo{
	padding-top: 7px;
	}
.header-left{
	float: left;
	margin: 0 0 0 2%;
	}
.header-right{
	float: right;
	margin: 20px 2% 0 0;
	z-index: 300;
	text-align: right;
	}
			.home .header-left{
				display: none;
				}
														.home.is-logged-in .header-left{
															display: block;
															}
			.full_screen_pic .row{
				margin: 0;
				}
.sb-button.reg-now{
	margin: .5em .2em;
	}

a.button.sb-button.reg-now:first-of-type {
    padding: .3em 1.3em;
}
.roll_menu.roll_activated .header-left,
.roll_menu.roll_activated .header-right,
.roll_menu.roll_activated .sb-button{
	display: none;
	}


.logotext{
	padding-top: .3em;
	clear:left;
	}

/* speakers carousel */

.home .carousel-wrapper{
	background: #fff;
	}

.home h2{
	color: #37b349;
	line-height: 1.3em;
	font-size: 30px;
	}
.home .speaker-carousel{
	margin: 0 5px;
	}
.home .sponsor-carousel{
	margin: 0 5px;
	overflow: hidden;
	}
.home #carousel_0 .item{
	text-align: center;
	padding: 0 14px;
	}
.home #carousel_0 .item img{
	border: 1px solid #fff;
	}
.home #carousel_0 .item .contact-name-text{
	color: #fff;
	font-size: 16px;
	display: block;
	}
.home .panel-title h4{
	color: #fff;
	}



/* three boxes */

.three-boxes .animation {
    padding: 20px 30px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    color: #fff;
}
.three-boxes .data,
.item{
	overflow: hidden !important;
	}
.three-boxes h3{
	color: #fff;
	margin-bottom: 1em;
	}
.three-boxes .box-1{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/superbasins/2020/sb-2019-submit-blue.jpg);
	}
.three-boxes .box-1 .sb-button{
	background: #F7941D;
	}
.three-boxes .box-2{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/superbasins/2020/sb-2019-exhibit-orange.jpg);
	}
.three-boxes .box-3{
	background-image: url(../../../../../_img.aapg.org/Portals/0/images/superbasins/2020/sb-2019-sponsor-gray.jpg);
	}




/* current sponsors carousel */

.Full_Screen_PaneF{
text-align: center;
}


.owl-item .sponsoreditemslist{
	display: none;
	}

/* about panel */


.restaurant-list a:link,
.restaurant-list a:visited,
.restaurant-list a:hover,
.restaurant-list a:focus
{
	color: #fff;
	font-weight: bold;
	}


.left ul li{
    margin-left: 1em;
	}

.about-left,
.about-right{
	overflow: hidden !important;
	}

.about-left{
	padding: 4vw 3vw;
	background: #7e8285;
	color: white;
	}


.about-left a,
.about-left a:visited,
.about-left a:hover{
	font-weight: bold;
	}

.about-panel h3{
	color: #fff;
	margin-bottom: 1em;
	}

.about-right{
background-image: url('../../../../../_img.aapg.org/Portals/0/images/superbasins/2019/sugar-land-marriott-venue-lg.97c148ead9.jpg');
background-size: cover;
background-position: center center;
display: none;
padding: 4vw 3vw;
}



/* All Committees */
/*
.committee-panel {
    text-align: center;
}
.committee-panel.themes{
	text-align: left;
	}
.themes .committee-box{
	text-align: center;
	}

.committee-box img {
    display: inline-block;
    margin: 0 0 0.6em;
}

.committee-box {
    background: #fafafa none repeat scroll 0 0;
    display: inline-block;
    margin: .6em;
    padding: 0.6em;
	width: 180px;
	vertical-align: top;
}
.committee-box h6{
	font-size: 15px;
	}

.Normal .committee-box small{
	line-height: 1.1em !important;
	display: inline-block;
	}
.Normal .committee-box small em{
	font-size: 13px;
	color: #999;
	}

	*/





/* end committeees */


/* speakers page  */

.fp-speaker-wrapper h2,
.fp-speaker-wrapper h2 + p{
	text-align: center;
	}

.fp-speaker-wrapper h2 + p{
	font-weight: bold;
	}


/* speakers page accordion */

.accordion_3 .panel-heading .panel-title{
	position: relative;
	padding-top: 6px;
	}

.accordion_3 .panel-heading .panel-title a{
	position: absolute;
	width: 100%;
	height: 100%;
	}
.accordion_3 .panel-heading .panel-title a span{
	margin-top: 0;
	}

.accordion_3 .panel-heading .panel-title img{
	margin-left: 35px;
	margin-top: 0;
	}

.accordion_3 .panel-body{
	padding: 10px 10px 0;
	}

.accordion_3.speakers-sb{
/* container name of  speaker accordion */
}

.accordion_3 .owl-stage
{
	transition-timing-function: linear !important;
}


.speakers-sb img.dnnLeft{
	margin: 5px 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
	width: 60px;
	}
.speakers-sb h5{
	margin-bottom: 0px;
	}
.accordion_3.speakers-sb .panel-heading .panel-title a{
	color: 	#333 !important;
	}

.speakers-sb .panel-title a:hover .accordion_icon{
	background: #005888;
	}
.accordion_3 .panel-title a .accordion_icon{
	background: #005888 !important;
	}
.accordion_3.speakers-sb .panel-body p{
	font-size: .9em;
	line-height: 1.4em;
	}
.accordion_3.speakers-sb .panel-body{
	border-bottom: 1px solid #ccc !important;
	}


.accordion_3 .panel-heading .panel-title a {
    padding: 10px 10px 7px 30px;
    }

.accordion_3 .panel-heading .panel-title a,
.accordion_3 .panel-heading .panel-title p{
	margin: 0;
	line-height: 1.3em;
	}

/* home page show hide speaker list */

.home .accordion_3{
	margin-top: 20px;
	}

.home .accordion_3 .owl-item{
	padding: 5px 15px;

	}

.home .accordion_3 span.accordion_icon,

.home .accordion_3 p:first-of-type,
.home .accordion_3 .panel-collapse{
	display: none !important;
	}

.home .speakers-sb img.dnnLeft{
	margin: 0;
	}


.home .accordion_3 strong{
	font-weight: normal;
	}

.home .accordion_3 .panel-heading .panel-title a {
	padding: 0 10px;
	}


.accordion_3 .panel-heading .panel-title:hover{
background: transparent !important;
}

.home .speakers-sb img.dnnLeft{
	float: none;
	width:180px;
	padding: 0;
	}
.home .sb-button{
	font-weight: bold !important;
	}

.home .accordion_3.speakers-sb .panel-heading{
	border: none;
	}
.home .RowZero_Grid8_Pane .accordion_3.speakers-sb h5,
.home .RowZero_Grid8_Pane .accordion_3.speakers-sb p{
	color: #ddd;
	}
.home .fp-content .r1 .sb-button{
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-size: 22px;
	border: 1px solid white;
	}
.fp-content .r1 .col-sm-8 h2{
	font-size: 3.5vw;
	margin: 10px 0;
	text-align:center;
	line-height: 1.1em;
	color: #fff;
	}

.fp-content .col-sm-4 .twins{
	text-align: center;
	}
.fp-content .r1 .col-sm-4 .twins .sb-button{
	background: #005888;
	color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
	display: inline-block;
	width: 48%;
	line-height: 1.1em;
	padding: .2em 0 .1em;
	font-size: 22px;
	margin: 0 .5% 20px;
	}
.fp-content .air{
	padding: 20px 0 0;
	}
.fp-content .r1 .col-sm-4 .twins .sb-button.twin1{
	background: #37b349;
	}







.home .accordion_3.speakers-sb p{
	font-style: italic;
	font-size: .9em;
	}

.slogan-box{
	text-align: center;
	margin: 20px 0 30px 0;
	}

/* login page */

.login.page .ContentPane{
	min-height: 600px;
	}
.login.page .breadcrumbborder,
.login.page nav,
.login.page .title_bottomborder,
.h2_title_white_area h2,
.login.is-logged-in .login-prompt,
.login.is-logged-in .DnnModule-24584{
	display: none;
	}

.login.page .dnnPrimaryAction,
.login.page .AAPG_AuthFooterLinks a{
	color: white;
	background: #005888 !important;
	}
.login h3{
	color: #005387;
font-size: 24px;
line-height: 30px;
}

.login .dnn_logo{
	position: relative;
	width: 300px;
	height: 104px;
	padding: 0;
	border: 10px solid #005888;
	}
.login .dnn_logo a{
	display: block;
	position:absolute;
	width: 100%;
	height: 100%;
	background: url(../../../../../_superbasins.aapg.org/Portals/39/Images/AAPG-super-basin-2020-Logo-trans.png);
	background-size: cover;
	}
.login .copyright_style{
	display: none;
	}
.DnnModule-26622{
	display: none;
	}
.is-logged-in .DnnModule-26622{
	display: block;
	}
.login .dnn_logo img{
	display: none;
	}


/* end login page */

/* sponsorship opportunitiea. */

.sponsorship-packages h3{
	color: #f6931e;
	}

.price-table .price_holder{
	margin-bottom: 20px;

	}

.price-table .price_holder ul {
    border: none;
    margin-bottom: 0;
}

.price-table .price_holder ul li{
    padding: 12px 6px;
    line-height: 1.2em;
}

.price-table .price {
    font-size: 28px;
}

/* where to stay */

.row.accom div{
	text-align: center;
	}


/* past events */

.tab-5220 .pic_box img{
	margin: 0 auto;
	}
.tab-5220 .photo_box{
	max-width: 500px;
	margin: 0 auto 1em;
	}

/* visa request */

.xmp-VisaRequest{
	background: #f6f6f6;
	padding: .8em;
	}

.xmp-VisaRequest label.xmp-form-label,
.xmp-VisaRequest span.xmp-form-label{
	width: 100% !important;
	max-width: 100% !important;
	font-size: .9em;
	}

.xmp-VisaRequest .dnnFormItem input[type="text"]{
	width: 100% !important;
	font-size: .8em;
	padding: 2px 4px;
	margin-bottom: .5em;
	font-family: inherit;
	box-shadow: none;
	border: 1px solid #ddd;
		}
.login.page .btn-info{
	margin: 1em 0;
	color: black;
	}

span.xmp-validation{
	font-size: .8em;
	position: absolute;
	top: -15px;
	right: 50px;
	color: red;
	}

.request-letter-body {
    border: 1px solid #ddd;
    font-size: 10px;
    padding: 1em;
}

/* end visa request */

/* exhibitor space */


h3 small{
	font-size: .7em;
	font-style: italic;
	display: block;
	}
.price-table2 .price_box{
	font-weight: bold;
	color:  #fff;
	font-size: 1.4em;
	width: 100px;
	padding: 23px 0 !important;
	}
.price_box .sup{
	font-size: .7em;
	}

/* end exhibitor space */

/* sponsorship page */

.categories h2{
	font-size: 1.3em;
	color: #71bf45;
	}

/* end sponsorship page */

/* curreent sponsors */

.sponsor-panel h5{
	font-size: 1.7em;
	}



/* accordion styles for somewhere ??? */
#accordion6 .panel-body a{
	display: block;
	line-height: 47px;
	padding-left: 20px;
	}

#accordion6 .panel-body a:hover,
#accordion6 .panel-body a:focus,
#accordion6 .panel-body a:active{
	background: #f1f1f1;
	}

#accordion6 .panel-body{
	padding: 0;
	}
/* end accordion */





/* ****** sponsor row adjustment current-sponsors page*/
.row.sponsor-row{
	margin-left: 0;
	margin-right: 0;
	}

/* current sponsors */
.photo_box.sponsor h3 a{
	word-break: break-word;
	font-size: 18px;
	}
.photo_box.sponsor h3 a:visited{
	color: #005387;
	}
/* end current sponsors */







/* Field Trips & Short Courses - BEGIN */


#filter {
  text-align: center;
  /*background-color: #333;*/
  padding: 15px;
}

#filter > a, #filter button {
  border: 0;
  background-color: #7A7A7A;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 5px 20px;
  white-space: nowrap;
  display: inline-block;
  margin: 5px;
  border-radius: 0;
}

.content_mid ul.dropdown-menu {
    border-left: 0;
    list-style: outside none none;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
#psots div.post{
	display: inline-block;
	vertical-align: top;
	float: none !important;
	}
#posts a, #posts img {
	display: block;
}

#posts div.meta {
	display: none;
}

#filter a.active { background-color: #005387;  color: #fff; }

#filter a:hover { color: #fff; }

#filter a:focus { outline: 0; }

.post {
	min-height: 270px;
}

.post-content p {
    margin: 0 0 0px;
    line-height: 1.5em;
}


.post-content p span,
.post-content h3 a {
	display: inline-block !important;
}
.photo_box .pic_box{
	text-align: center;
	padding-bottom: .6em;
	}

.box_border_padding {
    padding: 5px !important;
}

.events-panel .subtitle{
	color: #aaaaaa;
    display: block;
    font-size: 0.8em;
    font-style: italic;
}




/* Field Trips & Short Courses - END */



/* unknown

.ModPackFlashPublishListC h5,
.col-sm-3 h5,
.col-sm-4 h5,
.col-sm-9 h5,
.col-sm-8 h5,
.col-sm-7 h5,
.col-sm-5 h5 {
    clear: both;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 26px;
    margin: 30px 0 10px;
    width: 100%;
}

.profile-button.dnnSecondaryAction,
.email-button.dnnSecondaryAction{
    background: #61a63a none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #fff;
    font-size: 12px;
    font-weight: 300 !important;
    margin: 0;
    padding: 2px 0;
    text-transform: uppercase;

}
 end unknown */


/* front page blocks styles */

@font-face {
	font-family: 'AAPGglyphicon';
	/*src:url('_//ace.aapg.org/Portals/_default/skins/ace2015new/fonts/AAPGglyphicon.248c9120ca.eot');*/
	src:url('../../../../../Portals/_default/Skins/CCUSVideo/cssfonts/AAPGglyphicon.248c9120ca.eot');
	src:url('../../../../../Portals/_default/Skins/CCUSVideo/cssfonts/AAPGglyphicon.eot_#iefix8ykb7v') format('embedded-opentype'),
		url('../../../../../_ace.aapg.org/Portals/_default/skins/ace2015new/fonts/AAPGglyphicon.248c9120ca.woff') format('woff'),
		url('../../../../../Portals/_default/Skins/CCUSVideo/cssfonts/AAPGglyphicon.248c9120ca.ttf') format('truetype'),
		url('../../../../../Portals/_default/Skins/CCUSVideo/cssfonts/AAPGglyphicon.248c9120ca.svg#AAPGglyphicon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.AAPGglyphicon {
	font-family: 'AAPGglyphicon';
	speak: none;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.Serve_Icon.AAPGglyphicon {
	font-size: 36px !important;
}

.glyphicon-abstract:before {
	content: "\e600";
}
.glyphicon-exhibit:before {
	content: "\e601";
}
.glyphicon-housing:before {
	content: "\e602";
}
.glyphicon-register:before {
	content: "\e603";
}
.glyphicon-sponsor:before {
	content: "\e604";
}

.ServeList_5 .Serve_Icon {
    height: 80px;
    line-height: 80px;
    width: 80px;
}
.ServeList_5 .Serve_Icon span{
	background-color: #005387;
}
.ServeList_5 .ServeBox {
    border: 1px solid #d8dbdb;
    border-radius: 5px;
    margin: 35px 1px 0;
    padding: 0 10px 10px;
    text-align: center;
}
.ServeBox .btn{
	margin-top: .3em;
	}
.Serve_Icon.AAPGglyphicon {
    font-size: 36px;
}
.sponsor-carousel-header{
	background:#005888;
	color: white;
	text-align: center;
	margin: 1em 0;
	}

	/* front page carousel */

/* hide the levels */
 .carousel_5 .photo_box h3{
	display: none;
		}
 .carousel_5 .photo_box .pic_box{
 	border: none;
 	}

 .home .speakers-sb.carousel{
    max-height: 275px;
	}

 /* front page speaker carousel */
a.Button_white:hover,
.ServeList_2 .Serve_Icon span,
.ServeList_3 .Serve_Icon span,
.ServeList_3 .ServeBox:hover .Serve_Icon,
.ServeList_4 .ServeBox:hover .Serve_Icon,
.ServeList_5 .Serve_Icon, .sequence_list .Ico,
.price-table2 .price_title,
.price-table2 .price_box {
    background-color: #5d295a;
}


/* fromt page fader carousel 2020 */

/* bootstrap slider fade effect */

#fp-carousel.carousel-fade .item {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
}
#fp-carousel.carousel-fade .active.left,
#fp-carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
#fp-carousel.carousel-fade .next,
#fp-carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}




/* end carousel fade */


#carousel_f{
	border: 1px solid #fff;
	background: #000;
	margin-bottom: 1em;
	}

/* front page speaker company carousel */
.speaker-companies{
	padding: 15px 0;
	}
.speaker-companies h2{
	text-align: center;
	}



/* presentations and sponsor carousel */

.SuperTopOut{
/* 	padding-top: 30px; */
	}

.Mian_Box{
	background: #d1d2d4;
	}

/* program, and flyer and sponsors */

.program-flyer{
	text-align: center;
	}
.program-flyer .button{
	width: 100%;
	text-transform: uppercase;
	font-size: 30px;
	border: 1px solid #fff;
	}

.sponsors-panel{
	background: #fff;
	margin: 0 0 20px;
	}
.sponsors-panel h4{
	font-size: 25px;
	padding: 30px 0 0 0;
	text-align: center;
	}
.sponsors-panel .photo_box{
	margin: 0;
	}

/* flip cards */

.flip_box_3 .front,
.flip_box_3 .back{
padding: 0;
margin: 0 0 1.5em;
background: transparent;
}
.flip_box_3 .front img{
	border: 1px solid #fff;
	}






/* typography */


h1,h2,h3,h4,h5,h6{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
	}
h1, h1 a:link{
    color: #62a53c;
    font-size: 28px;
    line-height: 36px;
	margin: 20px 0 10px;
}

h2, h2 a:link {
    color: #005387;
    font-size: 24px;
    line-height: 30px;
}

h3, h3 a:link, h3 a {
    color: #005387;
    font-size: 20px;
    line-height: 24px;
	margin: 20px 0 5px;
}

h4 {
    color: #005387;
    font-size: 18px;
    line-height: 22px;
}

h5 {
    color: #005387;
    font-size: 16px;
    line-height: 20px;
}

h6, .h6 {
    color: #61a63a;
    font-size: 18px;
	font-weight: normal;
    line-height: 1.3em;
	margin-bottom: .5em;
}

A, A:link, A:active, A:visited, A:hover, .Link_list li {
}


#Body, html, body, .Head, .SubHead, .SubSubHead, .Normal, .Login a, .Login a:link, .Login a:active, .Login a:visited{
	line-height: 1.3em;
	}



a:focus,
a:active,
a:hover{
	text-decoration: none !important;
	outline: none !important;
	}
/* anchors in content */

.page-content a,
.page-content a:link,
.page-content a:active,
.page-content a:visited,
.page-content a:hover{
	font-weight: bold;
	}
ol{
	margin-top: 0;
	}
p{
	margin: 0 0 .7em;
	}

/*
** h5 section titles for the sponsors list.
** iMIS returns an empty <h5 class="EVENTCODE_LEVEL"> where LEVEL can be any of the following.
** example: <h5 class="CIE17LO_DIAMOND"> </h5>
** To add the proper content, use the following code.
 */


h5[class*="DIAMOND"]:after,
h5[class*="Diamond"]:after{
	content: "Diamond";
	}
h5[class*="TITANIUM"]:after,
h5[class*="Titanium"]:after{
	content: "Titanium";
	}
h5[class*="PLATINUM"]:after,
h5[class*="Platinum"]:after{
	content: "Platinum";
	}
h5[class*="GOLD"]:after,
h5[class*="Gold"]:after{
	content: "Gold";
	}
h5[class*="SILVER"]:after,
h5[class*="Silver"]:after{
	content: "Silver";
	}
h5[class*="BRONZE"]:after,
h5[class*="Bronze"]:after{
	content: "Bronze";
	}
h5[class*="PATRON"]:after,
h5[class*="Patron"]:after{
	content: "Patron";
	}
h5[class*="MEDIA"]:after,
h5[class*="Media"]:after{
	content: "Media/Supporting";
	}



/* program page  */
		/* hide controls and prop open the program  2021*/
		a[id*="expand-"],
		a[id*="collapse-"],
		.Divider .collapser{
			visibility: hidden !important;
		}
		.abstract.hasbuttons{
			display: block !important;
			}

		.program-listing .program-listing-item{
				display: block !important;
		} */
		/* end 2021 */

.summary .hasbuttons .collapser,
span#showhideabstracts,
a[id*="collapse-"]{
    	visibility: hidden;
}


.program-listing{
	font-size: 90%;
	}

.program-listing-item.Session .summary p{
	font-size: 90% !important;
	}
.program-listing-item.Session .summary p:nth-of-type(2){
	font-size: 70% !important;
	line-height: 1.5em;
	}
.program-listing-item.Break .summary span{
	text-transform: none;
	}

.program-listing-item{
	border: 1px solid #eee;
	}
.program-listing-item.Program.Divider{
	border: none !important;

	}
.program-listing-item.Program.Divider .summary p {
	color: #005387;
	}

.program-listing-item.Session div,
.program-listing-item.Session{
	text-align: center;
	background: #efe;
	}

.program-listing-item .time.Hide.time + .text,
.program-listing-item .time.New + .text,
.program-listing-item .time + .text{
	max-width: 100%;
	}

.abstract-text {
    max-height: 30vh;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 15px;
}

.program-listing .program-listing-item .text.hasvideo{
	width: 100% !important;
	}

.video.dnnRight{
	float: none;
	}
.video.dnnRight img{
	margin-top: 8px;
	}
/* override to hide times in program */


.program-listing-item .time.Hide.time + .text,
.program-listing-item .time.New + .text,
.program-listing-item .time + .text{
	width: 100%;
	}
/* end hide times */

/* end 2020 only */



.popover {
    background-clip: padding-box;
    background-color: #ddd;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    display: none;
    left: 0;
    max-width: 600px !important;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 0;
    white-space: normal;
    z-index: 1060;
}

.popover-content {
    font-size: 14px;
    line-height: 1.4;


background-color: #ddd;
}

.popover-title {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 8px 14px;
    background-color: #7A7A7A;
	color: #fff;
}
.popover.top > .arrow:after {
    border-top-color: #ddd;
}


a.popovers {
	border-bottom: thin dotted;
	margin-bottom: 5px;
}
a.popovers:hover {
	text-decoration: none;
}

div.popovers {
    display: inline-block;
}

div.popovers:after {
	content: " . . . ";
	/*border-bottom: thin dotted;
	margin-bottom: 5px;*/

    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

	   border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 0px 5px;

    background-color: #eee;
    border-color: #ccc;
    color: #333;
	margin-left: 5px;
}
div.popovers:hover {
	text-decoration: none;
}

.accordion_3 .panel-title a .accordion_icon:before {
	color: #fff !important;
}
.accordion_3 .panel-title:hover{
	background: #f6f6f6;
	}






a.Buttom_white:hover,
.ServeList_2 .Serve_Icon span,
.ServeList_3 .Serve_Icon span,
.ServeList_3 .ServeBox:hover .Serve_Icon,
.ServeList_4 .ServeBox:hover .Serve_Icon,
.ServeList_5 .Serve_Icon, .sequence_list .Ico,
.price-table2 .price_title,
.price-table2 .price_box {
    background-color: #005387;
}

.btn-primary{
    background-color: #005387;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
 .open > .dropdown-toggle.btn-primary {
    background-color: #2275a9;
    border-color: #285e8e;
    color: #fff;
}




/*************************************** CKS */
/* Added to place overlaid Sold Out flags above hero banners */
.image-overlay {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 1; /* had to explicitly set z-index > 0 */
}
.image-overlay.NewNew { /* There is an error in the markup for some reason: the "new" class gets added as "NewNew" rather than "New New" as it does on aapg.org.
						    Not sure why there are two instances of "New" in the first place, but that's a separate issue -- cks */
  background: url("../../../../../_img.aapg.org/Portals/0/images/_icons/new-overlay.png");
}
.image-overlay.Sold.Out {
  background: url("../../../../../_img.aapg.org/Portals/0/images/_icons/event-soldout.png");
}
.image-overlay.Cancelled {
  background: url("../../../../../_img.aapg.org/Portals/0/images/_icons/event-cancelled.png");
}


/* ------------------------------------------------------------  responsive media queries ---------------------------------------- */

/* sidebar must resize larger than 768 */
.col-sm-4 {
    width: auto;
}




/* bootstrap sm breakpoint */
@media (min-width: 576px){

	.home .fp-speaker-list{
	column-count: 2;
	}
    .fp-speaker-list{
	column-count: 1;
	}

.program-listing .program-listing-item .time + .text.hasvideo{
	width: calc(100% - 110px) !important;
	}
.program-listing .program-listing-item .text.hasvideo .abstract-text{
	margin-right: -110px;
	}
.video.dnnRight{
	float: right;
	}
.video.dnnRight img{
	margin-top: 0px;
	}
/* end 576 */}



@media only screen and (max-width: 767px){

.phoneHeadTop{
	background: transparent;
	}

/* end 767*/	}

/* bootstrap md breakpoint */
@media (min-width: 768px){





.home .fp-content .r1 .sb-button{
	display: block;
	}

.slogan-box{
	text-align: center;
	margin: 20px 0 30px 0;
	}

.fp-content .col-sm-4 .twins a {
    font-size: 13px;
}


/* speakers page */

.tab-296 .speakers-sb{
	column-count: 2;
	column-gap: 20px;
	}
.tab-296 .speakers-sb .panel-title a,
.tab-296 .speakers-sb .panel-default{
	page-break-inside: avoid;
	break-inside: avoid-column;
	}


.col-sm-4 {
    width: 33.33333333%;
}

	.committee-box {
		width: 220px;
	}


	.phoneHeadTop a {
		display: none;
		position: absolute;
	right: 0;
	}

	#header5{
		padding-top: 45px;
	}

	.about-left, .about-right {
    width: 50%;
	}

	.three-boxes .box-1, .three-boxes .box-2, .three-boxes .box-3 {
    width: 33.3333%;
	}
	.three-boxes {
    display: flex;
	}

	.about-right {
    	float: right;
   		display: block;
		}
	.about-left{
		float: left;
		}


	.about-left, .about-right {
   	 	width: 50%;
	}

]
	#dnngo_megamenu > div > ul > li > a > span {
		padding: 0 12px;
		}






/* end 768 */ }

@media (min-width: 768px) and (max-width: 992px) {
	#top_menu > div > ul > li > a > span,
	#Mega_menu > div > ul > li > a > span {
		padding:8px 11px;
	}
		#roll_menu > div > ul > li > a > span{
		padding:0 12px;
	}


/* end 768 < 992 */ }


/* header breaks at 845 in 2021  */

@media (min-width: 845px){

	.page .roll_menu .head_mid {
		background-size: 316px;
		background-position: 335px 25px;
	}

/* end larger than 845 for 2021 */ }


/* bootstrap lg breakpoint */
@media (min-width: 992px){

	.home .fp-speaker-list{
	column-count: 3;
	}
	.fp-speaker-list{
	column-count: 2;
	}
	.program-listing .program-listing-item.Paper .time + .text,
	.program-listing .program-listing-item.Address .time + .text,
	.program-listing .program-listing-item.Break .time + .text{
	max-width: calc(100% - 150px);
	}

	.program-listing .program-listing-item.Paper .time + .text.hasvideo {
    max-width: calc(100% - 260px);
}


/* end 992 */ }




@media (max-width: 1024px){
.table-responsive{
	overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
	}



/* end smaller than 1024 */ }



/* between tablet and desktop */

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


.program-flyer .button {
    width: 100%;
    text-transform: uppercase;
    font-size: 2.4vw;
    }
.home .fp-content .r1 .sb-button{
	font-size: 1.9vw;
	}



/* end 768 to 1200 */ }



/* bootstrap xl breakpoint */
@media only screen  and (min-width : 1200px) {


		.logo-text h2{
			font-size: 1.7vw;
		}
    .fp-content .r1 .col-sm-8 h2{
    	font-size: 42px;
    	}

	.footer-menu-wrapper {
		width: 100%;
		text-align: center;

	}



	.footer_mid {
		text-align: center;
	}

	.copyright_style {
		float: none;
	}

	.roll_menu.roll_activated .dnn_logo {
		margin: 0;
	}



	#dnngo_megamenu > div > ul > li > a > span {
		display: block;
		font-size: 14px;
		line-height: 45px;
		padding: 0 24px;
		text-transform: uppercase;
	}

/* end 1200 */}



.preview-mode{
	position: fixed;
	bottom: 0px;
	left: 0;
	display: block;
	line-height: 2em;
	text-align: center;
	background: red;
	color: black;
	width: 100%;
	z-index: 10000;
	}
.dnnEditState .preview-mode{
	bottom: 85px;
	}
.preview-mode.All{
	display: none;
	}


/* end */