/*
 Theme Name: HWBD BS4 - Howie & Tickner
 Author:	HWB Design
 Template:	hwbdbs4
 Version:	0.1.0
*/

/* Colours 
Pale Blue	: #f3f6fd

Grey Lines	: #C4C4C4
Dark Grey	: #666
Footer		: #ddd
Base		: #ccc

*/

/* 300 = light  600 = bold */


/* Typography */

a { color: #000000;}
a:hover {color: #979797; text-decoration:underline;}

h1, .h1 { font-size: 3.5rem; color:#000000; line-height: 1.2; }
h2, .h2 { font-size: 2.8rem; color:#000000; line-height: 1.2; font-weight:600;}
h3, .h3 { font-size: 2.4rem; color:#666;}
h4, .h4 { font-size: 2.2rem; color:#666; font-weight:600;}
h5, .h5 { font-size: 2rem; color:#666; }
h6, .h6 { font-size: 1.5rem; font-weight: 600; }


p {line-height: 1.4; font-size:1.6rem;}
ul {font-size:1.6rem;}


/* Wrappers */

.wrapper-topbar { background-color: #E0E0E0; }
.wrapper-navbar {background-color: rgba(255,255,255,1.00);}

.full-width-height-page-wrapper {margin-top: 90px;}

			@media (max-width: 767px) {
				.full-width-height-page-wrapper {margin-top: 130px;}
			}


/* Top Nav/Bar */

.custom-logo-block { min-height: 85px;}



.contact-top-block {
    color: #000000;
    font-size: 1.5rem;
    width: 100%;
    min-height: 30px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	    text-align: center;
}
.contact-top-block a {
    font-weight:600;
}

.contact-top-block span {white-space:nowrap; }





/* Navigation */

.hwbdbsnavbar .navbar-nav .show > .nav-link, 
.hwbdbsnavbar .navbar-nav .active > .nav-link, 
.hwbdbsnavbar .navbar-nav .nav-link.show, 
.hwbdbsnavbar .navbar-nav .nav-link.active {
    color: rgba(000, 000, 000, 1);
}

.hwbdbsnavbar .navbar-nav .nav-link {color: rgba(000, 000, 000, 0.7); font-weight:600; text-transform: uppercase; font-size: 1.6rem; padding: 5px;}
.hwbdbsnavbar .navbar-nav .nav-link:focus, .hwbdbsnavbar .navbar-nav .nav-link:hover {color: rgba(000, 000, 000, 1.00);}


		 @media (max-width: 991px) {
				.hwbdbsnavbar .navbar-nav .nav-link {font-size: 1.4rem;}
				.navbar-nav li {margin-right: 0.2rem; padding-right: 0.2rem;}
				}

			@media (max-width: 767px) {
				.navbar-nav li {padding-bottom: 5px;padding-top: 5px;}

			}


/* Toggler */

.navbar-toggler.hwbdbs-mob-nav {border: 1px solid rgba(000,000,000,1); border-radius: 4px;}
.navbar-toggler.hwbdbs-mob-nav .icon-bar {background-color: #000000;}


/* Dropdown */

.dropdown-menu {
    color: #000000;
    background-color: #f3f6fd;
    font-size: 1.3rem;
    border-radius: 0px;
	border:none;
	
}


.dropdown-menu li:first-child {border-top-left-radius: 0.50px;border-top-right-radius: 0.0px;}
.dropdown-menu li:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}

.dropdown-menu li {padding-top: 5px; padding-bottom:5px;}
.dropdown-menu li:hover, .dropdown-menu li.active {background-color: #DAE3F7;}

.hwbdbsnavbar .dropdown-menu .nav-link{font-size: 1.4rem;}


 @media (max-width: 767px) {
	 .dropdown-menu {border:none; background-color: #f3f6fd;}
        }







/* Buttons */
.btn-primary {
    background-color: #000000;
    border-color: #000000;
}


a.hwbd-inline-button {
	color: #000000!important;
	margin: 10px 20px 10px 0px;
	border: 1px solid #000000;
	background-color: rgba(255,255,255,0.35);
}

a.hwbd-inline-button:hover {
	color: #000000!important;
	background-color: rgba(255,255,255,1);
}





/* BACK TO TOP  */
.cd-top {
	background-color: rgba(80,111,189,0.80);
	border-radius:50%;
}


/* Post Navigation */
.page-link { color: #B8123C;}
.page-item.active .page-link {
    background-color: #B8123C;
    border-color: #B8123C;
}
	

.footer-wrapper {
    background-color: #000;
    color: #ffffff;
	
}

.footer-wrapper a, .footer-wrapper a:hover {color: #ffffff;}


.footer-full-wrapper {
    background-color: #000000;
	color: #ffffff;
	padding-bottom:0px;
}

.footer-full-wrapper a, .footer-full-wrapper a:hover {color: #ffffff;}



/* =================== CLIENT STYLES ======================== */




/* Deep page banner */

.ht-deep-banner {height:400px;}

.ht-deep-banner h1 {font-size: 4.4rem; line-height:1.1; }

		@media (max-width: 991px) {
			 .ht-deep-banner h1 {padding-right:25%; }
			 .ht-deep-banner {height:300px;}
				}

		@media (max-width: 780px) {
			.ht-deep-banner h1 {padding-top:60px; }
		
		}



		@media (max-width: 767px) {
			.ht-deep-banner h1 {font-size: 3.8rem; padding-top:10px; padding-right:25%; }
			.ht-deep-banner {height:235px; padding-top:25px;}
		}





/* Page banner */

.ht-page-banner {height:200px;}
.ht-page-banner h1 {font-size: 5rem; line-height:1.1; }



		@media (max-width: 991px) {
			 .ht-page-banner {height:100px;}
			  .ht-page-banner h1 {font-size: 4rem; }
				}

		@media (max-width: 767px) {
			.ht-page-banner h1 {font-size: 3.8rem; padding-top:25px; padding-right:25%; }
		}






/* Panels */
.panel-bkgrnd{background-color:#f3f6fd;}
.panel-image {height:200px;}
.panel-image.deep {height:300px;}






/* Google Maps iframe */


  .google-maps {
    position: relative;
    padding-bottom: 40%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
  }
  .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }



/* Ninja */

.nf-form-fields-required {font-size:1.3rem; color:#BEBEBE; padding-bottom:10px;}
.nf-field-container { margin-bottom: 7px!important; }
.nf-field-element input, .nf-field-element textarea {
    padding: 8px;
    border: 1px solid #AAABAD;
}

.twg-center-submit {text-align:center;}

.nf-field-element input[type=button] { background-color:#eb5d51; color:#ffffff; border:none; text-transform: uppercase; font-size:1.8rem; font-weight: bold;}
.nf-field-element input[type=button]:hover { background-color: #435161;}

.nf-response-msg {padding:20px; background-color:#f2f2f2;}

.nf-field-label .nf-label-span, .nf-field-label label { font-size: 1.8rem;}

.nf-field .list-wrap li label {font-size:1.5rem;}

.nf-form-content hr.ninja-forms-field {margin: 10px 0px;}