@charset "UTF-8";
body,html {height:100%; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height:1; }
ol,ul {list-style:none; }
blockquote,q {quotes:none; }
blockquote:before,blockquote:after,q:before,q:after {content: '';content: none; }
:focus {outline:0; }
ins { text-decoration: none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; } .fl, .alignleft { float:left; }
.fr, .alignright { float:right; }
.ac { text-align:center; }
.aligncenter { margin-left: auto; margin-right: auto; display: block;clear: both; }
.ar { text-align:right; } .col-full:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.fix { clear:both;height:1px;overflow:hidden;margin:-1px 0 0; }
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; }/*\*/.clearfix { display: block; }/**/.none { display: none; }   * {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
body {
font: 13px/20px "Bree Serif", serif;
background: #eee;
color: #333;
}
#wrapper {
border-top: 4px solid #f55d2d;
background: #fff;
width: 100%;
}
#container {
border-top: 4px double #eee;
margin: 25px auto 0;
max-width: 960px;
padding: 30px 0;
}
#content {
width: 64.583%;
float: left;
overflow: hidden;
}
#sidebar {
float: right;
width: 31.25%;
overflow: hidden;
}
input,
textarea {
font: 12px/20px "Bree Serif", serif;
background: #fff;
color: #999;
border: 1px solid #fff;
}
.hidden { display: none; }
.clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
}
hr {
background-color: #e3e3e3;
border: 0 none;
height: 1px;
margin-bottom: 20px;
}
ol, ul {
list-style: none outside none;
}
a {
text-decoration: none;
color: #f55d2d;
padding-bottom: 1px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-ms-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
a:hover {
border-bottom: 1px solid #e7e7e7;
}
a img { border: none; }
a > img {
vertical-align: bottom;
}
p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio { margin-bottom: 20px; }
.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 40px; }
.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
padding: 0;
color: #333;
}
h1 {
font-size: 24px;
line-height: 28px;
}
h2 {
font-size: 20px;
line-height: 24px;
}
h3 {
font-size: 18px;
line-height: 20px;
}
h4 {
font-size: 16px;
line-height: 18px;
margin-bottom: 15px;
}
h5 {
font-size: 14px;
line-height: 16px;
}
h6 {
font-size: 12px;
line-height: 14px;
}
h1 a, h1 a:hover,
h2 a, h2 a:hover,
h3 a, h3 a:hover,
h4 a, h4 a:hover,
h5 a, h5 a:hover,
h6 a, h6 a:hover {
border: none;
}
.full-width {
width: 100% !important;
}
.col-full {
margin: 0 auto;
max-width: 960px;
}
body.sidebar-left #content { float: right; }
body.sidebar-left #sidebar { float: left;  }  #header #top {
padding: 30px 0 0;
position: relative;
}
#header a { border: none; }
#header #top #logo a .text-logo {
color: #333;
display: inline-block;
font-size: 30px;
padding: 10px 0;
}
#header #top #logo #retina-logo { display: none; } @media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
#header #top #logo #retina-logo { display: inline-block; height: 65px; }
#header #top #logo #default-logo { display: none; }
}   .backtotop {
bottom: -30px;
color: #fff;
display: block;
font-size: 15px;
height: 29px;
min-width: 32px;
position: fixed;
right: 17px;
z-index: 999;
border: none;
}
.backtotop:hover { border: none; }
.backtotop span {
display: inline-block;
position: relative;
text-indent: -999em;
width: 32px;
height: 20px;
margin: 5px 0 0;
background: url(//www.dabruno.nl/wp-content/themes/bbq/images/arrow-up.png) no-repeat center center;
}
#navigation { font-size: 15px; padding: 10px 0 0; float: right; }
.nav { z-index: 99; margin: 0; padding: 0; list-style: none; line-height: 1; }
#navigation .nav li a  {
position: relative; color: #333; display: block; z-index: 100; padding: 5px 10px; line-height: 18px; text-decoration: none; text-transform: uppercase;  }
#navigation .nav li:hover a,
#navigation .nav li.current_page_item a,
#navigation .nav li.current-menu-item a,
#navigation .nav li.sfHover {
color: #f55d2d;
}
#navigation .nav li { float: left; width: auto; position: relative; margin-right: 10px; }
#navigation .nav li a.sf-with-ul { padding-right: 20px; }
#navigation .nav li:last-child { margin-right: 0; }
#top #navigation .nav li.current-menu-parent > a {
color: #f55d2d !important;
}
.nav li ul {
position: absolute;
left: -999em;
width: 200px;
z-index:999;
margin: 0;
padding-top: 16px;
background-color: #f55d2d;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/bg-nav.png);
background-position: center top;
margin: -2px 0 0 -45px;
font-size: 12px;
}
#navigation .nav li ul li a {
font: 12px 'Gudea', sans-serif;
color: #fff !important;
}
.nav li ul li {
border: none;
display:block;
background-image: none;
}
.nav li ul li:hover a {
background-image: none;
}
#top #navigation .nav li ul li a {
background: none;
border-radius: 0;
padding: 8px 10px;
width: 200px;
text-shadow: none !important;
background: #333;
margin: 0;
color: #fff !important;
}
#top #navigation .nav li ul li:hover a,
.nav li ul ul li:hover a { background: #2a2928; }
#top #navigation .nav li ul li:last-child a { border: none; }
.nav li ul li a.sf-with-ul { padding: 5px 10px; }
#top #navigation .nav li ul li a:hover,
.nav li ul li.current_page_item a,
.nav li ul li.current-menu-item a { color: #fff; }
#top #navigation .nav li ul ul  { margin: -34px 0 0 200px; padding: 0; }
#top #navigation .nav li ul ul li a { background: #333 !important; }
#top #navigation .nav li ul ul li:hover a { background: #2a2928 !important; }
.nav li:hover,.nav li.hover { position: static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left: auto; } .nav .sf-sub-indicator { position: absolute; display: block; right: 0.4em; top: 0.9em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; }
.nav li ul .sf-sub-indicator {}
.responsive-nav select {
display: inline-block;
font-size: 12px;
display: none;
padding: 8px;
width: 100%;
background-color: #eee;
border-color: #eee;
color: #555;
}
#footer-navigation {
float: right;
}
#footer-navigation ul li {
float: left;
}
#footer-navigation ul li:first-child .separator {
display: none;
}
#footer-navigation ul li a {
margin: 0 15px;
color: #888;
display: inline-block;
padding: 3px 0;
}
#footer-navigation ul li:last-child a { margin-right: 0;}
#footer-navigation ul li a { border-bottom: none; }
#footer-navigation ul li ul { display: none; }  address { font-style: italic; }
abbr[title],
acronym[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted #666;
}
blockquote {
min-height: 40px;
font-style: italic;
margin-left: 15px;
padding: 0 40px;
color: #999;
}
strong { font-weight: bold; }
em,
dfn,
cite { font-style: italic; }
dfn { font-weight: bold; }
sup {
font-size: 11px;
vertical-align: top;
}
sub {
font-size: 11px;
vertical-align: bottom;
}
small { font-size: 11px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code,
pre { line-height: 18px; }
var,
kbd,
samp,
code,
pre {
font: 12px/18px Courier, "Courier New", monospace;
}
kbd { font-weight: bold; }
samp,
var { font-style: italic; }
pre {
white-space: pre;
overflow: auto;
padding: 0;
border: 1px solid #e8e8e8;
clear: both;
line-height: 19px;
}
code {
padding: 3px;
background: #f5f5f5;
}
ul,
ol,
dl { margin-left: 30px; }
table {
border: 1px solid #ccc;
border-width: 1px;
line-height: 18px;
margin: 0 0 22px 0;
text-align: left;
padding: 0 5px;
}
table .even { background: #F4F4F4; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th,
td {
padding: 5px;
vertical-align: middle;
text-align: center;
}
input,
textarea,
button {
background: #f5f5f5;
}
input, textarea, select { -moz-appearance: none; -webkit-appearance: none; }
input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
input,
textarea,
select {
padding: 5px;
border: 1px solid #e7e7e7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-family: 'Gudea', sans-serif;
}
button {
padding: 2px 10px;
cursor: pointer;
}
select {
background: url(//www.dabruno.nl/wp-content/themes/bbq/images/select.png) no-repeat scroll right top #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #B3B3B3;
height: 35px;
padding: 8px;
width: auto;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
select {
background-size: 33px 33px;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/select@2x.png) !important;
background-repeat: no-repeat;
background-position: right top;
}
}
select:hover {
border: 1px solid #B3B3B3;
}
select option {
cursor: pointer;
padding: 5px 7px;
}
input:focus,
textarea:focus,
button:hover {
}
input:focus,
textarea:focus { color: #444; }
input,
textarea {
background: #fff;
box-shadow: 0 1px 2px #eee inset;
-webkit-box-shadow: 0 1px 2px #eee inset;
-moz-box-shadow: 0 1px 2px #eee inset;
}
input[type="submit"] { box-shadow: 0 0 0; }   #comments, #respond-container { position: relative; margin: 0; padding: 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
#comments { margin:10px 0 20px; }
#comments a {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 1px;
}
#comments a:hover { border-bottom-color: #ccc; }
#comments h3, h3.respond, h3#reply-title  { margin: 20px 0; font-size: 21px; color: #3b3b3b; }
#comments ol { margin: 0; }
#comments .comment.thread-even {}
#comments .comment.bypostauthor .comment-container {  }
#comments .comment.bypostauthor .comment-entry { background: none;  }
#comments .comment.bypostauthor .avatar { background: #ddd;  }
#comments .comment.bypostauthor .avatar img { border-color: #e7e7e7;  }
#comments .comment { width: 100%; list-style-type: none; }
#comments .comment .comment-container { position: relative; padding: 15px 0; border-bottom: 1px solid #eee; }
#comments .comment:last-child .comment-container { border-bottom: none; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .avatar  { float: left; margin: 0 10px 10px 0; padding: 1px; background: #e7e7e7; }
#comments .avatar img { margin: 0; vertical-align: middle; display: block; padding: 0; border: 5px solid #FFFFFF; }
#comments .comment-head .name { margin: 0; font-size: 15px; color: #555; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font: 12px/20px 'Gudea',sans-serif; }
#comments .comment-head .date a { color: #777; }
#comments .comment-entry { margin-left: 85px; padding: 0; }
#comments .comment-entry p { margin: 0 0 10px 0; font-size: 105%; font-family: 'Gudea', sans-serif; }
#comments .reply { font: 12px/20px 'Gudea', sans-serif; float: right; margin-left: 10px; border: 1px solid #e7e7e7; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; }
#wrapper #comments .reply a { padding: 6px 9px; border: none; color: #828282; }
#comments h5.nocomments { padding: 20px; font-family: 'Bree Serif', serif; font-size: 12px; color: #444444; font-weight: normal; }
#comments ul.children{ padding: 0 0 0 45px; margin: 0; }
#comments ul.children li { }
#comments .cancel-comment-reply{margin: 10px 0; }
#comments .navigation {}
#comments .navigation a { display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover {}
#comments h3#pings { margin-top: 25px; }
#comments .pingbacks li.pingback { margin: 10px 0; }
#comments .pingbacks li.pingback .reply { display: none; }
#comments .nocomments { font-size: 14px; margin-top: 20px; }
#respond {}
#comments li #respond { margin-left: 85px; }
#respond h3 { color: #333; font-weight: normal; margin-bottom: 20px; }
#respond .left { float: left; width: 200px; margin-right: 15px; }
#respond .right { float: left; width: 380px; }
#respond label { color: #777; }
#commentform p, #respond p { margin: 15px 0 0; }
#commentform label, #respond label { position: relative; display: inline; vertical-align: top; display: inline-block; margin-top: 5px; }
#commentform label span.required, #respond label span.required { font-weight: bold; }
#commentform input.txt, #commentform textarea {}
#commentform input.txt, #respond input[type=text] { color: #666; width: 240px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea, #respond textarea { color: #666; width: 94% !important; padding: 5px 7px; }
input[type=submit], button,
#commentform .button,
#respond input[type="submit"],
.nice-contact-form input[type="submit"] {
font-family: 'Bree Serif', serif;
width: auto;
padding: 7px 10px;
line-height: 25px;
font-size: 15px;
cursor: pointer;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #333;
color: #fff;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.nice-contact-form input[type="submit"]:hover,
#commentform .button:hover, #respond input[type="submit"]:hover {
background: #F55D2D;
}
input[type=submit], button,
#commentform .button:active, #respond input[type="submit"]:active,
.nice-contact-form input[type="submit"]:active { margin-top: 10px; }   ul.four-col-grid { padding: 25px 0; list-style: none; margin: 0 auto; }
ul.four-col-grid li { width:215px; margin-right: 33.3px; float: left; margin-bottom: 30px; display: inline-block; overflow: hidden; }
ul.four-col-grid li:nth-child(4n+4) { margin-right: 0; }
ul.four-col-grid li.last { margin-right:0 !important; }
ul.four-col-grid img {
overflow: hidden;
background: #fff;
width: 215px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
ul.four-col-grid .thumb { display: inline-block; }
ul.four-col-grid .thumb a {
background: #F55D2D;
display: inline-block;
border: none;
padding: 0;
}
ul.four-col-grid a > img:hover {
opacity: .6;
filter:alpha(opacity=60);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
ul.four-col-grid .post-thumb {
margin-bottom: 5px;
}
ul.four-col-grid .entry-title {
}
ul.four-col-grid .entry-title a {}
ul.three-col-grid { padding: 25px 0; list-style: none; margin: 0 auto; }
ul.three-col-grid li { width:320px; margin-right: 33.3px; float: left; margin-bottom: 30px; display: inline-block; overflow: hidden; }
ul.three-col-grid li:nth-child(3n+4) { margin-right: 0; }
ul.three-col-grid li.last { margin-right:0 !important; }
ul.three-col-grid img {
overflow: hidden;
background: #fff;
width: 298px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.grid {
overflow: hidden;
margin-left: -3%; }
.grid:after {
content: "";
display: table;
clear: both;
}
.grid-pad {
padding: 20px 0 20px 20px;
}
.grid-pad > [class*='col-']:last-of-type {
padding-right: 20px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.row {
padding-bottom: 3%;
}
[class*='columns-'] {
float: left;
padding-left: 3%;
}
[class*='columns-']:last-of-type {
padding-right: 0;
}
[class*='columns-'] {
}
[class*='columns-'] img {
max-width: 100%;
height: auto;
}
.col-2-3 {
width: 66.66%;
}
.columns-1 {
width: 100%;
}
.columns-2 {
width: 50%;
}
.columns-3 {
width: 33.33%;
}
.columns-4 {
width: 25%;
}
.columns-5 {
width: 20%;
}
.columns-6 {
width: 16.66%;
}
.columns-7 {
width: 14.28%;
}
.columns-8 {
width: 12.5%;
}
.columns-9 {
width: 11.11%;
}
.columns-10 {
width: 10%;
}
.columns-11 {
width: 9.09%;
}
.columns-12 {
width: 8.33%;
}   .post {
display: block;
margin: 0 0 30px;
padding-bottom: 15px;
border-bottom: 1px solid #e7e7e7;
}
.sticky, .hentry {
}
.post-meta {
margin: 0 0 20px;
}
.post-content {
font-family: 'Gudea', sans-serif;
}
.post .post-content {
display: block;
}
.has-video { margin-top: 20px; }
.post h2 a {
color: #343434;
}
.post .wp-post-image {}
body.page-template-template-blog-php .featured-image,
body.category .featured-image,
body.blog .featured-image,
body.home .featured-image {
float: left;
margin-right: 3%;
width: 45%;
}
.single .featured-image,
.category .featured-image,
.post .featured-image {
margin: 0 0 20px;
}
.single .featured-image a,
.category .featured-image a,
.post .featured-image a {
background: #f55d2d;
display: inline-block;
position: relative;
border: none;
padding: 0;
width: 100%;
}
body.page-template-template-blog-php .featured-image img,
body.category .featured-image img,
body.blog .featured-image img,
body.home .featured-image img {
width: 100% !important;
}
a[href$=".jpg"], a[href$=".jpg"]:hover {
border-bottom: none !important;
}
.single .featured-image img, .post .featured-image img {
max-width: 620px;
margin: 0;
padding: 0;
display: block;
}
.entry-title { margin: 0 0 20px; }
.entry ul { margin-bottom: 1.5em; padding: 0; }
.entry ul ul { margin: 0 15px; }
.entry ul li {	list-style-type: disc; }
.entry ul ul li  { list-style-type: circle; }
.entry ol { margin-bottom: 1.5em; padding: 0; }
.entry ol ol { margin: 0 15px; }
.entry  ol li { list-style-type: decimal; }
.entry  ol li ol li { list-style-type: lower-latin; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
line-height: 1.5em;
margin: 0 0 0.5em;
font-family: 'Bree Serif', 'Gudea', sans-serif;
}
.entry blockquote {
border-left: 3px solid #f55d2d;
color: #999;
font-size: 14px;
margin: 0 20px;
padding: 0 20px;
}
.post-content a {
padding-bottom: 1px;
border-bottom: 1px solid #eee;
}
.post-content a img {
padding: 0;
border: none;
}
.post-content a:hover {
border-bottom-color: #ccc;
}
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
.wp-caption-text { padding-bottom: 5px; }
.wp-caption {
text-align: center;
font-style: italic;
color: #999;
font-size: 11px;
max-width: 500px;
background: #f2f2f2;
}
.wp-caption img.size-large {
margin: 10px 0 0 -180px;
}
.wp-caption img,
.wp-caption img a {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
text-align: center;
font-weight: normal;
margin: 0;
padding: 0 5px 5px;
}
.wp-caption img {
padding: 5px 5px 0;
margin-bottom: 0;
}
.entry-content img { max-width: 680px; }
img.alignleft {
float: left;
margin: 10px 25px 20px 0;
}
img.alignright {
display: block;
margin: 10px 0 25px 20px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
margin-top: 5px;
}
.wp-smiley {
max-height: 13px;
margin: 0 !important;
}
.gallery { margin: auto; }
.gallery-image {
border: 2px solid #efefef;
margin-left: 0;
}
.gallery-caption { margin-left: 0; }
.gallery-item {
float: left;
text-align: center;
margin-left: 0;
}
.gallery-columns-2 dl { width: 50%; }
.gallery-columns-3 dl { width: 33%; }
.gallery-columns-4 dl { width: 25%; }
.gallery-columns-5 dl { width: 20%; }
.gallery-columns-6 dl { width: 16%; }
.gallery-columns-7 dl { width: 14%; }
.gallery-columns-8 dl { width: 12%; }
.gallery-columns-9 dl { width: 11%; }
.post-meta {
color: #bbb;
}
body.single .post-meta {
color: #bbb;
border-bottom: 1px solid #eee;
font-size: 13px;
padding: 3px 0 8px;
margin: 0 0 20px;
}
.post-meta a {
color: #999;
border: none;
}
.post-meta a:hover {
color: #757575;
border: none;
} #post-author { padding: 0 15px 15px 0; clear: both; font-family: 'Gudea', 'Helvetica Neue', sans-serif; }
#post-author h4 { margin-bottom: 5px; font-family: 'Bree Serif', serif; }
#post-author .profile-image { float: left; margin: 0 15px 5px 0; padding: 1px; background: #e7e7e7; }
#post-author .profile-image img { display: block; margin: 0; padding: 0; border: 5px solid #fff; }
#post-author .profile-content { margin-left: 100px; }
#post-author .profile-link { margin-top: 15px; font-family: 'Bree Serif', serif; }  .slider { max-width: 960px; }
.flexslider {margin: 0; padding: 0; }
.flexslider a { border: none; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; height: auto !important; }
.flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }  .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 auto 30px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; margin: 0; }
.carousel li { margin-right: 5px; }
.flexslider .slides li h2,
.flexslider .slides li h2 a { color: #fff; } .flex-direction-nav { position: absolute; bottom: 4.7%; left: 47%; }
.flex-direction-nav a { width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url(//www.dabruno.nl/wp-content/themes/bbq/images/bg_direction_nav.png) no-repeat 11px 7px; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease; background-color: rgba(0, 0, 0, 0.5); }
.flex-direction-nav a:hover { background-color: rgba(0, 0, 0, 0.7); }
.flex-direction-nav .flex-next { background-position: -36px 7px; left: 75px; }
.flex-direction-nav .flex-prev { left: 30px; }
.flex-direction-nav .disabled { opacity: .3 !important; filter:alpha(opacity=30); cursor: default; }
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.flex-direction-nav a {
background-size: 70px 35px;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/bg_direction_nav@2x.png) !important;
}
} .flex-control-nav { width: auto; position: absolute; bottom: 3%; right: 2%; margin: 0; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 8px; height: 7px; display: block; background: #222; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }
.flex-control-paging li a:hover { background: #ddd; }
.flex-control-paging li a.flex-active { background: #ddd; cursor: default; position: relative; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .active { opacity: 1; cursor: default; }
.flexslider .slides li:first-child:nth-last-child(1) .flex-caption,
.flexslider .slides li:only-child .flex-caption {
display: block;
}
.flex-caption {
position: absolute;
bottom: 2%;
left: 2%;
display: none;
padding: 15px 20px 0 0;
max-width: 50%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 1px black;
}
.flex-caption h2,
.flex-caption p {
text-align: left;
background: rgba(0, 0, 0, 0.5);
}
.flex-caption h2 {
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
padding: 15px;
}
.flex-caption p {
color: #eee;
margin: 10px 0;
font: 15px 'Gudea', sans-serif;
padding: 10px;
}
.flex-caption p a { border-bottom: 1px solid #F55D2D; color: #eee; }
.flex-active-slide .flex-caption {
display: block;
}
.flex-caption h2,
.flex-caption p,
.flex-direction-nav a {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 0; }
.flex-direction-nav .flex-next { opacity: 1; right: 0; }
.flex-active-slide .flex-caption, .flexslider .slides li:first-child:nth-last-child(1) .flex-caption,
.flexslider .slides li:only-child .flex-caption { display: none; }
}  .wp-pagenavi {
clear: both;
padding-bottom: 20px;
}
.wp-pagenavi span.pages {
background: none;
border: none;
}
.wp-pagenavi a, .wp-pagenavi span {
background: #f8f8f8;
padding: 0 10px !important;
border: none !important;
color: #777;
height: 26px;
line-height: 24px;
display: inline-block;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #eee !important; }
.wp-pagenavi span.current { font-weight: normal !important; color: #F55D2D; }
.post-entries {
padding: 0 0 20px;
float: right;
width: 40px;
}
.post-entries a {
-moz-border-radius: 3px;
border-radius: 3px;
background: #eee;
background-repeat:no-repeat;
background-position: 5px center;
display: block;
height: 0;
overflow: hidden;
padding-top: 18px;
width: 18px;
text-indent: -999;
}
.post-entries .nav-prev a {
float: left;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/left-arrow.png);
}
.post-entries .nav-next a {
float: right;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/right-arrow.png);
}
.post-entries a:hover { background-color: #e5e5e5; }  #footer {
background: #2a2928;
font-size: 13px;
color: #fff;
clear: both;
margin: 0 auto;
}
#footer a {
color: #fff;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#footer a:hover {
color: #ccc;
}
#footer h4 {
color: #fefefe;
font-size: 18px;
text-shadow: 1px 1px black;
border-bottom: 1px dotted #555555;
padding: 15px 0;
}
#extended-footer { background: #fff; color: #888; padding: 20px 0; width: 100%; }
#extended-footer p { margin: 0; float: left; }
#extended-footer a { color: #656565; }
#extended-footer a:hover { color: #f55d2d; }
#footer .testimonials {
background: #333;
text-align: center;
border-bottom: 1px solid #323232;
}
#footer .testimonials .feedback { font-family: 'Gudea'; text-align: center; position: relative; margin: 0 auto 0 50px; }
#footer .testimonials .feedback .thumb { margin-right: 20px; }
#footer .testimonials .feedback img { float: left; border-radius: 100%; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.4), 0 0 0 5px rgba(0, 0, 0, 0.1) inset }
#footer .testimonials .feedback .quote { padding: 15px 0; width: 850px; }
#footer .testimonials .feedback blockquote { line-height: 18px; font-size: 16px; margin-left: 25px; font-family: 'Gudea'; color: #fff; font-style: italic; padding-top: 5px; }
#footer .testimonials .feedback blockquote.no-img { font-size: 16px; margin: 0; padding: 0; }
#footer .testimonials .feedback cite { font-size: 16px; color: #828282; margin-right: 5px; }
#footer .testimonials .feedback .feedback-url { font-size: 16px; color: #f55d2d; font-style: italic; margin-left: 5px; }
#footer .testimonials .feedback .pagination { overflow: auto; padding: 5px 0 10px;  }
#footer .testimonials .feedback .pagination a  { display: block;  overflow: hidden; height: 40px; width: 40px; }
#footer .testimonials .feedback .pagination .btn-next,
#footer .testimonials .feedback .pagination .btn-prev{
background-repeat: no-repeat;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/bg_direction_nav.png);
position: absolute;
top: 30px;
display: inline-block; text-indent: -999em;
border: none;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
#footer .testimonials .feedback .pagination .btn-next,
#footer .testimonials .feedback .pagination .btn-prev{
background-size: 70px 35px;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/bg_direction_nav@2x.png) !important;
}
}
#footer .testimonials .pagination .btn-next { float: right; right: 0; background-position: -24px 0;  }
#footer .testimonials .pagination .btn-prev { float: left; left: -50px;  }  body.home #container,
body.page-template-template-home-php #container { border-top: none; padding-top: 10px; }
.entry { font-family: 'Gudea', 'Helvetica Neue', sans-serif; font-size: 14px; }
.entry img {
max-width: 100%;
height: auto;
} .infobox ul.grid { padding-top: 0; }
.infobox li {
border-left: 1px dotted #bbb;
padding: 0 10px;
margin-right: 0 !important;
width: 320px !important;
}
.infobox ul > li,
#pre-footer-widgets .widget-section,
.gallery-container ul li {
opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.infobox li.last,
.pre-footer-widgets div.last { border-right: 1px dotted #bbb; }
.infobox .entry-title {
text-transform: uppercase;
font-size: 18px;
display: block;
margin: 0 0 15px;
border-top: 5px solid #f55d2d;
padding-top: 15px;
}
.infobox .entry-title a { color: #333; border: none; }
.infobox .entry-title a:hover { border: none; }
.infobox .entry-excerpt { margin-top: 15px; color: #656565; font-family: 'Gudea'; }
.infobox .entry-excerpt p { margin-bottom: 15px; }
.infobox .entry-excerpt a.read-more { display: block; color: #fff !important; padding: 7px 7px 7px 10px; font-size: 13px; background: #F55D2D; border: none; }
.infobox .thumb a > img:hover {
opacity: .6;
filter:alpha(opacity=60);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.infobox .thumb a {	display: inline-block; background: #F55D2D; border: none; padding: 0; }
.archive-header {
border-bottom: 1px solid #e7e7e7;
display: block;
float: left;
font-size: 18px;
margin: 0 0 30px;
padding: 0 0 10px;
width: 100%;
}
span.rss { text-indent: -999em; margin-top: 7px; }
span.rss a {
background: url(//www.dabruno.nl/wp-content/themes/bbq/images/rss.png) no-repeat;
height: 20px;
width: 20px;
display: block;
}
span.rss a:hover {
background-position: 0 -30px;
}
.two-col {}
.col-1, .col-2 { width: 48%; }
.col-1 { float: left;  }
.col-2 { float: right; }
.pre-footer-widgets .widget-section {
border-left: 1px dotted #bbb;
padding: 0 10px;
margin-right: 0 ;
width: 320px ;
float: left;
margin-bottom: 30px;
display: inline-block;
overflow: hidden;
}
.pre-footer-widgets .widget-section .widgettitle {
text-transform: uppercase;
font-size: 18px;
display: block;
margin: 0 0 15px;
border-top: 5px solid #444;
padding-top: 15px;
} body.page-template-template-menu-php .menu-box,
body.page-template-template-menu-list-php .menu-box { padding-bottom: 15px; border-bottom: 3px solid #e7e7e7; margin-bottom: 15px; }
.menu-grid {
overflow: hidden;
margin-left: -5%; }
.menu-grid .row {
padding-bottom: 5%;
}
.menu-grid [class*='columns-'] {
float: left;
padding-left: 5%;
}
.menu-grid [class*='columns-']:last-of-type {
padding-right: 0;
}
.menu-grid [class*='columns-'] {
}
.menu-grid [class*='columns-'] img {
max-width: 100%;
height: auto;
}
.menu-box ul { margin: 0; }
.menu-box ul li { padding: 15px 0; }
.menu-box h2.menu-category { text-transform: capitalize; font-size:22px; border-bottom: 1px solid #e7e7e7; padding: 10px 0 15px; margin-bottom: 10px; }
.menu-box h3.menu-subcategory { text-transform: capitalize; font-size: 18px; border-bottom: 1px solid #e7e7e7; padding: 10px 0; margin-bottom: 10px; color: #4b4b4b; width: 100% }
.menu-box h2.menu-category a,
.menu-box h3.menu-subcategory a { color: #333; }
.menu-box li .title {
background: url(//www.dabruno.nl/wp-content/themes/bbq/images/menu-dots.png) repeat-x 0 12px;
font-size: 15px;
}
.menu-box li .title a { color: #555; }
.menu-box li .title a:hover { color: #F55D2D; }
.menu-box li .description {
margin-top: 10px;
font-family: 'Gudea', sans-serif;
}
.menu-box li .title span {
background: #fff;
float: left;
padding-right: 10px;
}
.menu-box li .title span.price {
font-size: small;
float: right;
padding: 0 0 0 8px;
width: auto;
text-align: right;
}
.menu-box p {
color: #656565;
font-family: 'Gudea';
}
.menu-box .featured-image { display: inline-block; margin: 5px 15px 0 0; }
.featured-image a img { -webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out; }
.menu-box .featured-image a { background-color: #F55D2D; display: inline-block; position: relative; border: none; padding: 0; }
.featured-image a:hover img {
opacity: 0.6;
filter:alpha(opacity=60);
} body.page-template-template-menu-list-php .menu-card { width: 100%; }
body.page-template-template-menu-list-php .menu-box { width: 100%; }
body.page-template-template-menu-list-php #content,
body.tax-menu-category section.menu-list { float: right; width: 73%; }
body.page-template-template-menu-list-php #sidebar,
body.tax-menu-category #sidebar { float: left; width: 220px; }
body.page-template-template-menu-list-php #sidebar ul,
body.tax-menu-category #sidebar ul { margin: 0; }
body.page-template-template-menu-list-php #sidebar ul .category-item a,
body.tax-menu-category #sidebar ul .category-item a { display: block; padding: 8px 0; text-transform: capitalize; border: none; }
body.page-template-template-menu-list-php #sidebar ul .category-item,
body.tax-menu-category #sidebar ul .category-item { border-bottom: 1px solid #eee; }
body.page-template-template-menu-list-php #sidebar ul .category-item a,
body.tax-menu-category #sidebar ul .category-item a { font-size: 18px; }
body.page-template-template-menu-list-php #sidebar ul .subcategory-item { }
body.page-template-template-menu-list-php #sidebar ul .subcategory-item a,
body.tax-menu-category #sidebar ul .subcategory-item a { font-size: 16px; }
body.page-template-template-menu-list-php #sidebar ul .menu-item,
body.tax-menu-category #sidebar ul .menu-item { margin-left: 20px; }
body.page-template-template-menu-list-php #sidebar ul .menu-item a,
body.tax-menu-category #sidebar ul .menu-item a{ font-size: 12px; }
body.page-template-template-menu-list-php .menu-box li .title span.price{ font-size: medium; } body.tax-menu-category .menu-card {
border-bottom: 3px solid #e7e7e7;
padding-bottom: 15px;
} body.single-menu #content { width: 50%; }
body.single-menu #sidebar { width: 46%; }
body.single-menu .hentry {
padding: 0;
}
body.single-menu .flex-control-nav { display: none; }
body.single-menu .flex-direction-nav { left: -6%; }
body.single-menu .featured-image { margin: 0; max-width: 100%; }
body.single-menu .featured-image img { max-width: 100%; }
body.single-menu h1 {}
body.single-menu h1 span.price {
float: right;
background: #eee;
padding: 5px 10px;
text-align: right;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
body.single-menu #content.no-image { width: 0%; }
body.single-menu #sidebar.no-image { width: 100%; }
.menu-categories { text-transform: capitalize; }
body.single-menu .single-menu-meta {  width: auto; margin-bottom: 20px; }
body.sidebar-right .single-menu-meta { float: left; clear: left; }
body.sidebar-left .single-menu-meta { float: right; clear: right; }
.menu-meta {
border-bottom: 1px solid #f0f0f0;
padding: 5px 0;
text-align: right;
color: #656565;
min-width: 250px;
}
.menu-meta span {
color: #333;
float: left;
text-align: left;
} .entry .testimonial {
border-bottom: 1px solid #f0f0f0;
padding: 20px 0;
}
.entry .testimonial blockquote {
font-size: 20px;
font-family: 'Bree Serif', serif;
font-style: normal;
border: none;
margin: 0;
padding: 0;
min-height: auto;
}
.entry .testimonial .feedback-author { margin-top: 15px; } .day { border-bottom: 1px solid #f0f0f0;
padding: 5px 0; }
.day .name { float: left; color: #333; }
.day .hours { float: right; } .gallery-container { width: 1000px; } .fancybox-overlay a { border: none; }  body.page-template-template-contact-php #content h3 {
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
padding: 12px 2px;
margin-bottom: 20px;
}
.nice-contact-map { width: 100%; margin-bottom: 20px; max-height: 300px; overflow: hidden;  }
.nice-contact-sidebar { width: 30%; float: left; color: #656565; }
.nice-contact-form{ width: 65%; float: right; }
.nice-contact-sidebar .box { margin-bottom: 30px; }
.nice-contact-form label {
width: 100%;
margin-bottom: 10px;
clear: both;
color: #777;
}
span.required {
color: #F55D2D;
margin-left: 5px;
}
.nice-contact-form input, .nice-contact-form textarea {
width: 100%;
padding: 12px 0 12px 12px;
margin: 1px 0 0;
font-size: 100%;
display: block;
}
.nice-contact-form input:focus, .nice-contact-form textarea:focus,
.nice-contact-form input:active, .nice-contact-form textarea:active {
color:#3B3636;
}
.nice-contact-form textarea {
height: 150px;
}
.nice-contact-form #node {
float: left;
width: 100%;
display: none;
color: #fb6022;;
margin-bottom: 10px;
text-transform: uppercase;
}
.nice-contact-form #success {
background: #48B855;
color: #fff;
float: left;
font-size: 15px;
margin-bottom: 20px;
padding: 10px;
width: 95%;
display: none;
}
.nice-contact-form input[type=submit] {
width: 150px;
text-align: center;
margin-top: 10px;
cursor: pointer;
clear: both;
height: auto;
text-transform: uppercase;
padding: 10px;
box-shadow: 0 0 0 ;
}
.nice-contact-form input[type=submit]:active {
margin-top: 1px;
}
.nice-contact-form label.error {
color: #bbb;
width: 350px;
}
.nice-contact-form input.valid {
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/tick.png);
background-repeat: no-repeat;
background-position: right center;
}
.google-map {
position: relative;
padding-bottom: 31%;
height: 0;
overflow: hidden;
}
.google-map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}   #sidebar .widget h3 {
font-size: 21px;
margin: 0 0 20px;
}
.widget {
clear: both;
margin: 0 0 2em;
}
.widget ul {
clear: both;
list-style-position: inside;
list-style-type: none;
margin: 0;
}
.widget ul li {
border-bottom: 1px solid #e7e7e7;
padding: 8px 8px 8px 0;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.widget ul li a { color: #8A8A8A; border: none; }
.widget ul li a:hover, .widget ul li a:focus { border: none; color: #5a5a5a; }
.widget ul li:last-child { border-bottom: none; }
.widget select {
font: 12px/20px 'Bree Serif', serif;
color: #8a8a8a;
width: 100%;
}
.widget .textwidget img {
max-width: 100%;
height: auto;
margin: 10px 0 0 -0;
}  .screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
.widget a.screen-reader-text:active,
.widget a.screen-reader-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1982d1;
clip: auto !important;
font-size: 12px;
position: absolute;
text-decoration: underline;
top: 0;
left: 7.6%;
}
.widget input#s {
background: #fff url(//www.dabruno.nl/wp-content/themes/bbq/images/search.png) no-repeat 10px 50%;
font-size: 12px;
padding: 10px 10px 10px 30px;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
.widget input#s {
background-size: 16px 18px;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/search@2x.png) !important;
}
}
.widget input#searchsubmit { display: none; }
.widget #s { width: 100%; }
.widget #s:focus {
background-color: #f9f9f9;
}
.widget #searchsubmit { display: none; }
.widget .only-search #searchform {
top: 5px;
z-index: 1;
}
.widget .only-search #s {
background-color: #666;
border-color: #000;
color: #222;
}
.widget .only-search #s,
.widget .only-search #s:focus {
width: 85%;
}
.widget .only-search #s:focus { background-color: #bbb; } .widget_nice_opening_hours{}
#footer-widgets .widget_nice_opening_hours .day { border-bottom-color: #353535; }
#footer-widgets .widget_nice_opening_hours .day .name { color: #eee; } .widget_nice_flickr h3 span { color: #0061d8; padding: 0; }
.widget_nice_flickr h3 span span{ color: #ff1183; padding: 0; }
.widget_nice_flickr .wrap  { position: relative; padding: 0; }
.widget_nice_flickr .flickr_badge_image { float: left; margin: 5px; background:#fff; padding: 2px; border: 1px solid #e7e7e7; }
.widget_nice_flickr .flickr_badge_image:hover { border-color: #eee; }
#footer-widgets .widget_nice_flickr .flickr_badge_image { background: #4f4f4f; }
#footer-widgets .widget_nice_flickr .flickr_badge_image:hover { background: #3f3f3f; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n) { margin-right: 0; }
#sidebar .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(3n+1) { margin-left: 0;  }
#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n) { margin-rigth: 0; }
#footer-widgets .widget_nice_flickr .s div.flickr_badge_image:nth-of-type(2n+1) { margin-left: 0; }
.widget_nice_flickr a img {
float: left;
border: 2px solid #fff;
margin: 0;   display: block;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
#footer-widgets .widget_nice_flickr h3 span { color: #0061d8; }
#footer-widgets .widget_nice_flickr h3 span span { color: #ff1183; }
#footer-widgets .widget_nice_flickr a img { border-color: #3f3f3f; background: #4f4f4f; }
#footer-widgets .widget_nice_flickr a:hover img { background: #3B444B; } .widget #calendar_wrap {
padding: 10px;
background: #eee;
}
.widget_calendar #wp-calendar {
color: #555;
width: 100%;
text-align: center;
border: none;
background: #fff;
margin: 0 auto;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
text-align: center;
background: #fff;
}
.widget_calendar #wp-calendar caption {
font-size: 11px;
font-weight: 500;
padding: 5px 0 3px 0;
text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ECECEC;
}
.widget_calendar #wp-calendar tr {
border: none;
} .widget_nice_twitter ul li { background: #fff; padding: 8px 0; }
.widget_nice_twitter ul li:hover { background: #fff; }
.widget_nice_twitter p.tw-follow { margin-top: 10px; margin-bottom: 0; color: #888; }
.widget_nice_twitter .one-tweet { font-size: 16px; } .widget_nice_feedback .feedback  {}
.widget_nice_feedback .feedback img{ float: left; }
.widget_nice_feedback .feedback .quote { padding: 0 0 10px; float: left; }
.widget_nice_feedback .feedback blockquote { line-height: 18px; font-size: 14px; margin-left: 25px; }
.widget_nice_feedback .feedback blockquote.no-img { font-size: 16px; margin: 0; padding: 0; }
.widget_nice_feedback .feedback cite { float: right; }
.widget_nice_feedback .feedback .feedback-url { display: block; text-align: right; }
.widget_nice_feedback .feedback .pagination { overflow: auto; padding: 5px 0 10px; float: right; width:40px; }
.widget_nice_feedback .feedback .pagination a  { display: block; width: 18px; height: 0; overflow: hidden; padding-top: 18px; border: none; }
.widget_nice_feedback .feedback .pagination .btn-next,
.widget_nice_feedback .feedback .pagination .btn-prev{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-repeat: no-repeat;
background-position: 5px center;
}
.widget_nice_feedback .feedback .pagination .btn-next { float: right; background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/right-arrow.png); }
.widget_nice_feedback .feedback .pagination .btn-prev { float: left; background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/left-arrow.png); } .widget_nice_blogauthor .left { float: left; padding-right: 15px; }
.widget_nice_blogauthor .right { float: right; padding-left: 15px; }
.widget_nice_blogauthor img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} .widget_nice_ad img { width: 100%; } #tabs {	height: auto; display: block; }
#tabs ul.niceTabs { padding: 0; }
#tabs ul.niceTabs li {
float: left; display: inline; color: #fff;
margin: 0; cursor: pointer;
padding:0;
border:0 none;
background: #f8f8f8;
}
#tabs ul.niceTabs li a { color: #bbb; display: block; float: left; padding: 10px 8px; text-transform: none; font:13px/18px 'Bree Serif', serif; border: 1px solid #e7e7e7; border-width: 1px 1px 1px 0; }
#tabs ul.niceTabs li a.active { padding-bottom: 11px; color: #555; }
#tabs ul.niceTabs li a.active,
#tabs ul.niceTabs li a:hover { background: #fff; text-decoration: none; border-width: 1px 1px 0 0; }
#tabs ul.niceTabs li:first-child a { border-width: 1px 1px 0 1px; }
#tabs .inside { background: #fff; border: 1px solid #e7e7e7; margin-top: -1px;  }
#tabs .inside ul, #tabs .inside .tags { margin: 0; padding: 0; display: none; }
#tabs .inside ul:first-child { display: inline; }
#tabs .inside .tags { border-width: 1px; padding:10px; }
#tabs .inside li { border-bottom: 1px solid #e7e7e7; padding: 12px; list-style: none; background: #fff; font-family: 'Gudea', sans-serif; }
#tabs .inside li a { color: #535353; font: 13px/18px 'Bree Serif', serif; padding: 0; }
#tabs .inside a:hover {}
#tabs .inside .tags a { padding: 4px 8px; margin: 3px 1px; display: inline-block; background: #dbdbdb; color: #fff; font-size: 12px !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; }
#tabs .inside .tags a:hover { text-decoration: none; background-color: #F55D2D; }
#tabs .inside li span.meta { display: block; font: 11px/20px 'Gudea', sans-serif; text-transform: normal; color: #bbb; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { background-color: #fff; padding: 4px; float: left; border: 1px solid #e7e7e7; margin: 0 10px 0 0; }
#tabs .inside li:hover img.avatar, #tabs .inside li:hover img.thumbnail{ border-color: #eee; }
#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social {
margin: 0;
background: none;
padding: 0;
}
.social-links {
margin:0 auto;
list-style: none;
}
#footer-widgets .widget .widget_nice_social #social,
.widget_nice_social #social {
list-style: none;
margin: 0;
}
#footer-widgets .widget .widget_nice_social #social > li,
.widget_nice_social #social > li {
display: inline-block !important;
position: relative !important;
background-image: none;
padding: 0 !important;
background-color: transparent;
border: none !important;
}
#footer-widgets .widget .widget_nice_social #social > li a,
.widget_nice_social #social > li a {
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/social.png);
background-repeat: no-repeat;
height: 45px;
width: 45px;
display: block;
-moz-transition: none;
-webkit-transition: none;
-o-transition: color 0 ease-in;
transition: none;
text-indent: -999em;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
#footer-widgets .widget .widget_nice_social #social > li a,
.widget_nice_social #social > li a {
background-size: 1060px 90px;
background-image: url(//www.dabruno.nl/wp-content/themes/bbq/images/social@2x.png) !important;
}
}
#social #facebook a          { background-position: 0 -50px; 	}
#social #facebook:hover a    { background-position: 0 0; 	}
#social #twitter a           { background-position: -50px -50px; }
#social #twitter:hover a     { background-position: -50px 0;	}
#social #dribbble a          { background-position: -100px -50px; }
#social #dribbble:hover a    { background-position: -100px 0; 	}
#social #vimeo a             { background-position: -350px -50px; }
#social #vimeo:hover a       { background-position: -350px 0;	}
#social #forrst a            { background-position: -650px -50px; }
#social #forrst:hover a      { background-position: -650px 0; 	}
#social #lastfm a            { background-position: -250px -50px; }
#social #lastfm:hover a      { background-position: -250px 0; 	}
#social #tumblr a            { background-position: -300px -50px; }
#social #tumblr:hover a      { background-position: -300px 0; 	}
#social #flickr a            { background-position: -150px -50px; }
#social #flickr:hover a      { background-position: -150px 0; 	}
#social #google a            { background-position: -400px -50px; }
#social #google:hover a      { background-position: -400px 0; 	}
#social #youtube a           { background-position: -550px -50px; }
#social #youtube:hover a     { background-position: -550px 0; 	}
#social #yahoo a             { background-position: -450px -50px; }
#social #yahoo:hover a       { background-position: -450px 0; 	}
#social #blogger a           { background-position: -500px -50px; }
#social #blogger:hover a     { background-position: -500px 0; 	}
#social #linkedin a          { background-position: -200px -50px; }
#social #linkedin:hover a    { background-position: -200px 0; 	}
#social #yelp a              { background-position: -752px -50px; }
#social #yelp:hover a        { background-position: -752px 0; 	}
#social #tripadvisor a       { background-position: -802px -50px; }
#social #tripadvisor:hover a { background-position: -802px 0; 	}
#social #chow a              { background-position: -856px -50px; }
#social #chow:hover a        { background-position: -856px 0; 	}
#social #urbanspoon a        { background-position: -907px -50px; }
#social #urbanspoon:hover a  { background-position: -907px 0; 	}
#social #zagat a             { background-position: -960px -50px; }
#social #zagat:hover a       { background-position: -960px 0; 	}
#social #instagram a         { background-position: -1010px -50px; }
#social #instagram:hover a   { background-position: -1010px 0; 	}
#footer-widgets {
padding: 20px 0;
display: block;
}
#footer-widgets .widget {
font-style: normal;
color: #c9c9c9;
}
#footer-widgets .widget-wrap { max-width: 960px; }
#footer-widgets .widget a { color: #fff; }
#footer-widgets .widget li a { color: #c9c9c9; }
#footer-widgets .widget li a:hover { color: #fff; }
#footer-widgets .widget-section {
float: left;
margin: 0 5% 0 0;
width: 30%;
}
#footer-widgets h3 {
color: #fefefe;
text-shadow: black 1px 1px 1px;
font-size: 18px;
margin: 0 0 20px 0;
text-transform: uppercase;
}
#footer-widgets .widget ul {
padding: 0;
background: none;
}
#footer-widgets .widget ul li {
border-bottom: 1px solid #4F4F4F;
background: none;
padding: 8px 8px 8px 0;
display: block;
}
#footer-widgets .widget ul li:last-child {
border-bottom: none;
}
#footer-widgets .last {
clear: right;
margin-right: 0 !important;
}   .post .video, .page .video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.flexslider .video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.post .video iframe, .post .video object, .post .video embed,
.page .video iframe, .page .video object, .page .video embed,
.flexslider .video iframe, .flexslider .video object, .flexslider .video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
} @media screen and (max-width: 1024px) {
#content {
float: none !important;
overflow: hidden;
width: 730px !important;
margin: 0 auto 25px;
}
.flexslider .slides img { width: 100%; }
#container {
padding: 30px 0 0;
width: 730px;
}
#sidebar {
float: none !important;
width: 730px;
margin: 0 auto;
}
.col-full {
width: 730px;
}
.single .featured-image {
width: 100%;
}
#footer .col-full {
max-width: 730px;
}
.post .video iframe, .post .video object, .post .video embed,
.page .video iframe, .page .video object, .page .video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.single .featured-image img, .post .featured-image img {
max-width: 100%;
}
.post .wp-post-image {
background: none;
padding: 0;
}
ul.four-col-grid { width: auto; }
ul.four-col-grid li { width: 48%; margin-right: 2%; }
ul.four-col-grid img { width: 100%; }
ul.four-col-grid li:nth-child(2n+1) { margin-right: 2%; float: left; }
ul.four-col-grid li:nth-child(2n) { margin-right: 0; float: right; }
#logo {
float: none;
margin: 0;
text-align: center;
}
nav#navigation ul {
display: none;
}
.responsive-nav,
.infobox, .home-block {
margin: 0 auto;
max-width: 730px;
}
.responsive-nav select {
display: inline-block;
margin-bottom: 30px !important;
}
.widget #s {
width: 93%;
}
#footer-widgets .widget-section { width: 33.3%; margin: 0; padding-right: 3.5%; }
#footer-widgets .last { margin-right: 0; }
#footer-widgets .widget {
padding-right: 20px;
}
ul.three-col-grid li,
.pre-footer-widgets .widget-section {
border: none;
padding: 0 1.7%;
width: 33.3% !important;
}
ul.three-col-grid img { width: 100%; }
ul.three-col-grid li.first,
.pre-footer-widgets .first { padding-left: 0 !important; padding-right:2.9%; }
ul.three-col-grid li.last,
.pre-footer-widgets .last { padding-right: 0 !important; padding-left: 2.9%; }
.infobox li.last, .pre-footer-widgets div.last { border: none; }
.menu-box, .menu-card, body.page-template-template-menu-php .menu-card,
body.tax-menu-category .menu-card,
body.tax-menu-category .has-subcategories .menu-box-subcategory,
body.tax-menu-category .has-subcategories .menu-card,
.menu-grid .columns-2 {
width: 100% !important;
margin: 0;
}
body.tax-menu-category .has-subcategories .menu-box-subcategory,
.menu-grid .columns-2 {
padding: 0;
}
#sidebar { display: none; }
body.single-menu #sidebar { display: block; width: 100%; }
.gallery-container { width: 100%; }
#footer .testimonials { display: none; }
#footer-navigation,
.backtotop {
display: none;
}
#extended-footer p { float: none; }
} @media screen and (max-width: 880px) {
#logo img {
max-width: 100%;
height: auto;
}
#content, .slider, #sidebar, .col-full, #extended-footer .col-full { width: 100%; }
#footer { width: 100%; }
#sidebar { padding: 0; }
.post .video,
.page .video {
height: 100%;
}
#extended-footer .col-full p{ padding: 0 4%; }
#footer-widgets .widget {
padding: 0 4%;
}
.flex-direction-nav { left: -3.3%; }
.flex-direction-nav .flex-next { left: 50px; }
.entry p,
.entry ul,
.entry ol { font-size: 110%; }
} @media screen and (max-width : 667px) {
#content, .slider, #sidebar, .col-full, #extended-footer .col-full {
width: 100% !important;
}
#container { width: 92%; }
#extended-footer .col-full, #footer { width: 100%; }
.content { width: 80%; padding-top: 20px; }
#footer-widgets .widget-section { width: 100%; }
.widget_nice_feedback .feedback blockquote {
padding-right: 0;
}
} @media screen and (max-width : 515px) {
.widget #s {
width: 90%;
}
ul.four-col-grid .thumb { }
ul.three-col-grid li,
.pre-footer-widgets .widget-section { width: 100% !important; padding: 0 !important; }
.nice-contact-sidebar,
.nice-contact-form { width: 100%}
} @media screen and (max-width: 480px) {
#commentform input.txt {
width: 60%;
}
#commentform textarea {
width: 90%;
}
} @media screen and (max-width: 320px) {
ul.four-col-grid li { width: 45%; margin-right: 10%; }
ul.four-col-grid li { width: 100%; margin-right: 0; float:none; }
ul.four-col-grid li:nth-child(even) { float:none; }
.widget #s { width: 83.5%; }
}

