/*  Control r - use "Control r" to get the brower to reload the latest version of this CSS file */
/*  Note, that the latest version of the CSS file must be compiled into the code - that is, */
/*  you can not just change the CSS file and expect the brower to know about the changes */
/*  you made without compiling in the new CSS file - December 2024 */
/* */
/*   One or more of the following directives will keep the "_Layout_" file from seeing the anchor */
/*   directives - December 2024 */
/*  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> */
/*  <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" /> */ 
/*  <link href="https://fonts.googleapis.com/css?family=Raleway:400,200,800" rel="stylesheet" type="text/css"> */
/*  <script src="@Href("~/Scripts/jquery-1.8.2.min.js")" type="text/javascript"></script> */
/*  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> */
/*  <link rel="shortcut icon" type="image/png" href="~/favicon.ico" /> */
/*  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> */
/*  <meta name="description" content="Searching for houses in California? ArchitectureforSale provides the list of houses for sale in California. Check the details & contact us now!"> */
/*  <meta name="google-site-verification" content="HUs_ZSsX7cdqDyvuDY3-7AjiUlQ8TCdMFnOHsMt-nLk" /> */

/* unvisited link */
a {
    color: black;
    text-decoration: none;                     /* this keeps the brower form underlining the hyperlink */
    /* background-color: yellow; */
    /* font-size: 4em; */
}  

a:hover {
    color: blue; 
    text-decoration: none;                    /* this keeps the brower form underlining the hyperlink */
    /* background-color: yellow; */
    /* font-size: 18px; */
    /* text-decoration: underline; */
}

/* Don't use this directive - it causes the "a" directive not to work  - December 2024 */
/* a:link {
        color: yellow;
        text-decoration: none;
    } */

/* I not sure I need this directive - December 2024 */
/* a:active {
        color: #a52f09;
    } */

/* Don't use this directive - it causes the "a" directive not to work  - December 2024 */
/* a:visited {
        color: black;
        text-decoration: none;
    }  */

/************************************************************************************************************************************/
/************************************************************************************************************************************/
/* ****Spinning Wheel */

.spinning_wheel_iphone_10 {
    border-radius: 50%;               /* Leave this at 50% */
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    width: 40px;
    height: 40px;
    /* -webkit-animation: spin 2s linear infinite; */ /* Safari */ /* Maybe this line of code must be first */
    animation: spin 1.1s linear infinite;
}

.spinning_wheel_desktop {
    border-radius: 50%; /* Leave this at 50% */
    border: 7px solid #f3f3f3;
    border-top: 7px solid #3498db;
    width: 50px; 
    height: 50px; 
    /* -webkit-animation: spin 2s linear infinite; */ /* Safari */ /* Maybe this line of code must be first */
    animation: spin 1.1s linear infinite;
    /* A little bigger */
    /* border: 8px solid #f3f3f3;
        border-top: 8px solid #3498db;
        width: 60px;
        height: 60px; */
    /*  W3 School's code */
    /* border: 16px solid #f3f3f3;
        border-top: 16px solid #3498db;
        width: 120px;
        height: 120px; */
}
 
  /* The following code makes the spinner "spin".  */
  /* The the following code must be in the "_layout_" file for each C# file. */
  /* If the following code is in this CSS file the spinner will "not" spin. */

    /* @@keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
        } */
        
    /* Safari */
    /* @@-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
        } */

.center_div {
    margin: auto;
    /* width: 50%; */
    /* padding: 10px; */
}

.center_center_div {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -27px;
}
 
/************************************************************************************************************************************/
/************************************************************************************************************************************/
.logo_size {
    height: 59px; /* 59 */
    width: 300px;
    float: left;
    margin-left: 1%;
}

.top_font {
    font-family: arial;
    color: black;
}

.top_font_size_small {
   font-size: 0.75em;   
    font-family: arial;
    color: black;
}

.top_font_size {
    font-size: 1em;  
    font-family: arial;
    color: black;
}

.body_font_size {
    font-size: 1em;
    font-family: arial;
    color: black;
}

.center {
    text-align: center;
}

nav ul {
    list-style: none;
    /* margin: 50px 0 0 0; */
    /* padding: 50px 0 0 0; */
    /* border-bottom: 1px dotted #5d5a53; */
}

    /* Hyperlink spacing  */
nav ul li {
        float: left;
        /* margin-left: 30px; */
        /* margin-left: 1%;  */
}

fieldset legend {
    font-size: 1.2em;
    font-weight: bold;
}

fieldset label {
    display: inline-block;
}

.box_design {
    font-family: arial;
    border-width: 0.5em;
    border-color: #C0C0C0;
    border-style: solid;
    background-color: #F8F8F8;
}

.button {
    font-family: arial;
    color: black;
}

.button_font_size {
    font-size: 1em;
    font-family: arial;
    color: black;
}