/*
Theme Name: PageRussell
Version: 2.0
Description: WordPress theme
Author: inspire:
Author URI: http://www.inspiredc.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*** Colours
Dark Blue		#0b0350 rgba(11, 3, 80)
Mid Blue		#0070ba rgba(0, 112, 186)
Mid Blue 10%	#e5f0f8
Mid Blue 5%	#f2f8fb

/*** General ***/
* { padding: 0px; margin: 0px; }
p { margin: 10px 0px }
body { font-family: 'Merriweather', sans-serif; font-size: 1em; color:#000; margin:0; font-weight:400; background: #f3f3f3 }
.inwrap { width: 80%; margin: 0 10%; }
.contentwraphome { width: 100%; float:left; background: #fff }
.contentwrap { width: 100%; float:left; display:table; background: #fff }
.content { width: 80%; margin: 0 auto; display:table-cell }
.clear { clear: both; display: block; }
a, a:link, a:active, div a { text-decoration:none; }
a img {border:none }

/*** Header ***/
.header { margin: 0 auto; width:100%; float:left; position:relative; background: url(images/headerbg1.jpg) repeat-x }
.header .logo { position: relative; z-index: 1000; max-width:90% }
.header .logo img { display:block; margin: 0 auto; text-align:center; width:100%; height:auto}
.header ul.social-media-icons { list-style:none; position: absolute; width: 100% }
.header ul.social-media-icons li { float:right; margin: 1% 1% 0 0; font-size: 1.5em }
.header ul.social-media-icons li a { opacity: 0.7 }
.header ul.social-media-icons li a:hover { opacity: 1 }
.header .contact { margin: 45px 1% 0 0; font-size:2em; color:#fff; font-weight: 300; position: absolute; top: 0; right: 0 }
.header .contact a { color:#fff; }

/*** Contenthome ***/
.contenthome { width: 100%; margin: 0; float:left; background: #e5f0f8; }
.contenthome h2 { font-size: 2.5em; font-weight: 300; margin: 1% 2% ; }
.contenthome h3 { font-size: 1.75em; font-weight: 400; margin: 1% 2%; line-height:110%; }
.contenthome h4 { font-size: 1.5em; font-weight: 400; margin: 1% 2%; }
.contenthome h5 { font-size: 1.25em; margin: 1% 0; line-height:135%; margin: 1% 2%; }
.contenthome h6 { font-size: 1.2em; margin: 1% 0; line-height:130%; margin: 1% 2%; }
.contenthome p { font-size: 1em; margin: 1% 0 ; line-height:140%; margin: 1% 2%; }

.metaslider .caption { font-size: 4vw; margin: 10% 5%; line-height:120%; font-weight: 300; word-wrap: normal !important }

/*** Navigation ***/
.navigation { float:left; width:100%; }
.navigation ul { padding: 0; list-style:none; display:table; margin: 0 auto }
.navigation ul li.current_page_item a, .navigation li.current-page-ancestor a, .navigation li.current-menu-item a, .navigation li.current-menu-ancestor a { border-bottom:3px solid rgba(0, 112, 186, 0.2);}
.navigation ul li a:hover { border-bottom:3px solid rgba(0, 112, 186, 0.1); text-decoration:none; }
.navigation li { height:38px; line-height:35px; display:inline-block; float:left }
.navigation li a, .navigation li li a { display: inline-block; margin: 0 10px ; text-decoration: none; border: 0; }
.navigation ul li ul li a { width:150px; display: block; height:35px; line-height:35px; padding: 0 10px; background:#000 }
.navigation li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; background:#6e8908; color:#000 } 
.navigation li ul ul { margin: -35px 0 0 166px; }
.navigation li:hover ul ul, #subnav li:hover ul ul ul { left: -999em; }
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul { left: auto; }
.navigation li:hover { position: static; }
.menu-toggle { display: none; }

/*** Content ***/
.post { background:#fff}
.page { float:left; width:100%; }
.page .postHead { background: none; }
.postContent { padding: 1% 1% 0.5%; background:#fff; float: left}
.postContent a { color: #0070ba; text-decoration:underline }
.postContent a:hover { color: #0b0350; }
.postContent .half { width:48%; float:left}
.postContent h1, .postContent h2 { font-size: 2.25em; font-weight: 300; margin:0 0 1% 0 ; }
.postContent h3 { font-size: 1.75em; font-weight: 400; margin: 2% 0 1%; line-height:110%; }
.postContent h4 { font-size: 1.5em; font-weight: 400; margin: 2% 0 1%; }
.postContent h5 { font-size: 1.25em; margin: 3% 0 1%; line-height:135%; }
.postContent h6 { font-size: 1.2em; margin: 3% 0 1%; line-height:130%; }
.postContent p { font-size: 1.1em; margin: 1% 0 ; line-height:160%; }
.postContent p.intro { font-size: 1.4em; margin: 1% 0 ; line-height:150%; }
.postContent p sup, .postContent p sub { font-size: 0.5em; }
.postContent ul { margin: 5px 0px 5px 0; }
.postContent ul li { font-size: 1.1em; margin: 1% 0 1% 1%; line-height: 140%; }
.postContent ol li { padding:5px 0; font-size: 1.1em}
.postContent ol { margin: 5px 0px 5px 22px; }
.postContent blockquote { font-weight:normal; margin: 1% 0; padding: 0.25% 0 ; }
.postContent blockquote h3 { font-size:20px ; letter-spacing:2px; margin:15px 0 5px; text-transform:uppercase}
.postContent blockquote p { margin: 1%; font-size: 1.25em; line-height: 140%; font-weight: 300; }
.postContent blockquote h6 { padding: 0 0 10px 1%; margin: 1% 0; }
.postContent hr { width:100%; margin: 5px 0 15px; border-top: 2px solid #e5f0f8; float:left; border-bottom:none; border-left:none; border-right:none }
.postContent img { max-width: 100%; height:auto }
.postContent table { width: 100%; border-collapse:collapse; margin: 0 0 1% }
.postContent table th { border: 1px solid #dcd3b2; background: #dcd3b2; padding: 0.5%; text-align:left }
.postContent table td:nth-child(1) { width: 48% }
.postContent table td { vertical-align:top; padding: 0.5%; width: 23%; border: 1px solid #dcd3b2 }
.postContent a.post-edit-link {float:left; margin: 2% 0; clear:both}
.postContent i.fa { margin: 0 3px 0 0; color: #0070ba }
.postContent i.fa:before { margin: 0 5px 0 0; }
.postContent i.fa:hover { color: #0b0350 }
.headimage { width:50%; float:right; margin: 0 0 0 1% }
.headimage img { height:auto; width:100%; float:left }

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; font-family: Helvetica, Helvetica, sans-serif; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .alignleft { float: left; margin: 0px 15px 5px 0px; display: block; max-width: 50% }
.postContent .alignright { float: right; margin: 0px 0px 5px 15px; display: inline; }
.postContent .aligncenter { margin: 0 auto 0 auto; display:block }
.postContent .marginright { margin: 0px 30px 0 0; }
.postContent .wp-caption p { margin: 0px; }
.postContent ol.simple-list { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 3em; padding: 0; counter-reset: li-counter; }
.postContent ol.simple-list > li { position: relative; margin-bottom: 10px; padding: 0 0 0 0.5em; min-height: 3em; border-left: 2px solid rgba(0, 112, 186, 0.4); }
.postContent ol.simple-list > li:before { position: absolute; top: -5px; left: -1em; width: 0.8em; font-size: 3em; line-height: 1; font-weight: bold; text-align: right; color: #0070ba; content: counter(li-counter); counter-increment: li-counter; }
.postContent ol.simple-list p { font-size: 1em; margin: 1% 0 0 }
.postContent ol.simple-list h5 { margin: 0; color: #0070ba }
.kb-gallery-ul.kb-gallery-type-carousel .kt-blocks-carousel .slick-slider .kb-slide-item, .kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-slider .kb-slide-item, .kb-gallery-ul.kb-gallery-type-thumbslider .kt-blocks-carousel .slick-slider .kb-slide-item { padding: 0 !important}

/*** Gallery ***/
.gallery { width: 100%; float:left;}
.gallery .gallery-item { float: left; margin: 0px auto; }
.gallery img { border: 2px solid #fff !important; }
.gallery-columns-1 .gallery-item { max-width: 100%; width: 100%; }
.gallery-columns-1 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-2 .gallery-item { max-width: 50%; width: 50%; }
.gallery-columns-2 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-3 .gallery-item { max-width: 33%; width: 33%; }
.gallery-columns-3 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-4 .gallery-item { max-width: 25%; width: 25%; }
.gallery-columns-4 .gallery-item img { max-width: 100%; height: auto; display:inline-flex }
.gallery-columns-5 .gallery-item { max-width: 20%; width: 20%; }
.gallery-columns-5 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-6 .gallery-item { max-width: 16.5%; width: 16.5%;}
.gallery-columns-6 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-7 .gallery-item { max-width: 14%; width: 14%; }
.gallery-columns-7 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; width: 12.5%; }
.gallery-columns-8 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-9 .gallery-item { max-width: 11%; width: 11%; }
.gallery-columns-9 .gallery-item img { max-width: 100%; height: auto; }
.gallery-columns-10 .gallery-item { max-width: 10%; width: 10%; }
.gallery-columns-10 .gallery-item img { max-width: 100%; height: auto; }
.gallery .gallery-caption { width:90%; }

/*** Comments ***/
p.segment-title{ padding:10px 0 0 }
#comments-wrap{ float:left;display:inline; width:100% }
.gravatar{ border: none; float: left; }
ol#comments{ margin: 0; }
ol#comments li{ margin-bottom: 10px; list-style:none; display:block;}
ol#comments li:after, p.comment-entry:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.comment-wrap{ float: left; }
.comment-wrap p { margin: 0; }
.comment-meta { padding: 10px 10px 0 10px; }
.comment-text { padding: 10px 10px 10px 10px; font-size: 11px; }

/* Contact Form */
input { width:auto; font-size:0.9em; padding:8px 5px; background: #fff; color: #000 ; border:1px solid #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
textarea { width:500px; padding:2px; background: #fff; border: none; font-family: Arial, Helvetica, Helvetica, sans-serif; font-size:15px; line-height:130%; color: #000; border:1px solid #000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
input[type="submit"], button, a.button { width:auto; text-align:center; color: #fff ; cursor:pointer; padding:5px; margin:5px 0; border: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
input[type="submit"]:hover, button:hover, a.button:hover { background:rgba(0, 0, 0, 0.2); color:#fff }

/*** Navigation ***/
.blogNavigation { margin: 2% 1%; font-size: 1em; float:left; width:98% }
.blogNavigation a { color: #0070ba; text-decoration:underline }
.blogNavigation .alignleft { width: 50%; float: left; }
.blogNavigation .alignright { width: 50%; float: right; text-align: right; }

/*** Sidebar ***/
.sidebar { width: 20%; margin: 0; display:table-cell; vertical-align:top }
.sidebar h2 { font-size: 1.5em; font-weight: 400; width:96%; margin:2% 2% 0 ; float:left; padding:2% 0 0 }
.sidebar .sidebarItem { float:left; width:95%; padding:2.5%; margin: 1% 0 0 0; position:relative }
.sidebar .sidebarItem .textwidget { margin: 0 0 1%; }
.sidebar .sidebarItem .textwidget img { max-width: 100%; height:auto }
.sidebar .sidebarItem .textwidget p { margin: 5px 0 0 0; line-height:120% }
.sidebar .sidebarItem p { font-size: 1em; }
.sidebar .sidebarItem h3 { font-size: 1.25em; font-weight: 400; margin: 0; }
.sidebar .sidebarItem h4 { font-size: 13px; font-weight: 300; margin:0; }
.sidebar .sidebarItem ul li { list-style:none; line-height:135%; }
.sidebar .sidebarItem ul { float:left; margin: 1% 0; padding:0; width:100% }

/*** Sidebar home ***/
.sidebarhome { width: 100%; height:auto; padding: 1% 0; float:left; overflow: hidden; display: -webkit-flex; display: display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.sidebarhome .sidebarItem { margin: 1.5%; width: 30.333%; float:left }
.sidebarhome .sidebarItem h3 { font-size: 1.35em; font-weight: 400; margin:0;  width:98%; padding:1% 0; }
.sidebarhome .sidebarItem p { font-size: 1.15em; font-weight: 400; margin:2% 0 ; }
.sidebarhome .sidebarItem .textwidget { float:left; padding: 0 2% 0 0; width: 98% }
.sidebarhome .sidebarItem a { color: #0b0350 }
.sidebarhome .sidebarItem img.alignleft, .sidebar .sidebarItem img.alignleft { float: left; margin: 0 1% 0 0 }
div.sidebarItem:before, div.sidebarItem:after { display: none }

/*** Footer ***/
.footer { width: 80%; height:auto; margin: 0 10%; font-size:0.75em; clear:both; line-height:140%; float:left; }
.footer .fleft { width: 49.5%; float: left; margin: 1% 0 1% 0.5% ; }
.footer .fright img { margin: 0 0 1% 2.5% ; }
.footer .fright { width: 49.5%; float: left; text-align:right; margin: 1% .5% 0 0; }

/*** Footer Navigation ***/
.footer ul#menu-footer-menu, .footer ul#footer-menu { float:left; display: table; margin: 1% auto 0; width: 100% }
.footer ul#menu-footer-menu li, .footer ul#footer-menu li { display:inline-block; padding: 0 0.5% }

/*** Mappress ***/
.mapp-layout { border: none !important; margin: 0 0 1% !important }

/* -- Media Queries -- */

@media only screen and (max-width : 1440px) {
body { font-size: 0.9em; }
}

@media only screen and (min-width : 601px) and (max-width : 1100px) {
.header .logo { margin: 1% 38% ; width:24%; }
}

@media only screen and (max-width : 800px) {
.inwrap { width: 96%; margin: 0 2%; }
.header .contact { margin: 7.5% 1% 0 0; }
.footer { width: 96%; margin: 0 2%; }
}

@media screen and (min-width: 601px) { 
#toggle { display:none; }
}

@media only screen and (max-width : 600px) {
.inwrap { width: 100%; margin: 0; }
.header { background: url(images/headerbg3.jpg) repeat-x }
.header .logo { width:135px !important; }
.header .contact { margin: 4% 3% 0 0; font-size:1.4em; }
.navigation ul, .navigation ul li { width: 100%; text-align:center }
.navigation ul li a { width: 100%; padding: 0 }
.postContent h2 { font-size: 2em; }
.contentwrap { display:inline; }
.content, .sidebar { width: 96%; margin: 0 2%; float:left }
.headimage { width:100%; margin: 0 0 1% 0 }
.footer { width: 96%; margin: 0 2%; }
.metaslider .caption { font-size: 5vw; margin: 5% 2% 0; }
#popout { position: fixed; height: 100%; width: 50%; background: rgba(11, 3, 80, .9); color: #fff; top: 0px; left: -50%; overflow:auto; z-index: 1000 }
#toggle { float: right; position: absolute; top: 45px; right: 2%; }
.navigation li { border-bottom:1px solid #0070ba; padding:2%; width:100%; text-align: left }
.navigation li:hover { background:rgba(0, 112, 186, 0.8); }
.navigation ul li { text-align: left }
.navigation ul li a { color: #fff }
input { width: 96% }
textarea { width: 98% }
.footer .fleft, .footer .fright { width: 100%; margin: 1% 0 }
.contenthome h2 { font-size: 2em; line-height:110% }
.contenthome h3 { font-size: 1.5em; line-height:120% }
}

@media only screen and (max-width : 320px) {
#toggle { top: 3%; right: 5%; }
.header { background: url(images/headerbg2.jpg) repeat-x }
.header .logo { width:90px !important; }
.header .contact { margin: 6% 25% 0 0; font-size:1.4em; }
.sidebarhome .sidebarItem { width: 100% }
.metaslider .caption { font-size: 5vw; margin: 2%; }
.contenthome h2 { font-size: 1.5em; line-height:110% }
.contenthome h3 { font-size: 1.25em; line-height:120% }
}