/*!
Theme Name: Andy Lerner 2018
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://jstrong.tech
Description: This theme was generated for Andy Lerner in early 2018
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: andy-lerner-2018
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Andy Lerner 2018 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Custom Styling
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Custom Styling
--------------------------------------------------------------*/

	/* ---- GLOBAL ---- */	
.logged-in .navbar
{
	top: 32px;
}

		html{
					overflow-x: hidden;
                    font-size: 120%;
                }
                p{
                   font-size: 0.8rem;
                }
                p, span{
                        
			font-family: Cantarell,"Segoe UI",Roboto, sans-serif;
		}
		body{    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; }
                
		h1, h2, h3, h4, h5, h6, .subhead, .nav-link, .dropdown-menu{
			font-family: 'PennaRegular', 'pennaregular', "Work Sans", Lato, sans-serif;
                        font-weight: bolder;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        text-align: center;
		}

		/* Always the prettiest text */
		h1, h2, h3, h4, h5, h6, p, span, .subhead, .nav-link, a{
			-webkit-font-smoothing: antialiased;
			text-rendering: optimizelegibility;
		}
                
		.container{
			padding: 0;
		}
		.row{
			padding: 0 15px;
		}
		.target
		{
		  display: block;
		  height: 60px; /* height of navbar*/
		  margin-top: -60px; /*height of navbar + a little extra*/
		  visibility: hidden;
		}



		/* --- HEADER STYLES --- */
			
                nav.navbar{
                     padding-top: 0;
                     padding-bottom: 0;
                }
		#nav-logo{
			height: 50px;
		}
		.header{
			background: white;
			box-shadow: rgba(0,0,0,.117647) 0 1px 3px;
		}
		li.nav-item{
			text-transform: uppercase;
                        font-weight: bolder;

		}
                .dropdown-item{
                     font-weight: bolder; 
                }

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu{
     transition: all 1.0s ease;
}
.navbar-light .navbar-nav .nav-link, .dropdown-item{
      color: #808080;

}
.navbar-light .navbar-nav .nav-link:hover, .dropdown-item:hover{
      color: #000000;

}


		/* ---- SECTION INTRO ---- */
		



		#intro{
			margin-top: 75px;

			text-align: center;
			text-transform: uppercase;
		}

		#intro .container {

			border-bottom: 1px solid #66ccfc;
			padding-bottom: 15px;
			margin-bottom: 15px;
		}
		img#headshot{
			width: 200px;
			height: auto;
			border-radius: 100%;
			margin-bottom: 20px;

		}
  /* ---- GLOBAL ---- */  
    html{
                    font-size: 120%;
                }
                p{
                   font-size: 0.8rem;
                }
                p, span{
                        
      font-family: Cantarell,"Segoe UI",Roboto, sans-serif;
    }
                
    h1, h2, h3, h4, h5, h6, .subhead, .nav-link, .dropdown-menu{
      font-family: 'PennaRegular', "pennaregular", "Work Sans", Lato, sans-serif;
                        font-weight: bolder;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        text-align: center;
    }

    /* Always the prettiest text */
    h1, h2, h3, h4, h5, h6, p, span, .subhead, .nav-link, a{
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizelegibility;
    }
                
    .container{
      padding: 0;
    }
    .row{
      padding: 0 15px;
    }
    .target
    {
      display: block;
      height: 60px; /* height of navbar*/
      margin-top: -60px; /*height of navbar + a little extra*/
      visibility: hidden;
    }



    /* --- HEADER STYLES --- */
      
	nav.navbar{
		padding-top: 0;
		padding-bottom: 0;
	}
    #nav-logo{
      height: 50px;
    }
    .header{
      background: white;
      box-shadow: rgba(0,0,0,.117647) 0 1px 3px;
    }
    li.nav-item{
      text-transform: uppercase;
                        font-weight: bolder;

    }
                .dropdown-item{
                     font-weight: bolder; 
                }

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu{
     transition: all 1.0s ease;
}
.navbar-light .navbar-nav .nav-link, .dropdown-item{
      color: #808080;

}
.navbar-light .navbar-nav .nav-link:hover, .dropdown-item:hover{
      color: #000000;

}


    /* ---- SECTION VIDEOS ---- */
                .row.video-wrap.video-center{
                     justify-content: center; 
                 }
    .category-title{
      text-transform: uppercase;
      margin: 20px 0;
    }
    .video-thumb{
      background-color: #999999;
      padding: 0;
      overflow: hidden;
    }
    .video-thumb a{
      position: relative;
    }
    .video-thumb a img{
      transition: all .25s ease-in-out;
      object-fit: cover;
    }

    .video-thumb a img.hover{

      -moz-transform: scale(1.10);
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }
    .video-thumb .overlay{
      height: 100%;
      width: 100%;
      position: absolute;
      top:0;
      left:  0;
      background-color: rgba(0, 0, 0, 0.0);
    }
    .video-thumb .overlay:hover{
      background: rgba(0, 0, 0, 0.4);
    }

                .video-wrap, .carousel-outer{
                    margin-bottom: 50px;
                }
    /* --- SECTION BIO --- */
    #bio .box{
      background-color: #ececec;
      padding: 50px;
      margin: 50px auto;
      text-align: center;
    }

    #bio h5{
      text-transform: uppercase;
    }
                #bio p {
                       text-align: left;
                }

