/* Custom CSS Styles */

/* fonts */

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1em;
}
.courgette {
  font-family: "Courgette", cursive;
  font-weight: 400;
  color: #5b92d5; 
  font-size: 2.5em; 
  font-weight:500;
}
/* body */
/*		body {background-image: url("images/maincontent-bgr.jpg"); background-size: cover; background-attachment: fixed; */
	}
	body, input, textarea, select, p {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-weight: 400;
		color: #0E2F7F!important;
		font-size: 1em;
		line-height: 2em;
	}
	p {line-height: 1.7em;}
/* header section */
	#header {
		text-transform: none;
		background: #0E2F7F;
		border-bottom: solid 5px #FFFFFF;
		/*width: 70%;
		margin-left: 15%;
		margin-right: 15%*/
	}
		#header .logo {
			border-top: none;

		}	
		#header .logo div {
				background: #0E2F7F;

		}
		#header .logo span{
				color: #FFFFFF;
				font-family: "Lato"; 
				font-style: italic;
				font-size: 1.5em;
		}	
/* to fix problem with navigation */
#nav {display: none;}		

/* Parallax section */

.plax {

	background: transparent;
	border-top: solid 5px #5787A6;
	border-bottom: solid 5px #5787A6;
	border-top-width: 35px;
	}
.plax#coaching {
	background-color: rgb(216, 171, 123);
}	
	.plax .content {
		padding: 0 1em 3em 1em;
	}

		.plax .content h2 {
			margin: 0 0 0.65em 0;
		}

		.plax .content p {
			margin: 0 0 1em 0;
		}
		.plax#banner .content ul{
			margin-bottom: 1em;
		}	
		
/* header styles */
	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		text-transform: none;
		font-family :"Verdana", "Helvetica", "Arial", sans-serif;
		color: #0E2F7F;
		font-style: italic;
	}
	h1 {color: #FFFFFF; font-size: 3em;}
	h1.courgette {font-style: normal;}

	
/* banner */
	#banner {
		background-image: url("images/overlay.png"), url("images/overlay.png"), url("../../images/BGR.png");
	}
	#banner .content {
    background-color: transparent;
	}
	#banner .content h2 {color: #0E2F7F;  font-style: italic; font-weight: 800; text-align: left; margin-left: 8%;}
	#banner .content ul {color: #0E2F7F; font-size: 1.3em; font-style: italic; font-weight: 800; text-align: left; margin-left: 10%;}
	#banner .content .button {
		color: #AF681F;
		border: none;
		font-style: italic;
		font-size: 2em;
		font-weight: 800;
		text-align: left; 
		margin-left: 8%;
		text-transform: none;
		line-height: 1.5em;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	}
	#banner .content .button:hover {
		color: #0E2F7F;
	}
	#banner .content p {
		font-size: 1.3rem;
		font-style: italic;
		color: #0E2F7F;
		text-transform: none;
		text-align: center;
		font-weight: 500;
	}
/

/* image */
		.image.responsive {
			width: 100%;
			max-width: 40vw;
			height: auto;		
		}
		.image.bigresponsive {
			width: 100%;
			height: auto;
		}

/* ACW*/
.plax#ACW .content, .plax#ACWEXP .content, .plax#shadowwork .content, .plax#about .content,  .plax#contact .content, .plax#couples2 .content, .plax#coaching .content, .plax#coaching .content, .plax#FAQs .content {
	background-color:  #D8AB7B;
	line-height: 1.7em;
	padding-top: 3em;
	}
.plax#ACW .content, .plax#ACWEXP .content {padding-top: 6vh;}	
.plax#coaching .content {padding-bottom:40vh;}	
.plax#shadowwork, .plax#about, .plax#contact, .plax#couples2, .plax#coaching, .plax#coaching, .plax#FAQs{
	margin-top: 0;
	}	
