/* Common Site Variables */

:root {

    --headergraphic: url("/sites/default/files/assets/CCP-In%20the%20Know/CCPSeminarSeriesBanner.jpg");
    --h2margintop: 23%;
    --primarycolor: #296b7f;
    --secondarycolor: lightblue;
    --tertiarycolor: lightgray;
    
    /* ----- Do not edit the values below ----- */
    --footerbg: #123e57; 
    --ncibarbg: #2972a6; 
    --navbarbg: #383838; 
    --navbarbottomborder: #15819b;
    --text: #2e2e2e; 
    --sitebg: #fff; 
    --headergray: #606060;
    --linkc: #2b7bba;
    --clr-accent: #0aff11;
    --whitecolor: #fff;
}

/* Navbar */

#eventsreg-nav-bar .navbar-inverse .navbar-nav > .active > a {
    border-bottom: 4px solid var(--navbarbottomborder);
}

#eventsreg-nav-bar {
    background-color: var(--navbarbg); 
}

.navbar-nav>li {
    text-transform: uppercase;
}

/* Header Banner */

.general-page-body-container {
background-image: var(--headergraphic);
background-size: 100%;
background-position: top center;
background-repeat: no-repeat; 
}

/* Right Side Column */
.region-sidebar-second {
    margin-top: 5%;
}

/* Page Elements */

h2{
    margin-top: var(--h2margintop);
    font-family: 'Montserrat';
    color: var(--headergray);
    font-size: 28px;
    line-height: 2.4em;
}

h3{
    font-family: 'Montserrat';
    color: var(--headergray);
    font-size: 24px;
    line-height: 1.375em;
}

.callout-box {
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 25px;
    margin: 30px;
}

.col-sm-9 {
    width: 70%;
}

.col-sm-3 {
    width: 30%;
}

/* Webform */

/* .panel-title, .panel-heading {
    display: none; Removes title and background from Fieldset 
} */

.panel-heading {
border-bottom: 0px;
}

.panel-title {
background-color: #f6f4f4;
}

.text-count-message {
color: #777777;
font-size: 13px;
}

.panel {  
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 5px;
    border-top: 9px solid var(--primarycolor);
}

input {
  accent-color: var(--primarycolor);
}

label {
font-weight: bold;
margin-top: 2%;
}

label.control-label.option {
margin-left: 20px;
margin-top: 0px;
}

fieldset {
margin-top: 2%;
}


.button:hover  {
background-color: var(--primarycolor) !important;
}

.omb-statement {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 20px;
}

.omb-date {
    text-align: right;
}

.button{
  background-color: var(--primarycolor);
  border: none;
  border-radius: 10px;
  color: var(--whitecolor);
  padding: 14px 22px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.button:hover {
    background-color: #087d86;
}

/* Agenda */

th, td {
    padding: 20px !important;
}  

.tabledarkbg {
    background-color: var(--primarycolor); 
}

.tablelightbg {
    background-color: var(--secondarycolor);
    color: var(--whitecolor);
}

.tablegraybg {
    background-color: var(--tertiarycolor);
}

.tableheader {
    font-size: 18px;
    font-weight: 400;
    color: var(--whitecolor);
    text-transform: uppercase;
}

/* Speaker Bios */

.headshots {
    float: left;
    padding: 0 20px 20px 0;
}

.item-list li {
    display: list-item;
    list-style: none;
    text-align: -webkit-match-parent;
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    padding: 2%;
    margin-bottom: 3%;
    margin-left: -2.2%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 5px;
}

.item-list li {
    padding: 0%;
}

.views-field-webform-submission-value-12 {
    float: left;
    padding: 20px;
}

.title {
    color: white;
}

.views-field-webform-submission-value-11 {
    background-color: var(--primarycolor);
    padding: 10px;
}

.name {
    padding: 10px;

}

.email a {
    color: var(--whitecolor);
    text-decoration: none;
}

svg.mailto {
    display: none;
}

.speakerimgresize {
  max-width: 150px;
  height: auto;
}





/* Footer */

.site-footer {
    background: var(--footerbg);
}

/* CSS for client */
.webform-submission-pager {
 display:none;
}
.webform-submission-navigation {
 display:none;
}
.webform-submission-information {
 display:none;
}

/* Agenda */

th, td {
    padding: 20px !important;
}  

.tabledarkbg {
    background-color: var(--primarycolor); 
}

.tablelightbg {
    background-color: var(--secondarycolor);
    color: var(--whitecolor);
}

.tablegraybg {
    background-color: var(--tertiarycolor);
}

.tableheader {
    font-size: 18px;
    font-weight: 400;
    color: var(--whitecolor);
    text-transform: uppercase;
}

/* Speaker Bios */

.headshots {
    float: left;
    padding: 0 20px 20px 0;
}

.item-list li {
    display: list-item;
    list-style: none;
    text-align: -webkit-match-parent;
    background-color: var(--whitecolor);
    border: 1px solid #ddd;
    padding: 2%;
    margin-bottom: 3%;
    margin-left: -2.2%;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .15) 0 0 9px 1px;
    overflow: auto;
    padding: 5px;
}

