/*
    Theme Name: Readmissions
    Description: Custom Design for GHC
    Author: Grahame Aitchison
    Author URI: http://thewebclinic.us/
    Version: 1.0
	Template: genesis
	Template Version: 2.0.1
 	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */


/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */
@font-face {
    font-family: "High Voltage";
    src: url("https://readmissionssummit.com/wp-content/themes/readmissions/fonts/HighVoltage.ttf");
}
:root {
    --blue: #007e95;
}
.blue {
    color: #007e95;
}
.white {
    color: #FFFFFF;
}
.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #FFFFFF;
    border-bottom: 3px solid #007e95;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
section,
summary {
    display: block
}
nav,
audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0
}
embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
    width: auto;
    /* IE8 */
}
a button.read-more {
    color: #000000;
}
a button.read-more:hover {
    color: #cccccc;
}
.pop-health-header {

}
.pop-health-header {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 92px;
    justify-content: flex-end;
}
.pop-health-header div:first-child {
    margin-left: auto;
}
.banner {
    width: 100%;
    /*border-top: 3px solid #007e95;*/
    /*border-bottom: 3px solid #007e95;*/
    background-color: #bae2df;
    /*padding: 45px;*/
    /*display: flex;*/
    /*justify-content: space-evenly;*/
    /*box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.28);*/
}
.banner div:first-child {
    /*display: flex;*/
    /*flex-flow: column wrap;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*margin-right: 50px;*/
    width: 100%;
}
.banner div:first-child img {
    object-fit: cover;
}
.roman {
    font-family: Arial, sans-serif;
}
.italic {
    font-style: italic;
}
.blue {
    color: #007e95;
}
.virtual {
    color: #007e95;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 41px;
}
.font-size-38 {
    font-size: 38px;
}
.join-us {
    text-align: center;
}
.join-us h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 55px;
    margin: 0;
}
.cwrap {
    max-width: 1280px;
    margin: 0 auto;
}
.faculty-block h3,
.custom-content-block h3 {
    text-transform: uppercase;
    margin: 0;
}
.about {
    padding: 45px;
    /*background: url("https://thewebclinic.dev/wp-content/uploads/2021/04/about_bg.jpg") no-repeat;*/
    background-size: cover;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.about h3,
.about p {
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
}
.about li {
    font-size: 33px;
    list-style-type: disc;
}
.about p {
    font-size: 25px;
}
.about h3 {
    font-size: 36px;
}
.center {
    text-align: center;
}
.about ul {
    margin-left: 40px;
}
.faculty-block {
    text-align: center;
}
.faculty .cwrap {
    /*display: grid;*/
    /*grid-template-rows: 1fr 1fr 1fr 1fr 1fr;*/
    display: flex;
    flex-flow: row wrap;
    max-width: 95%;
    justify-content: center;
}
.keynote-item,
.faculty-item {
    text-align: center;
    padding: 10px;
    font-family: Arial, sans-serif;
}
.one-hundred {
    width: 100%;
}
.fifty {
    width: 50%;
}
.thirty-three {
    width: 33%;
}
.twenty-five {
    width: 25%;
}
.twenty {
    width: 20%;
}
.sixteen {
    width: 16%;
}

.keynote-item .title,
.faculty-item .title {
    font-size: 28px;
    color: #007e95;
    font-family: Arial, sans-serif;
}
.keynote-item h3,
.faculty h3 {
    text-align: center;
    font-size: 45px;
    font-family: Arial, sans-serif;
    color: #007e95;
    font-weight: bold;
    text-transform: uppercase;
}
.keynote-item,
.faculty-item {
    /*max-width: 350px;*/
}
/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
    clear: both;
    line-height: 0.9;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 32px 0 10px;
}

.genesis-nav-menu ul {
    list-style-type: none;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: center;
}

