/* Add your custom styles here */

@import url("custom_template.css?refresh");

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Hide recaptcha */
.grecaptcha-badge {
  animation: recatpchahide 2s 1;
  animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes recatpchahide{
  0% {margin-right: 0px;}
  100% {margin-right: -100px;}
}


/* Primary CSS changes for the DBS Template */
/* Contact Patrick Jackson before making changes. */

/* Main Text Colour */
html, body, #mainwrap {
	color: #111111 !important;
	}

/* Navigation */

#navwrap.hidden-phones {background: #ebeff8 !important; }

#menu .first-level > li {
	border-left: 1px solid #ddd;
	min-width: 120px;
}
#menu .first-level > li:last-child {
	border-right: 1px solid #ddd;

}
.zen-menu ul > li.parent > a::before, .zen-menu ul > li.parent > .zen-menu-heading::before {
	display:none;
}

.zen-menu-horizontal ul a, .zen-menu-horizontal ul .zen-menu-heading {
	padding: 0 5px;
}

.zen-menu ul .zen-group ul {
	border: none !important;
}


/* Sub menu */
.zen-menu-child ul li > a {
	border: none !important;
}

/* Mobile Menu */
.offcanvas-trigger a.btn span {
	color: #f7b432 !important;
	font-size: 1.5em;
}
.btn.off-canvas-trigger {
	background: none !important;
	border: none !important;
	margin: 10px -10px 0 0 !important;
	padding: 0 !important;
}
#off-canvas-menu .zen-nav.zen-nav-stacked li.active a, #off-canvas-menu .zen-nav.zen-nav-stacked li.active span.zen-menu-heading {
	color: #f7b432;
}

/* Content Layout */
.article-title {
	margin-top: 20px;
}
.article-intro {
	border-bottom: 1px solid #575c70 ;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
hr { border: 1px #999 solid !important; }

/* Contact Numbers Module */
.contactnumber {
	clear:both;
	margin-top: 15px;
}
.contactimg {
	float:left;
	padding-right: 10px;
}
.contacttext {
	float:left;
}
.contacttext span {
	color: #e83666;
}
.contacttext a {
	color: #444444 !important;
	text-decoration: none;
}
.contacttext a:hover {
	color: #000000 !important;
	border-bottom: 1px dotted #000000;
}

/* Branded Styles */
.goldbox {
	background: #f7b432;
	color: #ffffff;
	padding: 5px;
}

.goldbox h2:after {
	display:none;
}
.goldbox .fa {
	margin: 0 10px 0 0;
}
.goldbox a {
	color: #ffffff;
	text-decoration: none;
}

.moduletable + .moduletable.goldbox {
	margin-top: 0px;
}


.intro {
	text-align: center !important;
}
.intro p {
	color: #111111;
	font-size: 1.1em;
	margin: 0 !important;
}
.intro h2 {
	color: #111111;
	margin: 0 !important;
}
.intro img {
	max-height: 150px;
	height: 100%;
	width: auto;
	margin: 0 !important;
	padding: 0;
}
.accounts {
	margin: 10px auto;
	border-top: 2px solid #B9C8E5;
	border-bottom: 2px solid #B9C8E5;
}
.greybox {
	width: 100%;
	margin: 0 10px 25px;
	padding: 25px 0 8px 0;
	height: 70px;
	color: #ffffff;
	clear:both;
	text-align: center;
	vertical-align: middle;
	font-size: 1.3em;
	font-weight: bold;
}

.greybox a {
	color: #ffffff;
}
.greybox:hover {
	background: #f7b432;
}
.greybox.darker {
	background: #575757;
}
.greybox.dark {
	background: #7a7a7a;
}
.greybox.light {
	background: #9b9b9b;
}
.greybox.lighter {
	background: #ababab;
}


/* ROI Calculator */
.redcell, .redcell input {
	background: #e83566 !important;
	border:none;
	color: #fff;
}

.greycell, .greycell input {
	background: #575c70 !important;
	border:none;
	color: #fff;
}

.greycell input, .redcell input, #roicalculator input {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}


/* Footer */

#footer a {
	color: #fff;
	text-decoration: underline !important;
}

/* Forms */
.control-label {
	float: left;
	padding-top: 5px;
	text-align: left;
	min-width: 220px;
}

label[for="Submit"] {
	width: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
}