@media (min-width: 992px) { 

     #bio{
       text-align: center;
}
     #bio p{
         max-width: 80%;
         margin: 30px auto;
         text-align: justify;
         text-justify: inter-word;
         text-align-last: left;
      }
 }

    /* --- MODAL WINDOW --- */

    .modal.show .modal-dialog{
      max-width: 960px;
    }
    .modal-content{
      background-color: #000;
      border: none;
      border-radius: 0;
    }
    #videoModal .modal-body{
      padding: 0;
      position: relative;
      padding-bottom: 55%; /* 16:9 */
      padding-top: 25px;
      height: 0;
    }
    #videoModal iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    #contact{
      text-align: center;
    }

    #contact .no-pad{
      padding: 0px;
    }
    #contact span{
      line-height: 33px;
    }
    #contact hr{
      border: 0;
      height: 1px;
        background: #66ccfc;

    }

    /*------------- FOR THE CAROSEL ------------------*/
                 .carousel-item, .carousel-inner.row, .carousel-outer{
        padding:0;
                 }
                 .carousel-control-prev{

  background: linear-gradient(
    to right,
    black, 
    transparent
  );
}
.carousel-control-next{

  background: linear-gradient(
    to left,
    black, 
    transparent
  );
}   
                  @media (min-width: 768px) {

        /* show 3 items */
        .carousel-inner .active,
        .carousel-inner .active + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item,
        .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
            display: block;
        }
        
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
        .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
            transition: none;
        }
        
        .carousel-inner .carousel-item-next,
        .carousel-inner .carousel-item-prev {
          position: relative;
          transform: translate3d(0, 0, 0);
        }
        
        .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: absolute;
            top: 0;
            right: -25%;
            z-index: -1;
            display: block;
            visibility: visible;
        }
        
        /* left or forward direction */
        .active.carousel-item-left + .carousel-item-next.carousel-item-left,
        .carousel-item-next.carousel-item-left + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(-100%, 0, 0);
            visibility: visible;
        }
        
        /* farthest right hidden item must be abso position for animations */
        .carousel-inner .carousel-item-prev.carousel-item-right {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            display: block;
            visibility: visible;
        }
        
        /* right or prev direction */
        .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
        .carousel-item-prev.carousel-item-right + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
        .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
            position: relative;
            transform: translate3d(100%, 0, 0);
            visibility: visible;
            display: block;
            visibility: visible;
        }

    }

		/* ---- SECTION VIDEOS ---- */
                .row.video-wrap.video-center{
                     justify-content: center; 
                 }
		.category-title{
			text-transform: uppercase;
			margin: 20px 0;
		}
		.video-thumb{
			background-color: #999999;
			padding: 0;
			overflow: hidden;
		}
		.video-thumb a{
			position: relative;
		}
		.video-thumb a img{
			transition: all .25s ease-in-out;
			object-fit: cover;
		}

		.video-thumb a img.hover{

			-moz-transform: scale(1.10);
		    -webkit-transform: scale(1.10);
		    transform: scale(1.10);
		}
		.video-thumb .overlay{
			height: 100%;
			width: 100%;
			position: absolute;
			top:0;
			left:  0;
			background-color: rgba(0, 0, 0, 0.0);
		}
		.video-thumb .overlay:hover{
			background: rgba(0, 0, 0, 0.4);
		}

                .video-wrap, .carousel-outer{
                    margin-bottom: 50px;
                }
		/* --- SECTION BIO --- */
		#bio .box{
			background-color: #ececec;
			padding: 50px;
			margin: 50px auto;
			text-align: center;
		}

		#bio h5{
			text-transform: uppercase;
		}
                #bio p {
                       text-align: left;
                }

