/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


.white {color: #fff; }

 @media screen and (max-width: 768px) {
	 
	#menu-primary { background: rgba(0, 0, 0, 0.8);
		
}

#yagp .fl-row-content-wrap {background-position: 20% center;}



 }






.single-tutorial .container.grid-container {
max-width: 100%;
}


#primary .entry-content p a {text-decoration: underline; color: #0377DA; }


.contained-content.one-container .site-content {padding: 40px;}


.woocommerce-page #content {padding: 50px 0;}


.single-tutorial .site-content {padding: 0; }




.single-post-cats .fl-module-content {line-height: 0; }

.single .fl-post-info-terms {
	
	background: #23262E;
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    
	
	}
	
 .single .fl-post-info-terms a {color: #fff;}
 .single .fl-post-info-terms a:hover {color:  #a2b1c1;}
 
 
 #dancer-tutorials .fl-col-content.fl-node-content {margin-right: 20px;
	 
	      box-shadow: 0px 0px 2px -1px rgba(0,0,0,0.75);

	 
	 
 }
 
 
 //#auditions .fl-col-content.fl-node-content {margin-right: 10px;}

 
//#marketing .fl-col-content.fl-node-content { margin-right: 10px;}
	



	#tutorial-list {
		
		width: 100%; 
		max-width: 1200px;  
		display: flex;
		flex-flow: row wrap;
		margin: 0 auto; 
		justify-content: center;
		
	}
	
	
	
#block-container { max-width: 1200px; margin: 0 auto; }	
	
.block {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	max-width: 1200px; 
	margin-bottom: 20px; 
	padding-bottom: 25px; 
	border-bottom: 1px solid #eee; 

}

.block-header {display: flex; padding: 10px; }
.block-header h2 {margin-bottom: 0; font-weight: bold; text-transform: uppercase; }

 
 .block-item {
 
display: flex;
flex-grow: 1;
width: 25%;
box-sizing: border-box;
flex-direction: column;
padding: 10px; 
 }
 
.block-item .meta {margin-top: 10px; color: #999; text-transform: uppercase; font-size: 14px; }
.block-item .content {padding: 10px; }
.block-item .title {font-weight: bold; }
 
 
 
 @media screen and (max-width: 768px) {
	 
	 .block-item {width: 50%;  }
 }
 
 


@media screen and (min-width: 768px) and (max-width: 900px) {
	
	.block-item {width: 50%; }
}

  @media screen and (max-width: 376px) {
	 
	 .block-item {width: 100%;  }
 }

 
 .block .button {background: transparent; border: 1px solid #a2b1c1; border-radius: 5px; color: #a2b1c1;  }
 .block .button:hover {background: #a2b1c1; color: #fff; }
 
 
 .block-item .img {
height: 200px;
overflow: hidden;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 10px; 
box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);

	
}

.block-item .img a {
	width: 100%;
    height: 100%;
    display: block;
}

		 
		 
		 
	
.tutorial-item {
display: flex;
margin: 1em;
flex-grow: 1;
width: calc(400px - 2em);
max-width: 400px; 
box-sizing: border-box; 
flex-direction: column;
 }
    
   
 .tutorial-item h2 {font-size: 20px; font-weight: 400; }
 
 .tutorial-item .tut-thumb {
	 
	 height: 200px; 
	 width: 100%;
	 box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.75);
	 //display: flex;
	 //display: -webkit-flex; 
	  //align-items: center;
	 //justify-content: center;

	 
	  }
	  

   
    
    
.tutorial-item .tut-thumb .img {
	width: 100%; height: 200px;
	background-size: cover; 
	background-color: #000;
	position: relative; 
	display: flex; 
	align-items: center;
	justify-content: center; 
}
	    
	    
	    
.tutorial-item:hover .tut-thumb .img:before {
	    
  background: rgba(0, 0, 0, 0.2);
  transition: background-color 0.5s ease;
	    
   }
    
	    
 .tutorial-item .tut-thumb .img:before {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
	    
	    
	    
	    
.tutorial-item .icon {
	
	background-image: url('/wp-content/uploads/play-icon.png');
	height: 54px; 
	width: 54px; 
	//position: absolute;
	z-index: 11;
	
}   




 .tutorial-item:hover .icon {
	 
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
      
}




.tutorial-item .content {
	
padding: 20px; 
box-sizing: border-box;
text-align: center; 
display: flex;
align-content: center;
justify-content: center; 
flex-direction: column; 
align-self: stretch; 
} 
	
	
.tutorial-item .content p {font-size: 17px; display: block;  }

.tutorial-item .content .btn {
	
	box-sizing: border-box; 
	display: block; padding: 10px; text-align: center; border: 2px solid #222; width: 100%;
	 transition: all 0.5s ease;
	 margin-top: auto; 

	
	 }

.tutorial-item .content .btn:hover {
	
background: #7B0EF9; 
color: #fff; 
border: 2px solid #7B0EF9;
	
	
}


.tutorial-item a {display: block; width: 100%; height: 100%;}




	


.single-tutorial .heading {text-transform: uppercase; font-weight: 900; font-size: 16px; }


.single-tutorial #primary {width: 100%; }
.single-tutorial .inside-article {padding: 0px;  }
.single-tutorial #primary .site-main {margin: 0 0 40px 0; }
.single-tutorial .tutorial-wrapper { max-width: 1170px; width: 100%; margin: 40px auto 0 auto; padding: 20px; box-sizing: border-box; }
.single-tutorial .divider {width: 5%; height: 4px; background: #000; }
.single-tutorial .entry-content {float: left; padding-right: 40px; width: 70%; box-sizing: border-box; margin: 0;  }
.single-tutorial .entry-header {margin-bottom: 20px; }
.single-tutorial .vimeography-bugsauce {margin: 0; padding-bottom: 20px;}

.single-tutorial #splash-img {position: relative; height: 640px; width: 100%; background-size: cover; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; background-position: center center;   }

.single-tutorial #splash-img #splash-content {max-width: 800px; padding: 40px; color: #fff; text-align: center; z-index: 99;}

.single-tutorial #splash-img h1 {color:#fff; font-size: 60px;}


.transition, .transition a {transition: all 0.5s ease;  }


.btn {
	border-radius: 4px;
	max-width: 200px;
	width: 100%;
	padding: 10px;
	display: inline-block; 
	transition: all 0.5s ease;
	margin: 0 10px 10px 0; 

}

.ghost {
	
border: 2px solid #fff; 
color: #fff !important; 
	
	
}

.ghost:hover {
	background-color: #fff;
	color: #222 !important; 
} 


a.membership-btn, div.membership-btn a {
	
	border: 2px solid #FF0072;
	background-color: #FF0072;
	box-sizing: border-box; 
	border: none; 
	color: #fff; 
	
	}
	
	
a.membership-btn:hover, div.membership-btn a:hover {
	
	box-shadow: 0 5px 20px rgba(252, 28, 143, .5);
	color: #fff;
	background-color: #FF0073; 
	
}



.single-tutorial #splash-img:before {
  content: " ";
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}




.single-tutorial #tutorial-sidebar h2 {font-size: 16px; }
.single-tutorial #tutorial-sidebar a {color: #a2b1c1;}
.single-tutorial #tutorial-sidebar a:hover {color: #83a3c5;}



.single-tutorial #tutorial-sidebar {
	float: left; 
	width: 30%; 
	margin-bottom: 40px; 

	
	
}

.single-tutorial #tutorial-sidebar .tut-widget {
	
box-sizing: border-box; 
padding: 15px;  
background: #f6f6f6;
border: 1px solid #ddd;  
margin-bottom: 10px; 
	
}

