/*  
Theme Name: AEDAA PH
Theme URI: 
Description: This is the theme for AEDAA
Version: 1.0
Author: Peter Hill Creative
Author URI: 

*/

/*	undohtml.css
(CC) 2004 Tantek Celik. Some Rights Reserved.
	http://creativecommons.org/licenses/by/2.0
	This style sheet is licensed under a Creative Commons License.

	Purpose: undo some of the default styling of common (X)HTML browsers */

/*	link underlines tend to make hypertext less readable, because underlines
	obscure the shapes of the lower halves of words */

:link, :visited { text-decoration: none; }

/*	no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/*	avoid browser default inconsistent heading font-sizes and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code
{
	font-size: 1em;
	text-transform: none;
}

/*	remove the inconsistent (among browsers) default ul,ol padding or margin
	the default spacing on headings does not match nor align with normal
	interline spacing at all, so let's get rid of it. Zero out the spacing
	around pre, form, body, html, p, blockquote as well form elements are oddly
	inconsistent, and not quite CSS emulatable. Nonetheless strip their margin
	and padding as well */

ul, li, h1, h2, h3, h4, h5, h6, pre, sup, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

table, tr, th, td
{
	margin: 0;
	padding: 0;
    border-collapse: collapse; 
}

/*	whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none; }

/*	de-italicize address */
address { font-style: normal; }


/*AEDAA PH STYLES*/

/*GLOBAL FIXES*/


/*Override Mac buttons on iOS*/
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* Remove active link outlines */
a {
   outline: 0;
}

html,body
{
	position:relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
	height: 100%;

}

body {
  overflow: auto !important;
   margin: 0;
}

html {
    min-height: 100%;
	height: 100%;
	}



/*GLOBAL STYLES*/

html {
  scroll-behavior: smooth;
}


body{
	background-color:#325571;
	font-family: 'Lato', sans-serif;
	/*font-family: futura-pt, sans-serif; */
}

ol{
	list-style-type: decimal;
}

a:link, a:visited{
	color:#325571;
}

a:active, a:hover{
	color:#fe9a19;
}


.site-width{
	margin:0 auto;
	max-width:1020px;
	text-align:center;
}


.alt-font{
	font-family: ;
}

.bold{
	font-weight:700;
}

.underlined{
	text-decoration:underline;
	text-underline-position: under;
}

.clear{
	clear:both;
	position:relative;
}

h1{
	font-size:5em;
	font-weight:400;
	color:#93A8AC;
	margin-bottom:40px;
	line-height:1.2em;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;

	
}

h2{
	font-size:2em;
	margin-bottom:0.7em;
}

.bullet-list{
	list-style:disc;
	text-align:left;
}

.bullet-list li{
	margin-bottom:15px;
}

.caption{
	text-align:right;
	font-size:0.8em;
}

/*NAVIGATION MENU

/* Style the parent menu items 


.text-menu ul li {

background-color: #325571; /* Main item background color 
color: white; /* Main item text color 
position:relative;

}

/* Initially hide the sub-menu 

.text-menu ul li ul {

display: none;
position: absolute; /* Position the dropdown 
background-color: #325571; /* Dropdown background color 
z-index: 100; /* Ensure the dropdown is above other content 
text-align:left;
padding:20px;

}

.text-menu ul li ul li{
margin: 0 0 1em 0;
}

/* Reveal the sub-menu on hover over the parent item

.text-menu ul li:hover > ul {

display: block; /* Show dropdown
left:0;
top:10px;
width:200px;

}

.text-menu.menu-item-has-children li a{
	z-index:999!important;
}

.sub-menu{
	z-index:1!important;
}

.menu-item-has-children{
	
	z-index:999;
}

/* Style individual dropdown items

.text-menu ul li ul li {

display: block; /* Dropdown items should be block level 

}


.text-menu ul li > a:not(:last-child):after  { content: ' ▾'; } 

*/



/* CHATGPT MENU */

/* Main menu container */
.text-menu .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
	justify-content: space-between;
    background: #325571;
}

.text-menu .menu > li {
    position: relative;
}

.text-menu .menu > li > a {
    display: block;
    padding: 14px 20px;
    color: white;
    text-decoration: none;
	transition: background 0.3s ease;
}

.text-menu .menu > li > a:hover {
    text-shadow:1px 1px 10px #96cefb, 1px 1px 10px #96cefb;
}



/* Submenu styling */
.text-menu .menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    background: #325571;
    padding: 0;
    margin: 0;
    display: none;
    min-width: 200px;
}

.text-menu .menu ul li a {
    padding: 12px 16px;
    color: white;
    display: block;
}

.text-menu .menu ul li a:hover {
    text-shadow:1px 1px 10px #96cefb, 1px 1px 10px #96cefb;
}

/* Show submenu on hover (desktop) */
.text-menu .menu > li:hover > ul {
    display: block;
}


.text-menu ul li > a:not(:last-child):after  { content: ' ▾'; }

/*--------------------------------------*/



/*MAIN HEADER*/
.header{
	z-index:50;
	background-color:#325571;
	width:100%;
	text-align:center;
	position:relative;
	padding-top:15px;

}

