/*
Theme Name: Last Drop Brewery

*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Patua+One);

body{background:url(images/green_bg.jpg) repeat; color:#898989; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
a img, input, button{border:none;}
a{ text-decoration:none; color:#000;}
body, h1, h2, h3, h4, h5, ol , ul, li{padding:0; margin:0; font-weight:normal;}

h1{ font-size:26px; color:#252525; text-transform:uppercase; font-family:'Patua One', cursive; margin-bottom:10px; line-height: 26px;}
h2{ font-size:26px; color:#252525; text-transform:uppercase; font-family:'Patua One', cursive; margin-bottom:27px; line-height:26px;}
h3{ font-size:18px; color:#252525; text-transform:uppercase; font-family:'Patua One', cursive; margin-bottom:20px; line-height:18px;}
img{max-width:100% !important; height:auto !important;}


.wrapper{ width:960px; margin:0 auto;}
.inner_wrapper{width:100%; float:left; box-shadow:0 0 13px 3px #000; -moz-box-shadow:0 0 13px 3px #000; -webkit-box-shadow:0 0 13px 3px #000;}
.wrapper1{width:960px; margin:0 auto;}
.nav_logo{ width:100%; background:url(images/nav_bg.jpg) repeat-x; height:49px; float:left; position:absolute; z-index:20; margin-top:79px; 
			box-shadow: 0 0 12px -5px #000000; -moz-box-shadow: 0 0 12px -5px #000000; -webkit-box-shadow: 0 0 12px -5px #000000;}
.logo{ float:left; width:233px; height:182px; position:absolute; z-index:30; margin: -67px 0 0;}
.nav{ float:right;}
.nav ul{ margin:12px 7px 0 0;}
.nav li{ display:block; float:left; margin-left:27px;}
.nav a{ color:#fff; font-family:'Patua One', cursive; font-size:18px; padding-bottom:14px;}
.nav li ul{ display:none; position:absolute; z-index:999; padding: 5px 0 0; width: 120px; background:url(images/nav_bg.jpg) repeat; float:left;
		 margin:14px 0 0 -21px; box-shadow: 0 5px 4px 0 #242424; -moz-box-shadow: 0 5px 4px 0 #242424; -webkit-box-shadow: 0 5px 4px 0 #242424;}
.nav li:hover ul{ display:block; }
.nav li ul li{ float:none; clear:both; padding: 12px 0 !important; margin:0 !important; text-align:center;}
.nav li ul li a{text-transform:capitalize;}
.header{ float:left; width:100%; position:relative; z-index:10; background-color:#fff;}
.header_top{ height:128px; background-color:#e9761d; width:100%; float:left;  position:relative; z-index:10;}
.header_btm{ width:100%; float:left;  position:relative; z-index:10; }
.banner{ float:left; width:100%;  position:relative; z-index:10;}
.content{ float:left; background-color:#fff; padding:0 20px 41px; width:920px; line-height:18px;  letter-spacing: 0.2px; 
		position:relative; z-index:10;}
.fb_likes{float:left; width:100%; margin: 23px 0 29px 35px; width:30%;}
.content_main{ width:548px; padding: 0 53px 0 5px; margin-right:18px; float:left;}
.sidebar{ width:280px; float:right; position:relative; z-index:10;}
.sidebar_top{ letter-spacing: 0.32px;  padding: 0 8px;  width: 260px; float:left; margin-left: 4px; position:relative; z-index:50; 
			margin-top:-38px;}
.sidebar_btm{ clear:both; float:left; margin-top:43px; margin-bottom:75px;}
.booknw{ background:url(images/book-nw.png) no-repeat; width:127px; height:127px; float:left; margin-left: 0px;}
.booknw span{ color:#fff; font-size:19.50px; margin: 54px 0 0 18px; float:left; font-family:'Patua One', cursive;}
.fb{ background:url(images/face-book.png) no-repeat; width:125px; height:127px; float:left; margin-left: 26px;} 
.fb span{ color:#fff; font-size:19.50px; margin: 54px 0 0 20px; float:left; font-family:'Patua One', cursive;}
.fb1{ background:url(images/book-nw.png) no-repeat; width:127px; height:127px; float:left; margin-left: 26px;}
.fb1 span{ color:#fff; font-size:19.50px; margin: 54px 0 0 20px; float:left; font-family:'Patua One', cursive;}
.footer{ background-color:#e9761d; float:left; min-height:100px; width:960px; font-size:10px; color:#fff; line-height: 18px;
			letter-spacing: -0.1px;}
.footer_top{float:left; width:920px; padding: 0 20px 10px;}
.footer_top_box{ width:282px; float:left; margin-right:37px; margin-top:43px;}
.footer_top_box ul{}
.footer_top_box li{ width:140px; float:left; text-align:left;  display:block;}
.footer_top_box a{ color:#fff;}
.footer_top_box1{ width:282px; float:left; margin-top:27px; }
.footer_top_box1-top{ height:157px; float:left; background:url(images/transpi.png)  repeat; width:246px; padding: 16px 16px 0 19px;
				border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.footer_top_box1-top ul{ margin: 11px 0 0; padding:0;}
.footer_top_box1-top li{ background:url(images/dash.jpg) 0 9px no-repeat; display:block; padding-left: 14px; }
.footer_btm{float:left; padding: 15px 20px 0; margin-bottom:20px; border-top:1px solid rgba(255, 255, 255, 0.1); width:920px; }
.top_2nd{ margin-bottom:20px;}
.top_2nd li{  display:block; float:none; width:100% !important;}
.copyright{ float:left;}
.footer_logo{ float:right;}




/*****************booking*****************/

