/* Font */

body
{
	font-family:'Palatino Linotype', serif;
}

h1
{
	text-align: center;
	font-style: italic;
	color: #64267F;
}

h3
{
	color: #64267F;
	text-align: center;
}

h4
{
	color: #64267F;
	text-align: center;
}


.hero-text
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}

.hero-h1
{
	color: #FFFFFF;
	font-size: 100px;
	font-style: normal;
	font-weight: bold;
}

.mobile-hero-text
{
	color: #FFFFFF;
	font-size: 50px;
	font-style: normal;
	font-weight: bold;
}

.link-color
{
	color: #64267F;
}

.link-color:hover
{
	color: #64267F;
	text-decoration: underline;
}

.link-color:visited
{
	color: #64267F;
	text-decoration: none;
}


.h3-purple-box
{
	color: #FFFFFF;
}

/* Footer */

footer
{
	text-align: center;
	background-color: #64267F;
	color: #FFFFFF;
	height: 35px;
}

footer p
{
	position: relative;
	top: 7px;
	margin-bottom: 0;
}

/* Navbar */

.navbar.navbar-default
{
	background-color: #64267F;
	border: #64267F;
	border-radius: 0;

}

.navbar.navbar-default .container-fluid .navbar-header a
{
	font-size: 23px;
	font-weight: bold;
	color: #E7D5ED;
	transition: color 1s;
}

.navbar.navbar-default .container-fluid .navbar-header a:hover
{
	color: #FFFFFF;
}

.navbar.navbar-default .nav.navbar-nav li.button a:hover
{
	background-color: #64267F;
	color: #FFFFFF;
}

.navbar.navbar-default .nav.navbar-nav li.button a
{
	font-size: 15px;
	color: #E7D5ED;
}

.navbar.navbar-default .container-fluid .navbar-nav>li.active>a
{
	background-color: #64267F;
	color: #FFFFFF;
}

.navbar.navbar-default .nav.navbar-nav li.button a:focus
{
	color:#FFFFFF;
}

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

.navbar-default .navbar-header button:hover
{
	background-color: #64267F;
}

.navbar-default .navbar-header button:focus
{
	background-color: #64267F;
}

