@charset "UTF-8";
/* CSS Document Last updated June 2, 2026 ZA*/


/*HTML TAG REDFINES*/

small, .small {
  font-size: 11pt;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-bottom: .625rem;
  display: block;
  width: 100%; 
  line-height:1.5!important;
}

h1 {
	color: #0073B4;
  font-size: clamp(18pt, 2vw, 28pt)!important;
}

h2 {
	color: #0073B4;
  font-size: clamp(18pt, 1.5vw, 26pt)!important;
}
h3 {
	color: #0073B4;
  font-size: clamp(16pt, 1.2vw, 23pt)!important;
}
h4 {
	color: #0073B4;
  font-size: clamp(14pt, 1vw, 19pt)!important;
}
h5 {
	color: #A2212A;
  font-size: clamp(13pt, .9vw, 15pt)!important;
}
h6 {
	color: #A2212A;
  font-size: clamp(12pt, .8vw, 13pt)!important;
}

a {
  text-decoration: none !important;
  border-bottom: none !important;
}

hr {
  display: block;
  clear: both;
  border: none;
  height: 1px;
  background: #8E8C91;
  margin: 0;
  padding: 0;
}
/*COMMON ARTICLE CSS*/
.clr {
  clear: both;
}
.blue_bold {
  color: #0073B4;
  font-weight: 600;
}
.red_bold {
  color: #DC2029;
  font-weight: 600;
}
/*CSS Button*/
.button {
  appearance: none;
  background-color: #0073B4;
  border-radius: 15px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 13pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 12pt;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.button:disabled {
  pointer-events: none;
}

.button:hover {
  background-color: #DC2029;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.button:active {
  box-shadow: none;
  transform: translateY(0);
}


.subbutton {
  appearance: none;
  background-color: transparent;
  border: 2px solid #0073B4;
  border-bottom: 2px solid #0073B4!important;
  border-radius: 15px;
  box-sizing: border-box;
  color: #0073B4!important;
  cursor: pointer;
  display: inline-block;
  font-size: 13pt;
  font-weight: 600;
  line-height: 12pt;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.subbutton:disabled {
  pointer-events: none;
}

.subbutton:hover {
  color: #DC2029;
  background-color: #bebebe;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.subbutton:active {
  box-shadow: none;
  transform: translateY(0);
}


/* Image Wrap Styles */
img.img_left {
  float: left;
  margin-right: 10px;
}
img.img_right {
  float: right;
  margin-left: 10px;
}
img.img_center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media only screen and (max-width: 400px) {
	img.img_left {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
img.img_right {
  margin-left: auto;
  margin-right: auto;
 float: none;
  display: block;
}
	
}

/* LISTS DIVIDED INTO 4 PERFECTLY EVEN COLUMNS  */
#cols4 {
  -webkit-column-count: 4;
  /* Chrome, Safari, Opera */
  -moz-column-count: 4;
  /* Firefox */
  column-count: 4;
}
@media only screen and (max-width: 767px) {
  #cols4 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  #cols4 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media only screen and (max-width: 479px) {
  #cols4 {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
  }
}


/* BOXES FOR SPEAKER PAGE */
 .speaker-container {
      display: flex;
      flex-wrap: wrap;
      margin-bottom:15px;
    }

 .speaker-container h3 {
    clear:both;
    }

.speakers {
  flex: 0 0 190px; 
  align-items: stretch;
  display:inline-block;
  border: 1px #e1e1e1 solid;
  margin: 0px;
  vertical-align: top;
  position: relative;
  padding-bottom:40px;
}


@media only screen and (max-width: 400px) {
	.speakers {
  flex: 0 0 145px; 
	}
}

.speakers h4 {
  margin: 15px 5px 10px 5px;
  font-size: 11.5pt!important;
}
.speakers p {
  margin: 2px 5px;
  font-size: 11pt;
}

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

.speakers:hover {background:#E3E8E8;cursor:pointer;}

.speakers:hover img {opacity: 0.8;}


  .speakers::after {
    content: "READ BIO";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color:#231F20;
    background-color: #e1e1e1;
    padding: 3px 0px;
  }




/*  COLUMN SETUP  */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  width: 96%;
  float: left;
  margin: 0.5rem 2%;
}
@media only screen and (min-width: 45em) {
  /* 720px */
  .col-1 {
    width: 4.33%;
  }
  .col-2 {
    width: 12.66%;
  }
  .col-3 {
    width: 21%;
  }
  .col-4 {
    width: 29.33%;
  }
  .col-5 {
    width: 37.66%;
  }
  .col-6 {
    width: 46%;
  }
  .col-7 {
    width: 54.33%;
  }
  .col-8 {
    width: 62.66%;
  }
  .col-9 {
    width: 71%;
  }
  .col-10 {
    width: 79.33%;
  }
  .col-11 {
    width: 87.66%;
  }
  .col-12 {
    width: 96%;
  }
}
/*RESPONSIVE MAP */
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}



	
/* current sponsors page */
		
		#sponsors {padding: 10px; min-height:400px;text-align: center; max-width:1024px;margin:auto}
	

    #sponsors h3:not(:first-of-type) {margin-top:20px}
		
		#sponsors > a, #sponsors .col-6 > a {background: #FFFFFF; text-align: center; display: inline-block; height:110px; width:150px;padding:10px; line-height: 90px;vertical-align: middle;margin:5px}
		
		#sponsors a > img {max-width:130px; max-height:90px; margin:auto;}
		
		
