/*
Theme Name: MBI
Theme URI: http://www.mb-i.co.uk
Author: Sleep. Create. Repeat.
Author URI: http://www.sleepcreaterepeat.co.uk
Description: Custom theme for MB Insolvency
Version: 1.0.0
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
	font-size: 14px;
}

/* REMOVE BOOTSTRAP ROUNDED CORNERS */

code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
    border-radius:0 !important;
}

/* TYPOGRAPHY */

body {
	font-family: "din-2014",sans-serif;
	font-style: normal;
	font-weight: 400;	
	font-size: 18px;
	color:#4d4d4d;
}

p.lead {
	font-size: 22px;
	line-height: 1.33;
}

h1, h2, h3, p.lead {
	color: #205992;	
}

h1 {
	margin-top: 0;
	margin-bottom: 1em;
	font-weight: 700;
	line-height: 1;
}

h2 {
	font-size: 24px;
	margin-top: 1.5em;
	margin-bottom: 0.75em;
}

h2:first-child {
	margin-top: 0;
}

mark {
	background-color: aqua;
	font-weight: bold;
}

blockquote {
	font-size: 24px;
	font-style: italic;
	width: 100%;
	margin: 0.25em 0;
	padding: 0.25em 40px;
	line-height: 1.45;
	position: relative;
	color: #205992;
	margin-bottom: 30px;
	border-color: #b78128;
}


/* BUTTONS */

.btn-default {
	background: #b78128;
	color: #fff;
	border: transparent;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 1em;
}

.btn-default:link,
.btn-default:visited {
	color: #fff;
}

.btn-default:hover {
	background-color: #d0ac71;
}

@media only screen and (min-width : 768px) {
	h1 {
		margin-bottom: 1.33em;
	}

}

/* LISTS */

.main-content-inner ul:not([class]) {
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-type: none;
	padding-left: 30px;
}

.main-content-inner ul:not([class]) li {
	margin-bottom: 0.33em;	
}

.main-content-inner ul:not([class]) li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	float: left;
	margin-left: -30px;
	color: #2870b7;	
}

.main-content-inner ol:not([class]) {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
    padding-left: 0;
}

.main-content-inner ol:not([class]) li {
	margin-bottom: 0.33em;	
    counter-increment: step-counter;
    padding-left: 30px;
    position: relative;
}

.main-content-inner ol:not([class]) li::before {
    content: counter(step-counter);
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.mainList h2 {
	margin-top: 0.66em;
	margin-bottom: 0;
}

.mainList .theExcerpt {
	margin-top: 0.66em;
}

.mainList li {
	margin-bottom: 60px;
}

/* LINKS */

a {
	text-decoration: none !important;
	outline: none;
	border: none;
	transition: all 0.5s ease;
}

a:link,
a:visited {
	color: #205992;	
}

a:hover {
	color: #b78128;	
}


/* MASTHEAD */

#masthead {
	padding-top: 30px;
	padding-bottom:30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,b8cce1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #b8cce1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#b8cce1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#b8cce1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8cce1',GradientType=0 ); /* IE6-9 */
}

#masthead .container {
	padding-bottom: 0;
	position: relative;
}

.mastheadContacts {
	font-size: 32px;
	text-align: right;
}

.mastheadContacts .email {
	font-size: 20px;
}

@media only screen and (min-width : 768px) {

	#masthead {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
}

@media only screen and (min-width : 1200px) {
	
	#masthead .mainLogo {
		max-width: 182px;		
	}

}

/* MAIN NAV */

#mainNav {
	font-size: 18px;
	line-height: 1;
	margin-top: 4px;
}

#mainNav div.container {
	padding-bottom: 0;
}

#mainMenu {
	margin-bottom: 0;
	float: right;
}

#mainMenu li {
	display: inline-block;
	float: left;
}

#mainMenu li > a {
	margin-right: 1.25em;
	padding: 10px 0;
	display: inline-block;
}

#mainMenu li:first-child > a {
	padding-left: 0;
}

#mainMenu li:last-child > a {
	padding-right: 0;
}

