@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

/* BEGIN - Bootstrap Overrides */
/*******************************/
@media (min-width: 800px){

.col-md-9 {
	max-width:100%!important; width: 100%!important; padding:0px!important;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   	float: left!important; padding:0px!important;
}
}/* END - Bootstrap Overrides */

/* External forms overides */
html{
	background: url("images/background.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#aedbe1;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size:15pt;
	line-height:20pt;
	color:#333333;
	background-color:transparent;
	margin:0px;
}

a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:#ed0000;
}

a:visited{
	color:#a5e3e5;
}

a:hover{
	color:#28a7e9;
}

footer a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:white;
}

footer a:visited{
	color:#ffffff;
}

footer a:hover{
	color:#a5e3e5;
}


.powered-by a:link{
	font-family: inherit;	
	font-weight:normal;
	text-decoration:none;
	color:white;
}

.powered-by a:visited{
	color:#ffffff;
}

.powered-by a:hover{
	color:#FFC107;
}


p{
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:20px;
}

h1{
	font-size:38pt;
	line-height:44pt;
	font-weight:bold;
	color:#000000;
	margin-bottom:0px;
	margin-top:30px;
	text-align:left;
	padding-bottom:20px;
}

.title h1{
}

h2{
	color: #6d3e91;
	font-size:34pt;
	line-height:40pt;
	margin-bottom:5px;
	margin-left:0px;
	margin-top:-10px;
	text-align:left;
}


.calltoaction{
	background-color:#e7e7e7;
	padding:20px;
}


.cta_header{
	background-color:#d04047;
	color:white;
	padding:5px;
	text-align:left;
}

h3{
	clear:both;
	color:#000000;
	font-size:30pt;
	line-height:40pt;
	margin-bottom:0px;		
	text-align:left;
	padding-bottom:5px;
}

h4{
	clear:both;
	color:#5c3781;
	font-size:24pt;
	line-height:28pt;
	margin-top:0px;
	margin-bottom:20px;		
	text-align:left;
	padding-bottom:5px;	
	width:100%;
}

.larger{
	font-size:14pt;
	line-height:18pt;
}

.customhr{
	width:100%;
	height:1px;
	background-color:#cfcfcf;
	margin-top:30px;
	margin-bottom:30px;
}

.title h3{
	margin-bottom:10px;
	margin-top:0px;
	color:#229c9d;
}

.bio h2{
	color:white;
	font-size:18pt;
}