.single-tutorial #tutorial-sidebar .add_to_cart_inline {
	text-align: center; 
	border: 1px solid #ddd; 
	padding: 20px;}
	
	
	
	

.single-tutorial #tutorial-sidebar .add_to_cart_inline .amount {
	
	font-weight: bold; 
	font-size: 40px; 
	text-align: center; 
	
}



.single-tutorial #tutorial-sidebar .add_to_cart_inline a.add_to_cart_button {
	
	display: block; 
	margin: 10px 0; 
	text-align: center; 
	background-color: #FF0072;
	color: #fff; 
	transition: all 0.5s ease; 	

	
}

.single-tutorial #tutorial-sidebar .add_to_cart_inline a.add_to_cart_button:hover {
	
	
	transition: all 0.5s ease; 	
	box-shadow: 0 5px 20px rgba(252, 28, 143, .5);
}	





.single-tutorial #tutorial-sidebar .w3eden {margin: 20px 0; }



#tutorial-sidebar #membership-box a.btn {color: #fff; display: block;   }
#tutorial-sidebar #membership-box {padding: 20px; }
#tutorial-sidebar #membership-box .micro {color: #1a982b;}

#membership-box {padding: 20px 40px; background: #f6f6f6; text-align: center;  border-top: 2px solid #FF0072; }
#membership-box h2 {text-align: center; }
#membership-box a {max-width: none; display: inline; }


.micro {font-size: 14px; }





@media screen and (max-width: 768px) {
	
	.single-tutorial .entry-content {width: 100%; padding-right: 0; }
	.single-tutorial #tutorial-sidebar {width: 100%;}
	.single-tutorial .divider {width: 20%;}
	
	
}

.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}


#vid-container {width: 100%; background: #000; padding-bottom: 20px;  }

#vid-container #video {max-width: 1170px; margin: 0 auto; }

	







.col-shadow img {
	box-shadow: 0px 0px 3px 0px #666
}

.nospace .fl-module-content {margin: 0; padding: 0}

.uppercase * {text-transform: uppercase;}

