﻿/* CSS for Honeywillteam.com
------------------------------------------------------*/

/*FONTS*/
@import url(https://fonts.googleapis.com/css?family=Cinzel|Crimson+Text);

/*STYLE*/
body {
    font-family: 'Crimson Text', serif;
/*    color: #434244; change per Bill Honeywill 2014-08-19*/
    color: #000000;
/*    font-size: 16px; change per Bill Honeywill 2014-08-25*/
    font-size: 20px;
}

h1, h2, h3, h4, h5 {
    font-family: 'Cinzel', serif;
/*    color: #552448; change per Bill Honeywill 2014-08-25*/
    color: #000000;
}

h2, h3 {font-weight: bold;}

blockquote {
    border-top: 1px solid #552448;
    border-bottom: 1px solid #552448;
    border-left: 0;
    padding: 10px;
    margin: 0 40px 20px 40px;
    text-align: justify;
}

.page-title{border-bottom: 1px solid #552448; margin-top: 0;}

a, a:visited {color: #9C4284;}
a:active, a:hover {color: #9C4284; }


.btn-purple, .btn-purple:visited {
    color: #eae3d4;
    background-color: #552448;
    border-color: #552448;
}

.btn-purple:hover, .btn-purple:active {
    color: #ffffff;
    background-color: #9C4284;
    border-color: #9C4284;
}

.btn-white, .btn-white:visited {
    color: #9C4284;
    background-color: #fff;
    border-color: #fff;
}

.btn-white:hover, .btn-white:active {
    color: #9C4284;
    background-color: #eae3d4;
    border-color: #eae3d4;
}

.btn {
    margin: 5px;
}

.red {color: red;}
.hr {border-bottom: 2px solid #552448;margin: 5px 0;}

/*contactforms*/
.contactform .row {
    margin-bottom: 10px;
}

.contactform {
    font-size: 18px;
    background: #dbd3b8;
    border: 2px solid #fff;
    width: 90%;
    margin: 0 auto;
    padding: 15px;
}

.fieldname {text-align: right;}
@media(max-width:992px) {.fieldname {text-align: left;}}

/*tables*/
.table-tan > thead > tr > th {
    border-bottom-color: #552448; 
}
.table-tan > tbody > tr > th, .table-tan > tfoot > tr > th, .table-tan > thead > tr > td, .table-tan > tbody > tr > td, .table-tan > tfoot > tr > td{
    border-color: #d7cbaf;
}

.brownbg{background: #d7cbaf;}
.servicestable h4 { font-size: 22px; font-weight: bold; margin: 0;}


/*content images*/
.content img {margin: 0 15px; max-width: 100% !important;}
@media(max-width:480px){.content img{float:none !important;display: block; margin: 0 auto;}}

/*videos*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*fancy titles*/
.fancytitle{overflow: hidden; margin: 0 auto; text-align: center; width:95%;}
.fancytitle span {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.fancytitle span:before,
.fancytitle span:after{
  background: #552448;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 400%;
}
.fancytitle span:before {right: 100%;}
.fancytitle span:after {left: 100%;}

.featuredtitle {
    font-family: 'Cinzel', serif;
    text-transform: uppercase;
    color: #552448;
    font-size: 1.2em;
    font-weight:bold;
    padding-bottom: 10px;
}

/*boxes*/
.whiteborder{border: 2px solid #fff;}
.tanborder{border: 2px solid #dbd3b8;}
.purplebtmborder{border-bottom: 2px solid #552448;}
.whitebg{background: #fff;}
.tanbg{background: #dbd3b8;}
.purplebg{background: #552448; color:#eae3d4;}

/*MAIN/LAYOUT*/

body {
   background: #fff url('../images/bg.png') top left repeat-x;
}

.main-body{margin-top: 40px; margin-bottom: 20px;}
.content {margin-bottom: 20px;}
.sidebar {font-size: 16px;}

/*header*/
.header {
    background: transparent url('../images/compass-rose-sm.png') center top no-repeat;
    padding: 10px 0 15px 0;
}
@media(max-width:480px){.header{padding:15px 0;}}

.header-title, .header-subtitle {color:#552448; text-align:center;}
.header-title {font-family: 'Cinzel', serif; font-weight: bold; font-size: 1.4em;}
.header-subtitle{font-style: italic; font-size: 1.1em; width:90%;}

/*navigation*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #552448; }
.navbar-default .navbar-toggle {border-color: #552448;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:visited {color: #552448;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #9C4284;}

.navbar {border-radius: 0px;margin-bottom:0; font-size:16px;}
.navbar-default {
    background: #ece6d9 url('../images/menu-bg.png') top left repeat-x;
    border: 1px solid #a49f8c;
    box-shadow: 2px 0 5px -5px rgba(31, 73, 125, 0.8), -2px 0 8px -5px rgba(31, 73, 125, 0.8);
    font-wight: bold;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:visited {color: #552448;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #552448;
    color: #dbd3b8;
}

.navbar-default .dropdown-menu li {border:0;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#dbd3b8;background-color: #552448;}

@media(min-width:768px){.navbar .container-fluid, .navbar-collapse{padding: 0;} .dropdown:hover .dropdown-menu {display: block;}}
.navbar-default li {border-left: 1px solid #ccc7aa;border-right: 1px solid #a49f8c;}
.navbar-default li:first-child {border-left: none;}
.navbar-default li:last-child {border-right: none;}


@media(min-width:768px) and (max-width: 992px) {
    .navbar-default {background: #ece6d9 url('../images/menu-bg.png') top left repeat-x; background-size: auto 100%;}
    .navbar-nav > li > a{padding:15px 36px;}
    .navbar-default li {border-left: 0px solid #ccc7aa;border-right: 0px solid #a49f8c;}
}
@media(min-width:992px) {.navbar-nav > li > a{padding:15px 5px;}}
@media(min-width:1200px){.navbar-nav > li > a{padding:15px 18px;}}
@media(max-width:767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:visited { color: #552448;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #9C4284;}
    .navbar-default li {border:0;}
}



/*slideshow*/
#homeCarousel{margin-bottom: 10px;}
.carousel-control, .carousel-control:visited {width: 8%; color: #fff;z-index: 100;}
.carousel-indicators {bottom: 0;}
#homeCarousel .linda, .slideshow-container .linda{
    position: absolute;
    bottom: -1px;
    right: 6%;
    z-index: 100;
    max-height: 95%; 
    overflow-y: hidden;
    width:50%;
    text-align: right;
    z-index: 500;
}
#homeCarousel .linda2, .slideshow-container .linda2{
    position: absolute;
    bottom: -1px;
    right: 6%;
    z-index: 100;
    max-height: 95%; 
    overflow: hidden;
}

.slideshow-container .linda img{
    width:220px;
}

@media(min-width:768px){.slideshow-button{bottom:20px;right: 150px; position: absolute;display:inline-block;}}


@media(max-width:767px){
    #homeCarousel .linda, .slideshow-container .linda{width: 100%; text-align: center; bottom: 40%;right:0;}
    .slideshow-container .linda img{display:none;}
}


.main-splash{position: relative;}


.main-splash .search-widget{
    position: absolute;
    left: 9%;
    top: 10px;
    z-index: 801;
    max-width: 40%;

}

@media(max-width:767px){
   .main-splash .search-widget{
        position: relative;
        left: auto;
        top: auto;
        max-width: 100%;
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
    }
}

.search-widget {
    font-size: 14px;
    padding: 8px;
}


.slideshow-container { position: relative; margin-bottom: 10px;max-height: 300px;}
.cycle-slideshow img {width:100%;/*max-height: 500px;*/}
.cycle-slideshow{max-height:300px; overflow: hidden;}
/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: .7; filter: alpha(opacity=.7); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;}
.cycle-prev .glyphicon-chevron-left {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    left: 8%;
    z-index: 5;
    display: inline-block;
    
}
.cycle-next { right: 0;}
.cycle-next .glyphicon-chevron-right {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff !important;
    position: absolute;
    top: 50%;
    right: 8%;
    z-index: 5;
    display: inline-block;
    
}
.cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90) }
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #ffffff;}
.cycle-pager > * { cursor: pointer;}




/*featured properties and communities*/

.homedata .row:nth-child(even){
  background-color: #dbd3b8;
}
.homedata .row:nth-child(odd){
  background-color: transparent;
}

@media (min-width: 1200px){
    .homepage.container{width: 1200px;}
    .featuredhome{min-height: 164px;}
}

@media (min-width: 1400px){
    .homepage.container{width: 1400px;}
    .featuredhome{min-height: intrinsic;}
    }

.featuredhomes, .fcommunities, .BuySelInv { padding: 10px; margin-bottom: 10px;}
.scommunities { padding: 3x; margin-bottom: 3px;}
.featuredhomes .row, .fcommunities, .scommunities, .BuySelInv .row {margin-left: -5px; margin-right: -5px;}
.scommunities {margin-left: -2px; margin-right: -2px;}
.featuredhomes > .row > div, .fcommunities > .row > div, .scommunities > .row > div, .BuySelInv > .row > .div {padding-left: 5px; padding-right: 5px;}
.featuredhome, .community {padding: 10px 5px;}
.featuredhome .col-xs-6 {padding: 0; line-height: 1.2em;}
@media(max-width:767px){.featuredhome{margin-bottom: 10px;}}

.community, .BuySelInv {text-align: center; font-size: 16px;}
.community, .BuySelInv a, .community, .BuySelInv a:visited, .community, .BuySelInv a:active, .community, .BuySelInv a:hover {color: #434244; font-weight: bold;}

/*calls to action*/
.homecalls{margin-left: -5px; margin-right: -5px;}
.homecalls .call {padding: 0 5px; margin-bottom: 10px;}
.call1, .call2, .homecontact {padding: 5px;}
.cimage {float:left; width: 29%;}
.cinfo {float:right; width: 69%; line-height: 1.2em;font-size: 16px;}
.cinfo a, .cinfo a:visited, .scontact a, .scontact a:visited {color: #eae3d4; text-decoration: underline;}
.cinfo a:hover, .cinfo a:active {color: #ffffff;}
.ctitle {font-weight: bold; font-size: 1.1em;}
.cblock {margin-bottom: 8px;}

/*sidebar*/
.scontact {padding: 10px;}
.scontact .ctitle{font-size: 1.4em;}
.scontact .cjob {font-size: 1.2em;}
.scontact .headshot {width: 70%; max-width: 180px;}
.sidebar-button{margin-bottom: 10px;border: 2px solid #552448}

/*footer*/

.footer {
    margin-top: 100px;
    margin-bottom: 20px;
}

.fhead {font-size: 1.4em; color: #552448; font-weight: bold;}
.ftitle { font-style: italic; font-weight: normal;}
.fcontact{border-right: 1px solid #552448;}
.flogo {max-width: 220px; margin: 0 auto;}
@media(max-width:767px){.fcontact{border-right: 0;text-align: center;}}
.copyright { font-size: 11px; text-align: justify; text-transform: uppercase; color: #666;padding-top: 15px;font-family:'Cinzel', serif;}


/****HOMES DATABASE***/

.listing {
    margin: 10px 0;
    padding: 15px 0;
}

.btn {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.listing h3 {
    margin-top: 0;
}

.listing img {
    margin: 0 0 5px 0;
    padding: 0;
}

.listing-imgs div {
    padding: 0 5px;
}

.listing-detail img {
    margin: 0 0 .5em 0;
    border: 2px solid #fff;
}

@media (min-width: 768px){
    .infoformimg {
        max-width: 350px;
        margin: 0 auto;
    }
}

.infoform .input-box {
    width: 100%;
}

#bslightbox .modal-dialog {
    padding: 0;
    margin-top: 20px;
}




.pp_pic_holder .ppt {
    display: none !important
}

@media (max-width: 767px) {

    .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: scroll; -webkit-overflow-scrolling : touch; }
    div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
    div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
    .pp_content { width: 100%!important; height: auto!important; }
    .pp_fade { width: 100%!important; height: 100%!important; }
    a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
    #pp_full_res img { width: 100%!important; height: auto!important; }
        #pp_full_res { line-height: 0.7 !important; }
    .pp_details { width: 100%!important; min-height: 35px; background-color: #fff; margin: 0!important; }
    div.pp_default .pp_description {margin: 11px 50px 5px 153px !important; }
    div.ppt { display:none !important; }
    .pp_play {margin-right: 20px !important;}
    .pp_arrow_previous {margin-right: 5px !important;}
    .currentTextHolder { margin-left: 20px !important}


}

/**FORMS**/
/**Form outlines**/

.formpanel {
    border-color: #fff; 
    background: #dbd3b8;
}

.formpanel .panel-heading {
    background-color: #552448;
    border-color: #fff;
}

.formpanel .panel-title {
    color: #fff;
}

.formpanel .panel-body {
    font-size: 16px;
}

.formpanel .row {
    margin-bottom: 3px;
}

.input-box {
    background: #fff;
    color: #434244;
    border: 0;
    padding: 3px;
    margin-bottom: 5px;
    /**width: 100%; **/
}

.input-select {
    background: #fff;
    color: #434244;
    border: 0;
    padding: 3px;
    margin-bottom: 10px;
    border-radius: 0;
    width: 100%;
}
.submit-button {
    background: #552448;
    color: #fff;
    border: 0;
    padding: 5px;
    clear: both;
    text-transform: uppercase;
    letter-spacing: 1px; 
}

/***Print***/
@media print {
    .flinda {width: 100px; float: left; margin-right: 10px;}
    .flogo {width: 200px; float: right;}
    .print-footer {text-align: left; font-size: 12px;}
    .header{padding:0;}
    .header-title{font-size: 1.2em;}
    .header-subtitle{font-size: 1.1em;}
    .mainpic{width: 50%; margin: 0 auto;}
}

/**videos**/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**Testimonial Slider**/
.testimonial-slider{background:#fff; border-top: 1px solid #552448; border-bottom: 1px solid #552448;margin-bottom: 10px;padding-top:5px;}
.testimonial-slider blockquote{margin: 0; padding: 5px 0 5px 35px; border: 0;}
.testimonial-slider blockquote p{margin: 0;}
.testimonial-slider blockquote cite{font-size: .8em; text-align: center; text-transform: uppercase; color: #6b6b6b;}
.testimonial-slider blockquote:before {
display: block;
content: "\201C";
font-size: 120px;
position: absolute;
left: 0px;
top: -35px;
color: #dbd3b8;
}
.testimonial-slider .featuredtitle{padding-bottom: 0;}
.testimonial-slider .fancytitle {width: 100%;}

.testimonial-slider .carousel-indicators{margin-bottom: 0;}
.testimonial-slider .carousel-indicators > li {background-color: #dbd3b8;border: none;}

.searchform {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