/* Well */
.well
{
	border-width: 0;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


/* Images */
.center-image
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.hero-image
{
	background: url(/img/General/Homepage/tudor_succession.jpg) no-repeat center;
	background-size: cover;
	height: 700px;
	position: relative;
	top: -20px;
}


/* Image Gallery */

.hover-transparent:hover
{
	opacity: 0.5;
	transition: 0.3s;
}

.container-box:hover .info-box
{
	opacity: 1;
	transition: 0.3s;
}

.container-box:hover .box-hover
{
	opacity: 0.5;
}

.info-box
{
	background-color: #64267F;
	border-radius: 5px;
	padding: 20px;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.info-box a
{
	color: #FFFFFF;
	font-size: 30px;
}

.gallery-push-up
{
	position:relative;
	top: -40px;
	padding-left: 20px;
	padding-right: 20px;
}


.purple-gallery-background
{
	background-color: #64267F;
	color: #FFFFFF;
	position: relative;
	top: -100px;
	padding-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 0;
}


/* Padding and Margins*/

.padding-bottom
{
	padding-bottom: 20px;
}

.margin-top
{
	margin-top: 20px;
}

.big-margin-top
{
	margin-top: 40px;
}

.padding-increased
{
	padding: 20px;
}

.offset-up
{
	position: relative;
	top: -30px;
}

.margin-top-bottom
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.family-history-margin
{
	margin-top: 40px;
}


/* Boxes */

.purple-title-homepage-background
{
	background-color: #64267F;
	color: #FFFFFF;
	position: relative;
	top: -40px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

.purple-box
{
	background-color: #64267F;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
	top: -20px;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

.link-color-box
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 17px;
}

.link-color-box:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

.link-color-box:visited
{
	color: #FFFFFF;
	font-weight: bold;
}

.stacked-well
{
	position: relative;
	top: -40px;
	z-index: 1;
}

.well-case-study
{
	position: relative;
	top: -20px;
	z-index: 1;
}

.purple-box-under
{
	position: relative;
	top: -80px;
	padding-bottom: 20px;
}

.stacked-well-bottom
{
	position: relative;
	top: -100px;
	z-index: 1;
}

.purple-title-background
{
	background-color: #64267F;
	color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 20px;
	position: relative;
	top: -20px;

}

.purple-box-descent
{
	background-color: #64267F;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}

.purple-box-case-study
{
	background-color: #64267F;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 15px;
}

.purple-box-case-study-bottom
{
	background-color: #64267F;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	border-radius: 5px;
	padding-left: 20px;
	position: relative;
	top: -55px;
}

.container-box:hover .pedigree-box
{
	opacity: 1;
	transition: 0.3s;
}

.pedigree-box
{
	background-color: #64267F;
	border-radius: 5px;
	padding: 20px;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.pedigree-box a
{
	color: #FFFFFF;
	font-size: 20px;
}

.case-study-box
{
	opacity:0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.case-study-box p
{
	color: #64267F;
	font-size: 20px;
}

.mobile-well
{
	position: relative;
	top: 10px;
}


.container-box:hover .case-study-box
{
	opacity: 1;
	transition: 0.3s;
}

.opaque-container-box:hover .box-hover
{
	opacity: 0.3;
}

.opaque-container-box:hover .case-study-box
{
	opacity: 1;
	transition: 0.3s;
}


/* Removes gutters in rows and child columns*/

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}


/* Icons */

#crown
{
	position: relative;
	top: 30px;

}


/* Ribbon*/

@media screen and (max-width: 767px)
{
	.ribbon-xs
	{
		font-size: 20px;
		width: 72%;
		position: relative;
		top: 45px;
		background: #8B35B0;
		color: #FFFFFF;
		text-align: center;
		padding: 0.5em 0.5em;
		margin: 2em auto 3em;
		display: block;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs:before, .ribbon-xs:after
	{
		content: "";
		position: absolute;
		display: block;
		bottom: -1.2em;
		border: 1.5em solid #742C94;
		z-index: -1;
	}
}


@media screen and (max-width: 767px)
{
	.ribbon-xs:before
	{
		left: -2em;
		border-right-width: 1.2em;
		border-left-color: transparent;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs:after
	{
		right: -2em;
		border-left-width: 1.2em;
		border-right-color: transparent;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs .ribbon-content:before, .ribbon-xs .ribbon-content:after
	{
		content: "";
		position: absolute;
		display: block;
		border-style: solid;
		border-color: #64267F transparent transparent transparent;
		bottom: -1em;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs .ribbon-content:before
	{
		position: absolute;
		display: block;
		left: 0;
		border-width: 1em 0 0 0.7em;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs .ribbon-content:after
	{
		right: 0;
		border-width: 1em 0.7em 0 0;
	}
}

@media screen and (max-width: 767px)
{
	.ribbon-xs h3
	{
		color: #FFFFFF;
		word-wrap: break-word;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm
	{
		font-size: 20px;
		width: 78%;
		position: relative;
		top: 45px;
		background: #8B35B0;
		color: #FFFFFF;
		text-align: center;
		padding: 0.5em 0.5em;
		margin: 2em auto 3em;
		display: block;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm:before, .ribbon-sm:after
	{
		content: "";
		position: absolute;
		display: block;
		bottom: -1.2em;
		border: 1.5em solid #742C94;
		z-index: -1;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm:before
	{
		left: -2em;
		border-right-width: 1.2em;
		border-left-color: transparent;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm:after
	{
		right: -2em;
		border-left-width: 1.2em;
		border-right-color: transparent;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm .ribbon-content:before, .ribbon-sm .ribbon-content:after
	{
		content: "";
		position: absolute;
		display: block;
		border-style: solid;
		border-color: #64267F transparent transparent transparent;
		bottom: -1em;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm .ribbon-content:before
	{
		position: absolute;
		display: block;
		left: 0;
		border-width: 1em 0 0 0.7em;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm .ribbon-content:after
	{
		right: 0;
		border-width: 1em 0.7em 0 0;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px)
{
	.ribbon-sm h3
	{
		color: #FFFFFF;
		word-wrap: break-word;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md
	{
		font-size: 20px;
		width: 82%;
		position: relative;
		top: 45px;
		background: #8B35B0;
		color: #FFFFFF;
		text-align: center;
		padding: 0.5em 0.5em;
		margin: 2em auto 3em;
		display: block;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md:before, .ribbon-md:after
	{
		content: "";
		position: absolute;
		display: block;
		bottom: -1.2em;
		border: 1.5em solid #742C94;
		z-index: -1;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md:before
	{
		left: -2em;
		border-right-width: 1.2em;
		border-left-color: transparent;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md:after
	{
		right: -2em;
		border-left-width: 1.2em;
		border-right-color: transparent;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md .ribbon-content:before, .ribbon-md .ribbon-content:after
	{
		content: "";
		position: absolute;
		display: block;
		border-style: solid;
		border-color: #64267F transparent transparent transparent;
		bottom: -1em;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md .ribbon-content:before
	{
		position: absolute;
		display: block;
		left: 0;
		border-width: 1em 0 0 0.7em;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md .ribbon-content:after
	{
		right: 0;
		border-width: 1em 0.7em 0 0;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px)
{
	.ribbon-md h3
	{
		color: #FFFFFF;
		word-wrap: break-word;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg
	{
		font-size: 20px;
		width: 100%;
		position: relative;
		top: 45px;
		background: #8B35B0;
		color: #FFFFFF;
		text-align: center;
		padding: 0.5em 0.5em;
		margin: 2em auto 3em;
		display: block;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg:before, .ribbon-lg:after
	{
		content: "";
		position: absolute;
		display: block;
		bottom: -1.2em;
		border: 1.5em solid #742C94;
		z-index: -1;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg:before
	{
		left: -2em;
		border-right-width: 1.2em;
		border-left-color: transparent;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg:after
	{
		right: -2em;
		border-left-width: 1.2em;
		border-right-color: transparent;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg .ribbon-content:before, .ribbon-lg .ribbon-content:after
	{
		content: "";
		position: absolute;
		display: block;
		border-style: solid;
		border-color: #64267F transparent transparent transparent;
		bottom: -1em;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg .ribbon-content:before
	{
		position: absolute;
		display: block;
		left: 0;
		border-width: 1em 0 0 0.7em;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg .ribbon-content:after
	{
		right: 0;
		border-width: 1em 0.7em 0 0;
	}
}

@media screen and (min-width: 1200px)
{
	.ribbon-lg h3
	{
		color: #FFFFFF;
		word-wrap: break-word;
	}
}


/* Timeline */

.affix
{
	top: 0;
}

.timeline-bullet li
{
	list-style: none;
	position: relative;
	left: -40px;
}

.timeline-bullet li::before
{
	content: "\2022";
	color: #8B35B0;
	font-size: 40px;
	line-height: 1%;
	position: relative;
	bottom: -10px;
	border: 0;
	padding: 0;
	margin: 0;
}

.timeline-bullet li p
{
	font-size: 40px;
	position: relative;
	top: -20px;
	right: -2px;
	color: #8B35B0;
	margin: 0;
	padding: 0;
	border: 0;
}

#entry-seven p
{
	font-size: 20px;
	position: relative;
	top: -25px;
	right: -7px;
	color: #8B35B0;
	margin: 0;
	padding: 0;
	border: 0;
}

#base
{
	margin-top: 20px;
}

#entry-one
{
	position: relative;
	top: -38px;
}

#entry-two
{
	position: relative;
	top: -76px;
}

#entry-three
{
	position: relative;
	top: -115px;
}

#entry-four
{
	position: relative;
	top: -153px;
}

#entry-five
{
	position: relative;
	top: -191px;
}

#entry-six
{
	position: relative;
	top: -229px;
}

#entry-seven
{
	position: relative;
	top: -268px;
}

.timeline-bullet a
{
	text-decoration: none;
	color: #8B35B0;
}

.timeline-box-popup-base
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box:hover .timeline-box-popup-base
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-one
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-one:hover .timeline-box-popup-one
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-two
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-two:hover .timeline-box-popup-two
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-three
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-three:hover .timeline-box-popup-three
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-four
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-four:hover .timeline-box-popup-four
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-five
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-five:hover .timeline-box-popup-five
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-six
{
	opacity: 0.5;
	position: relative;
	top: -25px;
	right: -20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}

.timeline-box-six:hover .timeline-box-popup-six
{
	opacity: 1;
	transition: 0.3s;
}

.timeline-box-popup-seven
{
	opacity: 0.5;
	position: relative;
	top: 3px;
	right: -25px;
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	background-color: #8B35B0;
	margin: 0;
	padding-left: 3px;
	padding-right: 3px;
}

.timeline-box-seven:hover .timeline-box-popup-seven
{
	opacity: 1;
	transition: 0.3s;
}