@import url("isi.css");
:root {
   
    --bs-light-blue: #323232;
    --bs-pink: #A0DA00;
    --bs-dark-blue: #140fa5;
    --bs-grey: #494949;
    --bs-white: #FFFFFF;
    --bs-orange: #f16e3e;
    --bs-light-purple: #393454;
    --bs-green:#00be41;
    
}

body {
    font-family: 'Arial', sans-serif;
    /*background-color: var(--bs-white);*/
}

.header-container{
    background-color: var(--bs-white);
}

.top-row {    
    font-size: .8rem;
    font-weight: bold;        
    color: var(--bs-dark-blue);
    padding: 5px 10px;
}

.top-row a{    
    color:#fff;
}

.top-row-2 {
    
    color:var(--bs-orange);
    font-size: 1.4em;
    font-family: 'latoregular';
    line-height: 1.2em;

}

.top-row-2 a{    
    color:#fff;
}

.top-inner-line {
    width: 90%;
    border-bottom: 1px solid var(--bs-white);
    display: inline-block;
    vertical-align: super;
}



.top-second-row {
    font-weight: 700 ;
}


.body-container{
    background-color: var(--bs-green);
}

.body-container-header-image{
    background-color: var(--bs-dark-blue);
}

.body-container-header{
    background-color: var(--bs-green);

    
}

.body-container-banner {    
    -webkit-box-shadow: 0px 7px 7px 0px rgba(211,211,211,0.5);
    -moz-box-shadow: 0px 7px 7px 0px rgba(211,211,211,0.5);
    box-shadow: 0px 7px 7px 0px rgba(211,211,211,0.5);
};
.body-container-banner div{    
    font-size: 1.2rem;
}

.body-container-banner .under-text{    
    font-size: .9rem;
    color: var(--bs-white);
    font-family: Arial, sans-serif;
    line-height: 1.1rem;
}

.body-container-banner .under-text p{    
    font-size: 1.3rem;
    font-weight: bold;    
    line-height: 1.5rem;
}

/*body*/
.body-top-text{
    font-size: .55rem;
    font-weight: bold;
}

.body-url-div{
    background-color: #140fa5;    
    border-top-left-radius: 20px 20px; 
    border-bottom-left-radius: 20px 20px; 
    padding:20px;
}

.body-url-div .body-url-div-2{
    background-color: #FFFFFF;    
    border-top-left-radius: 20px 20px; 
    border-bottom-left-radius: 20px 20px;
    border-color: var(--bs-green); 
    border: medium solid var(--bs-green);
    margin-top: -40px;
    font-size: .6rem;
}

.body-date-title {
    color:  var(--bs-dark-blue) ;
    font-size: 1.5rem;
    font-weight: bold;
}

.body-sub-title {
    color:  var(--bs-dark-blue) ;
    font-size: 1rem;
    font-weight: bold;
}

.body-meeting .btn-danger {
    background-color: var(--bs-dark-blue) ;
    border-color: var(--bs-dark-blue) ;        
    font-family: 'Arial';
    color: var(--bs-white);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: .8rem;    
    font-weight: bold;
}

.body-meeting-times{
    color:  var(--bs-dark-blue) ;
    font-size: 1rem;
    font-weight: bold;
}

.speaker-row h2{
    color:  var(--bs-dark-blue) ;
    font-size: 1rem;
    font-weight: bold;
}

.speaker-row p{
    color:  #000 ;
    font-size: .8rem;
    line-height: .9rem;
}

.body-disclosure h2{
    color:  var(--bs-dark-blue) ;
    font-size: .8rem;
    font-weight: bold;
}

.body-disclosure p{
    color:  #000 ;
    font-size: .6rem;    
}

.rounded-top-left-1 {
    border-top-left-radius: 1rem;
}
.rounded-top-right-1 {
    border-top-right-radius: 1rem;
}
.rounded-bottom-left-1 {
    border-bottom-left-radius: 1rem;
}
.rounded-bottom-right-1 {
    border-bottom-right-radius: 1rem;
}

/*accordion*/


/**/

.body-fda-text{
    color: #000;
    font-size: .6rem;
    font-family: Arial, sans-serif;
}

/*footer*/
footer{
    /*background-color: var(--bs-white);*/
   
}
.container-footer a{
    color: var(--bs-dark);
    letter-spacing: .5px;
    margin-right:15px;
    text-decoration: none;
    font-size: 1.2em;
}

.container-footer p{
    color: var(--bs-dark);
    font-size: .5em;
    font-weight: 600;
}

.container-footer p.pageinfo{    
    font-size: .5rem;
    font-weight: normal;
}


.speaker-row .broadcast-title {
    color: var(--bs-light-purple);
    font-size: 1em;
    margin-bottom: .5rem;
    font-family: 'spartanmedium';
}

.speaker-row .cred {
    font-size: .7rem;
    font-family: 'latobold';                      
    line-height: .8rem;
}

.speaker-row .top-inner-line {      
    border-bottom: 4px solid var(--bs-pink);      
}


.speaker-headshots {
    /*background-color: var(--bs-white);*/
    /*border-top: 7px solid var(--bs-orange);    */
    /*border-bottom: 7px solid var(--bs-orange);*/
    /*border-image: linear-gradient(45deg, #A4D23B 1% , var(--bs-white) 25%, var(--bs-white) 1% );    
    border-image-source: linear-gradient(to right, #a4d23b, #CAE095, #f8fcfb);*/
    border-image-slice: 1;

}

.speaker-headshots h1{
    font-size: .8rem;
    color:var(--bs-dark-blue);
    font-family: 'latobold';
}

.speaker-meetings {
    background-color: #F4FBEB;

    border-bottom: 7px solid;
    /*border-image: linear-gradient(45deg, #A4D23B 1% , var(--bs-white) 25%, var(--bs-white) 1% );    
    border-image-source: linear-gradient(to right, #a4d23b, #CAE095, #f8fcfb);*/
    border-image-slice: 1;
    
}


.speaker-row p.cred{
    color: var(--bs-light-blue);
}

.speaker-meetings .meeting h2{
    font-size: .8rem;
    font-family: 'spartanbold';
}

.speaker-meetings .meeting p{
    font-size: .8rem;
    font-family: 'latoregular';
}

.speaker-meetings .meeting span{
    font-size: .5rem;      
}

.speaker-meetings .fa-calendar{
    color: #357262;
}

.speaker-meetings a{
    text-decoration: none;
}

.speaker-meetings h2:hover{
    color:#A4D23B;
}

.speaker-row p.phrma_code{
    color:var(--bs-light-blue);
}

.speaker-row p.page_headline{
    font-family: 'spartanbold';
    color: var(--bs-light-blue);
    font-size: 1rem;
}

 .speaker-card img {
    border: solid 1px var(--bs-gray);
 }

 .speaker-card .speaker-info {
    border: solid 1px var(--bs-gray);
 }

 .body-container-footer{
    background-image: url('/img/landing/TAG-23-09_Madrigal_Background_v2.png');
    min-height: 500px;    
    background-position: bottom ;
    background-size: cover;
    
 }

 .body-container-footer p{
    font-size: .8rem;
 }

 .container-footer {
    
 }
