/*

Theme Name: Cappana 

Author: Jomar Verzosa

Description: Italian Pizza & Pasta.

Version: 1.2

Tags: Pizza, Capanna, Online Order

Text Domain: dsoft.com.au

*/





#header-line {

	color: #fff;

	font-style: italic;

	text-align: right;

	width: 100%;

	padding-top: 6px;

	padding-bottom: 6px;

	background-color: #000; }



#header-mid{

	color: #fff;

	font-style: italic;

	width: 100%;

	background: #2f2720 url('images/patern.png');}

	

	#header-mid-cont {

		position: relative;}

	

	#header-mid #logo{

		text-align: center;

		margin-top: -17px}

		

	#store-info{

		position: absolute;

		bottom:0;

		right: 0;

		text-align: right;}	

		

		#store-info .store-address{

			font-size: 12px;

			width: 190px;}

		

		#store-info select{

			color: #fff;

			font-style: italic;

			cursor: pointer;

			background-color: #000;

			border: transparent; 

			

		   -webkit-appearance: none;

		   -moz-appearance:    none;

		   appearance:         none;}

		   

			#store-info select option{

				color: #000; 

				background-color: #fff;

				border: transparent;}


	.lokies {
		position:absolute;
		left:0;
		bottom:10px;
	}	

	/*

	* Navigation

	*/

.dropdown-menu:after{

	bottom: 100%;

	left: 20%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(136, 183, 213, 0);

	border-bottom-color: #fff;

	border-width: 6px;

	margin-left: -6px;}

	

.dropdown-menu .sub-menu {

    left: 100%;

    position: absolute;

    top: 0;

    visibility: hidden;

    margin-top: -1px;

}



	.dropdown-menu li:hover .sub-menu {

		visibility: visible;

	}



	.dropdown:hover .dropdown-menu {

		display: block;

	}



	.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {

		margin-top: 0;

	}



	.navbar .sub-menu:before {

		border-bottom: 7px solid transparent;

		border-left: none;

		border-right: 7px solid rgba(0, 0, 0, 0.2);

		border-top: 7px solid transparent;

		left: -7px;

		top: 10px;

	}

	.navbar .sub-menu:after {

		border-top: 6px solid transparent;

		border-left: none;

		border-right: 6px solid #fff;

		border-bottom: 6px solid transparent;

		left: 10px;

		top: 11px;

		left: -6px;

	}

	

@media (max-width: 767px){

	.navbar-nav .dropdown-menu {

		position: static;

		float: none;

		width: auto;

		margin-top: 0;

		background-color: transparent;

		border: 0;

		box-shadow: none;}

		

		.dropdown-menu:after{

			border-bottom-color: transparent;}

	#header-line{

		text-align: center;}

	#header-mid #logo{

		margin-top: 10px;}

	

	#store-info {

		position: relative;}

	#store-info p {

		width: 100% !important;

		text-align: center;}

	#half{

		float: none !important;

		width: 100% !important;}	

	#half-img{	

		float: none !important;

		width: 100% !important;}	
	#slider-wrap{
		width: 100% !important;}	

}

	

/*

* Slider

*/

#slider-carousel{

	background: url('images/wood.jpg');

	background-repeat: repeat-x;

	background-position: center center;

	max-height: 454px;

	overflow: hidden;}

	

	#marquee-slide {

		background-color: #000;

		height: 50px;

		overflow: hidden;}

		#marquee-slide #promo{

			color:#fff;}

		#marquee-slide #promo .btn-promo{

			color:#8c1114;

			background: #fff;

			border: trasparent; }

		#marquee-slide #promo .btn-promo:hover{

			color:#8c1114;

			background: #dedede;}

			

		#marquee-slide ul {

			

		}

		#marquee-slide ul li {

			float: left;

			min-width: 250px;

			padding-top: 15px;

			padding-bottom: 10px;

			margin-left: 50px;}

	

/*

* Content

*/	

