/*Fonts */
@import url("/content/dam/pnc-com/code_assets/fonts/Rotis/PNC_Hawthorn.css");

.Rotis-Sans {font-family:"RotisSemiSansPro-Regular" !important;}
.Rotis-Serif {font-family:"RotisSemiSerifPro-Bold" !important;}


a:hover, .accordion .column ul li a:hover {
    text-decoration: underline;
    font-family: unset!important;
}
a.white-link:hover {
    color: white!important;
    font-weight: 600;
    font-family: "PNC Brand"!important;
}
.utility-links.parsys a:hover, .utility-links.parsys p:hover {
    color: white!important;
}
ul.aside-links {
    display: none;
}
ul.level-2 .selected .content-wrapper{
    border:none
}s

.header .header-wrapper {
 height: 60px;
  background-color: #444e59;
}

.main-logo img{
    width: 167px;
    height: auto;
}
.login-toggle,.login-toggle:visited,.login-toggle:active,.login-toggle:hover,.login-flyout,.login-flyout a{
    display:none!important
}
a.level-1.theme_orange.selected{
    display:none
}

.item-l2.selected .subitem{
    padding-bottom:none
}
ul.level-2 a span{
    background:none
}
.pagenav-link-container .description:before{
    content:"";
    position:absolute;
    z-index:-10000;
    left:0;
    right:0;
    bottom:0;
    height:4px;
    -webkit-transform:translateY(4px);
    transform:translateY(4px);
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:0.45s;
    transition-duration:0.45s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.pagenav-link-container .description:hover:before,.pagenav-link-container .description:focus:before,.pagenav-link-container .description:active:before{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
#pagenav .pagenav-link-container .description.large{
    font-size:16px;
    padding:12px;
    opacity:1;
}
#pagenav .pagenav-link-container .pagenav-link{
    opacity:1;
}
.pagenav.section #pagenav{
    background:white!important;
    padding-bottom:0
}
.footer .footer-copyright p,.footer .ftr-top-bar{
    display:none
}
#skinny-footer {
    background-size: cover;
    min-height: 200px;
    background: #232e3a;
}
.utility-links.parsys a,.utility-links.parsys p{
    color:white;
    font-family:"PNC Brand Light"
}

.pagenav-link-container *{
    height:100%;
    box-sizing:border-box
}
.pagenav-link-container .description{
    overflow:hidden;
    position:relative
}
#pagenav{
    display:none!important
}

.accordion-reusable .subheading {
    color: #fff!important;
}
.accordion-reusable.collapsed .subheading {
    background: #fff!important;
}
.content-inner h2.title {
font-family: "PNC Brand Bold";
  font-size:54px;
  line-height:54px;
  border:none;
}
.content-inner h2.secondary{
    font-family: PNC Brand Bold;
    font-size: 24px;
    border:none;
}
.column-body  .riverarch-quote {
    font-family: Georgia;
    font-size: 140px;
    color: #B7D5F8!important;
    text-align: center;
    position: relative;
    top: 30px;
    padding-top: 20px;
}
.testimonial-quote.group .quote-container blockquote p{
    font-family: Georgia, serif;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
}

cite span{
    font-family: Arial;
    font-style: bold;
    font-size: 14px;
    color: #FFFFFF
}
.testimonial-quote cite {
    display: block;
    font-size: 14px;
    font-family: Arial;
    text-align: center;
    font-style: normal;
}
.testimonial-quote cite span {
    text-transform: uppercase;
}


.btn.riverarch a:hover {
    text-decoration:none;
}
.column-body.section:nth-child(odd), .column-body.section:nth-child(even) {
    background: white!important;
}
.column-body .content-inner .elements.accordion-elements-parsys{
    display:block;
}


.body-parsys .paragraph-element p, .body-parsys .paragraph-element li,  .body-parsys .paragraph-element h2{
    margin: 0;
    padding: 0;
}
.body-parsys .paragraph-element h2{
    margin-bottom:8px;
}

.body-parsys .paragraph-element p{
    margin-bottom:25px;
}
.tagline,.caption {display:none;}
a.white-link{
    color: white;
    font-family:"PNC Brand";
}

.accordion .column ul li a:hover {
    color: white;
    text-decoration:underline;
}
a:hover {
     text-decoration:underline;
     color:#0069aa;
}
a.main-logo:hover{
    text-decoration:none!important;
}


