@charset "UTF-8";
/* CSS Document */


/* Core */
body        {margin: 0; font-family: 'Inter', sans-serif; font-size:12px; line-height:21px;padding: 0; margin: 0; background: #1a4085;}

section 	{}

.rel		{position: relative}

content  	{z-index:10; position: absolute; top:20px; left: 20px; right:20px;z-index: 100}
.top		{position: fixed; top:0px; left: 0px; height: 20px; right:0px; background: #f2ebe4;z-index: 800}
.left		{position: fixed; top:0px; left: 0px; bottom: 0px; width:20px; background:#f2ebe4;z-index: 800}
.bottom		{position: fixed; bottom:0px; left: 0px; height: 20px; right:0px; background: #f2ebe4;z-index: 800}
.right		{position: fixed; top:0px; right: 0px; bottom: 0px; width:20px; background: #f2ebe4;z-index: 800}
		
.menus		{position: fixed; top:45px; left: 50px; width: 50px; text-align: left; z-index: 999;}
.bookings	{position: fixed; top:45px; right: 55px; width: 120px; text-align: left; z-index: 999;}
.booking	{width:260px;}
.address	{position: fixed; bottom:40px; left: 50px; width: 250px; text-align: left; z-index: 51; font-size:12px;}
.gianni		{}

.logo 		{position: fixed; top:10px; right:0px; left:0px;margin: auto;z-index: 901; text-align: center;}
.logoblock	{width: 15%; max-width: 140px;}
.logo_footer{width:125px;}
.basquerestaurant	{width:100%}
	
.hero		{position: absolute; top:20px; left: 20px; bottom: 20px; right:20px; overflow: hidden; z-index: 1;}	
.img		{width:100%}

.dv			{visibility: visible; display: block;}
.mv			{visibility: hidden; display: none;}

.grad_top	{position: fixed; top:20px; left: 20px; right:20px; z-index:50;opacity: 0.55}
.grad_bottom{position: fixed; bottom:0px; left: 20px; right:20px; z-index:50;opacity: 0.4}
.grad		{width:100%;height: 90px;}

.blu		{background: #1a4085; color:#fff}
.org		{background: #d75624; color:#fff}
.bg			{background: #f2ebe4; color:#1a4085;}
.text_blue	{color:#1a4085}
.text_terra	{color:#d75624}
.text_white	{color:#fff}

/* Structure */
.column2 	{float: left;width: 50%;padding: 0px;}
.column2r	{float: right;width:50%;padding: 0px;}
.column3 	{float: left;width: 33.33%;padding: 0px;}
.column4 	{float: left;width: 25%;padding: 10px;}
.column5 	{float: left;width: 20%;padding: 20px;}
/* Clear floats after the columns */
.row:after 	{content: "";display: table;clear: both; text-align: left;}
.tp			{padding: 50px 0px 0px 20px}
.tpc		{padding: 50px 0px 0px 0px}
.pt_menus	{padding-top: 22.5%}
.pt			{margin-top: -7px;}
.z			{z-index: 999;}
.footer		{padding: 30px 30px 50px 30px}
.about		{padding: 150px 50px 50px 50px; max-width: 575px;}

.container 	{position: relative;}	

.centred	{background-color:none;width: 40%;min-height: 300px;display: flex;justify-content: center;align-items: center;/* position the div in center */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 900;}

.bookonline	{padding: 150px 0px 125px 0px;}

#intro		{position: fixed; top:0px; left: 0px; right: 0px; bottom: 0px; background:#d75624; opacity: 0.95; z-index: 898;}


.grill_a	{position: relative; z-index: 800}
.grill_b	{position: absolute; top:100px; right: 0px; overflow: hidden; width:30%;}
.grill_c	{margin-right: -200px;}

.ob			{background-image: url("../img/ob.png");background-repeat: no-repeat; background-position:bottom right}

.ob_a		{position: relative; z-index: 10}
.ob_b		{position: absolute; top:00px; right: 0px; overflow: hidden; width:200px;}
.ob_c		{margin-right: 0px;}
	


/* Copy and colourways */
.al			{text-align: left}
.ar			{text-align: right}
.ac			{text-align: center}

h1 			{font-family: 'Chelsea Market', cursive;text-decoration:none; border:none;text-transform:none; font-weight: 200; letter-spacing: 1px; font-size: 14px;}
h2 			{font-family:'Chelsea Market', cursive; font-size: 24px; font-weight: 300;}
h3 			{font-family: 'Chelsea Market', cursive;color:#fff;text-decoration:none; border:none;text-transform: uppercase; font-weight: 300; letter-spacing: 2px; font-size:9px; padding: none;}

a.h1:link 	{font-family: 'Chelsea Market', cursive;color:#fff;text-decoration:none; border:none;}
a.h1:visited{color:#fff;text-decoration:none; border:none;}
a.h1:hover 	{color:#d75624; text-decoration:none; border:none; }
a.h1:active {color:#fff;text-decoration:none; border:underline;}

a.h1b:link 	{color:#1a4085;text-decoration:none; border:none;}
a.h1b:visited{color:#1a4085;text-decoration:none; border:none;}
a.h1b:hover {color:#d75624; text-decoration:none; border:none; }
a.h1b:active{color:#1a4085;text-decoration:none; border:underline;}

a.h2:link 	{font-family: 'Chelsea Market', cursive;color:#fff;text-decoration:none; border:none;text-transform: uppercase; font-weight: 600; letter-spacing: 2px;}
a.h2:visited{color:#fff;text-decoration:none; border:none;}
a.h2:hover 	{color:#d75624; text-decoration:none; border:none; }
a.h2:active {color:#fff;text-decoration:none; border:underline;}

a.h2t:link 	{font-family: 'Chelsea Market', cursive;color:#d75624;text-decoration:none; border:none;text-transform: uppercase; font-weight: 600; letter-spacing: 2px;}
a.h2t:visited{color:#d75624;text-decoration:none; border:none;}
a.h2t:hover {color:#fff; text-decoration:underline; border:none; }
a.h2t:active {color:#d75624;text-decoration:none; border:underline;}

a.h3:link 	{font-family: 'Chelsea Market', cursive;color:#fff;text-decoration:none; border:none;text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size:9px;}
a.h3:visited{color:#fff;text-decoration:underline; border:none;}
a.h3:hover 	{color:#d75624; text-decoration:none; border:none; }
a.h3:active {color:#fff;text-decoration:none; border:underline;}

.ft			{font-family: 'Chelsea Market', cursive;color:#fff;}
a.ft:link 	{text-decoration:none; border:none;}
a.ft:visited{text-decoration:none; border:none;}
a.ft:hover 	{color:#d75624; text-decoration:none; border:none; }
a.ft:active {text-decoration:none; border:none;}



@media screen and (max-width: 600px) {
	
.column {width: 100%;}
.column2r {width: 100%;}
.column2 {width: 100%;}
.column3 {float: left;width: 100%;padding: 10px;}
.column4 {float: left;width: 100%;padding: 10px;}
.column5 {float: left;width: 100%;padding: 10px;}	

.dv			{visibility: hidden; display: none;}
.mv			{visibility: visible; display: block;}

.footer		{padding: 30px 30px 70px 40px}
.about		{padding: 120px 50px 50px 50px; max-width: 575px;}
.pt_menus	{padding: 200px 0px 200px 0px}
.bookonline	{padding: 50px 0px 125px 0px;}
.gianni		{margin-bottom:-15px;}

.centred	{background-color:none;width: 80%;min-height: 300px;display: flex;justify-content: center;align-items: center;/* position the div in center */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 900;}	

.logo 		{position: fixed; top:10px; right:0px; left:0px;margin: auto;z-index: 901; text-align: center;}
.logoblock	{width: 35%; max-width: 140px;}	
.menus		{visibility: hidden; display: none;}
.bookings	{visibility: hidden; display: none;}
.pt			{margin-top: -7px;}
	
.grill_a	{position: relative; z-index: 899}
.grill_b	{position: absolute; top:900px; right: 0px; overflow: hidden; width:150px;}
.grill_c	{margin-right: -200px;}

	
}












/* http://prismjs.com/download.html?themes=prism-coy&languages=markup+css+clike+javascript */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
	color: white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	font-size: 12px;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	position: relative;
	margin: 0 10px 20px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	background-color: #fdfdfd;
	background-size: 3em 3em;
	background-origin: content-box;
	overflow: visible;
}

code[class*="language"] {
	background: black;
	max-height: inherit;
	padding: 0px 15px;
	display: block;
	overflow: auto;
}

/* Margin bottom to accomodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background-color: #fdfdfd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	position: relative;
	padding: .2em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	color: #c92c2c;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

:not(pre) > code[class*="language-"]:after,
pre[class*="language-"]:after {
	right: 0.75em;
	left: auto;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #7D8B99;
}

.token.punctuation {
	color: white;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
	color: #9b59b6;
}

.token.string {
	color: #e74c3c;
}

.token.selector,
.token.attr-name,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
	color: #3498db;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
	color: white;
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
	color: #f1c40f;
}

.token.regex,
.token.important {
	color: #e90;
}

.language-css .token.string,
.style .token.string {
	color: #e74c3c;
	background: rgba(255, 255, 255, 0.5);
}

.token.important {
	font-weight: normal;
}

.token.entity {
	cursor: help;
}

.namespace {
	opacity: .7;
}

@media screen and (max-width: 767px) {
	pre[class*="language-"]:before,
	pre[class*="language-"]:after {
		bottom: 14px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

}

/* Plugin styles */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
	color: #e0d7d1;
}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers {
	padding-left: 0;
}

pre[class*="language-"].line-numbers code {
	padding-left: 3.8em;
}

pre[class*="language-"].line-numbers .line-numbers-rows {
	left: 0;
}






/* 
Slick Slider
--------------------
 */
 
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}



/* 
Slick Theme
--------------------
 */
 
 
 
 @charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: url('http://www.pickuppintxos.com/src/css/ajax-loader.gif') center center no-repeat;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '';
}
[dir='rtl'] .slick-prev:before
{
    content: '';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '';
}
[dir='rtl'] .slick-next:before
{
    content: '';
}

/* Dots */
.slick-slider
{
    margin-bottom: 0px;
}

.slick-dots
{
    position: absolute;
    bottom: -50px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 2px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: #f0c6c9;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "Gotham", "Courier New", "American Typewriter", "Heiti TC", Monaco, monospace, "Helvetica Neue", sans-serif; font-weight:200;
    font-size: 22px; 
    line-height: 18px;

    position: absolute;
    top: 1px;
    left: 0;

    width: 20px;
    height: 22px;
	
    content:'o';
    text-align: center;

    opacity: 0.7;
    color:#f0c6c9;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	
	font-family: font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "Gotham", "Courier New", "American Typewriter", "Heiti TC", Monaco, monospace, "Helvetica Neue", sans-serif; font-weight:400;
    font-size: 42px;
    -webkit-font-size: 50px;
	-webkit-transform:none;
	line-height: 22px;
	
	width: 20px;
    height: 24px;
	
    content:'•';
    opacity: 1.0;
    color: #f0c6c9;
}






/* 
Style
--------------------
 */



*{-moz-box-sizing:border-box;box-sizing:border-box;}
.blue{background:#3498db;color:#fff;}
.blue h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.variable-width .slick-slide p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 40px; }
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:20px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0px 0px 0px; margin-bottom: 10px;}
.buttons .button{background:#FFF;color:#3498db;float:left;margin:5px;}

.slick-slide .image{padding:0px;}
.slick-slide img{border:0px solid #FFF;display:block;width:100%;}
.slick-slide img.slick-loading{border:0 }
.slick-slider{}
.ss50{margin:5px auto 50px;}
.ss20{margin:5px auto 30px;}
.ss_pdr {width: auto; height:25px;}


@media (max-width: 420px) {
ul.nav li a{display:block;font-size:14px;}
}
@media (max-width: 768px) {
.button{margin:0 auto 20px;width:auto;}
.button.first{margin-top:40px;}
.buttons{padding:0 0 10px;}
.buttons .button{float:left;font-size:12px;margin:1%;width:48%;}
.center{margin-left:0px;margin-right:0px;}
.center .slick-center h3{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);color:#e67e22;opacity:1;transform:scale(1);}
.center h3{-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);-webkit-transform:scale(0.95);opacity:0.8;transform:scale(0.95);transition:all 300ms ease;}
.content{margin:auto;padding:15px;width:auto;}
}