@charset "utf-8";
/* CSS Document */

/* Start Team Page */
.Centered{
    display: block;
    margin: 0 auto !important;
    float: none !important;
}

.Doc-Color {
    background-color: #449054!important;
}

.Name {
    text-align: center;
}

.SP {
    display: inline-block;
    width:100%;
    height: auto;
    margin: 0 auto;
}
.SP-LSide {
    display: block;
    width: 30%;
    float:left;
    color: #e7e7e8;
    background-color: #108fc7;
    border-radius : 10px;
    padding: 15px;
}
.SP-LSide img {
    display: block;
    border: 4px solid #fff;
    border-radius: 65px;
    margin: 10px auto;
}
.SP-Summary {
    display: block;
    width: 100%;
    height: 35px;
    color: #e7e7e8;
    background-color: #414142;
    text-align: center;
    line-height: 35px;
    margin: 15px 0;
    
}
.SP-RSide {
    display: block;
    width: 70%;
    padding: 15px;
    color: #414142;
    float: right;
}
.SP-RSide .SP-Summary {
    display: block;
    width: 100%;
    height: 35px;
    color: #e7e7e8;
    background-color: #414142;
    text-align: center;
    line-height: 35px;
    margin: 15px 0;
    
}
.SP-RSide p {
    padding: 15px;
}