.genesis-nav-menu a {
    color: #000;
    display: block;
    padding-right: 10px;
    border-right: 2px solid #000;
    margin: 5px;
    position: relative;
    text-decoration: none;
    font-size: 20px;
}
.genesis-nav-menu .sub-menu a {
    margin: 0;
    border-right: none;
}
.genesis-nav-menu li:last-child a {
    border-right: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #cccccc;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
    color: #ffffff;
}

.genesis-nav-menu > .menu-item > a {
    text-transform: uppercase;
}

.genesis-nav-menu .sub-menu {
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition:    opacity .4s ease-in-out;
    -ms-transition:     opacity .4s ease-in-out;
    -o-transition:      opacity .4s ease-in-out;
    transition:         opacity .4s ease-in-out;
    width: 200px;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a {
    background-color: #FFFFFF;
    border-top: none;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5px 20px;
    padding: .5rem 2rem;
    position: relative;
    width: 200px;
    text-align: left;
}

.genesis-nav-menu .sub-menu .sub-menu {
    margin: -54px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
    position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}


/* Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
    border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
    margin-top: -55px;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
    background-color: #FFFFFF;
}

.nav-primary a:hover {
    color: #cccccc;
}
.nav-primary .current-menu-item > a {
    color: #000000;
}
.nav-primary .sub-menu a:hover {
    color: #999999;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
    background-color: #fff;
}

.nav-secondary .genesis-nav-menu {
    display: block;
    margin-top: 16px;
    margin-top: 1.6rem;
}

.nav-secondary .genesis-nav-menu li {
    display: inline-block;
}

.nav-secondary .genesis-nav-menu a {
    color: #F6D98B;
}
.pop-health-footer {
    padding: 20px;
    text-align: center;
    background-color: var(--blue);
    color: #FFFFFF;
    font-weight: 500
;
}
/*CSS for all GHC sites*/

.bio-button{font-weight: bold;}
.bio-button:hover{text-decoration: underline;cursor: pointer;}

.minisummit1 {
    background-color: #DEEBF3;
}

.minisummit2 {
    background-color: #CFE7D1;
}

.minisummit3 {
    background-color: #F9E3C6;
}

.minisummit4 {
    background-color: #E7CFD4;
}

.minisummit5 {
    background-color: #f2d1ef;
}

.extrapadding {
    padding: 20px 20px 20px;
}

.extrapadding-second {
    padding: 0px 20px 0px 20px;
}

.extrapadding-left {
    padding: 0px 0px 0px 20px;
}


.mini {
    padding: 20px;
}
.mini h5 {
    margin-top: 15px;
    padding-left: 14px;
    text-align: left;
}
.speaker {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 15px;
    justify-content: space-between;
    width: 100%;
}
.speaker h6 {
    text-align: left;
    color: #000;
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
}
.speaker div:first-child  {
    /*padding: 0 38px 0 14px;*/
    text-align: center;
    width: 15%;
}
.speaker div:nth-child(2) {
    padding: 0;
    width: 82%;
}
.time {
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin-top: 15px;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.8;
    width: 100%;
}
.time h6:first-child {
    text-align: center;
    width: 15%;
    font-size: 1.8rem;
    line-height: 1.8;
    color: #006766;
}
.time h6:last-child {
    text-align: left;
    color: #006766;
    line-height: 1.8;
}
.time h6:last-child,
.time span {
    width: 82%;
    color: #006766;
}
.time span p {
    color: #000;
    font-weight: bold;
}
span.bio-button {
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 25px;
}
.mini {
    margin: 25px auto;
}
.mini-title h4{
    text-transform: uppercase;
    color: var(--blue);
    font-size: 30px;
    margin-top: 25px;
}
/*--------------------------------------------About the event------------------------------------------*/
.about .cwrap {
    max-width: 1600px;
}
.about .one-half p {
    font-size: 22px;
}
.about h4 {
    font-size: 41px;
    color: #FFFFFF;
}
.about h6 {
    font-size: 27px;
    color: #FFFFFF;
}
.entry-content .about a {
    color: #FFFFFF;
    font-weight: bold;
}
/*--------------------------------------New Columns-------------------------------------------------*/
.one,
.two,
.three,
.four,
.five {
    float: left;
    padding: 10px;
}
.one {
    width: 100%;
}
.two {
    width: 50%;
}
.three {
    width: 33%;
}
.four {
    width: 25%;
}
.five {
    width: 20%;
}
.six {
    width: 16%;
}
.new-row {
    clear: both;
}
section.two-wide {
    display: flex;
    flex-flow: row wrap;
}
section.two-wide div {
    flex-basis: 50%;
    padding: 5px;
    text-align: center;
}
section.three-wide {
    display: flex;
    flex-flow: row wrap;
}
section.three-wide div {
    flex-basis: 33%;
    padding: 5px;
    text-align: center;
}
section.four-wide {
    display: flex;
    flex-flow: row wrap;
}
section.four-wide div {
    flex-basis: 25%;
    padding: 5px;
    text-align: center;
}
section.five-wide {
    display: flex;
    flex-flow: row wrap;
}
section.five-wide div {
    flex-basis: 20%;
    padding: 5px;
    text-align: center;
}
.home .site-container  {
    text-align: center;
}

.entry-content ul {
    list-style-type: disc;
}


/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 48.717948717948715%;
}