@media only screen and (max-width: 720px) {
			
	#sponsors > a {height:80px; width:140px;padding:10px;}
		
	#sponsors a > img {max-width:120px; max-height:60px;}
	
}


	

.contactContainer {

	max-width:90%;
	margin:10px auto;
	background:#F3F3F2;
	border:1px solid #607385;
	font-size:11pt;

	}

	

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

	  .contactContainer {

	  max-width:100%;  

	  }

	}

	

.contactContainer h4 {

  text-align:center;
  font-size:22pt;
color:#0073B4!important;	
	clear:both;

}

	

.contactContainer a {
	color:#000000!important;
	border-bottom:none!important;

}


.contactContainer img {
  max-width:100px!important;
  float:left;
  margin:5px 5px 20px 5px;

}	




/* Agenda contents */


.sessionrow {
    display: table-row;
    table-layout: fixed;
    width: 99%; 
    margin:25px auto 5px auto;
    font-size:1.1em;

}

.sessionrow:nth-of-type(even) {
    background:#F3F3F2;

}


.clickable:hover {background:#f2fdff!important;
 cursor:pointer;
  }

.sessionrow div {
    display: table-cell;
    text-align:left;
    padding:1%;
}

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

.sessionrow div {
    display: block;
    text-align:center;
    width:100%;
}

#head {display: none;}

}


@media only screen and (min-width: 600px){

.sessionrow div:nth-child(1) {
  width:8%;
padding-right:1%
}

.sessionrow div:nth-child(2) {
  width:49%;
padding-right:1%;
}

.sessionrow div:nth-child(3) {
  width:40%;
padding-right:1%;
    text-align:left;
}


}


.sessionrow div:nth-child(1) {
  font-size:11.5pt;
}



.sessionrow div:nth-child(2) {
  font-size:13pt;
}

.sessionrow div:nth-child(3) {
  font-size:11pt;
}


.sessionrow div:nth-child(3) img {
width:98%;
height:auto;  
max-width:150px; 
max-height:100px;
}

.sessionrow div:nth-child(2) span {
display: block;
font-weight:300;
}

.sessionrow div:nth-child(3) span {
display: block;
font-weight:600;
}

.sessionrow div:nth-child(3) span:not(:first-of-type) {
margin-top:10px;
}

#head {
  margin-top:5px;
  cursor: arrow !important;
}

#head div {
  background: #231F20;
  font-size:14pt;
  font-weight:bold;
  color: #fff !important;
}



#head small {font-size:9.5pt;
	font-weight:normal;
	line-height:9pt!important;}



/* This is the page wide gray background. */
.modalBackground{
	display: none;
	z-index: 99999; 
	width: 100%; 
	height: 100%; 
	position: fixed; 
	top: 0; 
	left: 0;
	background-color: rgba(48,48,48, 0.8);
	overflow: scroll;
	text-align: center;
}