#mainMenu li.menu-item-99 a {
	border: 1px solid #205992;
	padding-left: 0.6em;
	padding-right: 0.6em;
}

#mainMenu li.active a {
	border-bottom: 2px solid #b78128;
}

@media only screen and (min-width : 1200px) {

	#mainNav {
		font-size: 19px;
		margin-top: 12px;
	}
	
	#mainMenu li > a {
		margin-right: 1.5em;
	}

	#mainMenu li.menu-item-99 a {

	}


}

/* MOBILE NAV */

#menuToggle {
	float: right;
	font-size: 46px;
}

#mobileMenuContainer {
	display: none;
	background: #205992;
	color: #fff;
	width: 80%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	font-size: 8vw;
	padding: 60px 30px 0;
	border-right: 2px solid #fff;
}

#mobileMenu > li > a {
	color: #fff;
	display: inline-block;
	margin-top: 0.66em;
}

#mobileMenu > li:first-child > a {
	margin-top: 0;
}

#mobileMenu > li.menu-item-99 > a {
	margin-top: 1em;
	border: 1px solid #fff;
	padding: 0.33em 0.66em;
}

@media only screen and (min-width : 410px) {

	#mobileMenuContainer {
		font-size: 32px;
	}

}

@media only screen and (min-width : 768px) {


	#mobileMenuContainer {
		width: 50%;
	}


}


/* IMAGES */


/* BREADCRUMBS */

.breadcrumbs {
	font-size: 12px;
}

#breadcrumb {
	border-top:  1px solid rgba(255,255,255,0.5);
	background: #b78128;
	background: #e7e7e7;
	color: rgba(0,0,0,0.66);
}

#breadcrumb .container {
	padding-top: 20px;
	padding-bottom: 20px;
}

#breadcrumb a:link,
#breadcrumb a:visited {
	color: rgba(0,0,0,0.66);
	text-decoration: underline !important;
}

/* CONTENT */

.main-content {
	padding-top: 40px;
}

@media only screen and (min-width : 768px) {

	.main-content {
		padding-top: 60px;
	}

}

/* CALL TO ACTION */

.cta {
	background: #b78128;
	color: #fff;
	padding: 10px 5px;
	text-align: center;
	font-size: 20px;
	margin-top: 30px;
	line-height: 1.2;
}

.cta a:link,
.cta a:visited {
	color: #fff;
}

@media only screen and (min-width : 768px) {

	.cta {
		padding: 10px 20px;
		font-size: 22px;
	}


}

/* SIDEBAR */

.sidebar h2 {
	font-weight: 700;
	font-size: 30px;
}

.sidebar h3 {
	margin-bottom: 20px !important;
}

.sidebar label {
	font-weight: 400;
	font-size: 14px;
}

.sidebar .panel input[type="text"],
.sidebar .panel input[type="email"],
.sidebar .panel textarea {
	border-color: transparent;
	box-shadow: none;
}

.sidebar .panel h2 {
	background: #b78128;
	color: #fff;
	padding: 10px 15px;
}

.sidebar .nav a:link,
.sidebar .nav a:visited {
	color: #b78128;
}

.sidebar .nav a::after {
	content: '\00A0\f105';
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

@media only screen and (min-width : 992px) {

	.sidebar-padder {
		padding-left: 30px;	
	}


}

/* PANELS */

.panel {
	background-color: #d4e3f1;
	padding: 40px 30px 30px 30px;
	margin: 30px 0;
	border: none;
	box-shadow: none;
}

.panel h2 {
	margin-top: 0 !important;
}

.main-content-inner .panel ul:not([class]) {
	margin-bottom: 0;
}

@media only screen and (min-width : 768px) {

	.panel {
		padding: 40px 60px;
		margin: 30px 0;
	}

	.sidebar .panel {
		padding: 50px 30px 30px 30px;
		margin: 30px 0;
	}


}

/* CONTACT FORMS */

div.wpcf7-response-output {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* HOME PAGE */

.flowchartMob {
	margin-top: 30px;
}

/*
body.home .main-content {
	background: url('images/Welcome-to-MB-Insolvency-SM.jpg') top right no-repeat;
	background-size: contain;
}
*/

body.home .post-51 {
	margin-bottom: 0;
}

/*
body.home .main-content > .container {
	margin-top: -40px;
	padding-top: 65vw;
	padding-bottom: 0;
}
*/

body.home .requestAppointment {
	background: url('images/insolvency-practitioner-sm.jpg') bottom left no-repeat;
	background-size: contain;
	padding-bottom: 60vw;
	padding-top: 40px;
}

body.home .requestAppointment h2,
body.home .homeNews h2 {
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1;
}

body.home .requestAppointment .btn {
	margin-bottom: 0;
}

body.home .homeNews {
	padding-top: 60px;
	padding-bottom: 0;
}

body.home .homeNews li {
	margin-bottom: 30px;
}

#homeBand {
	background: #2870b7;
	color: #fff;
	font-size: 23px;
}

#homeBand .container {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

#homeBand .btn {
	display: block;
	width: 100%;
	margin: 20px 0 0;
	font-size: 26px;
}

