
/* CSS Rules */

.events-page table td { border: none }

.banner-region img {
    max-width:100%;
    height:auto;
}

/* Event Styles _________________________________________________________________________________________ */

.main-content article h3 {
	margin-bottom: 25px; 
    /* padding: 10px 14px; */
	font-size: 20px; 
    font-size: 2.0rem; 
    /* color: #FFFFFF;  */
    line-height: 1;
	/* background: rgba(255,255,255,0.1); */
}

.main-content article * + h3 {
	margin-top: 1.5em;
}

.lo-event aside	{
	float: left; width: 220px; margin-left: 0;
}

.lo-event article {
	float: none; width: 700px; margin-left: 240px;
}

table,
thead, tfoot, tbody,
tr, th, td {
	padding: 0; margin: 0; border: 0;
}

table {
	width: 100%;
	border-collapse: collapse; border-spacing: 0;
}
	table td {
		border: 10px 0;
	}

.widget .widget-content {
	height: auto;
}

.menu,
.event-page-list,
.event-page-list li,
.event-page-list li a {
	display: block; padding: 0; margin: 0; border: 0;
}

.event-page-list li a {
	display: block; 
	padding: 1em 20px;
	color: #FFFFFF;
	text-decoration: none;
	background: #000000 url('/getfile/website_design/icn-readMore.png') no-repeat calc(100% - 10px) center;
	border-bottom: 5px solid #333333;
	font-weight: 600;
}


	
@media screen and (max-width: 1380px) {
    article {
        width:calc(100% - 20px);
        padding-left:10px;
        padding-right:10px;
        float:none;
        margin-left:0;
    }
        
    aside {
        width:100%;
        float:none;
        margin-top:20px;
    }

    .main-content {
        display:flex;
        flex-direction:column;
    }

        .main-content > article {
            order: 1;
        }

        .main-content > aside {
            order: 2;
        }
}

/* Speaker Styles _______________________________________________________________________________________ */
/*
.person-list,
.person-list .perosn-name,
.person-list .person-content,
.person-list .person-content img,
.person-list .person-content p {
	display: block; padding: 0; margin: 0; border: 0;
}

.person-list .person-name {
	padding: 10px 10px 10px 35px; margin-bottom: 5px;
	background: #D0D0D0 url('../../data/website_design/icn-readMore.png') no-repeat 10px 10px;
	background-size: 15px 14px;
	cursor: pointer;
	color: #333;
}
	.person-list .person-name.selected {
		background: #D0D0D0 url('../../data/website_design/icn-expanded.png') no-repeat 10px 10px;
		background-size: 14px 15px;
	}

.person-list .person-content {
	display: none; padding: 20px 0;
	overflow: auto;
}
	.person-list .person-content img {
		float: left; padding: 0 10px 10px 0;
	}
	.person-list .person-content p {
		padding-bottom: 10px;
	}
		.person-list .person-content p:first-child {
			padding-bottom: 0;
		}

.person-content ul { margin-bottom: 2em; }
.person-content li { background: none; color: #eee; list-style: disc; margin-left: 24px; padding-left: 0; padding: 0; margin-bottom:1em;  }
*/





/* Registration Styles __________________________________________________________________________________ */
/*
form {
	display: block; padding: 0; margin: 0; border: 0;
}

form fieldset {
	padding: 12px; margin-bottom: 12px; border: 1px solid #CBCBCB;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: auto;
}

form legend {
	padding-left: 6px; padding-right: 6px;
	font-size: 0.9em; color: #FF3333; font-weight: bold;
}

form div {
	clear: both; padding: 3px 0;
	overflow: auto;
}

form label {
	clear: both; float: left; width: 150px;
}

form input, form select, form textarea {
	float: left; width: 300px; margin-right: 10px;
}
	form input[type="submit"] {
		margin: 0;
	}

form p {
	clear: both;
}

.required {
	font-size: 0.8em; color: #CBCBCB; font-style: italic;
}

.fm-field-error {
	color: #000000;
	background: #C99;
}

.fm-submit {
	padding: 10px 20px; margin: 0; border: 0;
	color: #FFFFFF; font-weight: bold;
	background: #FF3333;
}
*/



        
    /* Events styles
    ----------------------------------------------------*/

    /*Single event*/
    /*
    .events-page .banner-region {
        display:none;}

    .events-page .other-events{
        display:none;}

    .events-page .main-content article h3{
        background:none;
        margin-top: 120px;}
        
    .events-page .event-page-list{
        display:block;
        width:100%;}
        
    
    .events-page .menu{
        position:absolute;
        bottom: -70px;
        width:100%;}	
        
        .events-page .menu, .event-page-list, .event-page-list li {
            width:100%;
        }		
        
				.events-page .event-page-list li a {
					background: #000000 url('/getfile/website_design/icn-readMore.png') no-repeat scroll 80% center;}	
            
        
    .events-page div p{
        padding-left:5px;
        padding-right:5px}	
        
    .events-page div h4{
        padding-left:5px}

    .events-page .register{
        margin-top:20px;}

*/    


    /*Registration*/
    .multiple-events .banner-region {
        display:none;}

    .multiple-events .other-events{
        display:none;}

    .multiple-events .main-content article h3{
        background:none;
        margin-top: 120px;}
        
        .multiple-events .event-page-list{
            display:block;
            width:100%;}
        
    .multiple-events .menu{
        position:absolute;
        bottom: -70px;
        width:100%;}	
        
        .multiple-events .menu, .event-page-list, .event-page-list li {
					width: 100%;
        }		
        
            .multiple-events .event-page-list li a {
                background: #000000 url(/getfile/website_design/icn-readMore.png) no-repeat scroll 80% center;}	
                
        
    .multiple-events div p{
        padding-left:5px;
        padding-right:5px}	
        
    .multiple-events div h4{
        padding-left:5px}

    .multiple-events .register{
        margin-top:20px;}	
        
        

.multiple-events form input, .multiple-events form select,  .multiple-events form textarea {
        padding: 5px 0;
        width: 99%;}
        
        
    .multiple-events form label {
        clear: both;
        float: left;
        font-size: 16px;
        padding-bottom: 6px;
        width: 115px;}
        
        

	
/* Event-specific form styles
   ----------------------------------------------------*/

		
		
/* Multimedia styles
   ----------------------------------------------------*/
	iframe{width:100%;}
	




/* New 2023  */

.event-info-block {
    display: block;
    margin-bottom: 1em;
}

    .event-info-block__title {
        display: inline-block;
        padding: 10px 0 5px 0;
        margin-bottom: 0.5em;
        /* color: #222; */
        /* background: #D0D0D0; */
        border-bottom: 2px solid #D0D0D0;
    }

    .event-info-block__info + .event-info-block__info {
        margin-top: 0.25em;
    }

    .event-info-block__info + .event-info-block__title {
        margin-top: 0;
    }


    
		
/* Speaker list
   ----------------------------------------------------*/

   .speaker-list {
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    
    list-style: none; 
    background: none;
  }
  
  .speaker {
    list-style: none; 
    background: none;
    margin: 0;
    padding: 0;
  }
  
  @media screen and (min-width: 512px){
    .speaker-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1em;
    }
  }
  
  @media screen and (min-width: 720px){
    .speaker-list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 1em;
    }
  }
      
  
  .speaker {
    margin: 0;
    padding: 0;
  }
  
  .speaker__link {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;  
    align-items: center;
    text-align: center;
  }
  .speaker__name,
  .speaker__image {
    display: block;
  }
  
  .speaker__name {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    color: white;
  }
  
  .speaker__image {
  
  }
  
  
  