#logotype{
	color:#FFF;
	font-size:1.5em;
	font-weight:600;
}
#logotype a{
	color:#FFF;

}

.menu{
	margin: 10px;
}

.text-menu{
	text-align:center;
}
.text-menu ul li{
	font-size:14px;
	display:inline;
	text-transform:uppercase;

}
.text-menu li a{
	color:#CCC;
}

/*MAIN HEADER MOB STYLE*/

/*STICKY HEADER*/

body {
	 margin: 0;
}

.sticky-header{
	z-index:10;
	position: fixed;
	height: 100px;
	width: 100%;
	text-align: center;
	/*background-image:linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));*/
	background-color:#325571;

}

.sticky-logo{
	position:absolute;
	left:30px;
	top:20px;
	z-index:9999;
}

.burger-nav{
		position:absolute;
		top:32px;
		display: block;
		height:32px;
		width: 100%;
		background:url(img/burger-nav.png) no-repeat 95% center;
		background-size:contain;
		cursor:pointer;
		z-index:10;
}

#menu-popup{
	display:none;
	}
.popup-open{
	display: block !important;
	position: fixed;
	left: 50%;
	top: 150px;
	width: 80%;
	-o-transition: all 0.5s;
	transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
}
	

.mobile-menu{
	position: relative;
	left: -50%;
	z-index: 100;
	margin: 0 auto;
	cursor: default;
	pointer-events: auto;
}

.mobile-menu ul{
	
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
}

.mobile-menu ul li{
	margin-bottom:0.5em;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:30px;
}
.mobile-menu ul li ul{
	margin:15px 0 30px 0;
}
.mobile-menu ul li ul li{
	font-size:20px;
}




.mobile-menu ul li a{
	color:#FFF;
}

#clickoff-menu{
	display:none;
	background-color:rgba(50,85,113, 0);
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-webkit-transition-timing-function: ease-out;
	     -o-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
}

.wholescreen{
	display:block!important;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#325571!important;
	cursor:pointer;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-webkit-transition-timing-function: ease-out;
	     -o-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
	}
	

/* MAIN PAGE */



#wrapper{
	width: 100%;
	text-align:left;
	background-color:#FFF;
	clear:both;
	position:relative;
	min-width:360px;
}


.spacer{
	height:70px;
}

.colour-block{
	padding:30px 0 60px 0;
}

.small-colour-block{
	padding:40px 0;
	margin:20px 10px;
}

.red{
	color:red;
}

.dusky-red{
	background-color:#cc6666;
}

.slate{
	background-color:#325571;
	color:#FFF;
}

.dark-slate{
	background-color:#1f3547;
	color:#FFF;
}

.white{
	background-color:#FFF;
	color:#000;
}
.light-grey{
	background-color:#f2f2f2;
	color:#6b6b6b;
}

.curved{
	border-radius:20px;
}

.colour-block-text-large{
	font-weight:300;
	font-size:1.5em;
	width:85%;
	color:#FFF;
	line-height:1.8em;
	text-align:center;
	margin:0 auto;
}

.colour-block-text-small{
	font-weight:300;
	width:80%;
	color:#FFF;
	font-size:1.2em;
	line-height:1.4em;
	text-align:center;
	margin:0 auto;
}

.colour-block-text h1{
	color:#FFF;
	font-weight:300;
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:50px;
	line-height:1.2em;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
}

.colour-block-text h1 a{
	color:#FFF;

}



.colour-block .body-text{
	font-weight:400;
}

.title{
	text-transform:uppercase;
	margin:30px auto 30px auto;
	font-size:2em;
	text-align:center;
	color:#325571;
	font-weight:bold;
}

a.title, :visited {
	color:#325571;
}


.flex-container{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-ms-flex-wrap:no-wrap;
	    flex-wrap:no-wrap;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
}

.mobile-slider{
		display:none;
	}
	








.body-text-max{
	
	max-width:900px;
	margin:30px auto;
	text-align:center;
	
}
.body-text{
	
	text-align:left;
	font-size:1.2em;
	font-weight:300;
	line-height:1.5em;
	padding:0 15px;
}

.body-text h3{
	text-align:center;
	font-size:1.5em;
	margin-bottom:1em;
}
.body-text p{
	margin-bottom:20px;
}


.full-width-img{
	width:100%;
	height:auto;
}


.body-text-max ul{
	list-style-type: circle;
	margin: 0 60px;
}

.body-text li{
	margin-bottom:20px;
}

.body-text-image{
	width:100%;
	height:auto;
}

.center{
	position:relative;
	width:100%;
	margin:0 auto;
	
}





.smallspace{
	height:20px;
	display:block;
}


.quote{
	text-align:center;
	padding:0 50px;
	font-size: 1.2em;
}




.choice{
	background-color:
}


.post-f-image{
	text-align:center;
}
.post-f-image img{
	width:100%;
	height:auto;
	margin:0 auto;
}

/*EVENTS*/
.event-box{
	border: 1px #CCC solid;
	padding:30px;
	margin:0 0 50px 0;
	background-color:#FFF;
	
}

