body, header {	width: 105vw; max-width: 105vw; }

.menu-row-background, .menu-row {
    display: none;
}

.hamburger-menu {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

label {
    cursor: pointer;
}
label:focus {
    outline: none;
}

.hmenu {
    position: fixed;
    top: 0;
    left: 0;
    background: #5a3d99ee;
    width: 25em;
    height: 100%;
    transform: translate3d(-25em, 0, 0);
    transition: transform 0.35s;
    z-index:3
}
.hmenu label.hmenu-toggle {
    transition:all 0.3s ease-in-out;
    position: fixed;
	top:0;
    right: -6em;
    width: 6em;
    height: 5em;
    line-height: 0px;
    display: block;
    padding: 0;
    text-indent: -9999px;
    background: #fff0 url(/hamburger_menu_icon.svg) 50% 50%/4em 4em no-repeat;
	color: white;
}
#hmenu_checkbox:checked + .hmenu label.hmenu-toggle { right:19em; transition:all 0.3s ease-in-out;}

.hmenu ul {
    list-style-type: none;
    font-size:2.5em;
    text-align: right;
    padding: 0.5em 0.5em 0.5em 0.5em ;
}

.hmenu ul li a, .hmenu ul li label {
    display: block;
    text-decoration: none;
    color: white;
	padding-top:0.5em; padding-bottom:0.5em;
}
.hmenu ul li a:hover, .hmenu ul li label:hover {
    color: #ffe600;
}

/* START Code to move hamburger menu to the right */
.hamburger-menu {width:100vw}
.hmenu { left:unset;right: 0 ; 	transform: translate3d(25em, 0, 0);}
.hmenu label.hmenu-toggle {right:26em;}
.hmenu ul {text-align:left;}
/* END Code to move hamburger menu to the right */


.page-Home .hmenu-Home, .page-About .hmenu-About  , .page-Program .hmenu-Program  , .page-Attendance .hmenu-Attendance , .page-Photos .hmenu-Gallery, .page-Videos .hmenu-Gallery, .page-Contact .hmenu-Contact , .page-Partners .hmenu-Partners{
	font-weight:bolder;
	color: #ffe600
}


.hmenu ul li {
    border-bottom:1px solid grey;
}

/* hide inputs */
.hmenu-checkbox {
    display: none;
}

/* hide navigation icon for sublabels */
.hmenu .hmenu label.hmenu-toggle {
    background: none;
}

/* fade in checked menu */
#hmenu_checkbox:checked + .hmenu {
    transform: translate3d(0, 0, 0);
}

.hmenu-submenu {
    display: none;
}

.announcement-container { }

.short-about-section-container .text {
    max-width: 80%;
}

.ven-bg {
    /* height: 50%; */
    min-height: unset;
	padding-left:5%; padding-right:5%;
}
.ven-bg .text-container { width:90%; max-width: unset;}
.ven-bg .text-container .body p {font-size:1.7em}


.about-header-container .text-container {
    top: 5%;
}

.contained-backgrounded-text {
    min-height: 84px;
}


/* buttons easily clickable on mobile*/
.button button , a.button {width:auto; height:4rem;font-size:1.5rem;} 
a.button  {line-height:4rem;} 
.features-banner-container .feature-banner {margin-bottom:3rem;}
.features-banner-container .feature-banner .description {font-weight:bold;font-size:larger;}

/* Bigger speakers on mobile*/
.featured-speaker .featured-description {width:100% ;padding-bottom:0.5em;	height: 7em;	margin: -8.4em 0 0 0;}
.page-Home .featured-speaker .featured-description {height: 8.6em;}

	

.featured-speaker  .featured-description .name {font-size:1.7em}
.featured-speaker  .featured-description .text {font-size:1.2em}
.featured-speaker { width: 52vw; height:auto;}
.page-Home .featured-speaker .locator { margin-bottom:2em;}


.content-Program .featured-speaker .featured-description {
	padding-bottom: 0;
	margin: 0;
	width: auto;
	top:75%;
}
.content-Program .featured-speaker .locator , .featured-speaker {max-width:unset;}
.content-Program .featured-speaker.true {margin-left:-0.5rem;}
.content-Program .featured-speaker .locator { width: 52vw;height:auto;}
.content-Program .featured-speaker .locator > img {display:inline-block;}
.content-Program .featured-speaker .locator > img.speaker-main-photo { display:block;width: 53vw; height:65vw;max-width: unset;max-height: unset;}


.featured-speaker .locator .click_indicator { width:4rem;height:4rem; margin-top:1rem;}
.featured-speaker .locator .click_indicator > img { width:4rem;height:4rem;}

.visa-assistance {width:90%}

