/*
*************************************************

University of West Florida
Specialized Styles for the Online Connection Magazine Alumni Profiles

Maintained by IMC Web Services

*************************************************
*/

/*--------Header Navigation--------*/
.l-section-header.connection.profile .profile-nav {
	position: absolute;
	bottom: -220px;
	right: 15px;
	text-align: right;

}

/*--------Main Section--------*/
.l-section-profile .l-main { 
		position: relative; 
		padding-left: 15px; 
		padding-right: 15px; 
		width: 100%; 
		left: 0%; 
		right: auto; 
		float: left;
		border-top: 5px solid #a39160;
}

.l-section-profile hr {
	border: solid #a39160;
	border-width: 2px 0 0; clear: both; margin: 1.78571em 0 0; height: 0;
}

@media (min-width: 768px) {
	.l-section-profile .l-main { 
		position: relative; 
		padding-left: 15px; 
		padding-right: 15px; 
		width: 100%; 
		left: 0%; 
		right: auto; 
		float: left;	
	}
}


/*--------Profile Details Wrapper--------*/
.profile-feature.header {
	/*border-bottom: 2px solid #a39160;*/
	

	
}


/*--------Profile Image--------*/
.l-section.l-section-profile .profile-feature.image { 
	position: relative;

}


.l-section.l-section-profile .profile-feature.image img { 
	margin: 0 auto;

}

.l-section.l-section-profile .l-section-header { 
	padding-bottom: 225px; 
}

.l-section.l-section-profile .profile-feature.image{ 
	margin-top: -195px;

	
}

.profile-feature.image {
	max-width: 350px;

}


@media (min-width: 768px) {

	.l-section-profile .profile-feature.image img{ margin: 0;}
}



/*-------- Date Circle Setup --------*/

.date-wrapper {
	position: absolute;
	left: 19.75rem;
	top: 2rem;
	background: url('/media/style-assets/specialty-template-assets/connection/images/dateRing_update.svg') no-repeat center center;
	width: 100px;
	height: 100px;
	background-color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	z-index: 9999;
}


.date-wrapper .year {
	position: absolute;
	left: 17%;
	top: 20%;
	font-size: 40px;
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #009CDE;
}


.date-wrapper .year.double {
	left: 19%;
    top: 17%;
    font-size: 35px;
    line-height: 1;
}

.year span:before {
	content: "’";
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 400;
}


.no-picture .date-wrapper{
	position: absolute;
	left: 7%;
	top: 20px;		
}

.no-picture .column  {margin-top: 10px;}


/*-------- Date Circle Smaller Screens --------*/
@media  (max-width: 768px) {
		
	.no-picture .date-wrapper{
		position: absolute;
		left: 7%;
		top: -50px;		
	}
	.no-picture .column {margin-top: 50px;}
}


@media (max-width: 575px) {
	.date-wrapper {
		right: 10px;
		bottom: -50px;
	}
	.profile-feature.image-wrapper {
		margin-bottom: 50px;
	}
}



/*---------Person's Name and Title--------*/

.profile-feature.name h1 {
	font-family: "Landmark Inline A", "Landmark Inline B";
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 0;
	color: #a39160;
	line-height: 1.2;
	padding-top: 20px;
}

.profile-feature.header .callout {
	margin-top: 8px;
	margin-bottom: 0;
	font-weight: 500;
}


.callout.cont {
	margin-top: -15px !important;
	font-size: 14px;
    line-height: 1.4;
}

.profile-feature.name .callout span.pipe {
	color: #a39160;
	font-weight: 700;
}



@media (min-width: 768px) {
	.profile-feature.name h1 {
		font-size: 45px;
	}
}

/*---------Extra info panel--------*/
.profile-feature.callout-panel {
	position: relative;
	font-size: 16px;
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
	font-style: italic;
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
}

.profile-feature.callout-panel.hide-for-small {
	margin-top: 15px;
	margin-right: 15px;
	
}


/*--------Q & A--------*/

/*
.question, .answer {
	font-size: 18px;
}*/


.question {
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 5px;
}

.answer {
	font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
	font-style: normal;
	font-weight: 400;
}


/*-------Quote Box--------*/

.profile-feature blockquote {
padding-top: 2rem;
padding-bottom: 2rem;
}
.profile-feature blockquote p {
font-size: 1.5rem;
}

.profile-feature.quote-panel {
	
}

.profile-feature.quote-panel blockquote {
	
	background: rgba(163, 145, 96, .3) url('/media/style-assets/images/pattern.png'); 
	
}

.profile-feature.quote-panel blockquote p {
	
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
}


.profile-feature.quote-panel blockquote p:before {
	content: "\00201C";
	padding-right: 1px;

	
}


.profile-feature.quote-panel blockquote p:after {

	content: "\00201D";
	padding-left: 1px;
	
}

@media (max-width: 575px) {
.profile-feature.image-wrapper {
 margin-bottom: 0px; 
}}


 .profile-top-bg {
      background-image: url(/media/style-assets/specialty-template-assets/connection/images/ShellBG_LightBlue_Banner.svg); 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    padding-bottom: 12rem;
      }
      div.applied {
       margin-top: -12rem; 
      }
      .profile-bottom .profile-nav {
       border-top: 2px solid #004C97; 
      }