/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Author:       L Chinnis
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeen-child
*/

@media screen and ( min-width: 20em ){
	.top-indicator{border-top:2px solid yellow}	
}
@media screen and ( min-width: 30em ){
	.top-indicator{border-top:2px solid green}	
}
@media screen and ( min-width: 48em ){
	.top-indicator{border-top:2px dotted blue}	
}
@media screen and ( min-width: 67em ){
	.top-indicator{border-top:2px dotted red}	
}
@media screen and ( min-width: 79em ){
	.top-indicator{border-top:2px dashed orange}	
}

body, button, input, select, textarea {
     font-family: 'Roboto', "Helvetica Neue", helvetica, arial, sans-serif;
	 line-height:1.6;
	 font-size:1.05em;
	 font-weight:300;
	 letter-spacing:0.014em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Barlow";
}

.columns {
		position:relative;
}

@media screen and ( min-width: 48em ){
	.columns {
		display:inline-block;
	    vertical-align:top;
	}

	.column-2{
		width:16.5%;
	}
	.column-3{
		width:24.5%;
	}
	.column-4{
		width:32.9%;
	}
	.column-5{
		width:40%;
	}
	.column-6{
		width:49.7%;
	}
	.column-7{
		width:57%;
	}
	.column-8{
		width:66%;
	}
	.column-9{
		width:74.9%;
	}
	.column-10{
		width:83%;
	}
}

.align-center{text-align:center;}

.display-inline {
	display:inline-block;
    vertical-align:top;
}

@media screen and ( min-width: 48em ){
    .display-flex {display:flex;}
}

/*  Top Nav */

.navigation-top {
	 position:fixed;
	top: 0px;
	bottom:auto;
	text-align:left;
	z-index:999;
	width:100%;
	text-align:center;
	background:#0000cc;
	background:rgb(14,118,189 );
	border-top:0;
	border-bottom:0;
	box-shadow: 0 8px 17px rgba(0,0,0,.02);
	height:5em;
}
	
.navigation-top .wrap {
	 padding-top:0;
	 padding-bottom:0;
	 height:100%;
 }

.navigation-top .wrap, .site-branding .wrap, .page-one-column .wrap {
    max-width: 1200px;
	padding-left: 1em;
    padding-right: 1em;
}

.wrap.page-top {padding-top:2em}

a.custom-logo-link {
	width:60%;
	background:#fff;
	padding-left:1em;
	padding-right:1em;
	margin-top:0%;
	margin-bottom:1%;
	height:98%;
}

.custom-logo-link img {
	height:92%;
	width:auto;
}


/*.navigation-top {
	vertical-align:top;
}*/

.main-navigation a {
	 padding: 0.25em 1.25em;
}


#site-navigation {
	display:inline-block;
	vertical-align:top;
	padding:0.6em 0em;
    width:35%;
	margin-left:1%;
}

#site-navigation.toggled-on {
    width:84%;
	max-width:20em;
    background: rgb(14,118,189 );
    padding: 10px;
}

.main-navigation ul {
	background: transparent;
}

.main-navigation.toggled-on > div > ul {
    padding: 0 0 0.75em 0;
	height:auto;
}

.main-navigation.toggled-on > div > ul a {
    padding: 0.75em 0em;
}

.navigation-top nav a {
	color:#fff;
	text-transform:uppercase
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	color:#e74c3c;
}

#site-navigation button {
	background:aliceblue;
	color:navy;
}

.main-navigation ul ul {
    background: #333;
}

li.menu-item-6936 {/* menu Register button */
	background:#e74c3c;
	margin-right:0;
	text-align:center;
}

li.menu-item-6936 a {
	color:#fff;
	font-size: 0.975rem;
	padding:0.8em 1.75em;
}

@media screen and ( min-width: 48em ){
	
	.navigation-top .wrap, .site-branding .wrap, .page-one-column .wrap {
		padding-left: 2em;
		padding-right: 2em;
	}
	
	.navigation-top {
		height:auto;
	}
			
	#site-navigation {
	   width:60%;
   }
	
	a.custom-logo-link {
		width:240px;
		height:auto;
		padding-top:0.2em;
		padding-bottom:0.2em;
		margin-bottom:0;
		
	}	
	
	.custom-logo-link img {
		width:auto;
		/*max-height:70px;*/
	}
	
	li.menu-item-6936 {/* menu Register button */
		float:right;
		position:relative;
		left:30px;
	}
	
	.site-header .navigation-top .menu-scroll-down {
		color:#fff;
		display:none;
	}
	
	.wrap.page-top {padding-top:0}
}

