@charset "utf-8";
/* Custom Styles for Greenacres Farm Fishery website created by Monsters Edge */
html, body { height:100%;}
body { background:#e3e3e3; color:#4d4d4d; border-top:10px solid #a3d65c; font-family: "utopia-std",sans-serif; font-weight:400; font-size:18px;}
h1, h2, h3, h4, h5, h6 { font-family: "adriane",serif; padding:0; margin:0 0 20px 0; font-weight:400;}
p { font-size:18px; line-height:24px; margin:0 0 20px 0; font-weight:400;}
h1 { font-size:44px; line-height:46px; color:#cccc00; text-shadow:2px 2px #000;}
h2 { font-size:20px; line-height:32px; color:#fff; font-style:italic; text-shadow:1px 1px #000;}
h3 { font-size:26px; line-height:28px; color:#333; text-transform:uppercase; padding:0 0 25px 0; margin:0 0 25px 0; background:url(../images/h3-line.png) bottom center no-repeat;}
h4 { font-size:20px; line-height:32px; color:#515151; font-style:italic;}

/* FONTS */
a { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; outline: none; color: #4d4d4d;}
a:hover { text-decoration:none; color: #cccc00;}
a:focus { outline: none; text-decoration:none;}

/* GENERAL */
#main-intro { min-height:100%; height:100%; background: url(../images/bg.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#main-intro #logo { margin:40px auto;}
#main-intro .links-container { position:absolute; bottom:0; color:#fff; width:100%; padding:0;}
#main-intro .links-container a { display:inline-block; margin:0; padding:20px 70px; text-align:center; color:#fff; background:#aeae00; text-transform:uppercase; font-size:20px;}
#main-intro .links-container a:hover { background:#1e6c2f;}
#main-intro .links-container a.middle {  background:#cccc00;}
#main-intro .links-container a.middle:hover { background:#d5b104;}
#main-intro p { color: #fff; text-shadow:1px 1px #000;}

#lakes { background:#dadada url(../images/bg-grad.png) 0 0 repeat-x; padding:50px 15px;}
#lakes .lake { position:relative; text-align:center; display: block;}
#lakes .lake .text { font-size:24px; line-height:30px; color:#fff; position:absolute; top:90px; width:100%; font-weight:400; text-align: center; display: block;}
#lakes .lake .text .type { font-style:italic; font-size:16px;}
#lakes .lake .green-block { background-color: #336633; color: #fff; font-style: italic; padding: 15px 10px; min-height: 108px; display: block;}
#lakes .lake .grey-block { background-color: #d4d4d4; color: #fff; font-style: italic; padding: 15px 10px; min-height: 108px; display: block;}
#lakes .info { font-size:14px;}
#lakes .key-row { margin:0;}
#lakes .key { background:#e0e0e0; padding:20px 30px; text-align:center;}
#lakes .key .title { color:#333; font-size:20px; float:left; font-style:italic;}
#lakes .key .item { display:inline-block; font-size:16px;}
#lakes .key .item img { float:left; margin:0 10px;}

#prices { background:#dadada; padding:50px 15px; font-size:20px;}
#prices .price-title { background:#404040; color:#cccc00; text-transform:uppercase; padding:10px 0;}
#prices ul { list-style:none; padding:0; margin:20px 0; font-size:18px;}
#prices ul li { margin:0 0 5px 0;}
#prices ul li:first-child { padding: 0 0 10px 0;}
#prices .lake-rules { background:#e0e0e0; border-bottom:5px solid #646363; padding:40px 10px 20px 10px; min-height:650px;}
#prices .lake-rules ul { font-size:14px;}
#prices .lake-rules-general { background:#e0e0e0; padding:40px 20px 20px 20px;}
#prices .lake-rules-general ul { font-size:16px;}

#gallery { background: url(../images/bg-gallery.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:770px; padding:80px 15px;}
#gallery h3 { color:#fff; background:url(../images/h3-line-white.png) bottom center no-repeat;}
#gallery .col-sm-3 { margin:0 0 30px 0;}
#carousel-gallery { margin:50px 0 0 0;}
#carousel-gallery .carousel-indicators { bottom: -50px;}
#carousel-gallery .carousel-indicators li { width: 10px; height: 10px; margin: 0; background-color: #fff; border-color:#fff; margin:0 2px;}
#carousel-gallery .carousel-indicators li:hover, #carousel-gallery .carousel-indicators .active { width: 10px; height: 10px; margin:0 2px; background-color: #cccc00; border-color:#cccc00;}

#location { padding:50px 0; font-size:20px;}
#location .tel { font-size:22px;}
#location .contact { margin:50px 0;}
#location .social { display:inline-block;}
#location .social:hover { opacity:0.7;}

footer { background:#666; padding:40px 15px; font-size:12px; color:#adadad;}

/* Additional Classes */
.alpha { margin-left:-15px; margin-right:15px;}
.omega { margin-right:-15px; margin-left:15px;}
.parent { position:relative; height:100%;}
.child { position: absolute; top: 60%; left:50%; transform: translate(-50%,-60%);}
.marB30 { margin-bottom:30px;}
.no-pad { padding:0;}
.btn-default { background:none; border-radius:0; font-size:14px; color:#4d4d4d; border-color:#c6c6c6;}
.btn-default:hover { color:#cccc00;}

/* Additional 5th Column */
.col-sm-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 20%; float: left;}

/* MODAL BOX VERTICAL CENTER */
.modal { text-align: center;}
@media screen and (min-width: 768px) { 
  .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%;}
}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; padding-top:0 !important;}

/* RESPONSIVE AMENDED STYLES */
/* #Tablet (Landscape)
================================================== */
/* Note: Design for a width of 1024px */
@media only screen and (min-width: 960px) and (max-width: 1080px) {
	#main-intro #logo { margin:0 auto 20px auto;}
	#prices .lake-rules { min-height:844px;}
	#prices ul li { font-size:16px;}
	#lakes .lake .text { font-size:20px; line-height:26px; top: 70px;}
	#lakes .lake .text .type { font-size:14px;}
    #lakes .lake .green-block { min-height: 100px; font-size: 15px;}
    #lakes .lake .grey-block { min-height: 100px; font-size: 15px;}
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#main-intro .links-container a { padding:20px 50px; font-size:18px;}
	#lakes .lake .text { font-size:18px; line-height:24px; width:82%; top:30px;}
	#lakes .lake .text .type { font-size:12px;}
    #lakes .lake .green-block { min-height: 150px; font-size: 14px;}
    #lakes .lake .grey-block { min-height: 150px; font-size: 14px;}
	#prices ul li { font-size:12px;}
	#prices .lake-rules { min-height:730px;}
	#prices .lake-rules ul li { font-size:12px;}
	#gallery { min-height:650px; height:650px;}
}

/* #Mobile (Both)
================================================== */
/* Note: Landscape and portrait */
@media only screen and (max-width: 767px) {
	.col-sm-15 { width: auto; float: none;}
	.no-pad-xs { padding:0;}
	h1 { font-size:30px; line-height:32px; }
	h2 { font-size:18px; line-height:24px; color:#fff;}
	#main-intro { background: url(../images/bg.jpg) no-repeat center center !important; background-size: cover !important;}
	#main-intro #logo-xs { margin:0px auto;}
	#main-intro .links-container a { padding:5px 10px; font-size:12px;}
	#lakes .lake { margin-bottom: 20px; display: block;}
	#lakes .key .title { float:none; display:block;}
	#lakes .key .item img { float:left; margin:0 10px 0 0;}
    #lakes .lake .text { width: 100%; top: 60px;}
    #lakes .lake .green-block { min-height: auto; }
    #lakes .lake .grey-block { display: none;}
	#prices .lake-rules { margin-bottom:30px;}
	#gallery { min-height:auto; height:auto; background: #404040; padding:80px 15px;}
	footer .text-right { text-align:center !important;}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
	
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
 
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}