blockquote{
	position:relative;
	width:96%;
	font-size:11pt;
	line-height:15pt;
	color:white;
	background-color:#0972b3;
	margin-left:0px;
	margin-top:50px;
	padding:20px;
	padding-bottom:0px;
	display:block;
	overflow:hidden;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

blockquote h2{
	color:#ffffff;
	font-size:20pt;
	line-height:26pt;
	margin-top:0px;
	text-align:center;
	margin-bottom:5px;
}

blockquote h3{
	color:#ffbc00;
	font-size:24pt;
	line-height:32pt;
	margin-top:0px;
	text-align:center;
	border:none;
}

blockquote h2, blockquote h3{
	width:100%;
}

blockquote h2{
	text-align:initial;
	margin-bottom:10px;
	
}

.promoimage{
	float:left;
	width:110px;
	margin-right:20px;
	margin-bottom:20px;
}

.m3-icon{
	border:none;
	position:relative;
	top:4px;
	margin-right:4px;
}

.img-body{
	width:33%;
	height:auto;
	margin-bottom:20px;
	margin-top:5px;
}

.img1{
	width:500px;
}

.img2{
	width:500px;
}

.img3{
	width:500px;
}

.img4{
	width:500px;
}

.img5{
	width:500px;
}

.img6{
	width:320px;
}



.banner{
	border:none;
	width:100%;
	height:auto;
}

.img-featured{
	position:absolute;
	right:120px;
	top:30px;
	width:313px;
	height:auto;
}

li{
	padding-left:5px;
}

.innervision{
	position:relative;
	width:85%;
	min-width:500px;
	max-width:1100px;
	margin:auto;
	margin-top:20px;
	background-color:white;
	padding-left:40px;
	padding-right:40px;
	margin-bottom:30px;
	box-shadow: 0px 0px 15px #666666;
}

.columns{
    column-count: 2;	
    column-gap: 50px; 	
    margin-top:20px;
    margin-bottom:50px;
}

header{
	padding:0px;
	
	display:block;
	overflow:auto;
	margin-left:-40px;
	margin-right:-40px;
	background: url("../Resident%20Portal/%22%22") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #e5f0f1;
	border-bottom:1px solid #e9ebef;
}

article{
	padding:20px;
	display:block;
	overflow:auto;
}

footer{
	clear:both;
	font-size:14pt;
	background-color: #333333;
	text-align:center;
	padding:20px;
	display:block;
	overflow:auto;
	margin-left:-40px;
	margin-right:-40px;
}

.powered-by{
	font-size:9pt;
	background-color:#4489c7;
	text-align:center;
	padding:3px;
}

.left{
	float:left;
	margin-right:30px;
}

.right{
	float:right;
	margin-left:30px;
}

.logo{
	width:360px;
	height:auto;
	margin-left:-10px;
	border:0px!important;
}

.bio{
	clear:both;
	font-size:10pt;
	line-height:13pt;
	margin-top:40px;
	margin-bottom:0px;
	display:block;
	overflow:auto;
	position:relative;
}

.profilepic{
	width:180px;
	float:left;
	margin-right:30px;
	position:relative;
	border-radius
}

.profile-container{	
    float:left;
	width:220px;
	margin-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	overflow:auto;
}

.profile-container2{
	position:relative;	
    float:right;
	width:180px;
	margin-left:50px;
	margin-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	overflow:auto;
}


.profilebg{
	background-color: #229c9d;
	display:block;
	overflow:auto;
	width:180px;
	height:300px;
	position:absolute;
	top:-20px;
	left:20px;
}

.profilebg2{
	background-color: #a2a2a2;
	display:block;
	overflow:auto;

	position:absolute;
	top:-20px;
	right:40px;
}

.thoughtleader{
	font-family: 'Work Sans', sans-serif;
	font-size:12pt;
	line-height:24pt;
	font-weight:600;
	margin-left:2px;
	margin-top:10px;
	margin-bottom:0px;
}

.thoughtleader2{
	text-align:right;
}

.by-line{
	font-family: 'Work Sans', sans-serif;
	color:#6d3e91;
	font-size:28pt;
	line-height:32pt;
	font-weight:00;
	margin-left:2px;
	margin-bottom:10px;
}

.by-line2{
	text-align:right;
}

.biohr{
	background-color:#ababab;
	height:1px;
	margin-bottom:20px;
	margin-left:4px;
	width:66%;
}

.biohr2{
	margin-left:50%;
}

.biocontent{
	font-weight:500;
	font-size:13pt;
	line-height:16pt;
	width:90%;
}

.biocontent p{
	margin-bottom:10px;
}

.biocontent2{
	font-weight:500;
	font-size:14pt;
	line-height:20pt;
	width:85%;
	padding-left:15%;
	text-align:right;
}

.highlite{
	font-size:18pt;
	line-height:22pt;
	font-weight:normal;
	color:#229c9d;
}

.capcontent{
	font-size:19pt;
	line-height:22pt;
	font-weight:bold;
	color:#000000;
	text-align:left;
}

.photo-container-table{
	width:120px;
	float:left;
	margin-right:30px;
	margin-top:5px;
	margin-bottom:0px;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

.photo{
	width:100%;
	height:auto;
	margin-bottom:5px;
	border:1px solid black;
}

.photo-quote{
	color:#fff;
	font-size:10pt;
}

.dropcap {
  float: left;
  font-size: 52px;
  line-height: 50px;
  padding-top: 1px;
  padding-right: 8px;
  padding-left: 0px;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}


iframe{
	border:none;
	overflow:hidden!important;
	height:250px!important;
}

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


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 1170px){

blockquote{
	font-size:12pt;
	line-height:14pt;
}

blockquote h2{
	font-size:18pt;
	line-height:26pt;
}

blockquote h3{
	font-size:20pt;
	line-height:26pt;
}

.img-featured{
	position:absolute;
	top:20px;
	right:100px;
	border:none;
	width:325px;
	height:auto;
}

.desktop{
	display:block;
}

.mobile{
	display:none;
}

} /* END - Media for Tablets */





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


/* BEGIN - Media for Tablets        */
/************************************/
@media (max-width: 980px){


h1{
	font-size:30pt;
	line-height:36pt;
}

h2{
	font-size:28pt;
	line-height:32pt;
	margin-bottom:10px;
}

.title h3{
	font-size:24pt;
	line-height:32pt;	
}



.innervision{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	margin-top:20px;
}

header{
	overflow:auto;
	margin-left:-20px;
	margin-right:-20px;
}

footer{
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:0px;
}

.img-featured{
	position:absolute;
	top:20px;
	right:60px;
	border:none;
	width:302px;
	height:auto;
}

.promophoto{
	position:absolute;
	right:0px;
	bottom:0px;
	width:35%;
}

.bio{
	margin-top:40px;
}

.profilepic{
	border-radius:none;
	width:140px;
	float:left;
	margin-right:10px;
}

.profilebg{
	background-color: #229c9d;
	display:block;
	overflow:auto;
	width:140px;
	height:200px;
	position:absolute;
	top:-20px;
	left:20px;
}

.profile-container{	
    float:left;
	width:180px;
	margin-right:0px;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	overflow:auto;
}
	
.img-body{
	width:45%;
	height:auto;
	margin-bottom:20px;
	margin-top:5px;
}

} /* END - Media for Tablets */


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




/* BEGIN - Media for Smart Phones   */
/************************************/
@media (max-width: 700px){

html{
	background: url("") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:white;
}

h1{
	font-size:24pt;
	line-height:30pt;
}

h2{
	font-size:22pt;
	line-height:28pt;
}

.title h3 {
	font-size:22pt;
	line-height:28pt;	
}


	
h3{
	font-size:24pt;
	line-height:26pt;
	margin-top:60px;
	margin-bottom:5px;
}


.by-line{
	margin-bottom:25px;
	line-height:18pt;
}

.innervision{
	margin:0px;
	width:100%;
	min-width:0px;
	max-width:100%;
	padding:0px;
	box-shadow:none;
}

.title{
	padding-top:20px;
	margin-bottom:-30px;
}

header{
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	border-radius:0px;
}

.columns{
    column-count: 1;	
    column-gap: 50px; 	
    margin-top:20px;
    margin-bottom:50px;
}

.logo{
	width:250px;
}

article{
	
	padding:5%;
	padding-top:10%;
}

.main-article{
	margin-top:-60px;
	overflow:hidden;
}

.bio{
	font-size:inherit;
	padding:10px;
	margin:0px;
	margin-top:20px;
	margin-bottom:0px;
}

.photo-container-table{
	width:100px;
	float:left;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
}

footer{
	margin:0px;
	padding-bottom:40px;
	border-radius:0px;
}

blockquote{
	font-size:11pt;
	width:90%;
	padding:20px;
	margin-top:50px;
	text-align:center;
}

blockquote h2{
	font-size:18pt;
	margin-bottom:30px;
	text-align:center;
}

.capcontent{
	font-size:16pt;
	line-height:20pt;
	margin-bottom:40px;
}

.img-body{
	width:100%;
	margin-top:0px;
	margin-bottom:30px;
}



.dropcap {
  float: left;
  font-size: 48px;
  line-height: 46px;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 0px;
}

.img-featured{
	position:initial;
	width:100%;
	height:auto;
}

.mobile{
	position:initial;
	display:block;
	margin-bottom:30px;
}

.desktop{
	display:none;
}

.profilepic{
	border-radius:50%;
	width:100px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.promoimage{
	float:initial;
	width:70%;
	margin-left:15%;
	margin-right:15%;
}

} /* END - Media for Smart Phones  */












/* BEGIN - Media for Smart Phones   */
/************************************/
@media (max-width: 700px){

.by-line{
	margin-bottom:10px;
	font-size:26pt;
	line-height:30pt;
}

.biohr{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.thoughtleader{
	font-family: 'Work Sans', sans-serif;
	font-size:14pt;
	line-height:24pt;
	font-weight:500;
	margin-left:2px;
	margin-top:40px;
}

.bio{
	font-size:inherit;
	padding:10px;
	padding-left:0px;
	margin:0px;
	margin-top:40px;
	margin-bottom:0px;
	overflow:hidden;
}

.photo-container-table{
	width:100px;
	float:left;
	margin-right:30px;
	margin-top:10px;
	margin-bottom:20px;
}

.biocontent{
	font-size:13pt;
	line-height:17pt;
	padding-right:10px;
	width:100%;
}

.profilepic{
	border-radius:0px;
	width:160px;
	float:left;
	margin-left:20px;
	position:relative;
}

.profile-container{	
    float:left;
	width:100%;
	margin-right:50px;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:20px;
	display:block;
	overflow:auto;
}

.profilebg{
	display:block;
	overflow:auto;
	width:160px;
	height:220px;
	position:absolute;
	top:-20px;
	left:0px;
}

iframe{
	border:none;
	overflow:hidden!important;
	width:80%;
	height:450px!important;
}


} /* END - Media for Smart Phones  */