.background-picture-container {max-height:100%; height: 33vh;} /* for landscape*/
.announcement-container > div {  font-size: 2em !important }
.announcement-container > div.counter-container {  font-size: 3rem !important }
.announcement-container .main {  font-size: 2em !important }


.popup {font-size:2em;}
.popup .speaker-img-container {height:auto;}
.popup  button.close { right: -15px;top: -15px; }
.popup > div{
	top:15vh;
	left:5vw;
	width:90vw;
	height:70vh;
	padding:2vh 2vw 2vh 2vw;
}
.popup img.speaker-img { width:25vw; max-width:40vh; max-height:unset; }
.popup .bio {	position:absolute ;bottom:0.5em;left: 1.2em;right:0.5em;top:38vw;overflow-y: auto; font-size:1em}
.popup .featured-description .name {font-size:1.5em;}
.popup .featured-description .text {font-size:1.1em;}
.popup .social img.icon {width:2em}

@media screen and (orientation:landscape) {
	.popup > div{ top:2vh; height:96vh; }
	.popup .bio {	top:27vw; font-size: 0.9em;}
	.popup .featured-description .name {font-size:1em;}
	.popup .featured-description .text {font-size:0.7em;}
	.popup .social img.icon {width:1.3em}
}


button  {height:auto;font-size:0.8em;}
.content {	padding-top: 140px; }

footer {font-size:2.7em;}
footer .footer-section {display:block;}
footer .footer-separator {display:none;}
footer .footer {height:4.5em;}
footer .footer .copyrights {font-size:0.7em;}
.content-two-columns .left , .content-two-columns .right { display:block; width:100%; font-size:1em; margin-bottom:3em; margin-right:0;}
.content-two-columns .left .contained-backgrounded-text , .content-two-columns .right .contained-backgrounded-text {width:90%}
.content-two-columns .contained-text { text-align:justify; }
.content-two-columns button , .content-two-columns a.button { font-size:2em; }


.content > .title {position:fixed; top: 0; width:100vw;z-index:1 ; font-size: 3em; line-height:0.5em; height:55px;}
.content > .title { /*font-size: 4em; */}
.page-About .content > .title { /*font-size: 3.3em;*/}

.cemb, .ftlb {	width: 60%; margin-left:20%; }
.footer .links a {    display:inline-block; margin: 0 0.1em 0 0.1em; }

#purpose_section {	max-width:unset; }
.short-about-section-container .text {	max-width: 90%; }
.section-title.title { padding-left:0; width: 90%;  margin: 0 auto 0 auto;}
.page-Home .section-title.title { margin-bottom:1em; font-size:3.8em;}

#contact_us_section .section-title.title { width: 100%; }
.contact-right-image {    width: 330px;}
.ftlb { height:250px;}
#contact_us_section .social-container {width:50px;vertical-align: top;float:right; }
.ftlb > img , .cemb > img {margin-left:0;}
#contact_us_section .social .icon { width:2.2em}

.content-Program .featured-speaker .locator .click_indicator {/* display:block; */}

#contact_us_section .social-container .social a > img {width:3em;}

.content-Program .lineup { margin-left:0;margin-right:0;}
.features-banner-container .feature-banner .number {font-size:4em; height:1em;}
.features-banner-container .feature-banner .description {font-size:1.5em;}
.features-banner-container {/* width: 100%; */ margin:40px 0 0 0;}

.bg-purple.buy-ticket .title {}
.bg-purple.buy-ticket > div {min-width:400px;  max-width:100%;}
.bg-purple.buy-ticket .text {font-size:1.5rem;margin-bottom:1em;  font-family:LatoLight; line-height:2.3rem;}
.bg-purple.buy-ticket .fee {font-size:2.3rem;line-height:2.3rem;}
.bg-purple.buy-ticket { display:block;width: 75vw;} 
.bg-purple.buy-ticket  > div { max-width:100%; margin-bottom:3em;}

.partners-blurb {text-align:justify; margin:5rem;}

.partner-boxes {margin:0 10vw 10vw 10vw ; display :block;}
#become-partner {display:block;position: unset;padding:0; margin-bottom:4rem}
#become-partner > div {padding:2rem; }
#donate-box { display:block;position: unset;}
#donate-box > div {position:unset;}


.partner-logo {width:auto;height:auto; display:block;}
.partner-logo.partner1 , .partner-logo.partner2 , .partner-logo.partner3 , .partner-logo.partner4  {margin:0 0 4em 0;}

.partner-logo a img {width:300px; max-width:unset;}
.partner-logo.partner1 a img { width:330px; max-width:unset;}
.partner-logo.partner2 a img { width:414px; max-width:unset;}
.partner-logo.partner3 a img { width:414px; max-width:unset;}


