/*
Theme Name: greatervenues
Theme URI: http://underscores.me/
Author: High Profile Locaties
Author URI: http://www.locaties.nl
Description: GV16
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: greatervenues
Tags:
*/

/* ZIE CSS/STYLE.CSS */

/*overige*/


.rt-label.rt-prefix:before {
     content: '\f017';
    font-family: 'FontAwesome';
    font-size: 16px;
    color: white;
    font-weight: lighter;
    font-style: normal;
    
}
.grecaptcha-badge { visibility: hidden; }

a { color: #666; }
.languageBar { position: absolute; right: 0; top: 0;}
a:hover { text-decoration: none; }
.unslider-fade { min-height: 500px; }
div.entry-content img.size-full { height: auto; max-width: 100%; width: 100%; }
div.categeries-section li.categories ul li { margin-right: 5px; margin-bottom: 5px; float: left; }
ul#menu-loggedin li > a { text-transform: uppercase; }
ul#menu-loggedin { display: inline-block; min-width: 200px; }
a.log-in-btn { text-transform: none !important; }
.post-like { display: inline-flex; }
.like { background: url(img/heart_icon.svg) no-repeat 3px 6px;/*  background: url(img/plus_icon.svg) no-repeat 0 center;*/ width: 15px; height: 16px; display: block; float: left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s }
.sticky { position: fixed !important; width: 100%; left: 0; top: 0; z-index: 1035; border-top: 0; border-bottom: 2px solid #ccc; }
.post-like a:hover .like { color: black; }
.voted .like,
.post-like.alreadyvoted { color: black; }
div.categery-top select { width: 100%; min-height: 30px; }
div.post-like span.count { padding-top: 3px;  /*background: url(img/heart_icon.svg) no-repeat 0px 5px;*/  /*background: url(img/plus_icon.svg) no-repeat 0 center;*/
width: 15px; height: 16px; display: block; float: left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s }

body.single-venuereports div.post-like span.count { padding-top: 5px; }
div.list-view-post span.count { padding-top: 2px; }

.pardotTextInput .text {background: #f4f4f4;}

ul.product-nav li.likecount {margin-left: 0px;}
.numberOfShares {bottom: -6px; position: absolute; right: 30px;}
div.news-img-section.news-banner div.post-like,
div.news-update-section.more-venue-great div.post-like { position: absolute; right: 5px; bottom: 15px; }
div.banner-section div.post-like span.count,
div.news-img-section.news-banner div.post-like span.count { color: white; font-size: 14px; }
.unslider-arrow { background: rgba(0, 0, 0, 0.2) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==") no-repeat scroll 50% 50% / 7px 11px; border-radius: 32px; display: block; height: 32px; left: auto; margin-top: -16px; opacity: 0.6; overflow: hidden; right: -50px; text-indent: -999em; top: 50%; transition: opacity 0.2s ease 0s; width: 32px; z-index: 400; }
.unslider-arrow:hover { opacity: 1; }
.unslider-arrow.prev { left: 20px; right: auto; transform: rotate(-180deg); z-index: 400; }
.unslider-nav ol { list-style: none; text-align: center; }
.unslider-nav ol li { display: inline-block; width: 6px; height: 6px; margin: 0 4px; background: transparent; border-radius: 5px; overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer; }
.unslider-nav ol li.unslider-active { background: #fff; cursor: default; }
.unslider { overflow: auto; margin: 0; padding: 0 }
.unslider-wrap { position: relative }
.unslider-wrap.unslider-carousel li { float: left }
.unslider-vertical>ul { height: 100% }
.unslider-vertical li { float: none; width: 100% }
.unslider-fade { position: relative }
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10 }
.unslider li,
.unslider ol,
.unslider ul { list-style: none; margin: 0; padding: 0; border: none }
.unslider-arrow { position: absolute; left: 20px; z-index: 400; cursor: pointer; }
.unslider-arrow.next { left: auto; right: 20px }
#map-canvas { display: none; }
#venueContainer { padding-bottom: 30px; }
.tooltip-container { background-color: #fff; margin-top: 1px; max-width: 320px; min-height: 82px; padding: 5px 5px; position: relative; }
.map-infoWindow-photo { height: 80px; width: 120px; }
.tooltip-thumb { width: 125px; }
.tooltip-txt { margin: 0; text-align: left; vertical-align: top; padding-left: 10px; }
.tooltip-options { background-color: #eee; margin: 10px -10px -10px -10px; overflow: hidden; padding: 7px 10px 6px; position: relative; }
.tooltip-options li { color: #666; font-size: 0.9em; float: left; line-height: 1.2; list-style: none; }
.tooltip-options a { padding-left: 18px; background: url(/wp-content/themes/openttlrt/img/tt-options.gif) no-repeat 0 -1px; }
.tt-option-zoom { background-position: 0 -100px !important; margin-left: 14px; }
.tt-option-sv { background-position: 0 -150px !important; margin-left: 14px; }
.tooltip-content { background-color: #fff; margin: 0px; max-width: 320px; padding: 0px; position: relative; }
.tooltip-property { min-height: 85px; }
div.Streamer div.wpb_wrapper p { color: #818181; font-family: "Droid Serif", serif; font-size: 28px; font-style: italic; line-height: 35px; margin-bottom: 15px; margin-top: 15px; }
.grayScaleClass,
.greyscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
div.wpcf7-validation-errors { background: #f4f4f4 none repeat scroll 0 0; border: medium none; font-size: 13px; margin: 0; padding: 15px; text-align: center; }
.col-md-4 .wpb_video_wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.col-md-4  .embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#searchContainer {margin-bottom: 30px;}
.fb_iframe_widget {margin: 20px 0;}
.fb_iframe_widget iframe {
  max-width: 620px;
  width: 100%;
}
.fotoCreditFeaturedImage { font-family: 'Open Sans'; z-index: 250; color: #ccc; font-size: 12px; position: absolute; right: 9px; bottom: 5px;}

div.modal-content div button.close { margin-right: 25px; text-align: right;}

/* Disable WhatsApp button on Desktop */
@media screen and (min-width:1024px) {
  .crunchify-whatsapp { display: none !important; }
}
.crunchify-link { }
.crunchify-link:hover,
.crunchify-link:active { color: white; }
span.count { font: 400 12px/1.1 "Open Sans", Arial, Helvetica, sans-serif; color: #808080; }
.moodboard { margin-left: -115px !important; margin-right: -75px !important; margin-bottom: 30px; margin-top: 30px; }
@media screen and (max-width:440px) {
  .moodboard { margin-left: -15px !important; margin-right: -15px !important; margin-bottom: 30px; margin-top: 30px; }
  div.embed iframe { width: 100%; max-width: 100%; height: auto; }
  textarea#comment { width: 100%; max-width: 100%; }
}

/*Comments*/
ol.comment-list { margin: 0; padding-bottom: 15px; padding-left: 0; }
.comment-meta {  background: #f4f4f4 none repeat scroll 0 0;
    display: table;
    line-height: 2;
    padding: 10px 20px;
    width: 100%; }

#respond { font-size: 13px; font-family: 'Open Sans'; }
.comment-metadata { font-size: 13px; font-family: 'Open Sans'; float: right; }
.comment-content { padding: 10px; background: #ededed; }
a.comment-reply-link { font-size: 13px; color: #999 }
ol.children { padding-left: 20px; margin: 15px 0; }
p.comment-form-comment label { display: block; }
p.form-submit input#submit.submit { background: #000; color: white; padding: 10px; border: none; width: 100%; }
div.comment-content p:before { content: '"'; font-family: 'Droid Serif'; font-size: 26px; color: #656565; }
div.comment-content p:after { content: '"'; font-family: 'Droid Serif'; font-size: 26px; color: #656565; }
textarea#comment { border: none; background: #ededed; width: 100%; padding: 15px; }
div.comment-content p { font-style: italic; font-family: 'Droid Serif'; line-height: 1.1; padding: 15px 10px; }
.comment-author.vcard {font-family: 'Droid Serif'; font-style: italic; float: left;}
.comment-author.vcard img {margin-right: 10px;}
.comments-area {margin: 30px 0;}
#commentform label { float: left; width: 20%; }
#commentform input { float: none; background: #ededed; border: medium none; padding: 5px 10px; width: 80%; clear: left; }

/* hide tabs homepage */
.tab-content {    /* show the first */
display: block; }
.tab-content ~ .tab-content {    /* hide the rest */
display: none; }
#loadMoreNews { cursor: pointer; }
@media (max-width:660px) {
  div.container div.filters div.gird-tabs.venue-tab.col-md-3 { width: 100%; }
  .unslider-arrow { top: 25%; }
}
/* SharedBy*/

.sharedBy {
background: #818181 none repeat scroll 0 0;
color: white;
padding: 15px;
	font-size: 14px;
position: relative;
z-index: 200; margin-bottom: 15px;
}

.sharedBy:before{
background: transparent none repeat scroll 0 0;
border-color: transparent transparent #818181;
border-style: solid;
border-width: 0 10px 10px;
content: "";
display: block;
height: 0;
left: 28%;
position: absolute;
top: -10px;
width: 0;
}
/*Popup*/
figcaption.vc_figure-caption {margin-top: 0.5em;  color: #777;  font: italic 300 13px/1.1 "Open Sans",Arial,Helvetica,sans-serif;}
/* The alert message box */
.alert { padding: 20px; background-color: #f44336; /* Red */ color: white; margin-bottom: 15px; opacity: 1; transition: opacity 0.6s; /* 600ms to fade out */ }
.alert.success { background-color: #818181; }
div.post-content ul.share-links-single li a.storeMyVenue i.fa.fa-star-o { color: #b2b2b2; font-size: 21px; vertical-align: middle; }
div.post-content ul.share-links-single li a.storeMyVenue i.fa.fa-star { color: #b2b2b2; font-size: 21px; vertical-align: middle; }

/* The close button */
.closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; }

/* When moving the mouse over the close button */
.closebtn:hover { color: black; }
div.wpb_wrapper ul { margin-left: 0px; margin-top: 20px; }
div.wpb_wrapper ul li { padding-left: 15px; }
div.wpb_wrapper ul li:before { font-family: 'FontAwesome'; content: '\f105'; margin: 0 15px 0px -15px; color: #818181; }
div.vc_tta-tabs-container ul li.vc_tta-tab:before { font-family: 'FontAwesome'; content: ''; margin: 0 15px 0px -15px; color: #818181; position: absolute; padding-top: 14px; }

.styled-select select { background: #818181; border: none; text-indent: 6px; line-height: 30px; color: white; font-size: 14px; height: 29px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 268px; }
.black { background-color: #000; }
.black select { color: #fff; }

.alert-info {
    background-color: #666 !important;
    border-color: transparent !important;
    color: #fff !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

div.wpb_wrapper p a,
div.entry-content .BasisTekst a,		
div.entry-content a {border-bottom: 1px solid #ccc;}

div.post-content div.entry-content div.share-section.news-share ul li a {border-bottom: 0px solid #ccc;}

div.tags span:last-child {margin-right: 0;}

/*Bootstrap Tour*/

h3.popover-title {font: 700 18px/1.1 "Droid Serif", Arial, Helvetica, sans-serif; text-align: left; text-transform: inherit;background: black none repeat scroll 0 0;
    color: white;}
div.popover-content, div.popover-navigation {font: 300 14px/1.1 "Open Sans", Arial, Helvetica, sans-serif; text-align: left; text-transform: inherit;padding: 20px 14px;}


body.sosActive #sosLayer {    color: #fff;
    background: rgba(299,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;padding-top: 10%;
  }


body.sosInActive #sosLayer {    color: #fff;
    display: none;
  }

  .codeRood {
    padding: 5%;
    color: #fff;
    font-size: 3em;
    text-align: center;
}

.image-responsive {width: 100%; max-width: 330px;}

.codeRood a { color: white;
    font-size: 60%;
    display: inline-block;    line-height: 1.5; }

.codeRood a span { font-size: 60%;}