/* This contains all the modal content. */
.modalContent{
	margin: 0px auto 40px auto;
	padding: 2%;
	max-width: 1170px;
	text-align: left;
	z-index: 9999;
	background-color: #ffffff;
	overflow: hidden;
	animation: modalZoomIn .25s;
}
@media only screen and (max-width: 700px){
    .modalContent{
        max-width: 90%;
    }
}

.modalContent h5 {
margin-top:25px;
font-weight:300;
}

.modalContent .img_left {
max-width:150px;
}


#speakerhead {display:none}


/* This is the close icon. */
.modalClose{
	margin: 5rem auto .5rem auto;
	padding: 5px 2px;
	width: 30px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.0;
	color: #ffffff;
	background-color: #000000;
	border: 1px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	z-index:99999;
}

.modalClose:hover{
	background-color: #ffffff;
	color: #000000;
}



/* To open the modal with a zoom-in effect, add "animation: modalZoomIn .25s;" to the "modalContent" class. */
@keyframes modalZoomIn{
	from{
		transform: scale(0.75);
	}
	to{
		transform: scale(1.0);
	}
}



/* To open the modal with a fade-in effect, add "animation: modalFadeIn .25s;" to the "modalContent" class. */
@keyframes modalFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}



.halfWidthDiv{

	display: inline-block;
	padding: 7px;
	width:49%;
}

@media screen and (max-width: 768px){
.halfWidthDiv{

	display: block;
	width:100%;
}
}


.thirdWidthDiv{

	width: 31%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	overflow: hidden;

}

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

	.thirdWidthDiv{
		width: 95%;
		display: block;
		margin: 15px auto 40px auto;

	}

}

.mobile-only{
	display: none;
}
@media screen and (max-width: 700px){
	.mobile-only{
		display: block;
    }
}
@charset "UTF-8";
/* CSS Document Last updated March 27, 2025 JN*/


/*HTML TAG REDFINES*/

small, .small {
  font-size: 11pt;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-bottom: .625rem;
  display: block;
  width: 100%; 
  line-height:1.5!important;
}

h1 {
	color: #0073B4;
  font-size: clamp(18pt, 2vw, 28pt)!important;
}

h2 {
	color: #0073B4;
  font-size: clamp(18pt, 1.5vw, 26pt)!important;
}
h3 {
	color: #0073B4;
  font-size: clamp(16pt, 1.2vw, 23pt)!important;
}
h4 {
	color: #0073B4;
  font-size: clamp(14pt, 1vw, 19pt)!important;
}
h5 {
	color: #607385;
  font-size: clamp(13pt, .9vw, 15pt)!important;
}
h6 {
	color: #607385;
  font-size: clamp(12pt, .8vw, 13pt)!important;
}

a {
  text-decoration: none !important;
  border-bottom: none !important;
}

hr {
  display: block;
  clear: both;
  border: none;
  height: 1px;
  background: #8E8C91;
  margin: 0;
  padding: 0;
}
/*COMMON ARTICLE CSS*/
.clr {
  clear: both;
}
.blue_bold {
  color: #0073B4;
  font-weight: 600;
}
.red_bold {
  color: #DC2029;
  font-weight: 600;
}
/*CSS Button*/
.button {
  appearance: none;
  background-color: #0073B4;
  border-radius: 15px;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 13pt;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 12pt;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.button:disabled {
  pointer-events: none;
}

.button:hover {
  background-color: #DC2029;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.button:active {
  box-shadow: none;
  transform: translateY(0);
}


.subbutton {
  appearance: none;
  background-color: transparent;
  border: 2px solid #0073B4;
  border-bottom: 2px solid #0073B4!important;
  border-radius: 15px;
  box-sizing: border-box;
  color: #0073B4!important;
  cursor: pointer;
  display: inline-block;
  font-size: 13pt;
  font-weight: 600;
  line-height: 12pt;
  margin: 0;
  min-width: 0;
  outline: none;
  padding: 16px 24px;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.subbutton:disabled {
  pointer-events: none;
}

.subbutton:hover {
  color: #DC2029;
  background-color: #bebebe;
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
}

.subbutton:active {
  box-shadow: none;
  transform: translateY(0);
}


/* Image Wrap Styles */
img.img_left {
  float: left;
  margin-right: 10px;
}
img.img_right {
  float: right;
  margin-left: 10px;
}
img.img_center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media only screen and (max-width: 400px) {
	img.img_left {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}
img.img_right {
  margin-left: auto;
  margin-right: auto;
 float: none;
  display: block;
}
	
}

/* LISTS DIVIDED INTO 4 PERFECTLY EVEN COLUMNS  */
#cols4 {
  -webkit-column-count: 4;
  /* Chrome, Safari, Opera */
  -moz-column-count: 4;
  /* Firefox */
  column-count: 4;
}
@media only screen and (max-width: 767px) {
  #cols4 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) {
  #cols4 {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
  }
}
@media only screen and (max-width: 479px) {
  #cols4 {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
  }
}


