/*!
 * eoutlet.co.uk - ebay listing template v1.0.
 * Design and Development by Inspire Tech (http://www.inspire-tech.net).
 *
 * This Stylesheet is used to extend the bootstrap 3.0 framework.
 */

body {
    font-family: 'Open Sans', sans-serif;
}

p {
    margin-top: 10px;
}

ul li {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

ol li {
    margin-top: 5px;
}
    
.fa {
    vertical-align: middle;
    margin-right: 10px;
}

a.social {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    margin: 10px 10px 0px 0px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 38px;
}

.navbar-brand img {
    max-width: 100%;
    height: auto;   
}

a.fa-facebook {
    background: #3b5997;
}

a.fa-twitter {
    background: #41b9d8;
}

a.fa-google {
    background: #dd4b39;
}

a.fa-linkedin {
    background: #0073b2;
}

a.email {
    color: #333;
}

.statement {
    font-size: 16px;
}

.statement-bold {
    font-size: 16px;
    font-weight: bold;
}

footer {
    padding: 30px 0;
    text-align: right;
}

@media(min-width:768px) {

    .navbar {
        background-color: #f5f5f5;
        min-height: 120px;
        border-bottom: 1px solid #e3e3e3;d
    }

    .navbar-contact{
        display: block;
    }

    .contact-row {
        display: none;
    }
}

@media(max-width:767px) {

    .navbar {
        background-color: #f5f5f5;
        min-height: 120px;
        border-bottom: 1px solid #e3e3e3;
    }

    .navbar-contact{
        display: none;
    }

    .contact-row {
        display: block;
    }
    
    .navbar-brand img {
        max-width: 100%;
        height: auto;
        text-align: center;
    }

}

@media(max-width:460) {
    .logo {
        width: 300px;
    }
}

.btn-primary {
    background-color: #f9a51a;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.btn-primary:hover {
    background-color: #ff7f1d;
    border: 0px;
}

.separator{
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);    
}

/****************************************

*     B S 3    E X T E N S I O N S      *

****************************************/

.top-margin-5 { margin-top: 5px; }
.top-margin-10 { margin-top: 10px; }
.top-margin-15 { margin-top: 15px; }
.top-margin-20 { margin-top: 20px; }
.top-margin-25 { margin-top: 25px; }
.top-margin-50 { margin-top: 50px; }

.bottom-margin-5 { margin-top: 5px; }
.bottom-margin-10 { margin-top: 10px; }
.bottom-margin-15 { margin-top: 15px; }
.bottom-margin-20 { margin-top: 20px; }
.bottom-margin-25 { margin-top: 25px; }
.bottom-margin-50 { margin-top: 50px; }

.text-description { font-size: 18px; }
.image-block { display: block; clear: both; }


/***************************************

*         F A    C O L O U R S         *

****************************************/

.fa-check {
    color: #57A639;
}

.fa-warning {
    color: orange;
}