.ghost-btn a.fl-button {background: transparent; border: 2px solid #fff;}


.transparent {background: transparent;}

#footer-newsletter-signup {max-width: 600px; margin: 0 auto; width: 100%; box-sizing: border-box; }

#footer-newsletter-signup .gform_footer {text-align: center;}

#footer-newsletter-signup .email input, #footer-newsletter-signup .name input {padding: 10px; border: none;}



#footer-newsletter-signup .gform_footer input[type=submit] {background: #0377DA; min-width: 300px; padding: 15px 10px; 
  transition:  all 600ms ease-out;}
#footer-newsletter-signup .gform_footer input[type=submit]:hover {background-color: #09a0fc;}

.tg-item {-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);}

.light {font-weight: 100;}

.center-vertical {
  align-items: center;
   
}

.300 {font-weight: 300}


.fl-row-full-height.fl-row-align-center .fl-row-content-wrap {
	align-items: center;
	justify-content: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
}

.half-width {width: 50%; }

#intro-quote .fl-row-content-wrap {min-height: 1400px;}

.shadowimg img, .shadow {-webkit-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.46);
-moz-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.46);
    box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.46);}

.header-image {width: 200px;}

.sbi_follow_btn {position: absolute; bottom: 30px; left: 10px;}

#secondary-quote {width: 500px; float: right;}

.gradient {

background: #36D1DC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#dancers-header .fl-row-content  {min-height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;

}


@media screen and (max-width: 768px) {
	
 //#dancers-header h1 {font-size: 40px; }

	
}


#dancers-header .sub-heading {max-width: 700px;}

.woocommerce-page [class*=content]:before {content: none;  }


.paging-navigation .page-numbers {padding: 10px; background: #eee; font-size: 20px;  }



#dancers-photogs .fl-col {min-height: 750px;}






/* mobile styles */


/* homepage */ 



@media screen and (max-width: 375px) {
	
#intro-quote .fl-row-content-wrap {background-position: center center; }
#dancers-photogs .fl-col {min-height: 400px;}
#dancers-photogs h2 {font-size: 2em; }


#secondary-quote {width: 100%; float: none;}

}


/* homepage */ 


/* mobile styles */


.wc-memberships-restriction-message {display: none; }

.single-tutorial .page-header-image-single {display: none;  }

.single .entry-content li {margin-bottom: 20px; }


.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#right-sidebar .sidebar-newsletter {
	
	background-color: #23262E;
    color: #fff;
	
}

#right-sidebar .sidebar-newsletter h2 {color: #fff;}

#right-sidebar .sidebar-newsletter .gform_button {
	
	
	display: block;
    width: 100%;
    background: #0377DA;
	
}


.3dblue a.fl-button {border-bottom: 5px solid #4046ef !important;}

.workshop-heading {background-color: #706CE0;}

.zindex {z-index: 999; position: relative; }



.access-msg {
	
	background: #a1da26;
    color: #fff;
    padding: 20px;
    display: block;
   
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
	
	  }
	  
	  
.access {background: #a1da26; color: #fff; padding: 2px; text-align: center; width: 100%; position: absolute; bottom: 0; z-index: 9999;  left: 0; }	 



.woocommerce-MyAccount-navigation-link--members-area {display: none;}


.checkout.woocommerce-checkout.processing {
    background-image:url('../loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
}




.woocommerce .blockUI.blockOverlay{position:relative}

.woocommerce .blockUI.blockOverlay::before{height:1em;width:1em;display:block;position:fixed !important;bottom:0%;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url('../loading.gif') center center;background-size:cover;line-height:1;text-align:center;font-size:2em;
z-index: 999999999; opacity: 1; 
	
}

.woocommerce .loader::before{height:1em;width:1em;display:block;position:absolute;bottom:0;;left:50%;margin-left:-.5em;margin-top:-.5em;content:'';-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;background:url('../loading_spinner.gif') center center;background-size:cover;line-height:1;text-align:center;font-size:2em;}


.unclickable > a:hover {
  cursor: default;
}

.z-index {z-index: 999; position: relative; }

.leo-flex .fl-row-content-wrap {display: flex; align-items: center; min-height: 1000px; justify-content: center;}

.photog-lead-magnet {
	
 background: #2b5ac8;
    padding: 20px;
    text-align: center;
    color: #fff;
    border: 4px solid #0d3fb4;
}

.photog-lead-magnet h3 { font-size: 30px; font-weight: bold; }

#primary .entry-content .photog-lead-magnet #monsterlink {
	
	background: #19CCA3;
	padding: 20px;
	color: #fff; 
	border-radius: 5px; 
	text-decoration: none; 
	display: inline-block; 
	text-transform: uppercase;
	font-weight: bold;
	box-shadow: 0 1rem 1rem -0.5rem rgba(31,33,41,.25)
	
	
}

.photog-lead-magnet p {font-weight: 300}

#primary .entry-content .photog-lead-magnet #monsterlink:hover {
	
	background: #12e3ac; 
}

.mtv {color: #BC0723;}


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

#mtv-banner .fl-photo {text-align: center !important; }

}