/*
Theme Name: KoberSmith
Description: The new kober smith theme.
Version: 2.1
Original Author: James Taylor
Updated by: Oxford Digital Marketing

*/

/*kobersmith*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { background-color: #fff; font-family: "open-sans", verdana, helvetica, arial; }

html { font-size: 62.5%; } 

body { font-size: 1.6rem; line-height: 2.56rem; text-rendering: optimizeLegibility; }



* { box-sizing: border-box; }

p { margin: 1em 0; margin: 2.2rem 0; }

article { width: 150rem; padding: 3rem; }

h1, h2, h3 { font-family: "open-sans", verdana, helvetica, arial; color: #444; margin: 0px 0px 10px 0px; padding: 0px; }
h1 { font-size: 1.3em; font-size: 2.4rem; }
h2 { font-size: 1.2em; font-size: 1.8rem; font-weight: bold; }
h3 { font-size: 1.1em; font-size: 1.7rem; font-weight: bold; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; 	border-spacing: 0; }

strong { font-weight: bold; }

#countries { background-color: #eeeeee; padding: 5px; }
#countrycontainer { margin:10px auto; width: 980px; overflow:hidden; position: relative; text-align: right; font-size: 12px; color: #444; }
 
div#container { margin:10px auto; width: 980px; overflow:hidden; position: relative; }
 
#header { height: 120px; }
 
#logo { float: left; line-height: 280%; }
#logo h1 { font-size: 50px; font-family: "open-sans", verdana, helvetica, arial; color: #1f63aa; font-weight: 400; padding: 0px; margin: 0px; letter-spacing: -2px; }
#logo h2 { font-size: 30px; font-family: "open-sans", verdana, helvetica, arial; color: #444; margin: 0px 0px 0px 0px; padding: 0px; letter-spacing: -1px; }
#telephone-number { float: right; padding-top: 85px; }
 
#main-menu { display: table; width: 100%; margin-bottom: 20px; }
.home #main-menu { margin:0px;  }
.nav { clear: both; background: #1f63aa; padding: 13px; border-bottom: 2px solid #ccc; display:table-cell; text-align: center; }
.nav a { text-decoration: none; color: #fff; letter-spacing: 0px; font-size: 14px; }
.nav ul { margin:0; padding:0; list-style:none; text-align: center; }
.nav li { display:inline; margin: 8px 0px 8px 0px; padding: 0px 8px 0px 8px; border-right: 1px solid #ccc; }
.nav li.page-item-25 { border: none; }
.nav li.current_page_item { font-weight: bold; }
.nav .last-menu-item { border-right:none; }
 
#video { float: left; width: 390px; height: 300px;  background-color: #fff; margin-top: 10px; margin-right: 5px; }

#languages {clear: both; padding: 2px 5px 5px 0px;}
#languages a {text-decoration: none; color: #444; letter-spacing: 0px;}
#languages ul {margin:0; padding:0; list-style:none; text-align: center; }
#languages li {display:inline; margin: 5px 0px 5px 0px; padding: 0px 5px 0px 5px; border-right: 1px solid #ccc; font-size: 12px; letter-spacing: 2px;}
#languages li.last {border: none;}
#languages li.first {padding-left: 0px; margin-left: 0px;}

#breadcrumbs {clear: both; padding: 3px; font-size: 12px; letter-spacing: 2px;}
#breadcrumbs a {text-decoration: underline; color: #444; letter-spacing: 0px;}
 
.notypekit {font: verdana, helvetica, arial;}
 
.fifty { width: 470px; float: left; padding-right: 10px; margin-top:10px; margin-bottom: 10px; } 
.fifty h1 {font-size: 30px; font-family: "trebuchet ms", "ff-meta-web-pro-1","ff-meta-web-pro-2"; color: #444; margin: 0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}
/*.fifty p {font-size: 14px; color: #000; line-height: 150%; margin-bottom: 12px;}*/
 
.entry {float: left; width: 620px; margin-right: 20px; padding: 0px 10px 0px 0px; min-height:600px; height: auto !important; height: 100px;}
.entry ul { list-style: square outside none;  }
/*.entry p {font-size: 14px; color: #000; line-height: 150%; margin-bottom: 12px;}*/
/*.entry li {font-size: 14px; color: #000; line-height: 150%;}*/
.entry img {padding: 28px 2px 0px 0px;}
/*.entry h1 {font-size: 30px; font-family: "open-sans", verdana, helvetica, arial; color: #444; margin: 0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}
.entry h2 {font-size: 20px; font-family: "open-sans", verdana, helvetica, arial; color: #444; margin: 0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}*/

.break {clear: both;}
 
#footercontainer {}
 
#footer { border-top: 5px solid #ccc; margin:0 auto; width: 960px; overflow:hidden; position: relative; clear: both; height: 500px; padding-top: 10px; } 
 
#address { width: 730px; padding: 0px; float: left; margin-top: 10px; font-size: 12px; line-height: 150%; color: #444; }
#address h3 { font-weight: bold; font-size: 14px; padding-bottom: 5px; }
#address p { padding-bottom: 10px; }
#address img { padding-left: 10px; }
 
