html,body{
    height:100%;
    min-height:100%;
    display:block;
    
}
body{
    font-family:"Ubuntu",sans-serif;
    padding-top: 50px;
}
img{
    max-width:100%;
}
a{
    text-decoration:none !important;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}
a:hover{
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}


/* BOOTSTRAP OVERRIDES */

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    margin:15px auto;
}

.carousel-inner {
    background-color:#000;
}

#header nav {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0;
    text-transform: uppercase
}

#header .navbar-default {
    background: #ffffff;
}

#header .navbar-default .navbar-brand {
    font-family: "Ubuntu",sans-serif;
    letter-spacing: 3px;
    padding-left:0;
}

#header .navbar-default .navbar-toggle .icon-bar {
    background-color: #777;
}

#header .navbar-default .navbar-toggle {
    border-color: transparent;
    border-radius: 0
}

#header .navbar-default .navbar-toggle:focus,#header header .navbar-main .navbar-toggle:hover {
    background-color: #5298D8
}

#header .navbar-default .navbar-toggle {
    border: none;
    background: transparent !important
}

#header .navbar-default .navbar-toggle:hover {
    background: transparent !important
}

#header .navbar-default .navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s
}

#header .navbar-default .navbar-toggle .top-bar {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    -webkit-transform-origin: 10% 10%;
    transform-origin: 10% 10%
}

#header .navbar-default .navbar-toggle .middle-bar {
    opacity: 0
}

#header .navbar-default .navbar-toggle .bottom-bar {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    -webkit-transform-origin: 10% 90%;
    transform-origin: 10% 90%
}

#header .navbar-default .navbar-toggle.collapsed .top-bar {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#header .navbar-default .navbar-toggle.collapsed .middle-bar {
    opacity: 1
}

#header .navbar-default .navbar-toggle.collapsed .bottom-bar {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#header .navbar-default .navbar-nav>.active>a, #header .navbar-default .navbar-nav>.active>a:focus, #header .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0);
}

#header .navbar-default .navbar-nav>li>a {color:#afafaf;}


#intro {
    height:40%;
    display:block;
    width: 100%;
    max-width:1600px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-top:0;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.65);
}
#intro h3 {
    font-size:2em;
    line-height:1.2em;
    color:#fff;
}
#intro .heroParralax {
    height:100%;
    width:100%;
    display:block;
}
#intro .introContent {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#intro .introContent a {
    color: #e4bca0;
    border-bottom:6px solid rgba(0, 0, 0, 0);
}
#intro .introContent a:hover {
    color: #e4bca0;
    border-bottom:6px solid #e4bca0;
}

footer {
    background-color: #f1f1f1;
    margin-top: 20px;
    display: block
}

footer .copyrightCredits {
    margin: 30px 0
}

footer .copyrightCredits p {
    font-size: 10px;
    color: #525252;
    text-transform: uppercase;
    letter-spacing: 1px
}

footer .copyrightCredits p span {
    margin-right: 10px
}

footer .copyrightCredits p a {
    color: #525252;
    border-left: 1px solid #525252;
    padding: 0 10px
}

footer .copyrightCredits p a:hover {
    color: #000
}

footer .copyrightCredits p a:last-child {
    border-right: 0
}


#contactHero {
    height: 300px;
    width:100%;
    display:block;
    position:relative;
    margin:0 auto;
    background: transparent;
}
#contactHero .contentHeroParallax {
    width:100%;
    height:100%;
    display:block;
    background: transparent;
}

#contactForm .formBlock {
    display: block;
    background-color: #f2f2f2;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    margin-top: 20px;
    padding: 30px;
}


#introBody {
    padding: 30px;
}

.bookItem {display:block; margin-bottom:20px;}
.bookItem .bookInfo h3 {margin-top:25px;}

.profileIntro {margin-bottom: 30px;}



/* BLOG */

body.blog {
    background-color: #f9f9f9;
}

#blogFeed {padding: 60px 0;background-color: #fff;}

#blogFeed.homeFeed {padding: 50px 0;background-color: #f1f1f1;}

#blogFeed .leftThumbs {
    margin: inherit;
}
#blogFeed .rightThumbs {}

#blogFeed leftThumbs .blogThumb {
    padding: 0!important;
}


#blogFeed .blogThumb a {display:block;background-color:#000;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;padding: 0;margin-bottom: 20px;}