@media screen and ( min-width: 64em ) {
	#site-navigation {
		width:69%;
		margin-left:2%;
	}
}

@media screen and ( min-width: 72em ) {
	.main-navigation a {
		 padding: 1.25em 1.25em;
	 }
}
/*

#wp-custom-header.image-out img {
	display:none;
}

.custom-header-media::before {
    background:none;
}

.has-header-image .custom-header-media img {
     object-fit:contain;
}

@media screen and (max-width: 29.99em){
	.has-header-image .custom-header-media img {
	    width:150%;
		margin-left:-50%;
		top:-2.8em;
     }
}
*/
@media screen and (min-width: 48em) {
	
	
	
	
}
	

/*
@media screen and ( min-width: 67em ){
	.top-indicator{border-top:2px dotted red}	
}
@media screen and ( min-width: 79em ){
	.top-indicator{border-top:2px dashed orange}	
}*/

/* Change the height of the top parallax panel */
/*Computer screen */
/*@media screen and (min-width: 48em) {
   .has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
	   height: 70vh;
	}
		
}
*/
/* Mobile screen*/
/*@media screen and (max-width: 29.99em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header
{
	height: 30vh;
	}
}
*/
/*
@media screen and (min-width: 30em) and (max-width: 47.99em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header
	{
	height: 70vh;
	}
}
*/
/*@media screen and (max-width: 47.99em) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header
{*/
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
/*height: 50vh;*/
	/*width: 100%;*/
	/*}
}*/
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
	/*height: calc(100vh - 32px);*/
	/*height: calc(50vh - 32px);*/
	}
}

/*  Home Page */
.page-one-column .panel-content .wrap {
	max-width: 1100px;
	/*display:flex;*/
	padding-left: 0.5em;
	padding-right: 0.5em;
    padding-bottom: 4.5em;
    padding-top: 2em;

}

/* top image */
.custom-header-wrap {				
	overflow: hidden;
	position: relative;
	padding-top: 20%;
}

.custom-header-media-a {
	
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	border:2px dashed red;		
}

@media screen and ( min-width: 48em ) {
	
	.custom-header-wrap {
		padding-top: 45%;
	}
	
	.custom-header-media-a  {
	     background-size:100%!important
   }
}

.site-branding {
	margin-bottom:0!important;
}

body:not(.title-tagline-hidden) .site-branding-text {
	color:#fff;
}

body:not(.title-tagline-hidden) .site-branding-text h1 {
	margin-bottom:0.5em;
}



#home-image-sponsors span, #home-image-sponsors img {vertical-align:top}

.site-title, body.has-header-image .site-description {
	text-transform:none;
	font-family: 'Roboto Condensed', sans-serif;
}

.site-title {
	font-size:1.4em;
}

body.has-header-image .site-description {opacity:1.0;}

.panel-content .left {
    padding:0 70px 0 15px;
	
}

body.page-one-column:not(.archive) #primary .entry-header {
	float:none;
	width:100%;
	margin-bottom:0;
}

.page article .panel-content .entry-header p{
	color:#000;
	font-weight:400;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	text-transform:none;
	letter-spacing: 0em;
}

.page article .panel-content h2.entry-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 52px;
}

body.page-one-column:not(.archive) #primary article.left-text-right-image .entry-header {
	padding-bottom:20px;	
}

@media screen and ( min-width: 48em ){
	
	.site-title {
		font-size:2em;
     }
	
	body.page-one-column:not(.archive) #primary article.left-text-right-image .entry-header {
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.panel-content .right .photo {
         padding-top:70px;
     }
}

@media screen and ( min-width: 64em ) {
	body:not(.title-tagline-hidden) .site-branding-text {
		max-width:40em;
	}
}

body.page-one-column:not(.archive) #primary article.left-text-right-image .entry-content {
	float:none;
	width:100%;
	padding-left:20px;
	border-style: solid;
	border-width: 0 0 0 2px;
	border-color:#e74c3c;
	margin-bottom:20px;
}

