/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {background: #fcebc7; font-family: 'Signika', sans-serif; font-size: 17px; font-weight: 300; color: #333}

header {background: url(/img/global/header-bg.jpg) center bottom no-repeat #fef9ee; background-size: 100% 93px; height: 247px}

#logo-jc {position: absolute; top: 35px; width: 376px}

#jw-nav {position: relative;}
#jw-nav ul {list-style: none; margin: 0; padding-right: 40px}
#jw-nav li {float: right}
#jw-nav > ul > li {background: none}
#jw-nav > ul > li.active > a {background: url(/img/global/nav-bg.jpg) center center; background-size: cover; border-bottom: 5px solid #fcebc7; color: #fff; }
#jw-nav li a {color: #333; padding: 65px 13px 34px; display: block; margin: 0 1px 0 0}
#jw-nav li a:hover {text-decoration: none} 
#jw-nav > ul > li > ul {position: absolute; padding: 10px 0; background: #fef9ee; opacity: 0; z-index: 10}
#jw-nav > ul > li > ul > li {float: none}
#jw-nav > ul > li > ul > li > a {padding: 5px 15px}
#jw-nav > ul > li > ul:hover, 
.isnottouch #jw-nav > ul > li:hover > ul,
.istouch #jw-nav > ul > li.show > ul {opacity: 1}
#jw-nav > ul > li > a {background: none}
.isnottouch #jw-nav > ul > li:hover > a,
.istouch #jw-nav > ul > li.show > a {background: url(/img/global/nav-bg.jpg) center center; background-size: cover; color:#FFFFFF; border-bottom: 5px solid #fcebc7}

.navbar-default {border: none; background: #fef9ee}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {background: #3a383a}
.navbar-brand {padding: 0}
.navbar-default .navbar-toggle {border: solid 1px #b33925; margin-right: 0}
.navbar-default .navbar-toggle .icon-bar {background: #b33925}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {border-color: #b33925}

#jw-carousel-wrapper {position: relative; height:340px}
#jw-carousel {position: absolute; top:-100px; width: 992px}
#jw-carousel .item {width:992px; height: 402px; position: relative; background-size: 992px 402px!important; color: #fff; }
#jw-carousel .item div {position: absolute; bottom: 30px; left: 30px; background: url(/img/global/jw-carousel-content-bg.png); padding: 15px 60px 15px 20px; font-size: 1.8em}
#jw-carousel .item-right div {left: auto; right: 50px; padding-right: 20px}
#jw-carousel .item div span {font-size:0.9em}
.owl-theme .owl-controls {text-align: right}
.owl-theme .owl-controls .owl-page span {border-radius: 0; width: 47px; height: 8px; background: #141414; opacity: 1}
.owl-theme .owl-controls .owl-page.active span {background: #b33925}

#jwc-home {background: url(/img/global/carousel-bg1.jpg)}
#jwc-slide2 {background: url(/img/global/carousel-bg2.jpg)}
#jwc-slide3 {background: url(/img/global/carousel-bg3.jpg)}
#jwc-slide4 {background: url(/img/global/carousel-bg4.jpg)}

.footer-form .btn-default {background: #FCEBC7; border: none; color: #b33925}



footer {background: url(/img/global/footer-bg.jpg) center center; background-size: cover; padding: 50px 0; color: #fff; }
footer h4 {background: url(/img/global/heading-bg-cream.png) bottom left no-repeat; background-size: 992px 5px}
footer p {font-size: 0.9em}
footer #mc_f_embed_signup form label {font-size: 15px; margin: 10px 0 15px}
footer #mc_f_embed_signup #mce-EMAIL {margin-bottom: 15px; -webkit-appearance: none; border-radius: 0}
footer #mc_f_embed_signup #mc-embedded-subscribe {float: right; background: #FCEBC7; border: none; color: #b33925; }
footer .tweet {background: url(/img/global/twitter-icon.png) 0px 3px no-repeat; background-size: 27px 21px; padding: 0 0 0 40px; min-height: 30px}
footer .tweet a {color:#fef9ee}
footer .fb-status {background: url(/img/global/fb-icon.png) 0px 3px no-repeat; background-size: 11px 25px; padding: 0 0 0 25px; min-height: 30px}
footer #git-captcha-wrapper {display: none}
footer #copyright {border-top: solid 1px #fff; margin: 40px 0 0; padding: 20px 0}
footer #footer-icons {text-align: right}
footer #footer-icons a {display: inline-block; margin: 0 5px; color: #fff; }

#hdr_social {
	position: absolute;
	right: 0;
	top: 64px;
}
#hdr_social a {
	color: #b33925;
}

h2,
h4 {background: url(/img/global/heading-bg.png) bottom left no-repeat; background-size: 992px 5px}
h2 {font-size: 1.6em; padding: 0 0 20px; margin-bottom: 30px}
h3 {color:#b33925; font-size: 1.4em}
h4 {padding: 0 0 15px; margin-bottom: 25px}

p.sub-heading {font-size: 1.1em}

.blue-txt {color:#b33925}
.blue-txt a {text-decoration: underline}

.underline-links a {text-decoration: underline}

.lead {font-size: 1.1em}

ol {padding: 0 0 50px 21px}
ol li {padding: 0 0 12px 15px; margin:0}

.placeholder {color: #58585a}
.loader,
.error,
.success-message {display: none}
.has-error .form-control {border-color: #df1212}

.spacer {height: 20px; display: block; width: 100%}
.spacer-lg {height: 30px; display: block; width: 100%}

.captcha-wrapper {margin-bottom: 10px}
.captcha-wrapper .captcha-instructions p {font-size: 13px; margin-bottom: 10px}
.captcha-wrapper .captcha-instructions p:first-child {margin-top: 5px; margin-bottom: 5px}

.book-joe {background: url(/img/global/book-joe-bg.jpg) center center; background-size:cover; padding: 18px 115px 18px; position: relative; font-size: 1.1em; margin: 20px 0}
.book-joe p { margin-bottom: 0; text-align: center; color: #fff; font-weight: 300}
.book-joe p:first-child {font-size: 0.9em}
.book-joe p:first-child span {font-size: 1.4em}

.lg-link {text-align: center; margin-bottom: 60px}
.lg-link p {padding: 30px 0; background: url(/img/global/lg-link-bg.jpg); background-size: cover}
.lg-link p span {font-size: 1.4em}

a.square-link {text-align: center; display: block; text-decoration: none; font-size: 22px; margin-bottom: 20px}
a.square-link img {margin-bottom: 10px}

.no-margin-bottom {margin-bottom: 0}

#mc_embed_signup {margin-bottom: 20px; margin-top:30px; background: url(/img/global/heading-bg.png) bottom left no-repeat; background-size: 992px 5px; padding-bottom: 5px}
#mc_embed_signup #sign-up-title {float: left; height: 60px; font-size: 24px; line-height: 50px; width: 275px; text-align: left; color: #b33925}
#mc_embed_signup #sign-up-news {background: #b33925; float: left; height: 50px; font-size: 20px; line-height: 50px; width: 137px; text-align: center; color: #fff; font-size: 17px}
#mc_embed_signup form {width: 580px; float: left; background: url(/img/global/sign-up-form-bg.jpg) center center; background-size: cover; height: 50px; padding: 10px 0 0 10px; color: #fff; }
#mc_embed_signup form label {font-size: 16px; margin-right: 18px; line-height: 30px; float: left; font-weight: 300}
/*
.lt-ie10 #mc_embed_signup form label,
html[data-useragent*='MSIE 10.0'] #mc_embed_signup form label,
html[data-useragent*='MSIE 11.0'] #mc_embed_signup form label {font-size: 16px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    #mc_embed_signup form label {font-size: 16px}
}*/
#mc_embed_signup #mce-EMAIL {padding-left: 12px; height: 30px; margin-right: 10px; color: #555; font-size: 16px; line-height: 30px; float: left; -webkit-appearance: none; border-radius: 0; border: none; width: 160px}
#mc_embed_signup #mc-embedded-subscribe {height: 30px; line-height: 30px; padding: 0 12px; font-size: 15px; float:left; background: #FCEBC7; border: #FCEBC7; color: #b33925} 

#about-imagery {padding:75px 0 0 45px}

.testimonial {padding: 0 0 15px}

#discover_more_about {
	color: #fff;
}
#discover_more_about a {
	color: #FCEBC7;
}
#discover_more_about .lg-link {
	background: #b33925;
}

#past-productions h2 {margin-bottom: 0}

.event,
.news-item {padding: 30px 0; background: url(/img/events/event-bg.gif) repeat-x bottom center}
.event img,
.news-item img {border: solid 1px #b33925}
.event h3 {margin:0}
.event p.sub-heading {margin-bottom: 10px}
.event p {margin-bottom: 20px}
.event p:last-child {margin: 0}

#events .book-joe {margin-top: 65px}

.news-items {margin-bottom: 50px} 
.news-item h3 {margin: 0 0 10px}
.news-item p {font-size: 0.9em}

#archive {padding: 80px 0 0 70px}
#archive ul {list-style: none; padding: 0; margin: 0}
#archive ul a {color: #FFFFFF}

.speaking-section {margin-bottom: 25px}
.speaking-section.last {margin-bottom: 60px}

.speaking-img-wrapper-right {padding-left: 30px}
.speaking-img-wrapper-left {padding-right: 30px}
.speaking-img {margin-top: 115px}

#contact-img-wrapper {padding-left: 30px}
#contact-img-wrapper > img {margin-top: 80px}
#contact-form {padding-bottom: 60px}
#contact-form .captcha-img {float: left; margin-right: 15px}
#form1_contact-form,
#form2_contact-form2 {margin-bottom: 30px}
#form1_contact-submit,
#form2_contact-submit {float: right; padding: 9px 40px 7px}
#contact-loader {float: right}
#contact-details {padding: 35px 20px}

#our-talent h2 {margin-top: 0}
#our-talent #back-btn-wrapper {margin-top: 20px}
#form1_contact-form input.btn-default,
#form2_contact-form2 input.btn-default,
#our-talent a.btn-default {background: #b33925; border:none; text-decoration: none; color:#FCEBC7}
#our-talent {padding-top: 25px} 
#our-talent-img img {margin-bottom: 25px}

.lg-link.slideshow {width: 100%; height: 230px; padding-top: 222px}
.lg-link.slideshow img {display:none}
.lg-link.slideshow p {width: 311px}

.logos {margin: 30px 0 25px} 


#jw-carousel div.item .btn-default {
	background: #FCEBC7;
	color: #b33925;
	border: none;
}

@media only screen and (max-width: 1199px) {
    header { height: 240px}

    #logo-jc {top:17px}
    
    #jw-nav li a {padding: 46px 15px 34px}

    #jw-carousel-wrapper {height: 300px}
    #jw-carousel {width: 940px; height: 369px}
    #jw-carousel .item {width:940px; height: 369px; background-size: 940px 369px!important}

    .book-joe {font-size: 1em}
    .book-joe img {left: 347px}

    /*#mc_embed_signup #sign-up-title, #mc_embed_signup #sign-up-news {width: 100%}
    #mc_embed_signup form {width: 100%; padding-left: 45px} */

    #mc_embed_signup #sign-up-title {font-size: 21px; width: 235px}
    #mc_embed_signup #sign-up-news {font-size: 16px; width: 125px}

    #archive {padding-left: 35px}
    
    #hdr_social {
		top: 46px;
	}

    .lg-link.slideshow {padding-top: 210px; height: 205px}
    .lg-link.slideshow p {width: 293px}
}

@media only screen and (max-width: 991px) {
    header {height: 208px}

	#logo-jc {width: 240px}

    #jw-nav > ul {padding-right: 15px}
    #jw-nav li a {padding: 34px 8px 23px} 

    #jw-carousel-wrapper {height: 215px}
    #jw-carousel {width: 720px; height: 283px}
    #jw-carousel .item {width:720px; height: 283px; background-size: 720px 283px!important}

    #mc_embed_signup {background: none}
    #mc_embed_signup #sign-up-title {background: none; height: 50px}
    #mc_embed_signup #sign-up-news {width: 100%; height: 40px; line-height: 40px}
    #mc_embed_signup form {width: 100%; padding-left: 45px}
    #mc_embed_signup #mce-EMAIL {width: 225px}

    .book-joe {padding: 18px 95px}
    
    #hdr_social {
		display: none;
	}

    .lg-link.slideshow {padding-top: 157px; height: 160px}
    .lg-link.slideshow p {width: 220px}

}




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

    header {background: #FEF9EE; height: auto}

    #logo-jc-mb {width: 165px; margin-top: 8px}

    #jw-carousel-wrapper {height: auto}
    #jw-carousel {position: relative; top: auto; margin-top: 15px; width: 100%; height: auto}
    #jw-carousel .item {width: auto; height: auto; background-size: cover!important; padding: 30px}
    #jw-carousel .item div {position: relative; bottom: auto; left: auto; right:auto; font-size: 1.3em}
    .owl-theme .owl-controls .owl-page span {width: 34px}
    #jwc-home {background: url(/img/global/carousel-bg1-sm.jpg)}
    #jwc-slide2 {background: url(/img/global/carousel-bg2-sm.jpg)}
    #jwc-slide3 {background: url(/img/global/carousel-bg3-sm.jpg)}
    #jwc-slide4 {background: url(/img/global/carousel-bg4-sm.jpg)}

    footer #copyright,
    footer #footer-icons {text-align: center}
    footer .footer-col {margin-bottom: 45px}

    .book-joe {padding: 25px 35px 25px 35px; margin-top: 20px}
    .book-joe p {float: none}
    .book-joe p:first-child {padding: 0}
    .book-joe img {display: none}
    .book-joe p.mid-para {padding: 15px 0 0}
    .book-joe p.book-btn {float: none; margin-top: 20px}

    .lg-link {max-width: 290px; margin: 0 auto 35px}

    #mc_embed_signup form {height: auto; padding: 25px 35px; margin-bottom: 20px}
    #mc_embed_signup form label {line-height: 25px}
    #mc_embed_signup #mce-EMAIL {width: 100%; margin-top: 5px}
    #mc_embed_signup #mc-embedded-subscribe {width: 100%; margin-top: 10px}

    #about-imagery {padding:30px 0 30px 0}

    .event img,
    .news-item img {max-width: 225px; margin: 0 0 20px}

    #archive {padding: 0}

    .speaking-img {max-width: 257px; margin-top: 20px}
    .speaking-img-wrapper-right {padding-left: 0}
    .speaking-img-wrapper-left {padding-right: 0}

    #contact-img-wrapper {padding-left: 0}
    #contact-img-wrapper > img {margin-top: 0; max-width: 290px}
    #contact-details {padding-bottom: 0}

    .square-link {max-width: 290px; margin: 25px auto}

    #our-talent-img img {max-width: 290px; margin-top: 30px}

    .lg-link.slideshow {margin-bottom: 150px}
    .lg-link.slideshow p {width: 290px}

    .navbar-default .navbar-nav .open .dropdown-menu>li>a,
    .navbar-default .navbar-nav>li>a {color: #b33925}
    .navbar-default .navbar-nav>.active>a, 
    .navbar-default .navbar-nav>.active>a:hover, 
    .navbar-default .navbar-nav>.active>a:focus,
    .navbar-default .navbar-nav>.open>a, 
    .navbar-default .navbar-nav>.open>a:hover, 
    .navbar-default .navbar-nav>.open>a:focus {background-color: #b33925}

}








/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}