@media only screen and (min-width : 480px) {

/*
	body.home .main-content {
		background-position-y: 50vw
	}

	body.home .main-content > .container {
		padding-top: 30px;
		padding-bottom: 45vw;
		
	}
*/

	body.home .main-content > .container {
		padding-top: 20px;
		padding-bottom: 40px;
		
	}

	body.home .requestAppointment {
		background: url('images/insolvency-practitioner-sm.jpg') bottom left no-repeat;
		padding-top: 60px;
		padding-bottom: 60vw;
		background-size: contain;
	}

	body.home .homeNews {
		padding-top: 60px;
		padding-bottom: 60px;
	}

}

@media only screen and (min-width : 768px) {

/*	
	body.home .main-content {
		background: none;
	}	
*/
	body.home .requestAppointment {
		background: url('images/insolvency-practitioner.jpg') bottom left no-repeat;
		background-position-x: -23vw;
		padding-top: 60px;
		padding-bottom: 60px;
		background-size: auto;
	}

	body.home .homeNews .lastOne {
		display: none;
	}
	
	body.home .homeNews li {
		margin-bottom: 0;
	}

}

@media only screen and (min-width : 992px) {

/*
	body.home .main-content > .container {
		padding-top: 60px;
		margin-top: -60px;
		background: url('images/Welcome-to-MB-Insolvency.jpg') top right no-repeat;
		padding-bottom: 40px;
		background-size: auto;
		
	}
*/	
	body.home .requestAppointment {
		background-position-x: -5vw;
	}	
	
	#homeBand .btn {
		margin: 5px 0 0;
	}

}

@media only screen and (min-width : 1500px) {

	body.home .requestAppointment {
		background-position-x: 0;
	}	

}

@media only screen and (min-width : 1700px) {

	body.home .requestAppointment {
		background-position-x: 5vw;
	}	

}

@media only screen and (min-width : 1900px) {

	body.home .requestAppointment {
		background-position-x: 10vw;
	}	

}

@media only screen and (min-width : 2100px) {

	body.home .requestAppointment {
		background-position-x: 15vw;
	}	

}

@media only screen and (min-width : 2300px) {

	body.home .requestAppointment {
		background-position-x: 20vw;
	}	

}


@media only screen and (min-width : 2500px) {

	body.home .requestAppointment {
		background-position-x: 20vw;
	}	

}


/* TESTIMONIALS */

.testimonialList {
	margin: 0;
}

.testimonialList li {
	margin-bottom: 30px;
}

.testimonialList p {
	margin-bottom: 0;
}

.testimonialList .testimonialText {
	font-size: 1.2em;
	margin-bottom: 0.66em;
}

.testimonialList .testimonialText p:first-child::before {
	content: open-quote;
}

.testimonialList .testimonialText p:first-child::after {
	content: close-quote;
}

/* GALLERY */

.galleryImages > li {
	margin-bottom: 28px;
}

/* BLOG */

.hentry {
	margin-bottom: 40px;
}

article.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.blog .entry-meta {
	margin-bottom: 1em;
}

.single .entry-meta {
	margin-bottom: 30px;
}