.eventbox h2{
	font-size:2em;
}

.event-title{
	font-size:1.6em;
	line-height:1.2em;
	margin:0 0 30px 0;
}


.post-thumbnail{
	float:left;
	margin-right:20px;
	overflow:hidden;
}

.featured-image{
	width:100%;
	height:auto;
}
.featured-image img{
	width:100%;
	height:auto;
}




/*FOOTER*/

.footer{
	background-color:#325571;
	text-align:center;
	color:#93A8AC;
	position:relative;

}

#copyright{
	padding: 0  0 10px 0;
	margin:0 auto;
}

.footer a{
	color:#93A8AC;
}

.admin-link{
	text-transform:uppercase;
	font-size:0.7em;
	padding-bottom:5px;
}


/*TABLES*/

td{
	font-weight:300;
	vertical-align:top;
	padding:0 10px 20px 0;
}



/* CONTACT FORM STYLES */

.wpcf7-form.init{
	text-align:left;
}

.wpcf7-form-control.has-spinner.wpcf7-submit{
	color:#FFF;
	position:relative;
	padding:10px 20px;
	border:2px solid #b9cacd;
	text-transform:uppercase;
	font-weight:900;
	font-size: 0.8em;
	background-color:#57696c;
	margin-top:30px;
	float:right;
	left:25px;
	
}

.wpcf7-form-control.wpcf7-textarea{
	font-size:1.2em;
	width:100%;
	padding:10px;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
	font-size:1.2em;
	width:100%;
	padding:10px;
}

.wpcf7-form-control.wpcf7-text{
	font-size:1.2em;
	width:100%;
	padding:10px;
}

/* PUBLICATIONS */

.entry-content{
	margin-right:20px;
}

._df_thumb{
	margin:10px!important;
}

/* MOBILE STYLES */

@media screen and (max-width:892px){
	
	.mobile-slider{
		display:block;
	}
	
	
		.footer{
		top:100px;
	}
	
	.body-text-max{
		margin: 40px auto;
	}
	
	
	.header{
		position:absolute;
		top:-230px;
		display:none;
	}
	.sticky-header{
	background-color:#325571;
	}

	#content{
		position:relative;
		top:100px;
	}

	.mobile-menu ul{
		font-size:1.5em;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
	}
	
	.mobile-menu ul li{
		margin-bottom:1.2em;
		letter-spacing:0.1em;
	}
	
	#menu-popup{
		width: 90%;
		}
		
	.colour-block-text-large{
		width:80%;
		line-height:1.6em;
		font-size:1.4em;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition:all 0.5s;
			-webkit-transition-timing-function: ease-out;
			     -o-transition-timing-function: ease-out;
			        transition-timing-function: ease-out;
	}

	.colour-block-text-small{
		width:80%;
		line-height:1.4em;
		font-size:1.2em;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition:all 0.5s;
			-webkit-transition-timing-function: ease-out;
			     -o-transition-timing-function: ease-out;
			        transition-timing-function: ease-out;
	}

	
		.flex-container{
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
		}

	.flex-square{
			width: 300px;
			margin: 10px;
			height: 300px;
				-o-transition: all 0.5s;
				transition: all 0.5s;
				-webkit-transition:all 0.5s;
				-webkit-transition-timing-function: ease-out;
				     -o-transition-timing-function: ease-out;
				        transition-timing-function: ease-out;
	}
	h1{
		font-size:4em;
		margin-bottom:30px;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
		padding-top:20px;
	}
	
}

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

	
	.image-banner {
		background-position:center;
		background-repeat: no-repeat;
		background-attachment: scroll;
	}   
	

	
	.colour-block-text-small{
		width:90%;
		font-size:1.15em;
		line-height:1.4em;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition:all 0.5s;
			-webkit-transition-timing-function: ease-out;
			     -o-transition-timing-function: ease-out;
			        transition-timing-function: ease-out;
	}
		.colour-block-text-large{
		width:90%;
		font-size:1.2em;
		line-height:1.4em;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition:all 0.5s;
			-webkit-transition-timing-function: ease-out;
			     -o-transition-timing-function: ease-out;
			        transition-timing-function: ease-out;
	}
	
	h1{
		font-size:3em;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition:all 0.5s;
		-webkit-transition-timing-function: ease-out;
		     -o-transition-timing-function: ease-out;
		        transition-timing-function: ease-out;
	}
	
	.body-text ul{
		margin: 0 10px 0 30px;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			-webkit-transition:all 0.5s;
			-webkit-transition-timing-function: ease-out;
			     -o-transition-timing-function: ease-out;
			        transition-timing-function: ease-out;
	}
	
	.body-text-max{
		margin:20px auto;
	}
	
	.testimonial-logo{
		max-width:70%;
		
	}
	
	
	.footer{
		top:100px;
}
	
	/* Mobile contact form corrections*/
	.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.wpcf7-form-control.wpcf7-textarea{
		width:95%;
	}
	.wpcf7-form-control.has-spinner.wpcf7-submit{
		left:0;
	}
	.title{
	margin:20px auto 20px auto;
	}
	
}