#footlists {width: 230px; padding 10px;  float: right;}
#footlists h3 {font-weight: bold; font-size: 14px; color: #444;}

.list {width: 100px; float: right; margin-top: 10px; margin-left: 0px; text-align: right;}
.list.first {padding-left: 5px;}
.list ul {margin-top: 10px;}
.list li {list-style-type: none; font-size: 12px; line-height: 180%; color: #2e2e2e;}

#homecontent {width: 945px; float: left;}

#homepage-testimonials { width: 515px; float: left; margin-top: 20px; margin-right: 10px; /*font-size: 14px;*/ color: #000; }
#homepage-testimonials h3 { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
#homepage-testimonials p { margin-bottom: 10px; line-height: 150%; }
#homepage-testimonials .testimonials-widget-testimonials2 {  }
.testimonials-widget-testimonial div.credit { text-align: left !important; font-weight: bold; margin-bottom: 10px; }
.testimonials-widget-testimonial cite:before, .testimonials-widget-testimonial div.credit:before { content: none !important; }

 
.homepage-sidebar { float: left; width: 385px; color: #000; margin-top: 5px; clear:both; padding: 20px 10px; }
.homepage-sidebar h3 {font-weight: bold; padding-left: -5px; margin-left: -10px; margin-bottom: 5px; font-size: 14px;}
.homepage-sidebar ul {width: 380px; margin: 5px 0px 5px 0px;}
.homepage-sidebar li {list-style-type: square; list-style-image:url("images/tick.gif"); font-size: 14px;  line-height: 160%; padding-left: 5px; margin-left: 10px;}

.break {clear: both;}
 
#two { width: 515px; float: left; margin-top: 15px; margin-right: 10px; font-size: 14px; color: #000; }
#two h3 { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
/*#two p { margin-bottom: 10px; line-height: 150%; }*/
 
#three {width: 270px; float: left; margin-top: 10px; font-size: 14px; color: #2e2e2e;}
#three h3 {font-weight: bold; margin-bottom: 5px; font-size: 14px;}
#three h4 {font-weight: bold; margin-bottom: 0px; font-size: 14px;}
/*#three p {margin-bottom: 10px; line-height: 150%;}*/
#three p.date {color: #464646; font-size: 10px;}
 
.date {font-size: 11px; color: #444; padding-top: 5px;}
 
a {color: #444;}
 
#content {width: 960px; float: left;}
 
.legalinfo { clear: both; text-align: center; font-size: 10px; color: #444; padding: 20px 0px 0px 0px; letter-spacing: 1px;	}

.formbox { width: 200px; }
.navcrumbs {font-size: 10px;}

#sidebar { float: left; width: 305px; height: 300px;  background-color: #fff; margin-right: 5px; }
#sidebar .newslists li { list-style-type: none; list-style-image: none; margin-left: 0px; padding: 2px 0px 2px 0px; }
#sidebar img { padding-top: 10px; }
#sidebar .widget { list-style-type: none; list-style-image: none; }
/*#sidebar p { font-size: 12px; color: #444; line-height: 150%; margin-bottom: 12px; margin-top: 10px; }*/
#sidebar h2 { font-size: 16px; font-family: "open-sans", verdana, helvetica, arial; color: #444; margin: 10px 0px 5px 0px; padding: 0px; letter-spacing: 1px; }
#sidebar h3 { font-weight: bold; margin-bottom: 5px; font-size: 1.8rem; }

.textwidget li { /*font-size: 12px; */ color: #444; /*line-height: 150%;*/ list-style-type: square; list-style-image:url("images/tick.gif"); margin-left: 20px; }
.widget h3 { font-weight: bold; margin-bottom: 5px; font-size: 2rem; list-style: none; }

#intro {float: left; width: 540px; margin-top: 10px; padding: 0px 0px 0px 10px;}
/*#intro p { line-height: 125%; margin-bottom: 8px;}*/
#intro p { margin: 1.2rem 0; }
#intro img {padding: 10px 2px 0px 0px;}

#calltoaction {background-color: #f87827; padding: 10px; margin: 15px 0px 0px 0px; font-size: 20px; color: #fff; text-align: center; font-weight: bold;  border-bottom: 2px solid #ccc; letter-spacing: 1px; dislay: block;}
.home #calltoaction { margin-top:60px; }

.break {clear: both;}

.list-pages-shortcode .page_item { width: 32.8%; /*line-height:1.5em;*/ float:left; display:inline; }

/*
.dual { float: left; width: 385px; color: #000; margin-top: 5px; clear:both; padding: 20px 10px; }
.dual h3 {font-weight: bold; padding-left: -5px; margin-left: -10px; margin-bottom: 5px; font-size: 14px;}
.dual ul {width: 380px; margin: 5px 0px 5px 0px;}
.dual li {list-style-type: square; list-style-image:url("images/tick.gif"); font-size: 14px;  line-height: 160%; padding-left: 5px; margin-left: 10px;}
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

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

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