/* BOXES FOR SPEAKER PAGE */
 .speaker-container {
      display: flex;
      flex-wrap: wrap;
      margin-bottom:15px;
    }

 .speaker-container h3 {
    clear:both;
    }

.speakers {
  flex: 0 0 190px; 
  align-items: stretch;
  display:inline-block;
  border: 1px #e1e1e1 solid;
  margin: 0px;
  vertical-align: top;
  position: relative;
  padding-bottom:40px;
}


@media only screen and (max-width: 400px) {
	.speakers {
  flex: 0 0 145px; 
	}
}

.speakers h4 {
  margin: 15px 5px 10px 5px;
  font-size: 11.5pt!important;
}
.speakers p {
  margin: 2px 5px;
  font-size: 10pt;
}

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

.speakers:hover {background:#E3E8E8;cursor:pointer;}

.speakers:hover img {opacity: 0.8;}


  .speakers::after {
    content: "READ BIO";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color:#231F20;
    background-color: #e1e1e1;
    padding: 3px 0px;
  }




/* 2026 REGISTRATION PAGE */


.registration-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  font-size: 1.4rem;
  background: #f3f3f2;
  padding: .4rem .7rem;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap; /* Allows wrapping on smaller screens */
}

/* Ensure the button stays aligned properly */
.registration-container button {
  margin-left: auto; /* Pushes the button to the right */
}


/* Mobile-friendly adjustments */
@media (max-width: 600px) {
  .registration-container {
    flex-direction: column; /* Stack elements */
    align-items: center; /* Center text and button */
    text-align: center;
  }

  .registration-container button {
    margin-left: 0; /* Reset alignment for mobile */
    margin-top: 10px; /* Add spacing */
  }
  
  .regcard {
  flex: 1;
  width:100%;
}
}
.btn {
  position: relative;
  padding: 1rem 2rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff;
  background: #DC2029;
  border: 2px solid #fff;
  border-radius: 50px;
  box-shadow: 0 0 10px rgba(227, 222, 117, 0.3);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease;
  min-width: 200px;
  z-index: 1;
}
.btn:hover {
  background: #A2212A;
  color: #000;
}
.regrow {
  display: flex;
  gap: 1rem;
  margin: 20px;
  flex-wrap: wrap;
}

.regcard {
  flex: 1 1 300px;
  min-width: 280px;
  background-color: #fff;
  padding: 0;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
  border: 1px solid #F3F3F2;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .regrow {
    margin: 16px;
    gap: 0.75rem;
  }

  .regcard {
    flex: 1 1 100%;
    min-width: 0;
  }
  .expired {
    display:none;
  }
}

@media (max-width: 480px) {
  .regrow {
    margin: 12px;
    gap: 0.5rem;
  }

  .regcard {
    border-radius: 10px;
  }
}

    .regcard h3 {
      font-size: 1.3rem;
      font-weight: bold;
      color: #FFF;
	  background-color:#0073B4;
	  border-radius: 12px 12px 0 0;
	  margin-botton:1rem;
    }

    .regcard p {
      font-size: 1rem;
      color: #232323;
		margin-bottom:0;
	  line-height:1.2;
    }

    .regcard h4 {
    	font-size: 1.4rem;
    	color: #232323;
		font-weight:bold;
		margin-bottom:0;
		line-height:1.6;
    }	
	
