/*
Theme Name: Unitel Direct Responsive FT10 V2.0
Theme URL: http://www.uniteldirect.co.uk
Description: Unitel Direct Responsive FT10 Theme V2.0 [Rebuilt Header]
Author: Unitel Direct
Author URL: http://www.uniteldirect.co.uk/
*/


html, html a {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}


input, textarea {
	padding:15px;
	width:100%;
	max-height:150px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #CCC;
}


body {
    background-color:#000000 !important;
    padding-top:25px;
    padding-bottom: 25px;
    font-family: 'Open Sans', sans-serif !important; /* Global font setting, change as you please */
}


#wrapper {
    max-width: 920px !important; /* Change this to make the website wider */
    border:1px solid #BBB;
    background-color:#FFF;
    border-radius: 10px; /* Change this to a higher value to round the corners for the container or put it to zero to make the corners sharp */
}

#header-keywords {
    text-align: center;
    padding-top:10px;
    padding-bottom:10px;
}

#header-keywords h1 {
    font-size:11px;
    color:#BBB;
}



header {
    padding: 15px !important;
    margin-bottom:15px;
}

#top-contact {
    text-align: right !important; 
    padding-top:30px;
}

.large-red {
    font-size:26px;
    color:#0679c2;
}

nav {
    background-color:#0679c2 !important;
    border: none !important;
    border-radius: 0px !important;
    margin-bottom:0px !important;
}

nav a {
    color:#FFF !important;
}

.navbar-toggle {
    color:#FFF;
    background-color:#005591 !important;
}

nav a:hover {
    background-color:#005591 !important;
    color: #FFF !important;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.current_page_item a{
    background-color: #005591 !important;
}

/* THIS IS TO STYLE THE NAV IN LARGE VIEW. IT ADDS BORDERS TO THE LINKS IN THE NAV ETC. */
@media (min-width:992px) {
    nav a {
        border-right: 1px solid #0679c2;
        padding: 15px 45px !important;
    }
    .navbar-collapse {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    nav {
        border: 1px solid #0679c2 !important;
    }
}

#main {
    padding-top:20px;
    padding-bottom:20px;
}

#left img {/* The image on the left column */
    border:1px solid #0679c2;
    margin-bottom:20px;
}

#left h4 {
    font-size:20px;
    font-weight:600;
    color:#0679c2; /* Change colour of "contact details" heading */
}

#left p {
    font-size:14px;
    margin-bottom:20px;
    line-height: 1.5em;
}


.left-button {
    padding:15px;
    background-color:#0679c2; /* Change color of email us or go to website link */
    color:#FFF;
    width:100%;
    display:block;
    border: 1px solid #0679c2;
}

.left-address{
    padding: 10px 10px 0px 15px;
    border:1px solid #0679c2;
    margin-bottom:20px;
}

.left-button:hover {
    color:#FFF !important;
    text-decoration: none !important;
    background-color:#005591;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s linear;
}

#right h1 { /*This is the main header in the content */
    margin-top:0px !important;
    color:#005591;
    margin-bottom:20px;
    padding-bottom:10px;
    font-size:30px !important;
    border-bottom: 1px solid #CCC;
}

#right p {
    margin-bottom:20px;
    line-height: 1.6em;
}

#right li {
    margin-bottom:10px;
}

#right ul {
    margin-bottom:20px !important;
}

#right h2 {
    font-size:20px;
    font-weight:600;
    color:#005591;
    margin-bottom:20px;
}

#right h3 {
    font-size:17px;
    color:#005591;
    font-weight:600;
    margin-top:20px !important;
}

.text-center {
    text-align: center;
}

#right a {
    color:#0679c2;
}

#right a:hover {
    color:#0679c2;
    -webkit-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    text-decoration: none !important;
}

#footer-keywords {
    padding:8px 15px 15px 15px;
    background-color:#0679c2;
    text-align: center;
    margin-bottom:20px;
    border-radius: 5px;
}

#footer-keywords h1 {
    color:#FFF;
    font-size: 11px;
}

.footer-links {
    font-size:12px;
    text-align: center;
    padding-bottom:10px;
}

.footer-links a {
    color:#0679c2;
}

input[type="submit"] {
	max-width:150px;
	background-color:#0679c2; /* Change colour of submit button on contact form */
	color:#FFF;
	border: none !important;
	border-radius: 5px;
}