.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #0f0f11;
opacity: 0;
transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-container--ready .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-controls {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
opacity: 0;
z-index: 99994;
transition: opacity .2s;
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
direction: ltr; }
.fancybox-show-controls .fancybox-controls {
opacity: 1; }
.fancybox-infobar {
display: none; }
.fancybox-show-infobar .fancybox-infobar {
display: inline-block;
pointer-events: all; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-buttons {
position: absolute;
top: 0;
right: 0;
display: none;
pointer-events: all; }
.fancybox-show-buttons .fancybox-buttons {
display: block; }
.fancybox-slider-wrap {
overflow: hidden;
direction: ltr; }
.fancybox-slider-wrap,
.fancybox-slider {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
z-index: 99993;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent; }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide--image {
overflow: hidden; }
.fancybox-slide--image::before {
display: none; }
.fancybox-content {
display: inline-block;
position: relative;
margin: 44px auto;
padding: 0;
border: 0;
width: 80%;
height: calc(100% - 88px);
vertical-align: middle;
line-height: normal;
text-align: left;
white-space: normal;
outline: none;
font-size: 16px;
font-family: Arial, sans-serif;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
background: transparent; }
.fancybox-placeholder {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
background: transparent;
background-size: 100% 100%; }
.fancybox-controls--canzoomOut .fancybox-placeholder {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-controls--canzoomIn .fancybox-placeholder {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-controls--canGrab .fancybox-placeholder {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-controls--isGrabbing .fancybox-placeholder {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-error {
position: absolute;
margin: 0;
padding: 40px;
top: 50%;
left: 50%;
width: 380px;
max-width: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .2s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-slide--video .fancybox-close-small {
top: -36px;
right: -36px;
background: transparent; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; } .fancybox-caption-wrap {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
z-index: 99998;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
opacity: 0;
transition: opacity .2s;
pointer-events: none; }
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; } .fancybox-button {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
line-height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: #fff;
box-sizing: border-box;
vertical-align: top;
outline: none; }
.fancybox-button--disabled {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover {
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
border-color: #fff;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
opacity: 0.5; }
.fancybox-button--left::after {
left: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close {
float: right; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); } .fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } } @media all and (max-width: 800px) {
.fancybox-controls {
text-align: left; }
.fancybox-button--left,
.fancybox-button--right,
.fancybox-buttons button:not(.fancybox-button--close) {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } } .fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: 15px;
top: 16px;
border: 2px solid;
background: none; } .fancybox-button--play::before {
top: 16px;
left: 18px;
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px;
background: transparent; }
.fancybox-button--pause::before {
top: 16px;
left: 18px;
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px;
background: transparent; } .fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
top: 20px;
left: 21px;
width: 3px;
height: 3px;
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 220px; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
z-index: 99993;
word-break: normal;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid #fff;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } @media all and (max-width: 800px) {
.fancybox-thumbs {
display: none !important; }
.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
right: 0; } }