@media (min-width: 992px) { 

     #bio{
       text-align: center;
}
     #bio p{
         max-width: 80%;
         margin: 30px auto;
         text-align: justify;
         text-justify: inter-word;
         text-align-last: left;
      }
 }
.link-plain-text, .link-plain-text:hover{ 
	color: black;
}
		/* --- MODAL WINDOW --- */

		.modal.show .modal-dialog{
			max-width: 961px;
		}
		.modal-content{
			background-color: rgba(0,0,0,0);
			border: none;
			border-radius: 0;
			display: block;
		}
		#videoModal .modal-body{
			padding: 0;
			position: relative;
			padding-bottom: 53.69%; /* 16:9 */
			padding-top: 25px;		
}
#videoModal .modal-body:after {
    content: "";
    height: 50px;
    display: block;
}
		#videoModal iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		#contact{
			text-align: center;
		}

		#contact .no-pad{
			padding: 0px;
		}
		#contact span{
			line-height: 33px;
		}
		#contact hr{
			border: 0;
			height: 1px;
    		background: #66ccfc;

		}

		/*------------- FOR THE CAROSEL ------------------*/
                 .carousel-item, .carousel-inner.row, .carousel-outer{
				padding:0;
                 }
                 .carousel-control-prev{

  background: linear-gradient(
    to right,
    black, 
    transparent
  );
}
.carousel-control-next{

  background: linear-gradient(
    to left,
    black, 
    transparent
  );
}		

@media (max-width: 767px){
	    .target
    {
      display: block;
      height: 200px; /* height of navbar*/
      margin-top: -200px; /*height of navbar + a little extra*/
      visibility: hidden;
    }
}

@media (min-width: 768px) {

		    /* show 3 items */
		    .carousel-inner .active,
		    .carousel-inner .active + .carousel-item,
		    .carousel-inner .active + .carousel-item + .carousel-item,
		    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
		        display: block;
		    }
		    
		    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
		    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
		    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
		    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
		        transition: none;
		    }
		    
		    .carousel-inner .carousel-item-next,
		    .carousel-inner .carousel-item-prev {
		      position: relative;
		      transform: translate3d(0, 0, 0);
		    }
		    
		    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		        position: absolute;
		        top: 0;
		        right: -25%;
		        z-index: -1;
		        display: block;
		        visibility: visible;
		    }
		    
		    /* left or forward direction */
		    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
		    .carousel-item-next.carousel-item-left + .carousel-item,
		    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
		    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
		    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		        position: relative;
		        transform: translate3d(-100%, 0, 0);
		        visibility: visible;
		    }
		    
		    /* farthest right hidden item must be abso position for animations */
		    .carousel-inner .carousel-item-prev.carousel-item-right {
		        position: absolute;
		        top: 0;
		        left: 0;
		        z-index: -1;
		        display: block;
		        visibility: visible;
		    }
		    
		    /* right or prev direction */
		    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
		    .carousel-item-prev.carousel-item-right + .carousel-item,
		    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
		    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
		    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
		        position: relative;
		        transform: translate3d(100%, 0, 0);
		        visibility: visible;
		        display: block;
		        visibility: visible;
		    }

		}