/*********************
SHINOBI - DEREKPINK VARIATION
**********************/


/* FONTS */

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

body {
	font-weight: 300;
}

h2, .header2, body.shinobi #fancybox-content h2, #listing_contactform h3 {
	font-weight: 900;
}

h3, .header3, .bold {
	font-weight: 700;
}

#contact_info h2, .latest_blog_entries h2 {
	font-weight: 100;
}

.column1_2 h2 {
	color: #de68a7;
}

a {
	color: #b74692;
	-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;
}

a:hover {
	color: #de68a7;
}

/* HEADER */

.logo {
    float: left;
    margin: 30px 0;
    z-index: 201;
    position: relative;
    display: block;
}
#nav {
    background-color: transparent;
    position: relative;
    border-top: none;
    border-bottom: none;
    box-shadow: none;
}
#nav .nested {
    float: right;
    margin: -103px auto 0;
    position: relative;
    right: 7%;
    left: auto;
}
#nav ul#mainmenu {
    float: right;
}

/* NAVIGATION */

#nav li a {
	font-weight: 400;
}

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

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


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


/* HOMEPAGE */
body.index .top-section {
	display:block;
}
.top-section {
	display: none;
    height: 100vh;
    margin-bottom:-11px;
    position: relative;
    background: transparent;
    background-image: url('/static/themes/shinobi/variations/derekpinkprecremaxmasters/images/header.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.topimgcontainer {
    display: none;
}

body.index .topimgcontainer {
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 100px;
    width: 86%;
    z-index: 200;
}

body.index .topimgcontainer img {
	width: 100%;
}

body.index #page_title, body.index .column2_2 {
	display: none;
}

body.index .column1_2, body.index #listings_bar, body.index .column2_2 {
    background-image: none;
    border-bottom: 1px solid #b74692;
}

body.index #contact_info {
	border-left-color: #b74692;
}

/* 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:#b74692;
}

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


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

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



}



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

	#nav li a {
	        font-size:0.8em;
	        padding-left:6px;
	        padding-right:6px;
	}


}

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

	body.index .topimgcontainer {
		top: 182px;
	}
	.logo {
        float: none;
        margin: 10px auto;
        display: block;
        width: 200px;
    }
    #identity {
        border-bottom: none;
    }
    #nav {
        border-bottom: 4px solid #424242;
    }
    #nav li a {
        font-size: 14px;
    }
    #nav .nested {
        float: none;
        margin: -3px auto 0;
        right: auto;
    }
    #nav ul#mainmenu {
        float: none;
    }
    .nested #mainmenu {
        text-align: center;
    }
    .nested #mainmenu {
        text-align: center;
    }
    .nested #mainmenu > li {
        display: inline-block;
        float: none;
        text-align: left;
    }


}

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

body.index .topimgcontainer {
	top: 270px;
    width: 97%;
}


}