/*********************
SHINOBI - ALLANANGELL VARIATION
**********************/

@import url('../../dark/css/main.css');

body {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size:20px;
	line-height: 26px;
}

#identity, body, #wrapper, #footer, #nav, #mainmenu li .submenu,.listing_detail_cta_request_info:hover  {
	background-color: #262626;
}

table.listings thead th, table.listings thead, #mls_search_container, .listing_actions, .listing_attachments, .listing_openhouses, table.listings tbody td, body.listing_details table.details td, table.listing_details_table_hd td, body.listing_details table.details tr.even td, body.listing_details table.details td, body.listing_details .listing_actions, body.listing_details .listing_attachments, body.listing_details .listing_openhouses, .flexslider, .tablink, #agent_search_form, .agent_container, #agent_search_form, .listing_detail_cta_request_info {
    background-color: #484848;
}

#header-left {
	float:left;
	display:inline-block;
	margin: -34px 0 20px;
    width: 200px;
}

#identity .img_center {
    width: 43%;
    margin-top: 73px;
}

#header-right {
	float:right;
	display:inline-block;
	margin-top: -47px;
    width: 188px;
    font-size: 24px;
    margin-bottom: 1em;
    text-transform: capitalize;
}

#header-right p{
    margin-bottom: 0;
}

.nested #mainmenu {
    text-align:center;
}
.nested #mainmenu > li {
    display: inline-block;
    float: none;
    text-align:left;
}

body.index #page_title {
	display: none;
}

body.index #home_feat_box_container {
	margin-top: 0;
}

body.index .home_feat_box {
    background-color: transparent !important;
    box-shadow: none !important;
}
body.index .home_feat_box_1, body.index .home_feat_box_2 {
    background-color: transparent !important;
}

#banner img {
	animation: 2s ease 0s normal none 1 running fadein;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#searchlink {
	float:left;
	display:inline-block;
	width: 50%;
}

#searchlink img, #searchlink p {
	float:left;
}

#searchlink img {
	padding-top: 49px;
	padding-right:15px;
}

#searchlink p {
	padding-top: 66px;
}

#searchlink a {
	color: white;
	font-weight:normal;
}

#headshots {
	display: inline-block;
	float:right;
	width: 40%;
}

body.index #listings_bar h2 a {
	color: white;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}

#listings_bar .flexslider {
	padding-bottom: 20px;
}

#listings_bar .flexslider .slides img {
    max-height: 200px;
}

.image_ribbon_index img{
    height: auto !important;
    width: auto !important;
}

.listings_bar_item h2 {
    font-size: 18px !important;
    line-height: 20px !important;
}

body.index .flex-viewport {
    overflow:visible !important;
}

body.index #listings_bar .flexslider .flex-viewport ul.slides {
    width:auto !important;
}

#content_area #listings_bar .flexslider ul li.listings_bar_item {
    height:340px;
    width:300px !important;
    margin: 0 7% 25px 0
}

#listings_bar .flex-control-nav {
    display:none;
}

#listings_bar .flexslider .slides img {
    width:100%;
}

body.index .column2_2 {
    background-image: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

#footer, #footer #disclaimer {
    color: #eaeaea;
}

.allan-photo {
    width:250px;float:left;display:inline-block;
}

.bio-text {
    width:54%;float:left;
    padding-right:50px;
    padding-top: 100px;
}

.kim-photo {
    width:250px;float:left;display:inline-block;
}

.allan-photo h2, .kim-photo h2{
    padding-top:16px;
}

body.free-home-evaluation .form-right {
    display: none;
} 

.listview_item {
    height: auto;
}

/* primary color */

#nav li a {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	color: #dae6dd;
    padding: 16px 11px;
}

a {
	color: #e1daae;
	font-weight:bold;
}

#nav li a.active, #nav a:hover {
    color: #e1daae;
}


#header {
	border-top-color:#e1daae;
}

#contact_button a, input.submit, .fancybox-inner input[type="submit"], #agent_search_form #agentsearchsubmit, .listing_detail_cta_request_showing, .listing_detail_cta_request_showing:hover {
	background-color:#e1daae;
}

.flex-control-paging li a.flex-active {
	background-color:#e1daae !important;
}

/* hover color - darker tint of primary color */

a:hover {
	color: #f1ebc5;
    text-decoration: none!important;
}

/* heading 2 - neutral tint of primary color, set to grey or inherit if ugly */

h1, .header1, h3, .header3, h4, .header4, body.shinobi .fancybox-inner h2, #listing_contactform h3 {
	color: inherit;	
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}

h2, .header2, h3, .header3 {
	color: inherit;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}


/* #Media Queries
================================================== */

@media only screen and (max-width: 1223px) {

    #header-left {
        margin-top: -43px;
    }

    #content_area #listings_bar .flexslider ul li.listings_bar_item {
        width:215px !important;
    }

    #searchlink {
    	width: 56%;
    }

    #searchlink p {
        font-size:16px;
    }
    .bio-text {
        width:40%;
    }

}



@media screen and (max-width: 959px) {

    #header-left {
        margin-left: 150px;
        margin-top: 32px;
    }
    #header-right {
        margin-right: 158px;
        margin-top: 21px;
    }
    #identity .img_center {
        clear:both;
        width: 60%;
    }
    #content_area #listings_bar .flexslider ul li.listings_bar_item {
        width:230px !important;
    }
    #searchlink, #headshots {
    	float: none;
    	display:block;
    	margin: 0 auto 15px;
    	text-align:center;
    	width: 100%;
    }
    #searchlink img, #searchlink p{
    	padding-top: 20px;
    	padding-left: 0;
    }
    #searchlink img {
    	margin: 0 auto;
    	display:block;
    }
    .cheryl-photo, .andie-photo {
        text-align:center;
         margin: 0 auto;
         float:none;
          display:block;
    }

    .bio-text {
        width: 100%;
        float:none;
        padding:0;
        clear:both;
    }

}

@media screen and (max-width: 767px) {

#header-left, #header-right {
	float: none;
	margin: 20px auto;
	display:block;
}

#header-left {
	width: 300px;
}
#header-right {
    width: 188px;
    text-align:center;
}
    #content_area #listings_bar .flexslider ul li.listings_bar_item {
        width:300px !important;
    }
#identity .img_center {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

}

@media screen and (max-width: 479px) {

    #content_area #listings_bar .flexslider ul li.listings_bar_item {
        width:125px !important;
        height: 270px;
    }
    #listings_bar .flexslider .slides img {
        height: 100px;
    }
    #listings_bar, .gridview_item_highlight_secondary {
        display: block;
    }
    body.index .home_feat_box img {
        width: 170px;
    }
    body.index .column1_2 {
        overflow:visible;
    }
    #searchlink img {
        float: none;
        padding-right: 0;
    }

}