/*  Global Variables and Macros*/

.staff-listing-module a{text-decoration:none;}

/* Styles for dialog window */
.small-dialog {
	background: #000000;
	color:#ffffff;
	padding: 0;
	text-align: left;
	max-width: 903px;
	margin: 40px auto;
	position: relative;
	border:5px solid #ee332b;
}
.small-dialog .profile-photo{
   /* margin: 0 0 0 auto;*/
   width:100%;
   height:auto;
   visibility:hidden;
    display: block;
}

.small-dialog .images{
    background-size:cover;
    display:block;
    width:100%;
    /*min-height:410px;*/
    background-position:center;
    background-repeat:no-repeat;
    
    position:relative;
    
}
.small-dialog .images .overlay-image{
    position:absolute;
    bottom:23px;
    left:23px;
    max-width: 36%;
}
.small-dialog .text-info{
    padding: 61px 5% 61px 15%;
}
.small-dialog .text-info h2 {
    margin-top: 0;
    text-transform: uppercase;
}
.small-dialog h3.name {
    color: inherit;
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 15px;
}

@supports((display: -webkit-box) or (display: flex)){
        .small-dialog .row-fluid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }
    
    .small-dialog .row-fluid .span6 {
        -webkit-box-flex: 1;
        -webkit-flex: 1 350px;
            -ms-flex: 1 350px;
                flex: 1 350px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }
    
}











/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



button.mfp-close {
   background-color: #fff!important;
    border-radius: 100%;
    margin: 15px;
    /* display: inline-flex; */
    height: 33px;
    width: 33px;
    /* align-items: center; */
    line-height: 1;
    /* justify-content: center; */
}




.recent-blog-posts .card>div {
    float: left;
}

.recent-blog-posts .card {
    width: 100%;
}

.recent-blog-posts.rep-locator .card .region{font-size:14px; line-height:1;}
.recent-blog-posts.rep-locator .card .btn-more-info{font-size:12px;}
.recent-blog-posts.rep-locator .card .name{font-size:24px; line-height:1;}

.recent-blog-posts.rep-locator .card .photo-wrapper {
    width: 75px!important;
    height: 75px!important;
    border-left:4px solid transparent;
    float: left;
}


.recent-blog-posts.rep-locator .text-wrapper {
    width: calc(100% - 79px);
    padding-left: 14px;
    /* padding-top: 0; */
    /* padding-bottom: 0; */
    /* padding: 0 0 0 14px!important; */
    margin: 0!important;
}

.staff-listing-module.rep-locator {
    background-image: url('https://cdn2.hubspot.net/hubfs/3395585/FAE17%20template%20images/topo-texture.jpg');
}
.staff-listing-module.rep-locator h1 {
    font-size: 50px;
    color: #fff;
    line-height: 1.1;
    margin-top:0;
}
.recent-blog-posts.rep-locator {
    padding-top: 50px;
}

@media(max-width:900px) and (min-width:768px){
    .staff-listing-module.rep-locator .page-center {
        padding: 0 0;
    }
    .recent-blog-posts.rep-locator .card .name {
    font-size: 19px;
}
}
@media(min-width:768px){
.staff-listing-module.rep-locator >.page-center>.row-fluid:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}
.staff-listing-module.rep-locator >.page-center>.row-fluid:nth-child(2) .span6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
}
.staff-listing-module .card:before,.staff-listing-module .card:after{
        display: table;
    content: " ";
}
.staff-listing-module .card:after{clear:both;}
.staff-listing-module .card{
    min-height:0!important;
}
.staff-listing-module .card .btn-more-info {
    border-bottom: #ee2d24 1px solid;
    color:#ee2d24;
    position: relative;
    display: inline-block;
    line-height: 1;
}

img.primary-map {
    margin: 25px 0;
}
.secondary-map{display:none;}

@media(max-width:1150px) and (min-width:768px){
    .staff-listing-module.rep-locator .card .text-wrapper {
        font-size: 14px;
    }
    
    .recent-blog-posts.staff-listing-module.rep-locator .card{
        padding:0!important;
    }
}
@media(max-width:1150px) and (min-width:768px){
.recent-blog-posts.rep-locator .card .photo-wrapper{
        height:50px!important;
        width:50px!important;
    }
}