.booking{ float:left;  background:url(images/booking-img.jpg) no-repeat top right #004735; width:880px; margin-left:14px; 
			padding:11px 0 0 12px; color:#fff;}
.booking h1{font-size:26px; color:#fff; text-transform:uppercase; font-family:'Patua One', cursive; margin-bottom: 25px;}
.booking_form{ float:left; width:580px; margin-top:-3px;}
.booking_form input, .booking_form textarea{width:243px; float:left; color:#7d7d7d; background-color:#fff; border:none;
							margin: 0 17px 13px 0;}
.booking_form input{ height:33px; padding:0 0 0 11px; }
.booking_form textarea{ height:92px; padding:13px 0 0 11px; clear:both; font-size:16px;}
input .submit1, .submit1{background-color:#df612c !important; border:1px solid #632a12 !important; width:67px !important; height:36px !important;
					 color:#fff !important; text-transform:capitalize !important; clear:both !important; float:left !important; 
					 cursor:pointer !important; padding:0 !important; margin-top: -4px !important;}
.booking h1{ margin-left:0px !important;}
			
			
			

/*****************menu page*****************/
.menu_main{ width:600px; padding: 21px 0 0; margin-right:18px; float:left;}
.enquiry{width:268px; background-color:#004735; /*float:left;*/ padding:12px 0 0 12px; height:550px; position:relative; z-index:20; 
				margin-top: -45px;  margin-bottom: 10px;}
.enquiry_form{ margin-top:17px;}
.enquiry h2{font-size:26px; color:#fff; text-transform:capitalize; font-family:'Patua One', cursive;}
.enquiry input, .enquiry textarea{width:244px; float:left; clear:both; color:#121212; background-color:#fff; border:none;
						 margin: 0 12px 13px 0; font-size:12px;}
.enquiry input{ height:31px; padding:2px 0 0 9px; font-family:Arial, Helvetica, sans-serif;}
.enquiry textarea{ font-size: 12px !important;  height: 93px;  padding: 10px 0 0 9px; clear:both; }
textarea{font-family:Arial, Helvetica, sans-serif!important; font-size:13px !important;}
.menu_left{ width:250px; padding:0 8px 0 0px; float:left; font-family:Arial, Helvetica, sans-serif;}
.menu_right{ width:270px; padding:0 0 0 12px; margin-left:46px; float:left; margin-top:0px;}
.menu_img{width:238px; height:155px; border:6px solid #fff; box-shadow: 0 0 5px 0 #CCCCCC; -moz-box-shadow: 0 0 5px 0 #CCCCCC; 
			-webkit-box-shadow: 0 0 5px 0 #CCCCCC; margin-top:20px;}
span.wpcf7-form-control-wrap{ margin:0 !important; padding:0 !important;}
			
			
			
/*********************************inner*********************************/
.inner{width:572px; padding: 0 0 0 0px; margin-right:18px; float:left;}
.inner h3{ font-size:18px; color:#252525; text-transform:uppercase; font-family:'Patua One', cursive; margin-bottom:11px; float:left; 
		clear:both; margin-top: 23px;  }
.inner h4{color:#252525; text-transform:uppercase; font-family:'Patua One', cursive; font-size:14px; margin-bottom:32px; float:left; 
		clear:both; margin-top: 10px;}
.bul, .num{margin-left:54px; margin-bottom:30px; float:left;}
.bul{ width:424px; margin-top:20px;}
.bul li{ color:#da612b; font-size:21px; }
.bul li span{margin: 2px 0 0 5px;}
.num li span{margin: 1px 0 0 5px;}
.bul li span, .num li span{ color:#707070; font-size:12px;  float:left; font-weight:normal;}
.num{ clear:both; margin-top:8px !important; margin-bottom: 40px;}
.num li{ display:list-item; color:#da612b; font-size:14px; color:#252525; font-size:18px clear:both; float:left; margin-bottom:12px; 
			list-style:decimal; font-weight:bold;}

.bul li, .num li{clear:both; line-height:20px; margin-bottom:12px; float:left;}
.inner_img{width:238px; height:155px; border:6px solid #fff; box-shadow: 0 0 5px 0 #CCCCCC; -moz-box-shadow: 0 0 5px 0 #CCCCCC; 
			-webkit-box-shadow: 0 0 5px 0 #CCCCCC; margin: 10px 20px 0 0; float:left;}
			
			
			
/*****************************contact**********************************/
.contact{ width:598px; float:left;  color:#707070;}
.contact a{color:#707070;}
.contact_left{ width:276px; float:left; padding:0 0 0 0px;}
.map_1{ width:252px; height:276px; float:left; clear:both; border:1px solid #bebebe; clear:both; margin-bottom:25px;}
.contact_right{ width:279px; float:left; padding:0 0 0 22px; margin-left:20px;}			
.contact_margin_2{ margin-top:80px; float:left; clear:both;}
.contact_margin_1{ clear:both; float:left;}
.contact_2d{ margin-top:18px;}


/*********gallery***********/
.gallery{ width:905px; margin-left:15px;}



/*****blog page***********/

.blog{width:600px; margin-right:18px; float:left;}
.blog_content_text { border-bottom: 1px solid #E4E4E4;  color: #5B5959; float: left; font-family:'Patua One', cursive; 
    				padding-top: 20px ; width: 596px; line-height:22px; margin-bottom:10px;}
					
.blog_black_head {color: #00243A; float: left;  font-size: 20px;  width: 58%;}
.blog_content_div{float: left;  font-family: Helvetica,sans-serif;    padding-bottom: 5px;  padding-top: 14px;  width: 58%;}
.blog_readmore{color: #E9761D;  float: left;  font-family:Helvetica,sans-serif;   font-size: 13px;  padding-bottom: 20px;  width: 58%;}
.blog_readmore a{color: #E9761D;}
.blog_img{ float:right; margin-right:20px; margin-bottom:15px;}



/*****blog inner page***********/

.blog_inner{width:600px; padding: 0 0 0 15px; margin-right:18px; float:left;}
.blog_inner h2{ font-size:25px; line-height:30px; font-family:'Patua One', cursive;}
.blog_inner_img{margin: 0 0 15px;}

/*************common***********************/
.first{ margin-left:0px !important;}
.margin_right_none{margin-right:0 !important;}
.orange{ color:#dd5511;}
.white{ color:#fff; }
.pdf{margin: 1px 14px 0 6px; float:left;}
.clearfix{ clear:both;}
.margin_top26{ margin-top:20px;}
.margin_top_inner{ margin-top:26px;}

.royalSlider .royalSlide, .royalSlider .royalWrapper { background: none !important ;}




/*******************new changes***********************/
.royalSlider.minimal .royalControlNavOverflow a.current {background-position: -1px -182px !important;}
.royalSlider.minimal .royalControlNavOverflow a{width: 22px !important; }
.royalSlider.minimal .royalControlNavOverflow{ margin-top:-29px;}
iframe{ border:none !important; width:100%; height:auto;}
.wpcf7-response-output{ clear:both; float:left;  margin: -8px 0 0 -4px !important; padding: 3px 2px !important;}
#s{ border:1px solid #E8E8E8;}
.blog_content_div_without_image p{ float:left; font-family:Helvetica, sans-serif; color:#5B5959; font-weight:normal; font-size:12px;}
 .search_sidebar{ margin-top: -54px;}
.sd-sharing-enabled {  bottom: -10px;
    position: absolute;
    width: 100%; }
.login h1 a {
    background-size: auto !important; }
	
.common_left{padding: 0 0 0 15px;    width: 598px; float:left;}
.robots-nocontent{ clear:both !important;}
.ngg-gallery-thumbnail { margin-bottom:10px !important;}





/******************************RESPONSIVE************************************/

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

.wrapper, .wrapper1 {width: 720px !important;}
#royalslider-1,#royalslider-2,#royalslider-3, #royalslider-4, #royalslider-8, #royalslider-5, #royalslider-6, #royalslider-7, #royalslider-9{ height: 377px !important ; width: 100% !important;}
.royalSlide img { height:auto !important;}
.royalSlide{  height: 377px !important;}
.logo {margin: -52px 0 0; width: 200px; height:auto;}
.nav ul { margin-top:16px;}
.nav li {margin-left: 15px;}
.nav a {font-size: 14px;}
.booking_form {width:100%;}
.nav li ul li{ padding:12px 0 18px !important;}
.content, .booking , .footer_top, .footer_btm { width: 94.5%;}
.content_main { width:99%; margin-right:0; padding: 0 17px 0 5px;}
.sidebar_top { margin-top:20px;}
.booknw {margin-left: 18px;}
.sidebar_top,.sidebar, .menu_main, .inner, .blog{ width: 98%; float:left;}
.menu_right, .booknw, .common_left{ padding:0; margin-left:0;}
.footer , .common_left, .menu_left, .blog_content_text{ width:100%;}
.enquiry , .contact_margin_2{ margin-top:20px;}
.footer_top_box {width: 32%; margin-right: 0;}
.footer_top_box li {width: 40%;}
.footer_top_box1 { width: 35%;}
.footer_top_box1-top { height:auto; padding: 16px 16px 16px 19px; width: 90%;}
.map_1{  height:auto;}
}


@media screen and (max-width: 760px){
	
	.wrapper, .wrapper1 {width: 600px !important;}
	.nav ul{ margin:22px 28px 0 0; }
	.logo { top:-30%; left:40%; width: 113px;}
	.content, .booking, .footer_top, .footer_btm{ width:93.4%;}
	#royalslider-1, #royalslider-2, #royalslider-3, #royalslider-4, #royalslider-8, #royalslider-5, #royalslider-6, #royalslider-7, #royalslider-9 {
    height: 266px !important;}
	.menu_main{ padding:0;}
	.nav li ul{ margin:10px 0 0 -21px;}
	.booking_form input, .booking_form textarea{ width: 70%;}
	.contact{ width:100%;}
	.contact_left, .contact_right{ width:43%;}
    .map_1{ width: 220px; height:auto;}
}
@media screen and (max-width: 590px){
	
.wrapper, .wrapper1 {  width: 420px !important;}
.content { width: 95.3%;}
.top_2nd { margin-bottom: 9px;}
.content h1 {font-size:20px ; margin:0;}
.footer_top, .footer_btm, .booking{ width:90%;}
.content{ padding:0 10px 20px;}
.footer_top_box, .footer_top_box1{ width:100%; margin:30px 0 0;}
#royalslider-1, #royalslider-2, #royalslider-3, #royalslider-4, #royalslider-8, #royalslider-5, #royalslider-6, #royalslider-7, #royalslider-9 { height: 174px !important;}
.enquiry { margin: 20px auto;}
.contact_margin_2 , .contact_margin_1, .map_1,.contact_left, .contact_right { width:100%;}
.blog_img { margin-right:0;}
.footer_top_box li { text-align: center;width: 100%;font-size:11px;}
.contact{ text-align: center;}
.contact_right{ margin:0; padding: 20px 0 0 0;}
.ngg-gallery-thumbnail { width:85%;}
.sidebar_btm{ margin:20px 0;  padding: 0 0 0 65px;}
 .nav_logo{ width:100% !important;}
 .responsiveSelectContainer{ float:none; margin:23px 0 0 0;}
}
@media screen and (max-width: 450px){
	.wrapper, .wrapper1 {
    width: 282px !important;
}
#royalslider-1, #royalslider-2, #royalslider-3, #royalslider-4, #royalslider-8, #royalslider-5, #royalslider-6, #royalslider-7, #royalslider-9 {
    height: 118px !important;
}
.logo {
    left: 32%;
    top: -40%;}
.content {
    width: 93%;
}
..blog_content_div { padding:0;}
.blog_img, .bolg_black_head,.blog_content_div,.blog_readmore,.ngg-gallery-thumbnail-box { width:100%;}
.enquiry { width:97%;}
.enquiry input, .enquiry textarea ,.booking_form input, .booking_form textarea {
    width: 90%;
}
.footer_top,.footer_btm , .footer_top_box1-top{ width:86%;}
.fb{ margin:10px 0 0;}

 .nav_logo{ min-width:300px !important;}
 
	}

.enquiry .textwidget div.wpcf7-response-output {
    background: #fff none repeat scroll 0 0;
    bottom: 10px;
    position: absolute;
    right: 13px;
    text-align: center;
    width: 170px;
}
.enquiry .textwidget .enquiry input, .enquiry .textwidget .enquiry textarea {
    background-color: #fff;
    border: medium none;
    clear: both;
    color: #121212;
    float: left;
    font-size: 12px;
    margin: 0 12px 8px 0;
    width: 244px;
}
.enquiry .textwidget span.wpcf7-form-control-wrap {
    display: inline-block;
}

.enquiry .textwidget span.wpcf7-not-valid-tip {
    color: #f00;
    display: block;
    font-size: 1em;
    padding: 8px 20px;
    position: absolute;
    right: 0;
    top: 0;
}
.enquiry { height: 570px; }