.one-third,
.two-sixths {
  width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
  width: 65.81196581196582%;
}

.one-fourth {
  width: 23.076923076923077%;
}

.three-fourths {
  width: 74.35897435897436%;
}

.one-sixth {
  width: 14.52991452991453%;
}

.five-sixths {
  width: 82.90598290598291%;
}

.minisummit1 {
  background-color: #deebf3;
}

.minisummit2 {
  background-color: #cfe7d1;
}

.minisummit3 {
  background-color: #f9e3c6;
}

.minisummit4 {
  background-color: #e7cfd4;
}

.minisummit5 {
  background-color: #fafcc6;
}
.minisummit6 {
  background-color: #adf4f1;
}

.minisummit7 {
  background-color: #edbef9;
}

.minisummit8 {
  background-color: #d0d2fb;
}

.extrapadding {
  padding: 20px 20px 20px 20px;
}

.first {
  clear: both;
  margin-left: 0;
}


/*-----------------------------Media Queries--------------------*/
@media only screen and (max-width: 1024px) {
    .one-hundred {
        width: 100%;
    }
    .fifty {
        width: 50%;
    }
    .thirty-three {
        width: 33%;
    }
    .twenty-five {
        width: 33%;
    }
    .twenty {
        width: 33%;
    }
    .sixteen {
        width: 33%;
    }
}
@media only screen and (max-width: 800px) {
    .banner {
        margin-top: 80px;
        border-top: none;
    }
}
@media only screen and (max-width: 768px) {
    .mini,
    .mini h5 {
        text-align: center;
    }

    .time,
    .speaker {
        flex-flow: column nowrap;
        text-align: center;
    }

    .time span,
    .time h6:first-child,
    .time h6:last-child,
    .speaker h6,
    .speaker div:first-child,
    .speaker div:nth-child(2) {
        text-align: center;
        width: 100%;
        padding: 0;
    }

    section.two-wide,
    section.three-wide,
    section.four-wide,
    section.five-wide,
    section.six-wide {
        flex-flow: column nowrap;
    }
    .banner,
    .pop-health-header {
        flex-flow: column nowrap;

    }
    .one-hundred {
        width: 100%;
    }
    .fifty {
        width: 50%;
    }
    .thirty-three {
        width: 50%;
    }
    .twenty-five {
        width: 50%;
    }
    .twenty {
        width: 50%;
    }
    .sixteen {
        width: 50%;
    }
    /*----------------mobile colums----------*/
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        margin: 0;
        width: 100%;
        text-align: center;
        float: none;
    }
}
@media only screen and (max-width: 468px) {
    .one-hundred {
        width: 100%;
    }
    .fifty {
        width: 100%;
    }
    .thirty-three {
        width: 100%;
    }
    .twenty-five {
        width: 100%;
    }
    .twenty {
        width: 100%;
    }
    .sixteen {
        width: 100%;
    }
}