body.page-one-column:not(.archive) #primary article  p {
	color: #2f2f2f;
}

.panel-content .photo img {
	width:100%;
	height:auto;
}

article.left-text-right-image .panel-content .photo img {
	/* box-shadow: 0 14.14px 45px 0 rgba(40,55,71,.2); */
      -moz-box-shadow:    15px 15px 15px rgba(40,55,71,.3);
   -webkit-box-shadow: 15px 15px 15px rgba(40,55,71,.3);
   box-shadow:         15px 15px 15px rgba(40,55,71,.3);
}

body.page-one-column:not(.archive) #primary article.speakers .entry-header, body.page-one-column:not(.archive) #primary article.multi-box .entry-header {
	text-align:center;
	margin-bottom:2em;
}

body.page-one-column:not(.archive) #primary article.speakers .entry-content, body.page-one-column:not(.archive) #primary article.multi-box .entry-content {
		float:none;
	    width:100%;
}

#primary article.multi-box .entry-content .columns {
	max-width:30em;
}

body.page-one-column:not(.archive) #primary .entry-content p:last-child {
	margin-bottom:0;
}

article.speakers .panel-content .columns, article.multi-box .panel-content .columns {
	margin-bottom:1em;
}

@media screen and ( max-width: 47.99em ) {
	
	#primary article.multi-box .entry-content .columns {
	    max-width:30em;
		margin-left:auto;
		margin-right:auto;
    }
	
      article.speakers .panel-content .columns {
		  text-align:center;
		  margin-bottom:2em;
	}
	 
}

article.speakers .panel-content .columns h3, article.multi-box .panel-content .columns h3 {
	padding:2px 20px 10px 20px;
	margin-bottom:0;
	max-width:300px;
}

article.multi-box .panel-content .columns h3 {
	padding: 0px 0 10px 0;
}

article.speakers .panel-content .columns p {
	padding:0 20px;
	max-width:300px;
}

article.speakers .panel-content .columns .aspect-v   {
	max-width:270px;
	position:relative;
}



article.speakers .panel-content .columns .aspect-v, article.speakers .panel-content .columns h3, article.speakers .panel-content .columns p   {
	margin-left:auto;
	margin-right:auto;

}

body.page-one-column:not(.archive) #primary article.multi-box .entry-content p {
	line-height: 1.4;
    font-size: 0.90em;
}

body.page-one-column:not(.archive) #primary article.multi-box .columns h3 {
	font-weight:700;
}

article.multi-box .panel-content .columns .aspect-h {
	box-shadow: 0 15px 30px 0 rgba(40,55,71,.05);
	border:1px solid #ddd;
}

body.page-one-column:not(.archive) #primary article.multi-box .columns:hover h3, body.page-one-column:not(.archive) #primary article.multi-box .columns:hover p {
	color:#fff;
}

body.page-one-column:not(.archive) #primary article.multi-box .columns:hover .aspect-h  {
	background-image:url(/wp-content/uploads/2020/01/blue-2-sm.png);
}

article.speakers .panel-content .columns .aspect-v .photo  {
	max-height:250px;
	overflow:hidden;
	max-width:200px;
	margin-left:auto;
	margin-right:auto;
}

article.multi-box #home-sponsors > div {
	margin-top:1em;
	margin-right:2%;
}

@media screen and ( min-width: 48em ){
		
	article.speakers .panel-content .columns .aspect-v, article.multi-box .panel-content .columns .aspect-h  {
		height: 0;
		overflow: hidden;
		position:relative;
		margin-left:20px;
		margin-right:20px;
	}
	
	article.multi-box .panel-content .columns .aspect-h{
		padding-top: 95%;
	}
	
	article.speakers .panel-content .columns .aspect-v .photo, article.multi-box .panel-content .columns .aspect-h .photo {
	  width: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	}
	
	article.multi-box .panel-content .columns .aspect-h .photo h3 {
    font-size: 1.25rem;
     }
}

@media screen and ( min-width: 48em )and ( max-width: 62.99em ){
	article.multi-box .panel-content .columns .aspect-h .photo h3 {
		font-size: 1.075rem;
		/*border:1px solid blue;*/
	}
}

