/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
  font-family: "dinproregular";
  src: url('../fonts/DINPro-Regular.otf');
}

body {
    background: none; 
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    color: white;
    font-family:dinproregular;
    font-size: 14pt;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.dark_background_top_segment {
    background:rgba(0,0,0,0.95);
    border-radius: 15px 15px 0px 0px;
}

.dark_background_middle_segment {
    background:rgba(0,0,0,0.95);
}

.dark_background_bottom_segment {
    background:rgba(0,0,0,0.95);
    border-radius: 0px 0px 15px 15px;
}

.dark_background {
    background:rgba(0,0,0,0.95);
    border-radius: 15px 15px 15px 15px;
}

.top-buffer { margin-top:50px; }

.center-vertically {
    float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.full {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.center-text {
    text-align: center;
}
/* Conference needed css speakers bio title */
/* Grid Container */
.speaker-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px;
}

/* Speaker Card */
.speaker-card {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Speaker Photo */
.speaker-photo {
    width: 200px;  /* Fixed width */
    height: 200px; /* Fixed height */
    border-radius: 50%;
    object-fit: cover; /* Ensures the image covers the entire area, cropping if necessary */
    display: block;
    margin: 0 auto; /* Center the image horizontally */
}

/* Speaker Name */
.speaker-name {
    font-size: 1.2em;
    margin-top: 15px;
    color: #333;
}

/* Link in Speaker Name */
.speaker-name a {
    color: #333; /* Match the name color */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s; /* Smooth transition on hover */
}

.speaker-name a:hover {
    color: #007bff; /* Change color on hover */
}

.speaker-affiliation {
    font-size: 0.9em; /* Smaller font size */
    color: #555; /* Different color */
    margin: 5px 0; /* Add a small margin */
}

/* Speaker Title */
.speaker-title {
    font-size: 1em;
    color: #777;
    margin: 0;
	padding: 0;
	line-height: 1.2;
}

/* Bio Toggle Button */
.bio-toggle {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.3s;
}

.bio-toggle:hover {
    background-color: #0056b3;
}

/* Speaker Bio */
.speaker-bio {
    display: none; /* Hidden by default */
    margin-top: 15px;
    color: #555;
    font-size: 0.9em;
	line-height: 1.2;
	text-align: left;
}

/* Bio Visible State */
.speaker-card.active .speaker-bio {
    display: block;
}