/*********************
SHINOBI - SARAHLINDSAY VARIATION
**********************/

/* FONTS */

body, h1, .header1, h2, .header2, h3, .header3, h4, .header4, body.shinobi #fancybox-content h2, #listing_contactform h3 {
	font-family: 'Poppins', Helvetica, Arial;
	font-weight:700;
}

body {
	font-weight: 400;
}

h2, .header2 {
	letter-spacing:3px;
	text-transform: uppercase;
	font-weight: 400;
}

a {
	color: #000;
	-o-transition: color 0.5s linear;
	-moz-transition: color 0.5s linear;
	-khtml-transition: color 0.5s linear;
	-webkit-transition: color 0.5s linear;
	-ms-transition: color 0.5s linear;
	transition: color 0.5s linear;
	font-weight:bold;
}

a:hover {
	color: #444;
}

/* HEADER */

#logo {
	display: block;
	margin: 0px auto 10px;
	position: relative;
	z-index: 106;
	width: 140px;
}

/* NAVIGATION */

#custom_nav {
	float:left;
	margin-top: -132px;
	position:relative;
	z-index: 105;
}

#custom_nav li a {
	color: #000;
	display: block;
	margin: 0;
	padding: 16px 12px;
	font-size:16px;
	font-weight:300;
	letter-spacing: 0;
}

#custom_nav li {
	float:left;
}

#nav {
	box-shadow: none;
	border: none;
	background-color: transparent;
}

#nav .nested {
    float: right;
    margin: -132px 7% 0 auto;
    position: relative;
    left: auto;
}

#nav ul#mainmenu {
    float: right;
}

#nav ul li:first-child a {
    display: none;
}

#nav ul.submenu li:first-child a {
    display: block;
}

#nav li a {
	font-family: 'Poppins', Helvetica, Arial;
	font-weight: 300;
	color: #000;
}

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

/* BANNER */

/*banner fade-in */  
#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; } }

/* FT BOXES */

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

/*transparent feature boxes */
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; 
}

body.index .home_feat_box img:hover {
	opacity:0.9 !important;
}

body.index .home_feat_box {
	text-align:center;
}

body.index .home_feat_box img {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 21;
    text-align: center;
    display: block;
}

/* HOMEPAGE */
body.index #page_title {
	display: none;
}

body.index .column1_2, body.index .column2_2 {
	background-image: none;
}

body.index .column1_2 {
	margin-bottom:0;
}

.kelowna-video {
	float:right;
	padding-left:50px;
}

body.index #contact_info {
	border: none;
}

/* PRIMARY COLOUR */


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

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

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

#footer {
	background-color: #000;
	color: #eaeaea;
}

#footer #footer_nav li a, #footer #realty_ninja a{
	color: white;
}


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

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

#custom_nav li a, #nav li a {
	font-size:14px;
}
.kelowna-video {
	padding-left:20px;
}

}



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

#custom_nav li a, #nav li a {
	font-size:11px;
}
.kelowna-video {
	float: none;
	padding-left:0;
	display:block;
	margin: 10px auto;
}

}

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


#nav .nested {
	margin: 10px auto;
	float: none;
}
.nested #mainmenu {
    text-align:center;
}
#nav ul#mainmenu {
    float: none;
}
.nested #mainmenu > li {
    display: inline-block;
    float: none;
    text-align:left;
}
#custom_nav {
	margin: 0 auto;
	text-align: center;
	width: 265px;
	display: block;
	float: none;
}
#custom_nav > li {
    display: inline-block;
    float: none;
    text-align:left;
}

}

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

#nav .nested {
	margin: 0 auto;
	float: none;
}
#custom_nav {
	float: none;
	margin: 10px auto;
	display:block;
	width: 175px;
}
#custom_nav li {
	width: 50%:;
}

}