.item-list li {
    padding: 0%;
}

.views-field-webform-submission-value-12 {
    float: left;
    padding: 20px;
}

.title {
    color: white;
}

.views-field-webform-submission-value-11 {
    background-color: var(--primarycolor);
    padding: 10px;
}

.name {
    padding: 10px;

}

.email a {
    color: var(--whitecolor);
    text-decoration: none;
}

svg.mailto {
    display: none;
}

.speakerimgresize {
  max-width: 150px;
  height: auto;
}





/* Footer */

.site-footer {
    background: var(--footerbg);
}

/* CSS for client */
.webform-submission-pager {
 display:none;
}
.webform-submission-navigation {
 display:none;
}
.webform-submission-information {
 display:none;
}

.webform-element-description {
  margin-left: 4%;
}

.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.ui-datepicker {
  width: 26%;
}

.disabled {
  color: #CCC;
}


.headerImage {
  max-width: 180px !important;
  height: auto;
  float: left; 
  margin-right: 3%;
    margin-bottom: 1.5%;
    margin-top: .7%;
    display: block;
}

.flex-container {
    display: flex;
  
} 


::marker {
    display:none;
}

.file>span {
    background: none;
    color: #337ab7;
    border-bottom: 0px ;
    border-top: 0px ;
}

.flex-child {
    flex: 1;
}

.title  {
    color: rgb(186 12 61);
    font-size: 18pt;
    font-weight: 350;
    letter-spacing: 0.5px;
    line-height: 1.2;
}

.flex-child:first-child {
    margin-right: -30%;
} 

.imageContainer {
  vertical-align: top;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #d1d1d1;
}

.presenter {
  font-size: 16pt;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 2;
}

.countries {
  font-weight: 400;
}

.organization {
 font-size: 16pt;
    font-weight: 350;
    letter-spacing: 0.5px;
    line-height: 1.2;
     color: rgb(96 96 96);
 
}

.category {
 
}

.poster_link a {
    color: #337ab7;
    text-decoration: underline;
}

.views-exposed-form {
  margin-bottom: 3%;
}

.view-header {
  margin-bottom: 2%;
  color: rgba(34,110,147,1);
  font-size: 16px;
}

.file>span:first-child {
    border-left: 0px solid #ccc;
}

.file>span:last-child {
    border-right: 0px solid #ccc;
}

.fileText ul li {
  list-style: none;
 margin-left: -2.5%;
   
}

.file {
    display: table;
    font-size: 75%;
    font-weight: 700;
    margin: 0px 0; 
    width: 100%;
}

.add {
  display:block;
   min-height: 200px;
     margin-bottom: 3%;
}

h3 {
  color: black;
 
}

svg.ext {
    width: 14px;
    height: 14px;
    padding-right: 0.0em; 
    fill: #727272;
    font-weight: 900;
}


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


}