@charset "utf-8";
/* CSS Document */

html { -webkit-font-smoothing: antialiased; }

* {
  font-family: 'Montserrat', sans-serif;
}

body {	margin: 0px; 
		padding: 0px; 
		/*	letter-spacing: .05em;	*/
}

p { margin-bottom: 15px; }

ul { margin-left: 50px; margin-bottom: 10px; margin-top: -10px;}

li::before {
    color: #1d1d1d ; /* Or a color you prefer */
}

hr { 				margin: 160px auto 120px auto;  
					color: #1d1d1d; 
					width: 95%;  
}


a.menu-link:link, a.menu-link:visited {
	font-weight: 400;
	font-size: 11px;
	color: #8c8c8c;
	text-decoration: none; 
	letter-spacing: 0.2em;
}

a.menu-link:hover, a.menu-link:active {
	color: #1d1d1d;
}

a.menu-link.link-active { color: #1d1d1d; }
a.link-1 { padding-right: 20px; }
 
a.button:link, a.button:visited {
    box-sizing: border-box;
	background-color: #fff;
    color: #263570;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	width: 155px; 
	height: 42px;
	font-weight: 500;
	border: 2px solid #263570;
	border-radius: 4px;
	vertical-align: middle;
	padding-top: 5px;
	letter-spacing: 0.05em;
}

a.button:hover, a.button:active {
    background-color: #263570;
	color: #fff;
}

#menu-block {		text-align: right;
					vertical-align: middle;
					margin-right: 60px;
					margin-top: 138px;
}

#banner-image {	 	height: 480px;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
}

#banner-image.about { background-image: url("../img/shake-hands-colour.jpg");	
}

#banner-image.contact { background-image: url("../img/signature-colour.jpg");	
}

#logo-image {		padding: 47px 0px 43px 81px;
					width: 200px; 
					height: 200px; 	
					cursor: pointer;
}	

#barbara-image { 	max-width: 240px ; 
					width: 90%;
}

#disclaimer-text { 	box-sizing: border-box;
					width: 100%;
					text-align: center; 	
					margin: 0px 0px 50px 0px;
} 

#footer-text {		margin-top: 110px; 
					box-sizing: border-box;
					width: 100%;
}

#contact-button { margin-top: 90px; 
}
		
#mobile-menu { 	width: 100%;
				height: 100%;
				margin: 0px 0px 0px 0px;
				display: none;	
				line-height: 40px;
}

#mobile-menu-close { 	box-sizing: border-box; 
						float: right;
						background-color: #8c8c8c;
						color: #1d1d1d;
						width: 60px;
						height: 60px;
						text-align: center;
						padding-top: 12px;
						font-size: 20px;
						cursor: pointer;
}

#mobile-menu-content { 
	margin: 40px 0px 0px 40px;
	float: left;	
}

a.email-address:link,
a.email-address:visited { 	background-color: #fff;
							color: #000;
							text-align: center;
							text-decoration: none;
							display: inline-block;
							border-bottom: 0.75px solid #8c8c8c;
							height: 27px;
}
a.email-address:hover,
a.email-address:active {color: #8c8c8c;	}

a.mobile-menu-link:link,
a.mobile-menu-link:visited { 
	font-weight: 400;
	font-size: 40px;
	color: #1d1d1d;
	text-decoration: none; 
}

.header-text {
	font-size: 40px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0em;
	line-height: 1em;
	font-family: Montserrat;
	padding-top: 115px;
	padding-bottom: 105px;
	text-align: center;
}
	
.subheader-text { 
	color: #1d1d1d;
	font-weight: 500;
	font-size: 13.5px;
	line-height: 2.3em;
}

.subheader-text-larger {
	color: #1d1d1d;
	font-weight: 500;
	font-size: 18px;
	/* line-height: 2.3em;	*/
}	

.about-text { 
	font-size: 13.5px;
	line-height: 2.0em;
	color: #8c8c8c;
	padding-left: 25px;
	letter-spacing: 0.02em;
	box-sizing: border-box;
	width: 100%;
	margin: 0px;	
}

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

img#mobile-button { display: none; }

/*	-------------------------------- FORM ------------------------------------- */

#form-container {	margin-top: 85px;	
					padding-right: 25px;
}

#contact-submit-button { margin-top: 10px;
}

.form-input-error-message { color: red;
							display: block;
}

.form-input-success-message { color: green;
							display: block;
}

.form-input-error { 	border: 1px solid red;
}

.form_required { 
					margin-left: 5px;
					font-size: 90%;
}


input,
textarea { width: 96%;	
		padding: 10px;
		font-family: arial;
		font-size: 12px;
		color: #000;		
		border: 1px solid #cccccc; /*	#8c8c8c;	*/
		margin-bottom: 10px;
		background-color: #fafafa;
		border-radius: 2px;
}

textarea { 	height: 60px;
			resize: vertical;
			overflow: auto;
}
		

/*	-------------------------------- RESPONSIVE  ------------------------------------- */

@media only screen and (max-width: 1250px) {

	#logo-image { padding-left: 50px; }
	#banner-image { height: 350px; }
	#menu-block { margin-right: 50px; }
}


@media only screen and (max-width: 950px) {
	#banner-image  { height: 280px; }
	#menu-block { margin-right: 30px; }
}

@media only screen and (max-width: 640px) { 	
	div#menu-block { display: none; }
	div#banner-image { height: 150px; }
	.col { margin: 0% 1%; }
	.header-text { 	font-size: 32px; 
					padding-top: 40px;
					padding-bottom: 40px;
			} 

	.about-text { 	padding: 20px; }

			
	img#barbara-image { 	display: block;
						margin-left: auto;
						margin-right: auto;
						max-width: 240px;
						width: 240px;
						margin-bottom: 25px;
						padding-left: 0px;
	}
	
	a#contact-button { margin-top: 30px; }
	
	img#logo-image { 	display: block;
						margin-left: auto;
						margin-right: auto;
						max-width: 80px;
						width: 80px;
						height: 80px;
						padding: 15px 15px;
	}
	
	img#mobile-button { display: block;
						position: absolute;
						top: 45px;
						left: 20px;
						cursor: pointer;
	}
	
	hr { margin: 75px auto; }
	

}