/* 
Theme Name: Soul Kitchen 2013
Author: Lotte  Keijzer
Author URI:www.lottekeijzer.com
Version: 0.1
*/
@import url("css/reset.css");

@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One);
@import url(http://fonts.googleapis.com/css?family=Kite+One);
@import url(http://fonts.googleapis.com/css?family=Maven+Pro);

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	visibility:hidden;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}

body{background: #f3f6f3; color:#414141; font-family: 'Maven Pro', sans-serif; font-size:15px;}
a {color: #303160}


.inner {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	padding:0 10px;
	
}


#top {height: 100px; overflow: hidden;}
#top .logo {float:left; margin-right: 77px;}
#top ul {float:left; margin:40px 0 0 0; font-size:14px; color:#303160;}
#top ul li{float:left; display: block;}
#top ul li a{color:#303160}
#top ul li:before{background: url(images/sprites.png) no-repeat; display: block; content: " "; width: 20px; height: 20px; float:left; margin-right:8px;}
#top ul li.facebook:hover:before{background-position:-22px 0px;}
#top ul li.facebook{float:left; margin-right: 30px;}
#top ul li.phone{float:left; margin-right: 30px;   }
#top ul li.phone:before {background-position:0 -21px; height: 25px; width: 19px; margin-top:-4px;margin-right:4px;}
#top ul li.mail:before {background-position:0 -49px; height: 25px; width: 17px; margin-top:-4px;}

#header .menu-main-menu-container{ background: #272727; height: 50px; font-family: 'Julius Sans One', sans-serif; text-transform: uppercase; font-size:14px;}
#header .menu-main-menu-container ul { height: 50px}
#header .menu-main-menu-container li{width: 200px;float:left; display: block;height: 50px; line-height: 50px; text-align: center; background:url(images/menu_bg.png) top left no-repeat;}
#header .menu-main-menu-container li:last-child a{ background:url(images/menu_bg.png) top right no-repeat;}
#header .menu-main-menu-container li a{color:#fff; text-decoration: none; width: 100%;height: 100%;display: block;}
#header .menu-main-menu-container li.clicked,  
#header .menu-main-menu-container li.current-menu-item,
#header .menu-main-menu-container li.current_page_item{background-color: #000;}

#slider img {max-height: 350px; width: 1000px; z-index: 2}
#slider h2 {display: none; position: absolute; z-index: 3; background-color: rgba(0,0,0,0.7); padding:0 10px; white-space: nowrap; color:#fff; line-height: 40px; top:145px;}


#slider  {width: 100%; height: 350px; overflow: hidden; font-family: 'Julius Sans One', sans-serif; text-transform: uppercase; }
#slider  .view{width: 1000px; margin:0 auto; position: relative;}
#slider  ul{position: absolute; z-index: 1;}
#slider  ul li{width: 1000px; margin:0 auto; display: block; float: left; position: relative;}

#slider .navigationarrows{width: 1000px; margin:0 auto; position: relative; z-index: 2; }
#slider .navigationarrows a{position: absolute; z-index: 2;  background: #000; height: 50px ; width: 35px;background: url(images/sprites.png) no-repeat;}
#slider .navigationarrows a.prev{top:140px;left:-45px;background-position:0 -134px;}
#slider .navigationarrows a.next{top:140px;right:-45px;background-position:0 -187px;}
#slider .navigationarrows a.prev:hover{background-position:-45px -134px;}
#slider .navigationarrows a.next:hover{background-position:-40px -187px;}
#slider  .seeall{width: 1000px; height:350px; margin:0 auto; position: relative; z-index: 4; margin-top:-350px;}
#slider  .seeall a{display: block;background-color: rgba(0,0,0,0.7); position: absolute; bottom:0; color:#fff; line-height: 40px; font-size:18px; padding-left:28px; text-decoration:none;}
#slider  .seeall a:after{background: url(images/sprites.png) no-repeat; display: block; content: " "; width: 20px; height: 40px; float:right; margin:0 12px;background-position:0 -93px;}
#slider  .seeall a:hover{text-shadow: 0 0  4px rgba(255,255,255,0.7);}
#slider  .seeall a:hover:after{background-position:-26px -93px;}
#slider img{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all 1.6s ease;  /* Transition for Webkit browsers */
}
#slider .current img{filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none 
     -webkit-transition: all 1.6s ease;  /* Transition for Webkit browsers */
    }
#slider .titles{width: 1000px; margin:0 auto; position: relative; overflow: hidden; height: 350px;}    

#footer {background: url(images/footer-bg.jpg) top center; width: 100%; height: 280px; margin-top:30px; padding:50px 0 10px 0; color:#fff; font-size:14px; }
#footer a{color:#fff; }
#footer .box{ width:280px; padding-left:40px; float:left; display: inline-block;}    
#footer h3{margin:0 0 40px 0 ; text-transform: uppercase;}
#footer .designby a{color:#ffab27; }
#footer .designby {margin-top:26px;}
#footer li{margin :0 0 26px; }    
#footer .box2{text-transform: uppercase;}
#footer .box2 a{text-decoration: none;}
#footer .box2 a:hover{text-decoration: underline;}

#footer .box1 ul li{float:left; display: block; width: 100%;}
#footer .box1 ul li:before{background: url(images/sprites.png) no-repeat; display: block; content: " "; width: 20px; height: 20px; float:left; margin-right:8px;}
#footer  .box1 ul li.facebook:before{float: left;background-position: 0px -74px;height: 25px;width: 26px;margin-top: -4px;margin-right: 4px;margin-left: -4px;}
#footer  .box1 ul li.facebook:hover a{color:#ffab27; }
#footer  .box1 ul li.facebook:hover:before{background-position:-28px -74px;}
#footer  .box1 ul li.phone{float:left; margin-right: 30px;   }
#footer  .box1 ul li.phone:before {background-position:-24px -21px; height: 25px; width: 19px; margin-top:-4px;margin-right:4px;}
#footer  .box1 ul li.mail:before {background-position:-24px -49px; height: 25px; width: 17px; margin-top:-4px;}
#footer .inner {overflow: hidden; background: url(images/footer-stripes.png) top center repeat-y;}
   
.box{width:320px; float:left; display: inline; margin-right:20px}
.box_2{width:660px; float:left; display: inline; margin-right:20px}
.omega{margin-right:0;}
.c_2 .box p{ padding-right:20px;}

#content {margin-top:20px;}
#content.c_3 .inner {background: url(images/bg_3_c.png) top center repeat-y;}
#content.c_2 .inner {background: url(images/bg_2_c.png) top left repeat-y;}
#content .box p{margin-bottom:26px; line-height: 22px;}
#content .box p:last-child{margin-bottom: 0;}
#content .box .attachment-homepage-thumb{margin-bottom: 18px}

#content .box ul{margin-bottom:20px; list-style: disc; list-style-position: inside;} 
#content .box ul li{margin-bottom:8px}

.kite{font-family: 'Kite One', sans-serif;}

h2.kite{font-size:24px; font-weight: 400; margin-bottom:14px; color:#272727}
h2.link a {color:#272727; text-decoration: none;}
h2.link a:after{background: url(images/sprites.png) no-repeat; display: inline-block; content: " "; width: 20px; height: 20px;  margin-left:8px;background-position: 0px -238px;}
h2.link a:hover:after{background-position: -18px -238px;}

a.button{width: 320px; height: 30px;background: url(images/button.png) no-repeat; display:block; cursor: pointer; line-height: 30px; padding:0 36px 0 24px; font-size: 12px; margin:14px 0; text-transform: uppercase; text-decoration: none; color:#424242;}
a.button:active{background-position: 0 -30px;}

#content .box.showrell section.info p{margin:0;}
#content .box.showrell section{margin-bottom:14px;}
#content .box.showrell .fancyiframe2{position: relative; display: block;}
#content .box.showrell .fancyiframe2 img{display: block;}
#content .box.showrell .fancyiframe2 .playicon{display: block;position:absolute; top:0; left:0; right:0; bottom:0; background: url(images/play_icon.png) center center no-repeat; z-index: 2}


#contact-us-form {display: none;}
.category-7 .wpcf7 input[type=text], 
.category-7 .wpcf7 input[type=email], 
.category-7 .wpcf7 textarea{ background: #cacfca; border: 1px solid #9b9d9b; color:#424242; font-size:12px; font-family: 'Maven Pro', sans-serif; font-weight: 700;}
.category-7 .wpcf7 input[type=text], 
.category-7 .wpcf7 input[type=email] {line-height:28px; padding-left:20px; width:298px;}
.category-7 .wpcf7 textarea{padding:10px 20px; width:278px;font-size:12px;}
.category-7 .wpcf7 input[type=submit]{width: 320px; height: 30px;background: url(images/button.png) no-repeat; display:block; cursor: pointer; line-height: 30px; padding:0 36px 0 24px; font-size: 12px; margin:14px 0; text-transform: uppercase; text-decoration: none; color:#424242;border: none; margin:0;}
.category-7 .wpcf7 input[type=submit]:active{background-position: 0 -30px;}
.category-7 .wpcf7 ::-webkit-input-placeholder {
   color: #424242;
   font-size:12px;
}

.category-7 .wpcf7 :-moz-placeholder { /* Firefox 18- */
   color: #424242;
   font-size:12px;  
}

.category-7 .wpcf7  ::-moz-placeholder {  /* Firefox 19+ */
   color: #424242; 
   font-size:12px; 
}

.category-7 .wpcf7 :-ms-input-placeholder {  
   color: #424242; 
   font-size:12px; 
   font-family: 'Maven Pro', sans-serif;
}
.category-7  div.wpcf7-response-output {margin:0;}
.category-7 #content .box .wpcf7 p{margin:0;}

.cat_h {width: 150px;  display: inline-block; height:95px; margin-right:14.9px; background: #CACFCA; margin-bottom:20px;  vertical-align: top }
.cat_h.omega{margin-right:0;}
.cat_h > a{width: 150px; float:left; display: inline-block; height:95px; position: relative; color:#fff; text-decoration: none;}
.cat_h  h3{ position: absolute; z-index: 2; bottom:0;  background:rgba(0,0,0,0.7); font-size:16px; padding:6px 20px 6px 6px; display: block; width: 124px ; text-shadow: 1px 1px 1px #000;font-weight: normal}
.cat_h  h3 span{background: url(images/sprites.png) no-repeat; display: inline-block;width: 15px;height: 15px;background-position: -5px -258px;float: right;margin-right: -16px;}
.cat_h:hover h3 span {background-position:-18px -258px;}
.cat_h img {height: 95px; width: 150px;}
.cat_h:hover img , .cat_h .active img{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}
.services .cat_h{height: auto;  vertical-align: top  ; background: none;  overflow: hidden; }
.services .cat_h > a {height: auto; text-decoration: none;}
.services .cat_h  h3{ bottom:auto; top:65px;}
.services .cat_h  h4{color:#414141; font-size:15px;}


#ajax-busy {position: fixed; top:0; left:0 ; right:0 ; bottom:0; background:url(images/ajax.gif) center center no-repeat rgba(199,199,199, 0.7); display:none; z-index: 900000; }

#ajax-content  h3{display: none; -webkit-transition: all 1.6s ease;}
#ajax-content.active{background: url(images/sep.png) top center repeat-x; margin-top:-12px; padding-top:8px; margin-bottom: -20px;}

#ajax-content  .cat_h:hover h3{display: block;}

.cat_h  h3 span.mag{ width:25px;height: 18px;background-position: 0px -279px;float: right;margin-right: -16px;}

#fancybox-title > div{text-align: left; font-size:16px;}
#fancybox-title .location span{background: url(images/sprites.png) no-repeat; display: inline-block;width: 30px;height: 25px;background-position: 0px -300px;float: right;margin-right: 0; cursor: pointer;}

.archive #content .box .attachment-homepage-thumb{margin-bottom: 0;}
.archive #content .box {margin-bottom: 18px; position: relative}
.archive #content .box a{color:#000; font-size: 15px; text-decoration: none;}
.archive #content .box p a{text-decoration: underline;color: #303160}
.archive #content .box h2.link a {color:#272727; text-decoration: none; font-size:24px; font-weight: 400; margin-bottom:14px; color:#272727}
.archive #content .box a strong {text-transform: uppercase;}
.archive #content .box .fancyiframe2 .playicon{display: block;position:absolute; top:0; left:0; right:0; bottom:24px; background: url(images/play_icon.png) center center no-repeat; z-index: 2}
.archive #content .box:hover img{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

#content.showrell .box {min-height: 224px;}
#content.showrell .box section p{display: none;}
#content.showrell .box section p.show{display: block;}
#content.showrell .box p {margin: 0;}

#fancybox-title .showrell p,#fancybox-title .gallery-behind p  {margin-bottom:10px; color:#414141;}
#fancybox-title .showrell p:last-child, #fancybox-title .gallery-behind p:last-child {margin-bottom:0;}
 #fancybox-title .gallery-behind p:first-child{margin-top:10px;} 
#fancybox-title .showrell p.black strong,#fancybox-title .gallery-behind p.black strong{ color:#000;}
#fancybox-title .showrell p.light strong, #fancybox-title .gallery-behind p.light strong{ color:#000; font-weight: 700;}
#fancybox-title .gallery-behind .count {position: absolute; top:-40px; color:#FFF; right: 10px; font-size:18px; text-shadow: -1px -1px 2px rgba(0,0,0,0.7);}
#fancybox-title .gallery-behind {position: relative; width: 100%;}

#content .box.behind{position: relative}
#content .box.behind .attachment-homepage-thumb{margin-bottom: 0;}
#content.behind .box p , #content .box.behind p {margin: 0; font-size: 13px; color:#000;}
#content.behind .box h3, #content .box.behind h3 {margin: 0 0 6px 0; font-size:15px; color:#414141; font-weight: normal;  width: 320px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
#content.behind .box h4, #content .box.behind h4{position: absolute;bottom:2px; padding:8px; color:#fff; height: 16px}
#content .box  a:hover h4 span.mag{ background: url(images/sprites.png) no-repeat; display: inline-block; width:25px;height: 16px;background-position: 0px -279px;float: right;margin-right: 0px;}
#content.behind .box a:hover h4, #content .box.behind  a:hover h4{ position: absolute; z-index: 2; bottom:2px;  background:rgba(0,0,0,0.7); display: inline-block; width: 304px;}
.archive #content .box .fancyiframe3 .playicon{display: block;position:absolute; top:30px; left:0; right:0; bottom:0; background: url(images/play_icon.png) center center no-repeat; z-index: 2}
.behind section.info {display: none;}


#fancybox-wrap #fancybox-right-ico { height: 50px ; width: 35px;background: url(images/sprites.png) no-repeat;background-position:0 -184px; top:45% }
#fancybox-wrap #fancybox-left-ico { height: 50px ; width: 35px;background: url(images/sprites.png) no-repeat;background-position:0 -134px; top:45%}


.follow_us_fb{color:#414141; line-height: 28px;}
.follow_us_fb:before{background: url(images/sprites.png) no-repeat; display: block; content: " "; width: 30px; height: 30px; float:left; margin-right:4px;background-position:-6px -324px;}
.follow_us_fb:hover:before{background-position:-46px -324px;}

#player1 {display:block;width:512px;height:288px; margin:0 auto;}
section.single.info{width:512px; margin:10px auto;}

.see_all_locations {display: block; float:right; width:118px; line-height:32px; padding:0 16px; background: url(images/see_all_locations.png) top center no-repeat; color:#fff; text-decoration: none; font-size:11px; text-transform: uppercase;font-family: 'Julius Sans One', sans-serif; display: none; margin-top:65px;}