.Speakers {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.Speakers-Profile {
  display: inline-block;
  width: 23.3%;
  margin-right: 7.5px;
  margin-left: 7.5px;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 195px;
  float: left;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.Speakers-Profile-Top {
  width: 100%;
  background-color: #108fc7;
  height: 150px;
  float: left;
  border-radius: 20px 20px 0 0;
}
.Speakers-Profile-Bottom {
  width: 100%;
  background-color: #ffffff;
  height: 105px;
  float: left;
  border-radius: 20px 20px 20px 20px;
  margin-top: -60px;
}
.Speakers-Pic {
  display: block;
  margin: 0 auto;
  margin-top: -80px;
  background-color: #fff;
  border-radius: 50px;
  border: 5px solid #fff;
}
.Speakers-Name {
  padding: 20px;
}
.Speakers-Details {
  display: block;
  text-align: center;
}
.Speakers-Details a,.Speakers-Details a:hover,.Speakers-Details a:focus {
    text-decoration: none;
    color: #414142;
}

.TM {
    display: block;
    width:100%;
    margin: 0 auto;
}
.TM-LSide {
    display: block;
    width: 30%;
    height:auto;
    min-height: 470px;
    float:left;
    color: #e7e7e8;
    background-color: #007885;
    border-radius : 10px;
    padding: 15px;
    margin-left: 3%;
    margin-bottom: 20px;
}
.TM-LSide img {
    display: block;
    border: 4px solid #fff;
    border-radius: 65px;
    margin: 10px auto;
}
/* End Team Page */

/* Start FAQs Page */
dl.faq button {
	display:block;
	width:100%;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    border: 0 solid transparent;
    background-color: #02272b;
	color: #f9f9f9;
    padding-left: 0.50em;
    text-decoration: none;
    text-align:left;
	line-height: 45px;
}
dl dd {
  margin: 0;
  padding: 0;
  margin-left: 1.5em;
}
dl.faq .desc {
    margin: 0;
    padding: 0.5em;
	margin-bottom: 15px;
    font-size: 14px;
	line-height: 35px;
    display: none;
    background-color: #f5f5f5;
}
dl.faq button:active {
  background-color: #02272b;
}
dl.faq button[aria-expanded="false"]:before {
  content: url('../images/right-arrow.png');
  padding: 0.35em;
  margin-right: 10px;
  background-color: #3d6569;

}
dl.faq button[aria-expanded="true"]:before {
  content: url('../images/down-arrow.png');
  padding: 0.35em;
  margin-right: 10px;
  background-color: #3d6569;
}
/* End FAQs Page */

/* Start Calendar Page */
:root{
      --bg: #f7f6f3;
      --card: #ffffff;
      --accent: #222;
      --text: #222;
      --muted: #666;
	  --holiday: #ffefef;
      --weekend-bg: #6c9fa5;
      --weekend-accent: #fff;
	  --workshop-bg : #93A829;
	  --workshop-accent : #32390E;
	  --webinar-bg: #FC7A60;
	  --webinar-accent : #460D01;
	  --symposium-bg : #5772D6;
	  --symposium-accent : #0E1739;
	  --webinar-workshop : linear-gradient(to right, #93A829 50%, #FC7A60 50%);
	  --webinar-symposium : linear-gradient(to right, #5772D6 50%, #FC7A60 50%);
	  --radius: 10px;
      --gap: 16px;
	  --gap-m : 5px;
    }
    /* Container for the full year: 3 rows x 4 columns on wide screens */
    .year-grid{
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      grid-auto-rows: minmax(220px, auto);
      gap:var(--gap);
      align-items:start;
		margin-top: 20px;
		margin-bottom: 40px;
    }
.calendar{
		display:grid;grid-template-columns:repeat(4,1fr);
		gap:var(--gap);
		margin-top: 20px;
		margin-bottom: 40px;
}
    /* Month card */
    .month{
      background:var(--card);
      border-radius:var(--radius);
      padding:12px;
      box-shadow: 1px 1px 10px 0px #ccc;
      display:flex;
      flex-direction:column;
      min-height:220px;
	  margin-bottom: 0;
	  margin-left: 0;
    }

    .month-header{
      display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;
    }
    .month-title{font-weight:600}
    .month-year{color:var(--muted);font-size:0.9rem}

    /* Weekday header and days grid */
    .wk-head, .days{
      display:grid;
      grid-template-columns:repeat(7, 1fr);
      gap:6px;
      align-items:stretch;
    }
    .wk-head div{font-size:0.78rem;text-align:center;color:var(--muted);padding:6px 0}

    .day{
      min-height:30px; /* consistent row height */
      padding:6px 6px;
      text-align:right;
      border-radius:6px;
      font-size:0.95rem;
      line-height:1;
    }
    .day.empty{background:transparent}

    /* Mark Friday and Saturday as weekend (user requested weekends are Friday & Saturday) */
    .col-fr, .col-sa{
      background:linear-gradient(180deg, rgba(0,0,0,0.01), rgba(0,0,0,0.00));
    }
    /* Weekend day style */
    .day.weekend{background:var(--weekend-bg);color:var(--weekend-accent)}
    .day.webinar{background:var(--webinar-bg);color:var(--weekend-accent)}
    .day.workshop{background:var(--workshop-bg);color:var(--workshop-accent)}
    .day.symposium{background:var(--symposium-bg);color:var(--symposium-accent)}
    .day.webinar-workshop{background:var(--webinar-workshop);color:var(--weekend-accent)}
    .day.webinar-symposium{background:var(--webinar-symposium);color:var(--weekend-accent)}

    /* Today highlight (2025 doesn't change; user can edit) */
    .day.today{outline:2px solid var(--accent);border-radius:8px}

    /* Make numbers subtle for empty cells */
    .day.empty{opacity:0;pointer-events:none}
    
    .size {
	display: block;
	width: 30px;
	margin-bottom: 15px;
	float:left;
}
    
    .text {
	display: block;
	width: 96%;
	float:right;
	line-height: 30px;
}
    
.webinar-important {
	background-color: #FC7A60 !important;
}
.webinar-symposium-important {
	background : linear-gradient(to right, #5772D6 50%, #FC7A60 50%) !important;
}
    /* Responsive: collapse to 2 cols on medium screens, 1 col on small screens */
    @media (max-width:1280px){
      .year-grid{grid-template-columns:repeat(3,1fr)}
	  .calendar{grid-template-columns:repeat(3,1fr);}
    }
    @media (max-width:800px){
      .year-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-m);}
	  .calendar{grid-template-columns:repeat(2,1fr);gap:var(--gap-m);}
		.month {
			    margin-bottom: 10px;
    margin-left: 10px;
		}
		
    }
    @media (max-width:640px) {
		
	.text {
	width: 94%;

}
}
    @media (max-width:576px){
      .year-grid{grid-template-columns:repeat(1,1fr)}
	   .calendar{grid-template-columns:repeat(1,1fr);}
		.month{
	  margin-bottom: 15px;
    }
		.text {
	width: 88%;

}
		
    }
    @media (min-width: 768px) and (max-width: 992px) {
	.text {
	width: 95%;

}
}
    /* Small print footer */
    
    /* Utility: make calendar editable-friendly when copying into other projects */
    .month .days .day{cursor:default}
/* End Calendar  Page */


/* Start Calendar 02 */
/* 3 rows × 4 columns grid */
    

    
    .month-name{font-weight:700;font-size:15px;margin-bottom:8px;color:var(--accent)}

    .weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;color:var(--muted);font-size:12px}
    .weekdays div{text-align:center;padding:6px 0}

    .days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;flex:1}
    
    .day.empty{background:transparent;border:0;color:transparent}

    /* Automatic Fri & Sat highlight by column (Sunday-first grid) */
    .days > .day:nth-child(7n+6),
    .days > .day:nth-child(7n){background:var(--weekend-bg);color:var(--weekend-accent);font-weight:600}
    /* But never color placeholder cells */
    .days > .day.empty:nth-child(7n+6),
    .days > .day.empty:nth-child(7n){background:transparent;color:transparent;font-weight:400}



    @media print{body{background:#fff}.wrap{max-width:100%;padding:0}.calendar{gap:8px}.month{box-shadow:none;border:1px solid #ddd}}
/* End Calendar 02 */


@media (min-width: 768px) and (max-width: 992px) {
    .TM-LSide {
    width: 47%;
}
    
    .Centered {
        margin: 0 auto;
    }
}
@media (min-width: 300px) and (max-width: 767px) {    
    .SP-LSide {
    width: 100%;
    
    
}
    .SP-RSide {
    width: 100%;
}
    
    .TM-LSide {
    width: 100%;
    padding: 15px;
    margin-right: 0;
    Margin-left: 0;
   
}
    
    
}

@media (max-width: 768px) {

	#calendar .weekdays, #calendar .other-month {
		display: none;
	}
	#calendar li {
		height: auto !important;
		border: 1px solid #ededed;
		width: 100%;
		padding: 10px;
		margin-bottom: -1px;
	}
	#calendar .date {
		float: none;
	}
}