#blogFeed .blogThumb a img {opacity: .6;transition: all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;width: 100%;height: auto;}
#blogFeed .blogThumb a .infoContainer {padding: 0; position:absolute; top:0; left:0; width:100%; height:100%; display:block; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; opacity: 1;} 
#blogFeed .blogThumb a .infoContainer .infoContent {position: absolute; bottom: 0%; /* -webkit-transform: translateY(-50%); */ -ms-transform: translateY(-50%); /* transform: translateY(-50%); */padding: 5%;}
#blogFeed .blogThumb a .infoContainer .infoContent .blogThumbTitle {color:#fff; font-size:48px; text-align: left; font-family: 'Libre Baskerville', serif;}
#blogFeed .blogThumb a .infoContainer .infoContent .blogThumbDate {color:#fff; font-size:36px; font-family: 'Libre Baskerville', serif;}

#blogFeed .blogThumb a .bigText.infoContainer .infoContent .blogThumbTitle {font-size:36px;}
#blogFeed .blogThumb a .bigText.infoContainer .blogThumbDate {position:absolute; top:0; left; 0; font-size: 11px;font-family: 'Montserrat', sans-serif; display: inline-block;padding: 5%;margin: 0;color: #fff;}
#blogFeed .blogThumb a .smallText.infoContainer .infoContent .blogThumbTitle {font-size: 18px;}
#blogFeed .blogThumb a .smallText.infoContainer .blogThumbDate {position:absolute; top:0; left; 0; font-size: 11px;font-family: 'Montserrat', sans-serif; display: inline-block;padding: 5%;margin: 0;color: #fff;}

#blogFeed .blogThumb a:hover {cursor:pointer;}
#blogFeed .blogThumb a:hover img {opacity: 1; transition: all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}
#blogFeed .blogThumb a:hover .infoContainer {opacity: 0; transition: all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out;}

#blogFeed .leftThumbs .blogThumb { margin: 0; padding: 0;}


body.blog #blogFeed .feedHeader hr {border-top: 1px solid #000; margin: 20px 40% 40px;}

/* BLOG ENTRY */

section#blogEntry {padding: 30px 0 40px;margin-top: 0;z-index: 2;}
section#blogEntry .featureImage {padding:0;}
section#blogEntry .featureImage img {width:100%; height:auto;}
section#blogEntry .blogTitle {text-align:center;padding: 0;}
section#blogEntry .blogTitle  .blogType {background-color:#000; color:#fff; font-size: 14px; text-transform:uppercase; padding: 8px 10px 5px;display: inline-block;line-height: 14px; margin:0 auto;}
section#blogEntry .blogTitle h1 {font-size: 56px; margin: 20px 0 ;}
section#blogEntry .blogTitle .blogDate { font-family: 'Libre Baskerville', serif;}
section#blogEntry .blogTitle .smile {width:80px;height: 2px;margin:40px auto;display:block;background-color: #000;}
section#blogEntry .blogTitle hr {border-top:1px solid #000;margin: 40px 40%;}
section#blogEntry .blogBody {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
section#blogEntry .blogBody p {font-size: 14px;  line-height: 22px;  margin: 0 0 20px;}
section#blogEntry .blogBody img {width:100%; height:auto;}
section#blogEntry .blogBody blockquote p {font-size:30px; line-height:36px;}
section#blogEntry .blogBody blockquote .small, 
section#blogEntry blockquote footer, 
section#blogEntry blockquote small {  display: block;  font-size: 80%;  line-height: 1.42857143;  color: #777;  padding: 0;  background-color: rgba(0, 0, 0, 0);  border: 0;}
section#blogEntry .blogBody blockquote {  padding: 10px 20px;  margin: 20px 0;  font-size: 17.5px;  border-left: 5px solid #000;}
section#blogEntry .blogBody .blogVideo {margin:0 0 20px;}
section#blogEntry .blogBody p.blogCaption {background-color: #000;  color: #FFF;  padding: 10px 14px;  font-size: 12px;  display: block; margin: -20px 0 20px;} 
section#blogEntry .blogContent {background-color: #FFF;padding: 30px;margin-top: 0px;}

