/* styles.css */



body {
    background-image:url('../images/fabric_squares.png');

}

iframe {
    margin-left:auto;
    margin-right:auto;
}

.elevated {
    -webkit-box-shadow: 0 16px 6px -6px #888;
    -moz-box-shadow: 0 10px 6px -6px #888;
    box-shadow: 0 10px 6px -6px #888;

}

#title_section {
    position:relative;
    padding-left:65px;

    padding-top:65px;
    padding-bottom:25px;


}

#title_section h1 {
    position:relative;
    font-size:75px;
}

#title_section h3 {
    position:relative;
    font-size:36px;
    margin-top:0px;
    margin-bottom:10px;

}

#title_section h4 {
    position:relative;
    font-size:26px;
    margin-top:15px;


}
.jumbotron {
    margin-bottom:0px;
    /*background:#ddd;*/
    background-image:url('../images/textured_stripes.png');
    color:black;
}
.form-control {
    font-size:20px;

}




/* Nav */
#nav_bar #call_me {
    position:absolute;
    right:0px;

    margin-right:45px;

    line-height:52px;
    vertical-align:middle;

    font-family: 'Helvetica-Neue', Helvetica, Arial, sans-serif;

    font-size:40px;

}

#nav_bar #call_me:hover {
    cursor:pointer;
}

.selected {
    text-decoration:none;
    position:relative;

    border-bottom:5px solid #B8860B;
}
/* End Nav */


.content {
    position:relative;

    margin-left:60px;
    margin-right:20px;

    margin-bottom:30px;
    margin-top:40px;

    width:1280px;

    font-size:20px;
}

.content .lead {
    font-size:26px;

}

.content .row {
    position:relative;
    margin-bottom:30px;


}

.fill-out {
    width:100%;

}


/* Home */


/* About Me */
.img-rounded {
    position:relative;
    max-width:350px;

}
.fill_height {
    position:relative;
    min-height:275px;

}
.barry_logo {
    width:100%;
    height:auto;
    position:relative;

}

.col-md-9 .intro {
    font-size:36px;
    font-weight:normal;
    margin-bottom:15px;
    margin-top:0px;
}

.col-md-6 h1 {
    margin-top:0px;
}

.request_info_title {
    margin-left:-35px; /* Fkn iframe */
    margin-bottom:0px;
}


.welcome p,
.about_me p {
    font-size:24px;

}

.services ul {
    font-size:28px;

}

.customer_reviews .review {
    position:relative;
    margin-bottom:20px;

}
.customer_reviews .review i {

    font-size:24px;
}

.customer_reviews .review p {
    margin-bottom:2px;
    font-size:26px;
}


/* Request Information Form */
.request_form{
    position:relative;
    display:block;

    width:75%;

}

.request_form input {
    margin-bottom:5px;

}

.request_form h1 {
    position:relative;
    display:block;
    margin-bottom:15px;

}

.request_form .message {
    height:200px;
    /* TODO - basic client-side validation ; see what maps to homestead api */

}

.request_form .send {
    position:relative;
    display:block;

    margin-top:10px;
    width:100px;
    height:50px;

    font-size:24px;

}
/* End Request Information Form */


#nav_bar {
    position:fixed;
    margin-left:0px;

    top:0px;


    width:100%;
    height:52px;

    min-height:52px;

    margin-bottom:0px;
    padding-right:0px;
    padding-left:47px;


    background-color:rgba(20,20,20,0.3);
    color:white;

    z-index:2;


}

#nav_bar li {
    position:relative;
    float:left;

    text-align:center;

    display:inline-block;
    height:100%;


    font-size:29px;
    line-height:52px;


    padding-right:0px;
    padding-left:0px;

    margin-left:19px;
    margin-right:19px;

    /*border:3px solid black;*/
    border-top:0px;


    font-family:Helvetica, Arial;

    text-align:left;
    vertical-align:middle;

}

#nav_bar li:hover {
    cursor:pointer;

}


@font-face {
    font-family:'Coolkas HW';
    src: url('../fonts/Coolkas_hw_medium.ttf');
}

.signature,
.about_me .signature,
.welcome .signature {
    font-family:'Coolkas HW', Helvetica, sans-serif; /* TODO - MAKE THIS NOT BORING */
    font-size:62px;
    line-height:62px;

    font-weight:bold;
    font-style:italic;

}

.see_all {
    font-size:30px;

}

.margin-less {
    margin:0px;

}

.services .table {
    font-size:24px;
    margin-top:15px;

}

.customer_reviews h2 {
    margin-top:0px;
}

.contact p {
    font-size:24px;

}


.referrers {
    position:relative;

    margin-top:15px;
    margin-bottom:15px;

}

#the_shade_store,
#blinds_dot_com,
#steves_blinds {

    margin-left:25px;
    margin-right:25px;
}

#blinds_dot_com,
#steves_blinds {
    height:90px;
}





#footer {
    position:relative;
    font-size:14px;

    padding-top:20px;


}
#footer .mini {
    position:relative;
    font-size:14px;

}

#extra_phone_num {
    display:none;
}


@media all and (max-width: 1200px) {
    #nav_bar #call_me {
        display:none;
    }

    #title_section #extra_phone_num {
        display:block;
    }

}