@media screen and ( min-width: 63em ){
	body.page-one-column:not(.archive) #primary article.left-text-right-image .entry-content {
	    margin-bottom:0px;
     }
	
	article.speakers .panel-content .columns, article.multi-box .panel-content .columns {
	     margin-bottom:60px;
    }
	
	
	article.speakers .panel-content .columns .aspect-v {
		padding-top: 100%;
	}
	
	article.multi-box .panel-content .columns .aspect-h{
		padding-top: 50%;
	}

}

article.multi-box .panel-content .columns .aspect-h .photo {
	/*padding-left:20px;
	padding-right:20px;*/

     padding: 35px 40px 30px 40px;
}

/*  Single Page */

body.page:not(.twentyseventeen-front-page) .custom-header {display:none;}

.page-id-7035 .site-header, .page-id-7324 .site-header {
    z-index: 999;
}

.page-id-7035 .site-content-contain, .page-id-7324 .site-content-contain {
	background: #f4f4f4;
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	margin:0;
	width:100%;
	max-width:100%;
}

body.page:not(.twentyseventeen-front-page) article {
	min-height:500px;
}

.page .entry-content.speakers .columns {
	margin-bottom:5em;
	width:277px;
	margin-left:auto;
	margin-right:auto;
}

body.page:not(.twentyseventeen-front-page) .entry-title {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 0.014em;
    text-transform: uppercase;
	text-align:center;
	font-family:"Barlow";
}

.page .entry-content .aspect-v-2 .photo {
	padding: 0;
	overflow:hidden;
}

.page .entry-content .aspect-v-2 .photo img {
	width:100%;
	height:auto;
	transform: scale(1);
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}

.page .entry-content .aspect-v-2:hover .photo img {
	transform: scale(1.08);
}

.page .entry-content .aspect-v-2 {
		height: 0;
		overflow: hidden;
		position: relative;
		margin-left: 0.8em;
		margin-right: 0.9em;
		margin-bottom:1.6em;
		padding-top:108%;
		border:0px solid red;
    }

	.page .entry-content .aspect-v-2 .photo {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		z-index:99
	}
	
	.page .entry-content .aspect-v-2 .overlay {
		display:none;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		background-color:rgba(183, 65, 14, 0.5);
		z-index:199;
		display:none;
	}
	
	.page .entry-content .aspect-v-2:hover .overlay {
		display:block;
	}

.overlay i.material-icons {
	font-size:4em;
	margin-top: 60%;
	margin-left: 35%;
    color:#eee;
	font-style: normal;
  font-weight: 400;
}

.entry-content .overlay a {box-shadow:none;}

.ts-speaker-info {
    position: absolute;
    right: 0.9em;
    bottom: -1em;
    background: #fff;
    z-index: 1;
    width: 80%;
    padding: 0.5em 0.5em;
	z-index:200;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.8em;
	color:#474747;
	color:#5b5b5b;
	text-align:center;
	border:0px solid blue;
}

.ts-speaker-info h3 {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:0.2em;
}



@media screen and ( min-width: 48em ) {
	
	.page-id-7035.page-one-column .wrap, .page-id-7324.page-one-column .wrap {
		padding-left: 2em;
		padding-right: 2em;
     }
	
	.page .entry-content.speakers .columns {
		margin-left:0;
		margin-right:0;
	}
	
	.site-info {
		float: none;
		padding: 0.5em 0 0;
		width: 100%;
		text-align:center;
	}
		
}

/* Episode & Webinar pages */

.episodes-see-more {text-align:center}

.episodes-see-more a {
	color:navy;
	font-weight:600;
}

.episodes-see-more a:hover {color:rgb(14,118,189 )}

/*  Footer */

#colophon {
background: #000;
}

#colophon * {
color: white !important;
list-style: none !important;
border: none !important;
box-shadow: none !important;
}


.site-info {
	margin-bottom:0;
}

/* Scroll to top function */
#button {
   background-color: #e74c3c; 
  width: 41px;
  height: 41px;
  text-align: center;
  border-radius: 18px;
  margin: 10px;
  position: fixed;
  bottom: 10px;
  right: 5px;
  transition: background-color .3s;
  z-index: 1000;
	display:none;
}

#button.show {display:block;}
	
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}

@media screen and ( min-width: 48em ) {
	#button {
	  bottom: 30px;
	  right: 30px;
   }
}