section#blogEntry .socialIcons {width: 50px; display: inline-block; margin-top: 0;text-align: center;position: absolute;top: 0;right: -50px;}
section#blogEntry .socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
section#blogEntry .socialIcons ul>li {list-style: none;width: 100%;/* float: left; */}
section#blogEntry .socialIcons ul>li a.socialShareLink {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 40px;font-size: 1.3em;float: left;}
section#blogEntry .socialIcons ul>li a.socialShareLink {background-color:#000;}
section#blogEntry .socialIcons ul>li a.socialShareLink.socialShareFacebook {background-color:#3b5998;}
section#blogEntry .socialIcons ul>li a.socialShareLink.socialShareTwitter {background-color:#00aced;}
section#blogEntry .socialIcons ul>li a.socialShareLink.socialShareGooglePlus {background-color:#dd4b39;}

section#blogEntry .socialIcons ul>li a:hover {opacity:1;}
section#blogEntry .socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #000;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 40px;line-height: 12px;font-size: 1.3em;padding-top: 8px;}
section#blogEntry .socialIcons ul>li .sharrre .box a.count {color: #FFF;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
section#blogEntry .socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color: #FFF;}


section#blogEntry #footerSocial.socialIcons {width: 100%; display: inline-block; height: 40px;margin: 15px auto;text-align: center; position:relative;right: auto;top: auto;}
section#blogEntry #footerSocial.socialIcons ul {padding: 0;width: 100%;display: inline-block;text-align: center;}
section#blogEntry #footerSocial.socialIcons ul>li {list-style: none;width: 33.3%;float: left;}
section#blogEntry #footerSocial.socialIcons ul>li a.socialShareLink {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 35px;line-height: 40px;font-size: 1.3em;float: left;}
section#blogEntry #footerSocial.socialIcons ul>li a.socialShareLink {background-color:#000;}
section#blogEntry #footerSocial.socialIcons ul>li a.socialShareLink.socialShareFacebook {background-color:#3b5998;}
section#blogEntry #footerSocial.socialIcons ul>li a.socialShareLink.socialShareTwitter {background-color:#00aced;}
section#blogEntry #footerSocial.socialIcons ul>li a.socialShareLink.socialShareGooglePlus {background-color:#dd4b39;}

section#blogEntry #footerSocial.socialIcons ul>li a:hover {opacity:1;}
section#blogEntry #footerSocial.socialIcons ul>li .sharrre .box {opacity:.85; display:block; color: #FFF;background-color: #DDD;text-align: center;margin: 0 5px 1px 0;width: 100%;height: 35px;line-height: 12px;font-size: 1.3em;padding-top: 6px;}
section#blogEntry #footerSocial.socialIcons ul>li .sharrre .box a.count {color: #000;font-size: 12px;line-height: 12px;width: 100%;display: block;text-align: center;}
section#blogEntry #footerSocial.socialIcons ul>li .sharrre .box a.share {font-size: 10px; line-height: 11px; color:#000;}



.workshopImageBlock {margin-bottom:15px;}

img.bookImage {width:100%; height:auto; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
#bookPageIntro {padding:50px 0;}
#bookGallery {padding: 50px 0;background-color: #f7f3ef;}
#bookGallery h2 {margin:0 0 30px 0;}
#launchGallery {padding: 50px 0;background-color: #f7f3ef;}
#launchGallery h2 {margin:0 0 30px 0;}
#media {padding:50px;}
#media h2 {margin:0 0 30px 0;}


/***** MEDIA QUERIES *****/


@media (min-width: 768px) {
    
    body {padding-top:90px;}
    
    #header .navbar-default {
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        padding: 20px 0;
    }
    
    #header .navbar-default .navbar-brand {
        font-size: 20px;
        color: #2f3247;
        margin: 0;
        font-weight: bold;
    }
    
    #header.scrolled .navbar-default {
        background: #fff;
        background: #fff;
        padding: 0px;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
    
    #intro {
        height:50%;
        max-width:100%;
    }
    #intro h3 {
        font-size:2.8vw;
        line-height:1.2em;
    }
    
    #bookIntro {
        padding: 20px;
    }
}


@media (min-width: 991px) {
    #intro,
    #contactHero {max-width:1200px;}
    .bookItem .bookInfo h3 {margin-top:10px;}
}


@media (min-width: 1200px) {
    #intro,
    #contactHero  {max-width:1440px;}
}


@media (min-width: 1400px) {
    #intro,
    #contactHero  {max-width:1600px;}
}