/**
 * Place your custom styles here.
 */

body {
	font-family: Arial, Helvetica, sans-serif;
}

.top-header-wrapper {
	background-image: url('../images/top-header-bg.png');
	padding: 10px 0;
	font-weight: bold;
}

.top-header-wrapper .province {
	display: inline-block;
	margin-right: 20px;
} 
.top-header-wrapper .social {
	display: inline-block;
}
.top-header-wrapper .social img {
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
#block-topblockdetails {
	padding: 2px;
}
#block-corprecover-account-menu .navbar-nav > li > a {
	padding: 2px 5px;
	margin: 0 2px;
	color: #333;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	text-decoration: underline;
}

.navbar {
	margin-bottom: 0; 
}

.navbar .logo {
	padding: 0 10px;
}
.logo img {
	width:100%;
	height: auto;
}

#block-corprecover-main-menu {
	text-align: center;
}

.name.navbar-brand {
display: none;
}
.header-wrapper-outer {
	background-image: url('../images/header1.jpg');
	background-size: cover;
    border-bottom: 4px solid #0d0239;		
}
.header-wrapper-inner {
	background-image: url('../images/header-bg.png');
	background-repeat: repeat-x;
	background-position: bottom;
	
}
.navbar-default {
	background: none;
	border: none;
}
.navbar-default .navbar-nav > li > a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    background-color: transparent;
    color: #0d0239;
    padding: 0 10px;
    margin: 0 0 7px;
    display: table;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
.navbar-default .navbar-nav > li > a:hover {
	color: white;
}

.navbar-default .navbar-nav > .active > a {
	background: none;
    color: #0d0239;
}

h1.page-header {
	font-size: 30px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif!important;
    color: #2fb5a8;
    font-weight: bold;
    line-height: 34px;
    text-align: center;
    padding: 0px 0px 30px;
    margin: 0px;
    border: none;
}

h2 {
	font-size: 18px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #2fb5a8;
    font-weight: bold;	
}

h3 {
	font-size: 16px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #2fb5a8;
    font-weight: bold;	
}

h4 {
	font-size: 14px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #2fb5a8;
    font-weight: bold;	
}

.main-container {
    padding: 30px 0;
}

.img-responsive {
	width: 100%;
}

.views-exposed-form {
	padding: 20px;
	background: #ddd;
}

.views-exposed-form .form-item {
	padding: 10px 5px;
}
.views-exposed-form label {
	margin-right: 5px;
}

/* HOME */
.path-frontpage .page-header {
	display: none;
}

.banner-wrapper .flexslider {
	border: none;
	margin: 0;
    border-bottom: 4px solid #0d0239;		
}

/* About */
.col-sm-6 {
	padding-bottom: 20px;
}
.col-sm-6 img {
	margin-bottom: 20px;
}

/* FOOTER FIRST */


/* FOOTER SECOND */

.footer_second_wrapper {
    height: auto;
    background-color: #dededd;
    padding-top: 30px;
    padding-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    color: #0d0239;
    text-align: center;
}
.footer_second_wrapper a {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    color: #0d0239;	
}

/* MATTER DETAIL */

.page-node-type-matter .field,
.page-node-type-business-rescue .field,
.page-node-type-deceased-estate .field {
	border-bottom: 1px solid #ECECEC;
	padding: 10px 0px;
}

.page-node-type-matter #order-dates.panel,
.page-node-type-business-rescue #order-dates.panel,
.page-node-type-deceased-estate #order-dates.panel {
	border: none;
	margin-bottom: 0;
	box-shadow: inherit;
	border-bottom: 1px solid #ECECEC;	
}

.page-node-type-matter #order-dates.panel .panel-body,
.page-node-type-business-rescue #order-dates.panel .panel-body,
.page-node-type-deceased-estate #order-dates.panel .panel-body {
	padding: 0;
}

.page-node-type-matter #order-dates .panel-body .field,
.page-node-type-business-rescue #order-dates .panel-body .field,
.page-node-type-deceased-estate #order-dates .panel-body .field {
	display: inline-block;
	border: none;
	white-space: nowrap;
}

.field--name-field-cm26-date .field--item {
	white-space: nowrap;
}

#bootstrap-panel .page-node-type-matter .field {
	border-bottom: 0;
    padding: 0;
}

/* DIRECTORS */

/* NOTEWORTHY */
.block-views-blockarticles-block-1 a,
.block-views-blockarticles-block-2 a {
	display: inline-block;
	color: white;
	background: #0d0239;
	padding: 3px 5px;
	text-transform: uppercase;
	margin: 5px 5px 0 0;
	font-weight: bold;
}
.block-views-blockarticles-block-1 .views-row,
.block-views-blockarticles-block-2 .views-row {
	margin-bottom: 20px;
} 


/* FOOTER FIRST */

.footer_first_wrapper {
    background-color: #bfc7de;
    text-align: center;
    padding: 30px 0;
}
.footer_first_wrapper .portrait-wrapper {
	width: 164px;
	height: auto;
	display: inline-block;
}

.footer_first_wrapper .portrait-wrapper a {
	background: none;
}

.footer_first_wrapper h2 {
	margin-bottom: 30px;	
}

.footer_first_wrapper h4 {
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;	
}

