/*

Theme Name: lakelyellrecreationpark

*/



/* CSS Document */



body{margin:0px;padding:0px;}

*{border:none;outline:none;text-decoration:none;}

.clear{clear:both;}

.left{float:left;}

.right{float:right;}

iframe{width:100% !important;}

img{vertical-align:top;}

a{color:inherit;}

@font-face {

font-family: 'latolight';

src: url('css/lato-light-webfont.eot');

src: url('css/lato-light-webfont.eot?#iefix') format('embedded-opentype'),

	 url('css/lato-light-webfont.woff') format('woff'),

	 url('css/lato-light-webfont.ttf') format('truetype'),

	 url('css/lato-light-webfont.svg#latolight') format('svg');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'Lato-Regular';

src: url('css/latoreg.eot');

src: url('css/latoreg.eot?#iefix') format('embedded-opentype'),

 url('css/latoreg.woff') format('woff'),

 url('css/latoreg.ttf') format('truetype'),

 url('css/latoreg.svg#latoreg') format('svg');

font-weight: normal;

font-style: normal;

}



@font-face {

font-family: 'Lato-Bold';

src: url('css/latobol.eot');

src: url('css/latobol.eot?#iefix') format('embedded-opentype'),

	 url('css/latobol.woff') format('woff'),

	 url('css/latobol.ttf') format('truetype'),

	 url('css/latobol.svg#latobol') format('svg');

font-weight: normal;

font-style: normal;

}



h2{font:normal 35px 'Lato-Regular';color:#181818;margin:0;padding:0 0 27px 0;line-height:normal;}

p{font:normal 14px 'latolight';color:#848484;margin:0;padding:0 0 21px 0;line-height:22px;}











/*

----------------------------------

02. CONTAINER, WRAPPER

----------------------------------

*/



#container{width:100%;}

#wrapper{width:100%;}

.main{max-width:1200px;margin:0 auto;padding:0 2%;}

img {

	max-width: 100%;

}

@media \0screen {

  img { 

  	width: auto; /* for ie 8 */

  }

}









/*

----------------------------------

03. HEADER

----------------------------------

*/



#header{width:100%;}

.header_top{padding:12px 0;}

.header_top .main{position:relative;}

.logo{position:absolute;left:0;top:0;z-index:99;}

.header_right{text-align:right;}

.header_right p{font:normal 18px 'latolight';color:#515153;margin:0;padding:0 0 24px 0;line-height:normal;}

.header_right p a{color:#c5a713;font-family:'Lato-Regular';}





@media(min-width:768px){

#navigation ul{margin:0;padding:0;list-style:none;}

#navigation ul li{margin:0 0 0 30px;padding:0;display:inline-block;vertical-align:top;}

#navigation ul li:first-child{margin-left:0;}

#navigation ul li a{margin:0;padding:0 20px;display:inline-block;vertical-align:top;font:normal 16px 'Lato-Regular';color:#909090;border:1px solid #fff;line-height:36px;}

#navigation ul li.current-menu-item a, #navigation ul li:hover a{border:1px solid #9a861a;color:#998619;}

}





#banner{position:relative;}

.banner_img{min-height:515px;}

.banner_text{position:absolute;left:0;top:40%;width:100%;z-index:99;}

.banner_text h3{font:normal 25px 'Lato-Bold';color:#0d0d0d;margin:0;padding:0 22px;background-color:#ffba00;display:inline-block;line-height:52px;}

.banner_text h2{font:normal 67px 'Lato-Bold';color:#ffffff;margin:0;padding:0;text-shadow:0 2px 2px #000;line-height:normal;}









/*

----------------------------------

04. CONTENT

----------------------------------

*/



#content{width:100%;padding:4% 0;}

.box1{width:47%;}

.box1 p a{font:normal 15px 'Lato-Regular';color:#000;}

.box1 p a img{vertical-align:middle;margin-left:4px;}

.gallery_box{width:25%;float:left;cursor:pointer;position:relative;}

.gallery_overlay{background-color:rgba(0, 0, 0, 0.8);width:100%;height:100%;left:0;top:0;position:absolute;text-align:center;display:table;visibility:hidden;}

.gallery_text{display:table-cell;vertical-align:middle;padding:0 10px;}

.gallery_text h2{font:normal 24px 'latolight';color:#ffb900;margin:0;padding:0 0 14px 0;line-height:normal;}

.gallery_text p{font:normal 14px 'latolight';color:#9f9f9f;margin:0;padding:0px;line-height:22px;}

.gallery_box:hover .gallery_overlay{visibility:visible;}

.gallery_box img{width:100%;}



/*

----------------------------------

05. FOOTER

----------------------------------

*/



#footer{width:100%;text-align:center;padding:0 0 3% 0;}

#footer ul{margin:0;padding:0;list-style:none;}

#footer ul li{margin:0;padding:0 0 16px 0;display:inline-block;vertical-align:top;}

#footer ul li a{margin:0 30px;padding:0;display:inline-block;vertical-align:top;font:normal 16px 'Lato-Regular';color:#909090;}

#footer p{padding:0;margin:0;}

.box1 p{font-weight:bold;font-size:18px; color:#000;}

.box1 ul {margin:0px;}

.box1 ul li{color: #000;
    font:bold 18px/22px "latolight";
    margin: 0;
    padding: 0 0 21px;}