#organizers_section .aligner .right {text-align:center;}
#organizers_section .contained-image {position:unset; margin-left:auto; margin-right:auto;}
#id-expect-container a.button {margin-right:4rem;}
.background-picture-container {
	background-image: url('/CD2022_mobilesite_landing.jpg');
	min-width: unset;
	min-height:unset;
	width: 100%;
	height: 135vw;
}

.featured-speaker .locator .featured-description { bottom: 0px;}
.hidden-text button {font-size:2.5rem;margin:1rem 0 2rem 0;padding:0.5rem 2rem 0.5rem 2rem;}
.hidden-text img.icon {width: 4rem;}
.featured-speaker .locator:hover .featured-description .name {font-size:2.5rem; padding-top:30%;} 
.featured-speaker .locator:hover .featured-description .text {font-size:2rem; }
.featured-speaker .locator .featured-description { transition: .2s ease;}
.featured-speaker .locator:hover .featured-description { transition: .3s ease .5s;}
.page-Home .featured-speaker .featured-description {height:unset}

/********************************************/
.detailed_program .day-title { margin-bottom:2rem }
.detailed_program .day-title .day { font-size:3.5rem; }
.detailed_program .day-title .date { font-size:2.7rem;}

.detailed_program .time {   float:none; width:auto;    display:block; font-weight:bold; font-size:2.5rem;}
.detailed_program .session-info {    margin-left:0;    line-height:3rem;}
.detailed_program .type  , .detailed_program .minititle  {    font-size:2.5rem;}
.detailed_program .title , .detailed_program .toggler {    font-size:3.5rem;;    line-height:4rem;}
.detailed_program  { font-size:3rem ; }
.detailed_program  .session-info .details { margin-bottom:6rem;}
.detailed_program  .session-info .details .descripton { line-height:4rem;}
.detailed_program .toggler {margin-bottom:1.5rem; margin-top:-1.5rem;}
.detailed_program .toggler svg {height :2rem; width:2rem ;}


.detailed_program .lead {display:block;}
.detailed_program .small-photos figure  {width:20vw;}
.detailed_program .small-photos img {width:20vw;}
.detailed_program .small-photos figcaption {line-height:2rem;font-size:2rem;}
.detailed_program .large-photos img {width:90vw;}

.detailed_program .exhibitions .preview {width:100%; margin-bottom:2rem;display:inline-block;vertical-align:top;}
.detailed_program .exhibitions .preview.exhibition-1{margin-right:0%;}
.detailed_program .exhibitions .preview .title {font-size:3rem;margin-bottom:0.5rem;}
.detailed_program .exhibitions .preview .description {margin-bottom:2rem;}
.detailed_program .exhibitions .preview a {margin-bottom:3rem;}


.button_jump a.button {
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
}

.content-Media .title { display:block;}

.media-pictures-container {
    width:98%;
    margin-left:1vw;;
}

.media-pictures-content .blank-image {
    width:51vw;
    height:30vw;
}
.video-thumb-title {
    width: 50vw;
    height: 3vw;
    margin-top:7.5vw;
    padding:0.25vw 0.5vw;
}


.mediapopup figure , .mediapopup img , .mediapopup > div{
      margin: auto;
    max-height: 70vh;
}
.media-pictures-container  figcaption {
    margin:0;
    font-size:1.5rem;
}

.media-header-links .media-header-link {
    font-size:2.2rem;
}


.content-Media .media-header-links-no-title { 
    display: block; width:100vw; left:0; position:absolute;
    margin:1em 0;
}

.content-Media .media-header-links {
     margin-bottom:110px;
     margin-top:25px;
}
.content-Media .media-header-links .title {
    width:80vw;
}
.content-Media .media-header-links .media-header-link {
    display:inline-block;
    width:auto;
    padding:0.3em 0.3em;
}

.play-icon {width:10vw;margin-top:11vw; opacity: 0.9;}

.beforephoto , .afterphoto { line-height:60vw; }
.photo-and-buttons {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mediapopup button.close {
    right:2.5em;
    width:2em;
}

.mediapopup figure , .mediapopup img , .mediapopup > div{ max-width: 100vw;} .beforephoto , .afterphoto { display:none;} .mediapopup button.close { right:-1em} 

.content-Media .media-header-links-and-button {
    position: fixed;
    top: 145px;
    width: 100%;
    background-color:white;
    z-index:100;
    left: 0;
    padding-left: 1rem;
}
.button_jump a.button {margin-top:2rem;}
.media-pictures-content { margin-top:200px;}

.content-Videos .media-header-links { margin-bottom: 10px; }
.content-Videos .media-pictures-content { margin-top:100px;}

.announcement-media-gallery { margin-top:10%;width: 80%}