/*
	Comment
*/

.breakout-bg.alternate-two{
	background-color:#fff;
	
}
.breakout-bg.alternate-two li .icon{
	font-size:1.5rem;
}

.well.contact-sheet{
	border: 1px solid rgba(0,0,0,0.1);
}
#contact-container .thumbnail{
	margin: -0.25em 0 0 0;
	padding: 0.5em;
	font-size:1em;
	line-height:1.25em;
}
#contact-container .thumbnail .small{
	margin-top:0.5em;
}


li a.thumbnail{
	font-size:1.25rem;
	margin-bottom:0;
	position:relative;
}

li a.thumbnail:hover, li a.thumbnail.selected{
    background-color: #016cbf;
	color:#fff;
	border:1px solid #016cbf !important;
	box-shadow:none;
}

li a.thumbnail:hover:after, li a.thumbnail.selected:after{
	 content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:100%;
    width:100%;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 100"><polygon fill="%23016cbf" points="0,0 20,50 0,100"/></svg>');
    background-position:0 50%;
    background-size:auto 100%;
	background-repeat:no-repeat;
}


li p{
	margin-top:0;
}

.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

#topics-list, .well.contact-sheet{
    height: auto;
    width: auto;
    position: relative;
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.5);
	filter: blur(0.5em);
    -webkit-animation: zoom 0.5s;
    animation: zoom 0.5s;
	opacity:0;
    -webkit-transform: scale(0,0); 
    transform: scale(0,0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; /* Add this so that your modal doesn't 
                                      close after the animation completes */
}
@-webkit-keyframes zoom {
    100% {
        -webkit-transform: scale(1,1); 
		opacity:1;
		box-shadow: none;
		filter:none;
    }
}

@keyframes zoom {
    100% {
        transform: scale(1,1); 
		opacity: 1;
		box-shadow: none;
		filter:none;
    }
}
.primary.contact-type, .secondary.contact-type, .tertiary.contact-type{
	padding-bottom:1em;
}
.primary.contact-type h3, .secondary.contact-type h4, .tertiary.contact-type, .related.contact-type{
	margin-bottom:0 !important;
}
.primary.contact-type p, .secondary.contact-type p, .tertiary.contact-type p, .related.contact-type p{
	margin-top:1em;
	margin-bottom: 0;
}
.primary.contact-type, .secondary.contact-type p.small, .tertiary.contact-type p.small, .related.contact-type p.small{
	margin-top:0.5rem !important
}