.regcard h4::first-line {
  font-size: 1rem;
  color: #6d6d6d;
  text-transform: uppercase;
}

    .regcard small {
      font-size: .9rem;
		text-transform:none;
    }

    .regcard .price {
      font-size: 1.3rem;
      font-weight: bold;
      color: #232323;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
    }

.regcard .price:not(:last-child) {
	  border-bottom: 1px solid #E9BB80;
}



	
.regcard.first-active  h3 {
      font-size: 1.6rem;
      color: #fcfcbd;
}
	
.regcard.first-active .price {
  color: #A2212A;
}
	
.expired {
  opacity: 0.5;
  pointer-events: none;
}

    /* FAQ Styles */
.faq-section summary {
 display: flex;
color:#111111;
font-weight: bold;
font-size:1rem;
	margin-bottom:.5rem;
  cursor: pointer;
}


.faq-section summary::after {
  content: '';
  width: 18px;
  height: 10px;
  background: url('https://www.pcimag.com/ext/resources/Events/CTT/become-sponsor/arrow.webp');
  background-size: cover;
  margin:.5rem;
  transition: 0.2s;
}


.faq-section details {padding:1%;
   transition: box-shadow 0.4s ease, transform 0.4s ease, background-color 0.4s ease;
}

.faq-section details summary {
  transition: background-color 0.4s ease;
}

.faq-section details:not([open]):hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
  background-color: #F3F3F2;
}

.faq-section details:not([open]):hover summary {
  background-color: #F3F3F2;
}	

.faq-section details[open] {
  background:#F3F3F2;
	border-radius:15px;
  box-shadow: 0 0 10px rgba(227, 222, 117, 0.3);
}

.faq-section details[open] > summary::after {
  transform: rotate(180deg);
}

/*  COLUMN SETUP  */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  width: 96%;
  float: left;
  margin: 0.5rem 2%;
}
@media only screen and (min-width: 45em) {
  /* 720px */
  .col-1 {
    width: 4.33%;
  }
  .col-2 {
    width: 12.66%;
  }
  .col-3 {
    width: 21%;
  }
  .col-4 {
    width: 29.33%;
  }
  .col-5 {
    width: 37.66%;
  }
  .col-6 {
    width: 46%;
  }
  .col-7 {
    width: 54.33%;
  }
  .col-8 {
    width: 62.66%;
  }
  .col-9 {
    width: 71%;
  }
  .col-10 {
    width: 79.33%;
  }
  .col-11 {
    width: 87.66%;
  }
  .col-12 {
    width: 96%;
  }
}
/*RESPONSIVE MAP */
.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
/*Sponsor EC */
#sponsors-home {text-align:center; margin:0 auto;clear:both;}
#sponsors-home h4 {color:#0073B4; font-size:16pt; text-align:center;margin-top:15px; clear:both}
#sponsors-home h6 {color:#58585A;  text-align:center;margin-top:15px; clear:both}

#sponsors-home a {

	width:150px;

	height:100px;

	margin:1rem;

	padding:10px;

	display:inline-block;

}

#sponsors-home a > img{

    vertical-align: middle;

margin:auto;

max-height:100px;

}



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

  #sponsors-home a {

	width:100px;

	height:80px;

	margin:0;

  

}

}


	
/* current sponsors page */
		
		#sponsors {padding: 10px; min-height:400px;text-align: center; max-width:1024px;margin:auto}
	

    #sponsors h3:not(:first-of-type) {margin-top:20px}
		
		#sponsors > a {background: #FFFFFF; text-align: center; display: inline-block; height:110px; width:150px;padding:10px; line-height: 90px;vertical-align: middle;margin:5px}
		
		#sponsors a > img {max-width:130px; max-height:90px; margin:auto;}
		
		
@media only screen and (max-width: 720px) {
			
	#sponsors a {height:80px; width:140px;padding:10px;}
		
	#sponsors a > img {max-width:120px; max-height:60px;}
	
}


	

.contactContainer {

	max-width:90%;
	margin:10px auto;
	background:#eeeeee;
	border:1px solid #607385;
	font-size:11pt;

	}

	

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

	  .contactContainer {

	  max-width:100%;  

	  }

	}

	

.contactContainer h4 {

  text-align:center;
  font-size:22pt;
color:#0073B4!important;	
	clear:both;

}

	

