/*   

Theme Name: Fercodini Properties

Theme URI: http://www.deyoungmedia.com/custom_themes

Description: A custom Wordpress theme for minimalist sites.

Author: Adam De Young

Author URI: http://www.deyoungmedia.com/

Version: 1.0

Tags: music, minimal, clean

.

*/



/* Reset default browser styles */

@import url('styles/reset.css');



/* Rebuild default browser styles */

@import url('styles/rebuild.css');



/* Basic WordPress Styles */

@import url('styles/wp.css');



/* Import a basic layout */

@import url('styles/3c-b.css');


html,body

{

    width: 100%;

    height: 100%;

    margin: 0px;

    padding: 0px;

    overflow-x: hidden; 

}

/* Buyer Broker Fee Start */

.post-meta-key
{
	display:none;
}

.post-meta
{
	list-style-type:none;
}

.post-meta li
{
	padding-top:2%;
}


/* Buyer Broker Fee End */


#newsearch
{
background-color:#4B8B9C;
padding-bottom:.5%;
padding-top:1%;
}



.dsidx-resp-search-form fieldset
{
width:90% !important;
}

ul.xoxo
{
width:100% !important;
list-style-type:none !important;
}

.dsidx-selected-filter-location
{
color:#000000 !important;
}

.entry-content
{
list-style-type:none;
}

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



h1

{

font-size:3em;

color:#ffffff;

margin:0%;

padding:0% 1%;

}



a

{

color:#4c8b9c;

}



#heading

{

width:100%;

background-color:#4c8b9c;

padding:1% 2% 1% 1%;

}



#menu

{

width:85%;

margin-left:12%;

padding-top:1%;

}



#logo

{

float:left;

width:35%;

}



#logo img

{

width:55%;

height:auto;

}



#nav

{

float:left;

font-size:1em;

width:65%;

}



#nav a

{

text-decoration:none;

color:#4c8b9c;

}



#nav ul

{

list-style-type:none;

}



#nav li

{

display:inline;

padding-right:5%;

}



#clr

{

clear:both;

}



#slider

{

background: url(https://www.fercodini.com/wp-content/uploads/2025/11/fercodini_hero_image.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



#slider img

{

width:100%;

height:auto;

}



#search

{

background: url(https://www.fercodini.com/wp-content/uploads/2025/11/fercodini_hero_image.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

color:#ffffff;

font-size:1em;

padding-bottom:25%;
padding-top:15%;

}


#oneclick
{
font-size:2em;
padding:0% 2% 0% 2%;
}






#main

{

width:65%;

color:#4e91a1;

margin:0% 20%;

font-size:1.3em;

}



#main img

{

width:40%;

height:auto;

margin:5% 0% 5% 20%;

}



#main h2

{

font-size:2em;

padding:0%;

margin:0%;

}



#career

{

background-color:#4e91a1;

color:#ffffff;

width:100%;

font-size:4em;

text-align:center;

padding:1%;

margin-top:3%;

}



#career a

{

text-decoration:none;

color:#ffffff;

}



#footer

{

padding-bottom:5%;

color:#4e91a1;

font-size:1.75em;

margin-left:2.5%;

width:100%;

}



#footer_mobile

{

display:none;

}



#dm

{

margin-top:2%;

padding-bottom:5%;

color:#4e91a1;

font-size:1em;

text-align:center;

}



#dm a

{

text-decoration:none;

color:#4e91a1;

}



#footer_nav

{

float:left;

font-size:1em;

width:65%;

margin-top:3%;

}



#footer_nav a

{

text-decoration:none;

color:#4c8b9c;

}



#footer_nav ul

{

list-style-type:none;

}



#footer_nav li

{

display:inline;

padding-right:5%;

}



#content

{

width:60%;

margin:3% 20%;

}



#left_column

{

float:left;

width:45%;

}



#right_column

{

float:left;

width:50%;

margin-left:5%;

}



#nameinfo

{

margin-top:0%;

}



#value

{

float:left;

width:45%;

}

#openhouse

{

float:left;

width:45%;

margin-left:10%;

}

h1.entry-title

{

font-size: 1em;

margin:0%;

}



/*----------------------Laptop*/



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


#footer

{
font-size:1em;
}

}



/*--------------------------iPad-----------------------*/



@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px)  

{



#logo

{

float:left;

width:35%;

margin-top:2%;

}



#nav

{

font-size:1.2em;

margin-top:.5%;

}



#oneclick

{

margin-left:1%;

padding:3% 1% 2% 1%;

font-size:.75em;

}

#career

{

background-color:#4e91a1;

color:#ffffff;

width:100%;

font-size:2em;

text-align:center;

padding:1%;

margin-top:3%;

}



#footer

{

padding-bottom:5%;

color:#4e91a1;

font-size:1em;

margin-left:4.5%;

width:100%;

}



#footer_nav

{

float:left;

font-size:.75em;

width:75%;

margin-top:3%;

}



}



/*--------------------------iPad Portrait-----------------------*/



@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : portrait) {



#logo

{

float:left;

width:35%;

margin-top:2%;

}



#logo img

{

width:100%;

height:auto;

padding-bottom:2%;

}



#nav

{

float:left;

font-size:1.25em;

width:65%;

margin-top:2%;

}



#oneclick

{

margin-left:1%;

padding:3% 1% 0% 1%;

font-size:.5em;

}



#career

{

background-color:#4e91a1;

color:#ffffff;

width:100%;

font-size:2em;

text-align:center;

padding:1%;

margin-top:3%;

}



#footer

{

padding-bottom:5%;

color:#4e91a1;

font-size:.75em;

margin-left:2.5%;

width:100%;

}



#footer_nav

{

float:left;

font-size:.75em;

width:100%;

margin-top:3%;

}



#main

{

width:100%;

margin:2% 5%;

font-size:1em;

}



#openhouse

{

float:left;

width:45%;

margin-left:5%;

}



}





/*-------------------iPhone-----------------*/



@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) 

{



#menu

{

margin:2% 0% 0% 10%;

}



#logo

{

display:block;

width:90%;

margin-right:10%;

}



#logo img

{

width:100%;

height:auto;

}



#nav

{

font-size:3.5em;

width:90%;

margin-right:7%;

margin-left:5%;

}



#nav li

{

display:inline;

padding-right:5%;

}



#oneclick

{

font-size:.75em;
background-color:#4B8B9C;

}



#searchform

{

background-color:#4B8B9C;

}



#searchform form

{

margin:0%;

width:95%;

background-color:#ffffff;

border-radius: 25px;

}





#openhouse img 

{

float:left;

padding-right:5%;

}



#value h2

{

font-size:2em;

margin-top:15%;

}



#openhouse h2

{

font-size:2em;

margin-top:15%;

}



#openhouse

{

display:inline;

width:90%;

margin-left:0%;

padding:5%;

}



.hide

{

display:none;

}



#main

{

width:100%;

margin:5% 0% 0% 0%;

}



#main img

{

margin:0%;

}



#career

{

background-color:#4e91a1;

color:#ffffff;

width:100%;

font-size:2.5em;

text-align:center;

padding:1%;

margin-top:3%;

}



#footer

{

display:none;

}



#footer_nav

{

display:none;

} 



#footer_mobile

{

display:inline;

margin:10% 25% 10% 30%;

font-size:2.75em;

padding:10% 0%;

}



#footer_mobile a

{

text-decoration:none;

}



#dm

{

margin-top:2%;

padding-bottom:5%;

color:#4e91a1;

font-size:.75em;

text-align:center;

}



}