.footer_first_wrapper img {
	border: 2px solid white;
}

.footer_first_wrapper a {
	color: white;
    background-color: #0d0239;
    text-transform: uppercase;
    padding: 6px 8px;
    margin: 10px 0;
    display: inline-block;
}


/* FOOTER */

.footer_wrapper {
    background-color: #bfc7de;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footer {
	margin-top: 0;
	border-top: 0;
	padding: 0;
}
.footer .nav > li > a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    background-color: transparent;
    color: #0d0239;
    padding: 0 10px;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
}
.footer li:hover {
	background: none;	
}
.footer .nav > li > a:hover {
	color: white;
	background: none;
}

.footer ul.menu {
	text-align: center;
}

.footer .nav > li {
	display: inline-block;
}

   	.slide-wrapper {
	    position: relative;
    }
    
   	.slide-title {
	    position: absolute;
	    right: 0;
	    top: 45%; 
	    text-align: right;
		background-color: rgba(255, 255, 255, 0.70);
    	font-family: Arial, Helvetica, sans-serif;
		color: #2fb5a8;
	    font-size: 1.5em;
	    letter-spacing: 1.2px;
	    font-style: italic;
	    font-weight: 700;
	    padding: 5px 40px 5px 10px;
	    text-transform: uppercase;
    }

   	.slide-wrapper img {

	    width: 100%;
	    height: auto;
   
	}


@media only screen and (max-width: 991px) {
	
	.navbar-default .navbar-nav > li > a {
		font-size: 0.9em;
	}
	
	.slide-title {
		font-size: 1em;
	}
}

@media (min-width: 768px) {
	.navbar-nav {
    float: inherit;
    display: inline-block;
    }
    
    #block-usermenu {
	    text-align: center;
    }
    #block-usermenu .nav > li {
	    display: inline-block;
	}

    #block-usermenu .nav > li > a {
	    display: inline-block;
    }
    
    #block-clientmenu {
	    text-align: center;
    }
    #block-clientmenu .nav > li {
	    display: inline-block;
	}

    #block-clientmenu .nav > li > a {
	    display: inline-block;
    }    
}

@media screen and (min-width: 768px) {
	body {
	    margin-top: 0;
	}
	/*
	.navbar-right {
		float: left !important;
	}
	*/	

}

@media screen and (max-width: 767px) {
	.header-wrapper-outer,
	.header-wrapper-inner {
	    background: none;
	}
	.logo img {
		width: 280px;
		height: auto;
	}	
}

/* Mavenhouse rebrand banner (2026-10-15) */
.header-wrapper-outer {
  background-color: #084059;
  background-image: url("../images/mavenhouse-banner-web-2000px.jpg");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 2000 / 421;
  width: 100%;
}
.header-wrapper-inner { background-image: none; }
@media screen and (max-width: 767px) {
  .header-wrapper-outer {
    background-image: url("../images/mavenhouse-banner-mobile.jpg");
    aspect-ratio: 1080 / 350;
  }
}
/* Mavenhouse: white top bar (2026-10-15) */
.top-header-wrapper { background: #ffffff !important; }
/* Mavenhouse: account menu pill buttons (2026-10-15) */
.top-header-wrapper .menu--account > li { margin-left: 8px; }
.top-header-wrapper .menu--account > li > a,
.top-header-wrapper .menu--account > li > a:link,
.top-header-wrapper .menu--account > li > a:visited {
  display: inline-block; background: #2fb5a8 !important; color: #ffffff !important;
  border-radius: 999px; padding: 6px 18px !important; margin: 6px 0;
  line-height: 1.4; text-decoration: none !important; font-weight: bold;
}
.top-header-wrapper .menu--account > li > a:hover,
.top-header-wrapper .menu--account > li > a:focus { background: #084059 !important; color: #ffffff !important; }
.top-header-wrapper .menu--account > li > a { border-radius: 999px !important; }
/* Mavenhouse: teal pill form buttons */
.user-login-form .btn, .user-pass .btn, #user-login-form .form-submit, .user-form .form-submit { background: #2fb5a8 !important; border-color: #2fb5a8 !important; color: #ffffff !important; border-radius: 999px !important; padding: 6px 22px; }
.user-login-form .btn:hover, .user-pass .btn:hover, .user-form .form-submit:hover { background: #084059 !important; border-color: #084059 !important; }
/* Mavenhouse: Log out as secondary outline button */
.top-header-wrapper .menu--account > li > a[href*="/user/logout"] { background: #ffffff !important; color: #2fb5a8 !important; border: 2px solid #2fb5a8 !important; padding: 4px 16px !important; }
.top-header-wrapper .menu--account > li > a[href*="/user/logout"]:hover { background: #2fb5a8 !important; color: #ffffff !important; }
/* Mavenhouse: vertically centre top bar */
.top-header-wrapper .region-top-header { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.top-header-wrapper .region-top-header > * { float: none !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.top-header-wrapper .region-top-header .navbar-nav { margin: 0 !important; display: flex; }
.top-header-wrapper .province, .top-header-wrapper .region-top-header p { margin: 0 !important; padding: 0 !important; }
/* Mavenhouse: mobile content padding */
@media screen and (max-width: 767px) {
  .main-container .region-content { padding-left: 20px; padding-right: 20px; }
}