/*
Theme Name: Jamie Has Wings
Theme URI: https://jamesgoodwin.co
Author: James Goodwin
Author URI: https://jamesgoodwin.co
Version: 1.0
*/

/*brand colours*/
.gentle {background:#dbdbdb!important;}
.deep {background:#312933!important;}
.fire {background:#f15a24!important;}
.spark {background:#ff7503!important;}
.dark {background:#222222;}
.text-gentle {color:#dbdbdb!important;}
.text-deep {color:#312933!important;}
.text-fire {color:#f15a24!important;}
.text-spark {color:#ff7503!important;}
.border-gentle {border-color:#dbdbdb!important;}
.border-deep {border-color:#312933!important;}
.border-fire {border-color:#f15a24!important;}
.border-spark {border-color:#ff7503!important;}
.btn-gentle {border-color:#dbdbdb!important;color:#dbdbdb!important;background:transparent!important;}
.btn-deep {border-color:#312933!important;color:#312933!important;background:transparent!important;}
.btn-fire {border-color:#f15a24!important;color:#f15a24!important;background:transparent!important;}
.btn-spark {border-color:#ff7503!important;color:#ff7503!important;background:transparent!important;}
.btn-gentle:hover {background:#dbdbdb!important;color:#312933!important;}
.btn-deep:hover {background:#312933!important;color:#ff7503!important;}
.btn-fire:hover {background:#f15a24!important;color:#312933!important;}
.btn-spark:hover {background:#ff7503!important;color:#312933!important;}

/*typography*/
hr.small {max-width:125px;}
@media (max-width: 767px) {
	h1.display-1 {font-size: 32px}
	h2 {font-size: 28px}
}

/*header*/
.has-nav #site-header .page-hero.full {margin-top:-56px;}
#site-header .page-hero {min-height: 420px;}
@media (max-width: 767px) {
	#site-header .page-hero {
		min-height: auto;
		padding:20px 10px;
	}
}
#site-header .page-hero.full {height:100vh;}
#site-header .page-hero hr {border-color:#ffffff;}
#site-header .page-hero.has-img .hero-inner {background:rgba(0,0,0,0.25);}
#site-header .page-hero p.lead {
	margin:0 auto;
	max-width:650px;
}

/*footer*/
#site-footer {padding:50px 0;}
#footer-widgets .jumbotron {min-height: 260px;}
.trust-pilot .trust-pilot-logo .trust-pilot-logo-svg {max-width:250px;}

/*content*/
section {padding:50px 0 0;}
.pagination {margin:0 auto;}
.cta-section {padding:150px 0;}
.widgets .sticky-top {top:75px;}
.content img,
.content-inner img {max-width:100%!important;height:auto!important;}
button.btn {cursor:pointer;}
.author-block img {margin-right:20px;}

/*timeline*/
.timeline .connecting {
	width:20px;
	border-left: 5px dashed rgb(244, 244, 244);
	top:0px;
	left:75px;
}
@media (max-width: 767px) {
	.timeline .connecting {left:50%;}
}
.timeline .card {
	border:none;
	margin:0 0 150px;
}
.timeline .card:last-child {margin-bottom:0px;}
.timeline .card .card-body {padding:0;}
.timeline .card .image-wrapper {
	border-radius:50% 0 0 50%;
	padding:10px 20px 10px 10px;
	height:150px;
	width:150px;
}
@media (max-width: 767px) {
	.timeline .card .image-wrapper {
		float:none!important;
		margin:0 auto;
		border-radius:50% 50% 0 0;
	}
}
.timeline .card .image-wrapper .fa {
	left: 45px;
	top: 40px;
}
@media (max-width: 767px) {
	.timeline .card .image-wrapper .fa {
		left: 50%;
		top: 45px;
		margin-left:-30px;
	}
}
.timeline .card .image-wrapper img {width:130px;height:auto;}
.timeline .card .event-wrapper {
	padding:10px;
	height:150px;
	margin-left:150px;
}
@media (max-width: 767px) {
	.timeline .card .event-wrapper {
		margin-left:0px;
		height:auto;
	}
	.timeline .card .event-wrapper .card-title {text-align: center;}
}
iframe.conduit-mask {
	display: block;
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left:0;
	border:none;
}
/*comments*/
.comment {
    border-left:2px solid #eeeeee;
    position: relative;
}
.comment .ball,
.comment .line {
    width:10px;
    border-radius: 100%;
    background: #eeeeee;
    position: absolute;
    left:-6px;
}
.comment .ball {
    height:10px;
    border-radius: 100%;
    bottom:-6px;
}
.comment .line {
    height:2px;
    top:0px;
    bottom:-6px;
}
.comment.parent {}
.comment.parent .comment {margin-left:20px;}
.comment blockquote.comment-body {
    padding:0 0 0 20px;
    border-left:none;
}
.comment blockquote.comment-body .panel-comment {margin:0;}
.comment blockquote.comment-body .panel-comment .panel-heading {}
.comment blockquote.comment-body .panel-comment .panel-body {}
.comment blockquote.comment-body .panel-comment .panel-body p {font-size: 1.5rem;}

/*Special List*/
.list-group.list-group-flush.special-list {}
.list-group.list-group-flush.special-list .list-group-item {
	padding-top: 0;
	margin:0 0 20px;
	border:none;
}
.list-group.list-group-flush.special-list .list-group-item .special-list-heading {
	padding:10px;
	margin:0 0 20px;
}

/*Gallery*/
.gallery-item {margin-bottom: 30px;}

/*sub menu*/
#main-navigation.navbar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4fffd+72,d7f2ef+100 */
background: rgb(244,255,253); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(244,255,253,1) 72%, rgba(215,242,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(244,255,253,1) 72%,rgba(215,242,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(244,255,253,1) 72%,rgba(215,242,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fffd', endColorstr='#d7f2ef',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#main-navigation li.menu-item-has-children {}
#main-navigation li.menu-item-has-children > ul.sub-menu {
	list-style: none;
	padding:0;
	margin:0;
}
@media (min-width: 991px) {
	#main-navigation li.menu-item-has-children > ul.sub-menu {
		position: absolute;
		background-color: #ffffff;
	}
	#main-navigation li.menu-item-has-children > ul.sub-menu {
		max-height: 0;
		/*opacity:0;*/
		-webkit-transition: all 250ms ease-out;
		-moz-transition: all 250ms ease-out;
		-ms-transition: all 250ms ease-out;
		-o-transition: all 250ms ease-out;
		transition: all 250ms ease-out;
		overflow: hidden;
	}
	#main-navigation li.menu-item-has-children:hover > ul.sub-menu {
		max-height: 100vh;
		/*opacity:1;*/
	}
	#main-navigation li.menu-item-has-children > ul.sub-menu li > a.nav-link {
		padding-left: 15px;
		padding-right: 15px;
	}
}
#main-navigation ul > li {}
#main-navigation ul > li > a.nav-link {
	text-transform: uppercase;
	color: #195b6b;
	font-size: 15px;
	padding: 25px .5rem;
	border-bottom: #fff 1px solid;
	border-top: #fff 1px solid; 
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}
#main-navigation ul > li > a.nav-link:hover {
	 border-bottom-color:#2ea8c5;
	 border-top-color:#2ea8c5; 
	 color:#2ea8c5;
}
@media (min-width: 991px) {
	#main-navigation .btn {
		padding:15px;
		margin-left:20px;
	}
}
/*footer*/
#site-footer {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7f2ef+0,f4fffd+23 */
background: rgb(215,242,239); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(215,242,239,1) 0%, rgba(244,255,253,1) 23%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(215,242,239,1) 0%,rgba(244,255,253,1) 23%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(215,242,239,1) 0%,rgba(244,255,253,1) 23%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f2ef', endColorstr='#f4fffd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*Slick*/
.slick-slide {
	max-width:150px!important;
	max-height:150px!important;
	margin:0 15px;
}

.slick-next,.slick-prev{
	color: transparent;
	width: 50px;
	height: 50px;
	border: none;
	overflow: visible;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	background:none;
	z-index: 999;
	cursor: pointer;
}
.slick-next{
	right:-50px;
}
.slick-prev{
	left:-50px;
}
.slick-next:before,.slick-prev:before{
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	/* text-rendering: auto; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: black;
	font-size: 2rem;
	width: 50px;
	height: 50px;
	border: none;
	background: #ffffff;
	top: -1px;
	left: -5px;
	padding: 5px;
	cursor: pointer;
}

.slick-prev:before{
	content: "\f104";
}
.slick-next:before{
	content: "\f105";
}