/*
	Theme Name: Junction Studio Theme
	Description: Child Theme for Semplice
	Author: Emma Scott-child and Tom Neish
	Template: semplice
*/

/* Custom CSS Start */

@import 'https://fonts.googleapis.com/css?family=Halant';

#navbar .logo h1 {font-size:36px !important;}

h1,h2,h3,h4,h5,h6,#navbar .logo h1, section#thumbnails .thumb .thumb-inner .thumb-hover h3 {font-family: 'CircularStd-Bold';color:#464646;}
h1 {font-size:28px;margin-bottom:10px;color:blue;line-height:40px;}
h3 {font-size:22px;margin-bottom:20px;line-height: 30px;font-family:'Circular-Book';font-weight:normal !important;}
h3.member {font-size:20px;line-height:35px;color:blue;margin:0;}
h3.member+p{margin-bottom: 15px;}
h4, h5 {margin-bottom:0;color:blue;line-height: 17pt;font-family:'Circular-Book';font-size:12px;font-weight:normal !important;}
h5 {color:#464646;font-family:'Halant', serif;font-size:12px;}

.logo-image {width:auto;height:auto;}

.menu a{font-family:'Circular-Book';text-transform:uppercase;}
.menu li:last-child a {padding-right:0;}
p,cite, section#thumbnails .thumb .thumb-inner .thumb-hover h3 span, h1.small {font-family:'Halant', serif;font-size:15px;line-height: 22px;}
section#thumbnails .thumb .thumb-inner .thumb-hover h3 span {margin:0;line-height:20px;}
cite {color:blue;letter-spacing: 0px;font-weight:normal;font-style:normal;font-size:12px;font-family:'Circular-Book';}
cite.plain {color:#464646;letter-spacing: 0;}
h1.small, h1.small a {font-weight:normal;color:#464646 !important;}
#footer-holder p {color:#464646 !important;font-size:14px;}
#footer-holder p.big {font-size:18px;line-height:24px;}

p.quote {font-family:'Circular-Book';font-size:22px;line-height:30px;text-transform: none;margin-bottom:25px !important;}
p.bluequote {color:blue;margin-bottom: 0;font-weight:normal;font-size:16px;}
p.big{font-family: 'Circular-Book';font-size:22px;line-height: 30px;color:#464646;}
p.big a {color:#464646 !important;}
p.big a:hover {color:blue !important;}
p.description {line-height: 22px;color:#464646;}
nav.standard {float:right;}
#project-panel-footer {display:none;}
.menu-style-nobutton ul li a, nav.standard ul li a {line-height:94px !important;}

/* .cover-image:before {
	content:'\00a0';position: absolute;top:0;bottom:75%;left:0;right:0;background:linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.8));z-index:1;pointer-events: none;
} */

#logo {font-size:24px;}
.navbar-inner {height:70px !important;}
#navbar, #navbar-bg {height:70px !important;}
.view-project {display:none;}

#footer-holder {background-color:white;border-top:1px solid #eee;}

.roundel {width:100%;position: relative;margin:0 auto;}
.roundel-container {width:100%;height:100vh;position: absolute;}
#round-logo {background:url(images/Junction-Studio_logo_roundel_V2.svg) no-repeat;width:67px;height:67px;position: absolute;right:10px;bottom:10px;z-index:99;background-size:cover;cursor:pointer;}
.to-the-top .top-button {display:none;}

.boxed {border:2px solid blue;padding:10px 15px;padding-top: 5px;}
.boxed p, .boxed h3 {color:blue;}
.boxed h3 {margin-bottom:0;}

.description p, .wysiwyg p, .wysiwyg-ce p, .wysiwyg-ce p:last-child {margin-bottom: 14px;}
.wysiwyg-ce h3:last-child, .wysiwyg-ce h5:last-child, .wysiwyg-ce h4:last-child {margin-bottom: 32px;}

.wysiwyg-ce .rslides_nav {background-color:transparent !important;color:white !important;}

.project-panel-button {display:none;}

/* quotes */
blockquote {border:0 !important;overflow:visible;}
.bx-wrapper ul li {overflow: visible !important;}
.bx-viewport{overflow:visible !important;}

.tslider.testimonials-slider blockquote p, p.bluequote {color:#464646;margin-bottom: 0;font-weight:normal;font-size:16px;margin:0 !important;line-height: 17pt;}
.tslider.testimonials-slider blockquote footer:before{content:"";}
.tslider.testimonials-slider blockquote footer {color:blue;letter-spacing: 0px;font-weight:normal;font-style:normal;text-align: left;line-height: 17pt;font-size:12px;font-family:'Circular-Book';}

@media all and (min-width:768px) {
	#round-logo {width:90px;height:90px;right:-45px;bottom:20px;}
	.roundel {width:724px;}
}

@media all and (min-width:980px) {
	#round-logo {width:90px;height:90px;right:-45px;bottom:25px;}
	.roundel {width:940px;}
}

@media all and (min-width:1200px) {
	.roundel {width:1170px;}
	#round-logo {width:126px;height:126px;right:-63px}
}
/* Custom CSS End */