/*Theme Name: Mick Fitzpatrick



Theme URI: http://nationalbirdofpreycentre.ie/



Description: Theme for http://nationalbirdofpreycentre.ie/



Version: 1.0 



Author: Mick Fitzpatrick



Author URI: http://mickfitzpatrick.com



Tags: nil



*/



		html, body {height:100%;overflow-x: hidden;}



		html {font-size: 14px;line-height: 1.4;letter-spacing: 0.01rem;}



		body {



		font-family: 'Open Sans', sans-serif; 



		}



	



		



		



		h1 {



		font-size: 55px;



		opacity: 0.8;



		margin-bottom: 10px;



		animation-name: header;



		animation-duration: 7s;



		text-transform: uppercase;



		}



		





		header {



		position: relative;



		display: table;



		width: 100%;



		margin-bottom: 5rem;



		background-color: #4f7bbc;



					animation-name: inf;



		animation-duration: 5s;



		}





		#hintro {



			display: table-cell;



vertical-align: middle;



		text-align: center;



		width: 100%;



		margin-top: 0;



		margin-bottom: 85px;



		color: #fff;



		background: url(https://nationalbirdofpreycentre.ie/img/rain-drops-926583_960_720.jpg) fixed no-repeat;


		background-size: cover;



		height: 65vh;



		min-height: 180px;



		}

		#onlineshop #hintro {



		background: url(https://nationalbirdofpreycentre.ie/christmas/boxes-celebration-christmas-1303086.jpg) fixed no-repeat center bottom;



		background-size: cover;

}

		



		#hintro h2 {



		margin-bottom: 45px;



				font-size: 45px;



		opacity: 0.6;



		margin: 0;



		animation-name: header2;



		animation-duration: 9s;



		}



		#content {



			margin: 0 auto;



			width: 80%;



			max-width: 780px;



			opacity: 0.8;



		}



		#content h2{



			font-size: 29px;



		}



		#wrapper{



    position: relative;



    z-index: 10;



    min-height: 100%;



    background: #fff;



    -webkit-transition: -webkit-transform 0.5s ease;



    transition: transform 0.5s ease;



		}



a.menu {



  position: absolute;



  z-index: 3;



  text-decoration: none;



color: #fff;



  top: 1.6em;



  right: 1.6em;



  text-transform: uppercase;



  font-size: 0.9em;







}



a.menu span {



  font-size:2em;



  vertical-align: -0.15em;



}







a:link.menu {



color: #fff;



}



a:hover.menu {color: #43D1AC}







#logo {



	  position: absolute; 



	  top: 0;



  left: 1.6em;



  width: 150px; 



z-index: 999



}



		a:link {



		text-decoration: none;



		color: #3658bb;



	    -webkit-transition: 0.5s;



		-moz-transition: 0.5s;



		-o-transition: 0.5s;



		-ms-transition: 0.5s;



		transition: 0.5s;



		}







		a:visited {



		text-decoration: none;



		color: #3658bb;



		}







		a:hover {



		text-decoration: none;



		color: #43D1AC;



		}







		a:active {



		text-decoration: none;



		color: #3658bb;



		}



		



.toggle {display: block; width: 200px;z-index:3}



.toggle ul



{



margin-left: 0;



margin-top: 50px;



padding-left: 10px;



padding: 0;



height: 100%;



list-style-type: none;



font-family: Arial, Helvetica, sans-serif;



}







.toggle a



{



display: block;



padding: 3px;



padding-left: 10px;



width: 100%;



border-bottom: 1px solid #76a1df;



color: #fff;



text-decoration: none



}







.toggle a:hover



{



background-color: #3c77cf;



color: #fff;



}



nav {display: none;}







.menux::after { content: " X";}



a.menu span::before { content: "≡"}



a.menux span::before { content: ""}







		@keyframes inf {



		0%   {opacity: 0;}



		100%  {opacity: 1;}



		}

	@media (max-width: 810px) {		  



		h1 {

		font-size: 25px;

		}

		

		#hintro h2 {

		font-size: 20px;}

}





.woocommerce-page div.product div.images {

    float: left;

}

.woocommerce-page div.product div.summary {float: right}



		footer {background: #000;

		background-size: cover; width: 100%; color: #fff; text-align: center;padding-top: 10px;padding-bottom: 10px;text-transform: uppercase}

		footer li

		{

		display: inline;

		list-style-type: none;

		padding-right: 20px;

		}


#colimg img {width: 130px; height: auto}

	.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin: 0 auto;
		width: 200px;
	}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
		.notice {
		background:#e3f7fc url('//www.cssportal.com/images/notice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}