.contactContainer a {
	color:#000000!important;
	border-bottom:none!important;

}


.contactContainer img {
  max-width:100px!important;
  float:left;
  margin:5px 5px 20px 5px;

}	




/* Agenda contents */


.sessionrow {
    display: table-row;
    table-layout: fixed;
    width: 99%; 
    margin:25px auto 5px auto;
    font-size:1.1em;

}

.sessionrow:nth-of-type(even) {
    background:#e1e1e1;

}


.clickable:hover {background:#f2fdff!important;
 cursor:pointer;
  }

.sessionrow div {
    display: table-cell;
    text-align:left;
    padding:1%;
}

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

.sessionrow div {
    display: block;
    text-align:center;
    width:100%;
}

#head {display: none;}

}


@media only screen and (min-width: 600px){

.sessionrow div:nth-child(1) {
  width:8%;
padding-right:1%
}

.sessionrow div:nth-child(2) {
  width:49%;
padding-right:1%;
}

.sessionrow div:nth-child(3) {
  width:40%;
padding-right:1%;
    text-align:left;
}

.sessionrow div:nth-child(4) {
  width:9%;
padding-right:0;
    text-align:center;
}

}


.sessionrow div:nth-child(1) {
  font-size:11.5pt;
}



.sessionrow div:nth-child(2) {
  font-size:13pt;
}

.sessionrow div:nth-child(3) {
  font-size:11pt;
}

.sessionrow div:nth-child(4) {
  text-align:center;
}



.sessionrow div:nth-child(4) img {
width:98%;
height:auto;  
max-width:100px; 
max-height:100px;
}

.sessionrow div:nth-child(2) span {
display: block;
font-weight:300;
}

.sessionrow div:nth-child(3) span {
display: block;
font-weight:600;
}

.sessionrow div:nth-child(3) span:not(:first-of-type) {
margin-top:10px;
}

#head {
  margin-top:5px;
  cursor: arrow !important;
}

#head div {
  background: #231F20;
  font-size:14pt;
  font-weight:bold;
  color: #fff !important;
}



#head small {font-size:9.5pt;
	font-weight:normal;
	line-height:9pt!important;}



#speakerhead {display:none}




.halfWidthDiv{

	display: inline-block;
	padding: 7px;
	width:49%;
}

@media screen and (max-width: 768px){
.halfWidthDiv{

	display: block;
	width:100%;
}
}


.thirdWidthDiv{

	width: 31%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	overflow: hidden;

}

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

	.thirdWidthDiv{
		width: 95%;
		display: block;
		margin: 15px auto 40px auto;

	}

}

.mobile-only{
	display: none;
}
@media screen and (max-width: 700px){
	.mobile-only{
		display: block;
    }
}

/* Staff Page */

    .staff-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 24px;
	  max-width:1200px;
      margin: auto;
    }

    .staff-card {
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
      overflow: hidden;
	  max-width:250px;
	  text-align:center;
      transition: transform 0.3s ease;
    }

    .staff-card:hover {
      transform: translateY(-5px);
    }

    .headshot {
      width: 100%;
      height: 0;
      padding-bottom: 200px;
      position: relative;
      overflow: hidden;
	  margin:auto;
    }

    .headshot img {
      object-fit: cover;
      transition: transform 0.4s ease-in-out;
    }

    .headshot:hover img {
      transform: scale(1.08);
    }

    .staff-info {
      padding: 16px;
    }

    .staff-info h4 {
      font-size: 1.2rem;
      margin-bottom: 4px;
    }

    .job-title {
      font-size: 0.95rem;
      font-weight: 600;
      color: #39383A;
      margin-bottom: 8px;
    }

    .responsibilities {
      font-size: 1.1rem;
      color: #081D27;
      margin: 2px;
	  min-height: 60px;
	  align-content:end;
    }
	#salesstaff .responsibilities {
	  min-height: 90px;
	}
	#salesstaff .job-title {
	  display:none;
	}
   .staff-info .contact {
      font-size: 1.1rem;
    }


    @media (max-width: 500px) {

      .staff-info h4 {
        font-size: 1rem;
      }

      .job-title, .responsibilities, .contact {
        font-size: 0.85rem;
      }
    }