.testimonial-quote.group .quote-container blockquote p:before{
    font-family: Georgia;
    font-size: 80px;
    color: #B7D5F8;
    content:'“';
    position: relative;
    top: 35px;
    right: 15px;
}
.testimonial-quote.group .quote-container blockquote:after{
    font-family: Georgia;
    color: #B7D5F8;
    content:'”';
    font-size: 80px;
    float: right;
    position: relative;
    top: -25px;
    right: 40px;
}
#skinny-footer .footer-content {
    padding: 10px;
}
#skinny-footer {
    min-height: 170px;
}
#pagenav-links {
    padding-left: 0;
}
.main-logo img{
    z-index:1;
}
@media only screen and (max-width:979px){
    .nav-content-inner{position:relative}
}
@media only screen and (min-width:600px){
    .testimonial-quote.group .quote-container blockquote:after{
        right: 40px;
    }
    #skinny-footer .footer-content{
        padding:unset;

    }
}

@media only screen and (min-width:980px){
    .testimonial-quote.group .quote-container blockquote:after{
        right: 100px;
    }

#tagline {
    width: 940px;
    position: absolute;
    top: 0;
}

#tagline p {
    color: white;
    font-family: "PNC Brand";
    float: right;
    position: relative;
    top: 10px;
}

.caption {
    display: block;
    position: absolute;
    color: white;
    font-family: "PNC Brand";
    font-size: 16px;
    right: 0;
    top: 325px;
    z-index: 10;
    text-shadow: 1px 1px black;
}

    .pagenav.section #pagenav{
        display:block!important;
        padding-top: 0!important;
        position: relative !important;
    }
    .header{
        height:60px;
    }
    .navigation-container{
        height:60px;
        background:#444e59;
        background-repeat:no-repeat;
        background-size:167px;
        background-position-y:13px;
        width:175px;
        cursor:pointer;
    }
    .header{
        height:60px;
    }
    .header .header-wrapper{
        height:128px;
        background:#414e58;
    }
    #pagenav{
        padding:5px 0 0 0!important
    }
    .header-wrapper .nav-content-inner{
        height:60px;
        width:79%;
        margin:0 auto
    }
    .level-2{
        display:none
    }
    .lob-indicator{
        display:none
    }

.nav-content-inner .main-logo {
    text-align: unset;
    height: unset;
    width: unset;
    position: unset;
    left: unset;
    top: unset;
    margin-left:unset;
}


.main-logo img {
    /* display: none; */
    position: absolute;
    /* left: 135px; */
    top: 0px;
}
    .main-nav{
        display:none
    }

}
.hawthornGoals{
	display: inline-block;
	box-sizing: border-box;
	border: none;
	width: 15%;
	height: auto;
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.hawthornGoals img{
	width: 70%;
}

.pagenav.section #pagenav {
    padding: 10px 0 !important;
}

.pagenav-link-container a.pagenav-link.stop .description.large {
    background: #00467f;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 20px !important;
}

.pagenav-link-container a.pagenav-link.stop .description.large:hover{
	background: #084d77;
}

@media screen and (max-width:600px){
	#tagline {
		display:none;
	}
	.header .header-wrapper {
		height: auto !important;
	}
	.hawthornGoals{
		width: 100%;
    	margin-bottom:10%;
    	font-size: 1.2em;
	}
	.hawthornGoals img{
		width: 30%;
	}
	div.colctrl2-c0, 
	div.colctrl2-c1, 
	div.colctrl4-c0,
	div.colctrl4-c1,
	div.colctrl4-c2,
	div.colctrl4-c3{
		width: 100% !important;
	}
}

@media only screen and (max-width:415px){
	.column-body [class*='colctrl'] [class*='cozlctrl']{
		 margin-left:0%; 
		 margin-right:0%; 
		 padding-bottom:0px !important; 
		 float:none !important;
	}

    .column-body header h2{
        line-height: 1em !important;
    }

    .content-inner [class*='colctrl'] {
        padding: 0;
    }

    .content-inner [class='colctrl5-c4'] {
        padding-top: 0px !important;
    }

    ul.level-2 a{
        line-height: 2em;
    }

    ul.level-2 a span{
    	line-height: 2em !important;
    }

    .main-nav{
        max-height: 205px;
    }

}

.pnc-alert{
	display:none;
}