@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

body{
	background-color: #002e23;
}
.main-container{

}
.content{
	border-bottom-width: 0px;
}

header{
	background-color: #82c341;
}
.header-inner{
	color:#fff;
	background-color: #82c341;
}
.header-inner .sep{
	color: #eee;
}

.mobile-toolbar {
    background: #18331b;
}

a.return-top {
    font-size: 16px;
}

footer{

}

.footer-inner{
	background-color: #002e23;
	margin-bottom: 10px;
	color: #bbb;
}

.footer-inner a{
	color: #ccc;
}

.footer-inner a:hover{
	color: #eee;
}

.column1{
	color: #fff;
	background-color: #002e23;
	background-repeat:no-repeat;
	background-position: right -29px;
	background-image: url('/XposurePublicIncludes/branding/pemberton3/col1-sm.png');
}

.column2{
	background-color: #002e23;
	background-repeat:no-repeat;
	background-position: left  -29px;
	background-image: url('/XposurePublicIncludes/branding/pemberton3/col2-sm.png');
}

.column3{
	background-color: #fff;
}

.column1 .info{
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size:12px;
	line-height: 17px;
	margin: 0px 5px 15px 5px;
	text-align: center;
}

.column1 .info.name{
	position: absolute;
    top: 400px;
    right: 0;
    left: 0;
    color: #82c341;
    font-weight: 500;
}

.column1 .info a{
	color: #fff;
	text-decoration: none;
}

.column1 .info.name img{
	display: none;
}

.column1 .info.contact{
	position: absolute;
    right: 0;
    left: 0;
    top: 494px;
}

.column1 .info.contact span.phone{
	display: none;
}

.column1 .info.contact .cell-label{

}

.column1 .info.contact span.fax{
	
}

.column1 .info.contact a.website{
	color: #82c341;
    font-weight: 600;
}

.column1 .info.address{
	position: absolute;
    right: 0;
    left: 0;
    top: 570px;
}

.column1 .info.address span{
	display: none;
}

.column1 .info.address span.company-name{
	font-weight: 600;
	display: inline;
}

.column1 .info.address span.company-citystate br{
	display: none;
}

.column1 .info.address span.company-country{
	display: none;
}
.column1 .agent-photo-container{
	position: absolute;
    bottom: 215px;
    top: auto;
}

.column1 img.agent-photo{
}

.column1 .realtor-on-duty {
    top: 334px;
}

.office-logo-wrapper{
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/XposurePublicIncludes/branding/pemberton3/logo.png);
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    height: 113px;
    background-size: 113px;
}

.column1 img.office-logo{
    display: none;
}

.custom-brand-second-member{
	display: none;
}

.main-nav li{
	border-bottom-color: transparent;
}

.main-nav li.active{
	border-bottom-color: transparent;
}

.main-nav li:last-child{
	border-bottom-color: transparent;
}

.main-nav li a{
	color: #18331b;
	text-shadow: none;
}

.column2 form{
	bottom: 7px;
}

.column2 form label{
	border-radius: 3px;
	color: #fff;
}

.column2 form fieldset input, .column2 form fieldset textarea{
	border-radius: 3px;
}

.button{
	background: #82c341;
	color: #fff;
	border-radius: 3px;
}

.column2 form fieldset .visible-fields{

	background: transparent;
}

#details{
	background: #fff;
}

#details table td{
	color: #666;
	border-bottom: 1px solid #DFDFDF;
}

#details table .first td{
	border-top:none;
}

#details table .last td{
	border-bottom:none;
}

#details p{
	color: #666;
	text-shadow: none;
}

#about {
	background: #fff;
}

#multimedia{
	background: #fff;
}

#multimedia ul a{
	color: #3F4A56;
	background-color: #fff;
}

#multimedia ul a:hover{
	background-color: #f1f3f6;	
}

#video {
	background-color: transparent;	
}

#video .video{
	border-bottom:none;
}

#plans{
	background-color: transparent;
}

.map-tabs a{
	background: #7a7472;
	border-radius: 0 0 4px 4px;
	color: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	border: none;
	border-bottom: 1px solid #505050;
}

.map-tabs a.active{
	background: #82c341;
	border-bottom: 1px solid #5A5A5A;
}

#gallery,
#gallery .rsOverflow,
#gallery .rsSlide,
#gallery .rsVideoFrameHolder,
#gallery .rsThumbs {
	background-color: #fff;
}

#gallery .rsThumbs {
	background-color: #eee;
}

#gallery .rsThumb.rsNavSelected {

}

#gallery .rsThumb.rsNavSelected span.thumbIco {
	border-color: #82c341;
}

#gallery .rsThumbsArrow {
    background:  rgba(0, 0, 0, 0.3);
}

#gallery .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.5);
}

.html-content h1{
	color: #666;
}

.html-content h2{
	color: #666;
}

ul.xp-search-list li.xp-search-button {
	background: #0b6623;
}

.xp-dark ul.xp-search-list li.xp-search-button {
	background: #0b6623;
}

@media only screen and (min-width: 376px){

	.column1 .agent-photo-container {
    	bottom: 250px;
	}
	
	.office-logo-wrapper{
    	height: 92px;
    	background-size: 110px;
	}
}

@media only screen and (min-width: 400px){

	.office-logo-wrapper{
    	height: 69px;
    	background-size: 95px;
	}
}

@media only screen and (min-width: 500px){
	
	.column1 .info.contact span.phone{
		display: inline;
	}
}

@media only screen and (min-width: 420px){
	.column1{
		background-image: url('/XposurePublicIncludes/branding/pemberton3/col1-md.png');
		background-position: right -9px;
	}

	.column2{
		background-image: url('/XposurePublicIncludes/branding/pemberton3/col2-md.png');
		background-position: left -9px;
	}
	
	.column1 .agent-photo-container {
    	bottom: 229px;
	}
	
	.column1 .info.name {
    	top: 420px;
	}
	
	.column1 .info.contact {
    	top: 514px;
	}
	
	.column1 .info.address {
    	top: 590px;
	}
	
	.office-logo-wrapper {
    	height: 91px;
    	background-size: 120px;
	}
}

@media only screen and (min-width: 830px) {
	
	.main-nav li.active a{
		color: #fff;
	}
}

@media only screen and (min-height: 750px) and (min-width: 960px) {
	
	.column1{
		background-image: url('/XposurePublicIncludes/branding/pemberton3/col1-lg.png');
	}

	.column2{
		background-image: url('/XposurePublicIncludes/branding/pemberton3/col2-lg.png');
	}
	
	.column1 .agent-photo-container {
        bottom: auto;
    	top: 173px;
	}
	
	.column1 .info{
		font-size:13px;
		line-height: 20px;
		margin: 0px 5px 25px 5px;
	}
	
	.office-logo-wrapper{
   		height: 174px;
    	background-size: 195px;
	}
	
	.column1 .info.name {
    	top: 500px;
	}
	
	.column1 .info.contact {
    	top: 591px;
	}
	.column1 .info.name{
		margin: 0 5px 25px 5px;
	}
	
	.column1 .info.address {
    	top: auto;
    	bottom: 8px;
    	margin-bottom: 0;
	}
	
	.column1 .info.address span {
    	display: initial;
	}
	
	.column1 .realtor-on-duty {
    	top: 417px;
	}
	
}