.plax#ACWEXP .content p {font-size: 1rem; margin-right: 2rem;}
.plax#ACWEXP .content p .bold {font-weight: 700;}
.plax#ACW  .box.highlight h2, .plax#ACWEXP  .box.highlight h2 {
		font-size: 2.3em;
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		font-weight: 700;
		color: #0E2F7F;
		font-style: italic;
		}
.plax#ACW  .box.highlight h2.line1, .plax h2.line1 {
		color: #AF681F;
		}
.plax#ACW  li.benefits 
		{
		font-weight: 600;
		font-style: italic;
		line-height: 1.7em;		
}
.row {margin-right: 15px;}
.row#acquote, .row.acwqexp{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.3rem;
    font-style: italic;
    color: #8D4F17;
    background-color: #EBC599;
    line-height: 2.1rem;
    padding: 1rem;
	margin-top: 0;
	margin-left: 0;

}
#shadowwork .row.acwqexp {font-size: 1.2rem;}
.row#acquote {margin-bottom: 1em;}
/* Footer */

	#footer {
		text-align: left;
		background-color: #0E2F7F;
		color: #ffffff;
		padding: 2em;
		font-style: italic;
		/*width: 70%;
		margin-left: 15%;
		margin-right: 15%;*/
		height: auto;
		font-size: 1em;
	}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		font-family: "Verdana", "Arial", "Helvetica", sans-serif;
		text-transform: none;
		background: #5687A6;

	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background: #0E2F7F;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background: #0E2F7F;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background: #5687A6;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: #0E2F7F;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background: #0E2F7F;
			}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 1.65em;
		}
	b, strong {
		font-weight: 700;
		color: #0E2F7F;
	}
	a {
		color: #0E2F7F;
		text-decoration: underline;
	}
/* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #D8AB7B;
  color: #0E2F7F;
  font-size: 1em;
  font-weight: 600;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 15px;
  border: 1px solid white;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*.active,*/ .accordion:hover {
  background-color:  #D8AB7B;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color:  #D8AB7B;
  display: none;
  overflow: hidden;
} 
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
h4.ac-header, h4.contact-header {
	font-weight: 600; 
	font-style:normal;
	margin-bottom: 1em;
	}
.contact-row {
	text-align: center:}
	}

/* Medium */
	@media screen and (max-width: 980px) {
		/* Banner */
			}
			#banner .content h2 { font-size: 1.5em;}
			#banner .content ul {font-size: 1.25em; font-weight: 600; }

			#banner .content .button {
			font-size: 1.3em;
			font-weight: 800;
			text-align: left; 
			margin-left: 0; 
			}
		.plax#ACW  .box.highlight h2, .plax#ACWEXP  .box.highlight h2, .plax#shadowwork  .box.highlight h2, .plax#about  .box.highlight h2 {
		font-size: 1.5em;
		font-weight: 700;
		}	
	.plax .content {
		padding: 0 1em 3em 1em;
	}
	}
	
	/* Small */

	/*@media screen and (max-width: 736px) {*/
	
	@media screen and (max-width: 736px) {	

		/* Banner */

			/*#banner {
				padding: 1em 0 6em 0;

			}*/
			#banner .content h2 { font-size: 1.5em;}
			#banner .content ul {font-size: 1.25em; font-weight: 600; }

			#banner .content .button {
			font-size: 1.3em;
			font-weight: 800;
			text-align: left; 
			margin-left: 0; 
			}
		.plax#ACW  .box.highlight h2, .plax#ACWEXP  .box.highlight h2, .plax#shadowwork  .box.highlight h2, .plax#about  .box.highlight h2 {
		font-size: 1.5em;
		font-weight: 700;
		}	
		.plax .content {
			padding: 1em 1em 3em 1em;
		}	

/* Navigation for small screen */

		#navPanel {

			background-color: rgba(14, 47, 127, 1);
			font-family: 'Open Sans Condensed', sans-serif;
			text-transform: uppercase;
			font-style: italic;
			font-size: 1.25em;
		}
		#navPanel .link {
			color: rgba(255, 255, 255, 0.8);
		}		

/*				#nav ul li {
			padding-left: .2em;

		}*/



	}