/* File: pqh-events/css/mobile.css
 *PQHE Events - Mobile Styles */ 

@media (max-width:767px) {

	/* Events */

	section.events {
		font-size:14px;
	}

	body section.events > h2 {
		width:100%;
	    font-size: 24px;
	    margin-bottom: 25px;
	}

	.events > ul > li {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.events > ul > li:first-child {
		padding-top:0;
	}

	/* this is placed in via WP CMS for control over headlines */
	.content h1 > span.event-tally {
		border:2px solid #8d8d8d;
		border-radius:20px;
		padding:3px 8px;
		font-size:20px;
	}

	.events .cme-event-icon {
		width:34px;
		height:34px;
		margin-right:15px;
		padding:5px;
		border-radius: 4px;
		font-size:12px;
		line-height:12px;
	}
	.events .cme-event-icon span {
		font-size:11px;
	}

	.events .item-content {
		width:80%;
	}
	.events .item-content h1 {
		font-size:20px;
		font-weight:400;
		cursor:pointer;
		width:100% !important;
		margin:0 0 0 0 !important;
	}

	.events .item-content p strong {
		margin-right:5px;
	}

	.events a.btn, .events button.btn {
	    padding: 6px 12px;
	    font-size: 14px;
	    line-height: 1.4;
	}

	.events .item-watch-controls p {
		font-size:14px;
	}

	.events a.btn-secondary, .events button.btn-secondary {
    	margin-bottom: 0;
	}

	.events .item-watch-controls-mobile {
		padding-top:25px;
	}
	.events .item-watch-controls-mobile button:last-child {
		margin-left:10px;
	}

	.events td {
		padding-right:5px;
	}

	.events .event-details {
		display:none;
	}

	.events > ul li:first-child .event-details {
		display:block;
	}

	/* speakers */ 
	
	section.speakers {
		font-size:18px;
	}

	.speakers > div > h2 {
	    font-size: 22px;
	    padding-bottom: 6px;
	    margin-bottom: 20px;
	    border-bottom: 3px solid #ddd;
	}

	.speakers .speakers-mask {
		max-height:5000px;
		width:100%;
		float:none;
	}
	
	.speakers .speakers-mask.speaker-sm ul {
		width:100%;
	}
	
	.speakers .speakers-mask > ul > li {
		display:block;
		width:100%;
		border-bottom:1px solid #ddd;
		margin:0 !important;
		padding:25px 0;
	}
	
	.speakers .speakers-mask > ul > li:first-child {
		padding-top:0;
	}

	.speakers .speakers-mask > ul > li:last-child {
		border-bottom: none;
	}
	
	.speakers .speakers-mask .speaker-mobile-reveal-btn {
		display:block;
		float:right;
		color:rgb(100,100,100);
		font-size:36px;
		opacity:1;
		vertical-align: bottom;
		text-decoration:none;
	}

	.speakers .speakers-mask .speaker-mobile-reveal-btn:active,
		.speakers .speakers-mask .speaker-mobile-reveal-btn:hover,
		.speakers .speakers-mask .speaker-mobile-reveal-btn:visited {
		color:rgb(100,100,100);
		text-decoration:none;
	}
	
	
	.speakers .speakers-mask li .speaker-thumbnail img {
		height:auto;
		vertical-align: top;
	}
	
	.speakers .speakers-mask li.selected .speaker-thumbnail img {
		border:none;
	}
	
	.speakers .speakers-mask .speaker-thumbnail {
		vertical-align: top;
	}
	
	

	
	.speakers .speakers-mask.speaker-sm > ul > li > .speaker-name,
	.speakers .speakers-mask.speaker-sm > ul > li > .speaker-name .speaker-exp,
	.speakers .speakers-mask > ul > li > .speaker-name,
	.speakers .speakers-mask > ul > li > .speaker-name .speaker-exp {
		display:inline-block;
		margin:0;
		font-size:18px;
		line-height:20px;
		padding:0 0 0 15px;
		width:70%;
	}
	
	.speakers .speakers-mask > ul > li > .speaker-name .speaker-exp {
		padding:3px 0 0 0 !important;
		clear:left;
		line-height:20px;
	}

	.speakers .speakers-mask .speaker-title {
		line-height:20px;
	}

	.speakers .speakers-mask .speaker-info {
		width:100%;
		clear:both;
		margin-top:25px;
	}
	
	.speakers .speaker-info h1 {
		font-size:16px;
	}

	.speakers .speaker-info h2 {
		font-size:14px;
	}
	
	.speakers .speakers-mask .speaker-info .speaker-name, 
		.speakers .speakers-mask .speaker-info .speaker-exp {

		display:none;
	}
	

	.speakers .speaker-info li {
		padding-bottom:6px;
	}

	.speakers .speakers-mask .speaker-info .speaker-appearances {
		display:none;
	}

	.speakers .speaker-presentation .speaker-selected-info {
		display:none;
	}

	.speakers .speakers-mask .speaker-mobile-reveal-btn {
		display:block;
		font-size: 32px;
	}

	.speakers .speaker-appearances hr {
		border:1px solid #ddd;
	}

	/* small/large speaker grid */

	.speakers .speakers-mask.speaker-sm {
		width:100%;
	}

	.speakers .speakers-mask.speaker-sm li {
		padding:25px 0;
		display:block;
		width:100%;
	}


	/* partners */ 
	
	.content .partners h2 {
		font-size: 22px;
	    padding-bottom: 6px;
	    margin-bottom: 20px;
	    border-bottom: 3px solid #ddd;
	}


	.partners li {
		width:100%
		padding:25px 0;
	}

	.partners li:not(:last-child) {
		border-bottom:1px solid #ddd;
	}

	.partners ul, .partners li {
		text-align: center;
		width:100% !important;
	}
	
	.content .partners img {
		margin:0 auto !important;
	}

	.events .hr-snug, .speakers .hr-snug {
		font-size: 14px;
	}



}

@media screen and (max-width:510px) {
	.speakers .speakers-mask.speaker-sm > ul > li > .speaker-name,
	.speakers .speakers-mask.speaker-sm > ul > li > .speaker-name .speaker-exp,
	.speakers .speakers-mask > ul > li > .speaker-name,
	.speakers .speakers-mask > ul > li > .speaker-name .speaker-exp {
		font-size:20px;
		line-height:26px;
		width:53%;
	}
}