.header-page{

	color: #fff;

	background: url('images/wood.jpg');

	background-repeat: repeat-x;

	background-position: center center;

	padding-top: 20px;

	padding-bottom: 30px;

	overflow: hidden;}

	.header-page h1{

		text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);}

	#page-content{

		padding-top: 100px;

		padding-bottom: 100px;}

	#half {

		width: 50%;}

		#half p{

			line-height: 27px;

			font-size: 15px;}

		#half ul li{

			line-height: 18px;

			margin-top: 25px}

	#half-img{

		text-align: center;

		width: 50%;}

		#half-img img{

			max-width: 400px; }

			

			

	.gallery-home{

		background: #000;}		

			.gallery-home h1{

				color: #fff;}

		.gallery-item{

			padding-top: 15px;

			padding-bottom: 15px;}

.main-menu-item h2{

	text-shadow: 1px 1px 4px rgba(0, 0, 0, 1);

	text-align: center;

	padding-top: 8px;

	padding-bottom: 6px;

	background: #724425 url('images/vertical-wood.jpg');

	background-position: center center;}

	

	.main-menu-item h2 a{

		color: #fff;}

		

	.main-menu-item ul {

		list-style: none;

		text-align: center;

		padding: 0;

		margin: 0;}

	.main-menu-item ul li{

		border-bottom: 2px solid #8c1114;

		margin-left: 35px;

		margin-right: 35px;

		margin-bottom: 0;

		padding: 0px;}

	

	.main-menu-item ul#drinks {

		list-style: none;

		text-align: left;}

		.main-menu-item ul#drinks li{

			border:none;}

	.main-menu-item h3{	

		font-size: 22px;

		font-weight: 800;

		color: #8c1114;}

	.gallery-image-wrapper{

		max-height: 200px;

		position: relative;

		overflow: hidden; }

	.gallery-image-wrapper:before{

		content: 'View more';

		display: none;

		position: absolute;}

	.gallery-image-wrapper:hover:before{

		padding-top: 85px;

		font-size: 24px;

		display: block;

		text-align: center;

		color: #fff;

		width: 100%;

		height: 100%;

		background: rgba(0,0,0,0.4);}

	.gallery-title {

		display: none;

		z-index: 3;}

	.gallery-title:hover{

		display: block;}

		

/*

* Footer

*/

#footer-cont{

	color: #fff;

	width: 100%;

	background: #2f2720 url('images/patern.png');

	padding-top: 30px;

	padding-bottom: 50px;}

	

	#footer-cont ul{

		list-style: none;

		padding-left: 60px;

		margin-bottom: 20px;}

		

		#footer-cont ul#phone{

			background: url('images/mobile.png');

			background-repeat: no-repeat;

			background-position: 5px 0;}

		#footer-cont ul#email{

			background: url('images/email.png');

			background-repeat: no-repeat;

			background-position: left top;}

	

		#footer-cont ul li, #footer-cont ul li a{

			color: #fff;

			font-style: italic;}



#copy-footer{

	position: relative;

	min-height: 75px;

	background-color: #000;

	border: 1px solid transparent;}

	

	#copy-footer p{

		padding-top: 25px;

		color: #fff;

		font-size: 12px;

		font-style: italic;

		text-align: center;}





/*

* Gallery Item

*/

.sticky,

.bypostauthor,

.gallery-caption {

   display: normal;

}

 

.alignnone {

   margin: 1em 1em 1em 0;

}

 

.aligncenter,

div.aligncenter {

   display:block;

   margin: .5em auto;

}

 

.alignright {

   float:right;

   margin: 0 0 1em 1em;

}

 

.alignleft {

   float:left;

   margin: 0 1em 1em 0;

}

 

.aligncenter {

   display: block;

   margin: 1em auto;

}

 

img,

img[class*="align"],

img[class*="wp-image-"] {

   max-width: 100%;

   height: auto;

}

 

img.wp-smiley {

   border: none;

   margin-bottom: 0;

   margin-top: 0;

   padding: 0;

}

 

img.alignright {

   margin-left: 1em 0 1em 1em;

}

 

img.alignleft {

   margin: 1em 1em 1em 0;

}

 

img.aligncenter{

   display: block;

   margin: 1em auto;

}

 

img#wpstats {

   display: block;

   margin: 0 auto;

}

 

img[class*="align"],

img[class*="wp-image-"],

   .gallery .gallery-icon img {

   border: none;

}

 

.wp-caption {

   max-width: 96%;

   text-align: center;



}

 

.wp-caption img {

   display: block;

   margin: 0 auto;

}

 

.wp-caption-text {

   position: relative;

   font-size: .8em;

   margin-left: 15px !important;

   margin-right: 15px !important;

   margin-top: 10px !important;

   margin-bottom: 10px !important;

}

 

.gallery {

   margin: 0 auto;

}

 

.gallery .gallery-item  {

   margin: 5px;

   float: left;

   text-align: center;

   width: 13%;

   padding-top: 20px;

   min-height: 200px;

   

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);

-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);

box-shadow: 0 1px 3px rgba(0,0,0,.2);

background-color: #fff;

border: 1px solid;

border-color: #bbb #bbb #a8a8a8;

}

 

.gallery a img {

   border: none;

}

 

.gallery-columns-4 .gallery-item {

   width: 15%;

}

 

.gallery-columns-4 .gallery-item img {

   width: 100%;

   height: auto;

}

 

.comments ol    {

   padding-left: 0;

}

 

.comments ol li {

   margin: 0;

}

 

.comment-author {

   padding: 0;

   text-decoration: none;

}

 

 

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

 

   embed,

   object {

      max-width: 100%;

   }

 

}

 

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

 

   .gallery-columns-3 .gallery-item {

      width: 33.33%;

   }

 

   .gallery-columns-3 .gallery-item img {

      width: 100%;

      height: auto;

   }

 

}

 

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

 

   .gallery-columns-2 .gallery-item {

      width: 50%;

   }

 

   .gallery-columns-2 .gallery-item img {

      width: 100%;

      height: auto;

   }

 

}

@media (max-width:767px) {
	.lokies {
		position:relative;
		text-align:center;
		margin-bottom:15px;
		left:auto;
		bottom:auto;
	}
}