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

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

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



.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-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-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;
}

.PC {
    display: block;
    width:100%;
    margin: 0 auto;
}
.PC-LSide {
    display: block;
    width: 30%;
    height:auto;
    min-height: 470px;
    float:left;
    color: #e7e7e8;
    background-color: #292c2f;
    border-radius : 10px;
    padding: 15px;
    margin-left: 3%;
    margin-bottom: 20px;
}
.PC-LSide img {
    display: block;
    border: 4px solid #fff;
    border-radius: 65px;
    margin: 10px auto;
}
.PC-Name, .PC-Title, .PC-Contact {
    display: block;
    width: 100%;
    height: 35px;
    color: #e7e7e8;
    background-color: #414142;
    text-align: center;
    line-height: 35px;
    margin: 15px 0;
    
}
.PC-Text {
    text-align: center;
}
.PC-Pic {
  display: block;
  margin: 0 auto;
  margin-top: -80px;
  background-color: #fff;
  border-radius: 50px;
  border: 5px solid #fff;
}
/* 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: #75b12f;
	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: #75b12f;
}
dl.faq button[aria-expanded="false"]:before {
  content: url('../images/right-arrow.png');
  padding: 0.35em;
  margin-right: 10px;
  background-color: #232629;

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

/* Start Calendar Page */
:root{
      --bg: #f7f6f3;
      --card: #ffffff;
      --accent: #222;
      --text: #222;
      --muted: #666;
	  --holiday: #ffefef;
      --weekend-bg: #292c2f;
      --weekend-accent: #fff;
	  --workshop-bg : #93A829;
	  --workshop-accent : #32390E;
	  --webinar-bg: #FC7A60;
	  --webinar-accent : #460D01;
	  --symposium-bg : #5772D6;
	  --symposium-accent : #0E1739;
	  --idor-bg: #F5B336;
	  --idor-accent : #000;
	  --webinar-workshop : linear-gradient(to right, #93A829 50%, #FC7A60 50%);
	  --webinar-symposium : linear-gradient(to right, #5772D6 50%, #FC7A60 50%);
	  --workshop-symposium : linear-gradient(to right, #5772D6 50%, #93A829 50%);
	  --idor-workshop-symposium : linear-gradient(to right, #F5B336 33%, #5772D6 33%, #5772D6 66%, #93A829 66%);
	  --idor-webinar-symposium : linear-gradient(to right, #F5B336 33%, #5772D6 33%, #5772D6 66%, #FC7A60 66%);
	  --idor-workshop-webinar-symposium : linear-gradient(to right, #F5B336 0%, #F5B336 25%, #5772D6 25%, #5772D6 50%, #93A829 50%, #93A829 75%, #FC7A60 75%, #FC7A60 100%);
	  --founding-day : url('../images/founding-day.svg')no-repeat;
	  --founding-day-bg : #6B4E45;
	  --founding-day-shade : 0 -1px 4px #6B4E45, 0 -2px 10px #6B4E45, 0 -10px 20px #6B4E45, 0 -18px 40px #6B4E45;
	  --flag-day-emblem : url('../images/ksa-flag.svg')no-repeat;
	  --flag-day-bg : #006C35;
	  --flag-day-shade : 0 -1px 4px #006C35, 0 -2px 10px #006C35, 0 -10px 20px #006C35, 0 -18px 40px #006C35;
	  --national-day : url('../images/emblem-of-ksa.svg')no-repeat;
	  --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.idor{background:var(--idor-bg);color:var(--idor-accent)}
    .day.idor-workshop-symposium{background:var(--idor-workshop-symposium);color:var(--weekend-accent)}
    .day.idor-webinar-symposium{background:var(--idor-webinar-symposium);color:var(--weekend-accent)}
    .day.idor-workshop-webinar-symposium{background:var(--idor-workshop-webinar-symposium);color:var(--weekend-accent)}
    .day.webinar-workshop{background:var(--webinar-workshop);color:var(--weekend-accent)}
    .day.webinar-symposium{background:var(--webinar-symposium);color:var(--weekend-accent)}
    .day.workshop-symposium{background:var(--workshop-symposium);color:var(--weekend-accent)}
    .day.founding-day{background:var(--founding-day);color:var(--weekend-accent);background-color:var(--founding-day-bg);text-shadow:var(--founding-day-shade)}
	.day.flag-day{background:var(--flag-day-emblem);background-color:var(--flag-day-bg);color:var(--weekend-accent);text-shadow:var(--founding-day-shade)}
	.day.national-day{background:var(--national-day);background-color:var(--flag-day-bg);color:var(--weekend-accent);text-shadow:var(--founding-day-shade)}
    /* 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: 90%;
	float:right;
	line-height: 30px;
}
    
.webinar-important {
	background-color: #FC7A60 !important;
}
.webinar-symposium-important {
	background : linear-gradient(to right, #5772D6 50%, #FC7A60 50%) !important;
}
			
	.Cal-1st-half, .Cal-2nd-half {
		display: block;
		width: 50%;
			}
	.Cal-1st-half {
				float: left;
			}
	.Cal-2nd-half {
		float:right;
			}
    /* 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 (min-width:640px) and (max-width: 767px) {
		
	.text {
	width: 90%;

}
}
    @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: 85%;
			font-size: 14px;

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

}
}
	@media (min-width: 300px) and (max-width: 768px) {
		.Cal-1st-half, .Cal-2nd-half {
			float: none;
			width: auto;
			clear: both;
		}
			}
    /* Small print footer */
    
    /* Utility: make calendar editable-friendly when copying into other projects */
    .month .days .day{cursor:default}
/* 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}

    

    /* 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  Page */


/*Start Symposiums+Workshops Page*/
  :root{
    --bg: #ffffff;
    --h-text: #fff;
	--text: #424141;
    --muted: #64748b;
    --border: #e2e8f0;
    --accent: #292c2f; /* subtle */
    --radius: 5px;
  }

  .schedule { 
	  color: var(--text);
	  margin: 0 0 30px 0;
	}
  .visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

  .table-wrap{
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    overflow-x: auto; /* fallback horizontal scroll if needed */
  }

  .rtable{
    width: 100%;
    border-collapse: collapse;
    min-width: 520px; /* prevents cramped layout on medium screens */
  }

  .rtable caption{
    text-align: left;
    font-weight: 600;
    color: var(--muted);
    padding: .25rem 0 .75rem;
  }

  .rtable thead th{
    text-align: left;
    font-weight: 700;
    font-size: .95rem;
    color: var(--h-text);
    background: var(--accent);
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--border);
  }

  .rtable td{
    padding: .9rem;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
  }

  .rtable tbody tr:last-child td{ border-bottom: 0; }

  /* Hover on larger screens */
  @media (hover:hover){
    .rtable tbody tr:hover td{ background: #f8fafc; }
  }

  /* Mobile: stack rows as cards */
  @media (max-width: 600px){
    .table-wrap{ padding: .5rem; }
    .rtable{ min-width: 0; border-collapse: separate; border-spacing: 0 12px; }
    .rtable thead{ display:none; }
    .rtable tbody tr{
      display:block;
      background: var(--bg);
      border:1px solid var(--border);
      border-radius: var(--radius);
      padding:.5rem .25rem;
		margin-bottom: 10px;
    }
    .rtable tbody td{
      display:grid;
      grid-template-columns: 38% 1fr;
      gap:.5rem;
      padding:.6rem .9rem;
      border:0;
      border-bottom: 0;
    }
    .rtable tbody td::before{
      content: attr(data-label);
      font-weight: 600;
      color: var(--muted);
    }
  }
/*End Symposiums=Workshops Page*/

/* Start Error Pages */
#notfound {
  position: relative;
  height: auto;
	min-height: 450px;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 240px;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 175px;
  font-weight: 900;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -40px;
  margin-left: -20px;
}

.notfound .notfound-404 h1>span {
  text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {
  font-family: 'Cabin', sans-serif;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  margin: 0px;
  letter-spacing: 3px;
  padding-left: 6px;
}

.notfound h2 {
  font-size: 20px;
  font-weight: 400;
  text-transform: none;
  color: #000;
  margin-top: 0px;
  margin-bottom: 25px;
}
/* End Error Pages */

@media (min-width: 768px) and (max-width: 992px) {
    .PC-LSide {
    width: 47%;
}
    
    .Centered {
        margin: 0 auto;
    }
}
@media (min-width: 300px) and (max-width: 767px) {    
    .PC-LSide {
    width: 100%;
    
    
}
    .SP-RSide {
    width: 100%;
}
    
    .PC-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;
	}
}