.entry-content-thumbnail {
	margin-bottom: 30px;
}

.nav > li > a {
	padding: 0 0 1em;
}

.nav > li > a:hover {
	background: none;
}

/* TEAM */

body.single-management-team .position {

}

.teamList a {
	display: block;
	margin-bottom: 20px;
}

.teamList a:link,
.teamList a:visited {
	color: #fff;
	background: #b78128;
	padding: 10px;
	font-size: 18px;
}

.teamList .team-name {
    font-weight: 700;
}

.teamList .team-name::after {
	content: '\00A0\f105';
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.single-management-team footer .panel {
	background: rgba(184, 130, 41, 0.33);
	padding: 40px 30px 30px 30px;
	font-size: 24px;
}

.single-management-team footer .panel i {
	color: #b78128;
	padding-right: 1em;
}

/* RESOURCES */

.resourceList {
	margin-bottom: 40px;
}

.resourceList li {
	margin-bottom: 0.33em;
}

.resourceList li:last-child {
	margin-bottom: 0;
}

.resourceList i {
	color: #b78128;
}

/* INSOLVENCY NOTICES */

.post-type-archive-insolvency-notice .main-content .btn-default {
	margin-top: 0;
	float: right;
}

.noticeList {
	margin-bottom: 60px;
}

.noticeList .inner {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.noticeList li:first-child .inner {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* PAGINATION */

.wp-pagenavi .pages {
	padding-left: 0;
	border-color: transparent;
}

.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	border-color: transparent !important;
}

/* SOCIAL SHARING */

.heateor_sss_sharing_container {
	margin-top: 40px;
}

/* CONTACT US */

.page-template-page-contact .thePadder {
	padding-right: 30px;
}

.page-template-page-contact .howToFind,
.page-template-page-contact .message {
	margin-top: 40px;
}

.page-template-page-contact label {
	font-weight: 400;
}

@media only screen and (min-width : 768px) {

	.page-template-page-contact .howToFind {
		margin-top: 0;
	}
	
	#wpgmza_map {
		height: 320px !important;
	}
	
	.page-template-page-contact .message {
		margin-top: 60px;
	}	
	
	.page-template-page-contact .thePadder {
		padding-right: 0;
	}	

}

@media only screen and (min-width : 1200px) {

	.page-template-page-contact .thePadder {
		padding-left: 30px;
	}

	.page-template-page-contact .message {
		margin-top: 0;
	}	

}

/* ENQUIRIES */

.page-id-245 .wpcf7-form {
	margin-top: 30px;
}

/* COLOPHON */

#colophon {
	background: #205992;
	color: rgba(255,255,255,0.66);
	margin-top: 40px;
	padding-top: 60px;
	padding-bottom: 120px;
	font-size: 20px;
}

#colophon div.container {
	padding-bottom: 0;
}

#colophon h2,
#colophon a:link,
#colophon a:visited {
	color: #fff;
}

#colophon .footerOfficeList li {
	margin-bottom: 0.5em;
	color: #b78128;
}

#colophon .footerOfficeList .tel {
	display: block; font-size: 120%;
	color: #fff;
}

#colophon .footerOfficeList .tel i {
	color: rgba(255,255,255,0.66);
	font-size: 90%;
}

#legalMenu {
	font-size: 18px;
	margin-top: 2em;
	margin-bottom: 0;
	line-height: 1;
}

#legalMenu li {
	display: block;
	padding-bottom: 1em;
}

#legalMenu li:last-child {
	padding-top: 2em;
}

.footerSocial {
	text-align: right;
	font-size: 32px;
}


@media only screen and (min-width : 768px) {

	#colophon {
		font-size: 16px;
	}

	#legalMenu li {
		display: inline-block;
		float: left;
		padding: 0 1em;
		font-size: 10px;
	}
	
	#legalMenu li:first-child {
		padding-left: 0;
	}
	
	#legalMenu li:last-child {
		padding-right: 0;
		padding-top: 0;
	}

}

@media only screen and (min-width : 992px) {

	#colophon {
		font-size: 18px;
	}

}