/*
Theme Name:     3clicks Child Theme
Theme URI:      http://3clicks.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       3clicks
Version:        1.0
Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */


.page-template-g1_template_page_full_sections #g1-content-area{
max-width: 94.53125% !important;
width: 986px !important;
margin: auto !important;
}

.google-review-container{
margin-top: 75px;
display: flex;
}

.google-review-container *{	
margin: auto !important;	
}

@media screen and (max-width: 980px) {
.google-review-container{
margin-top: 0px !important;	
}
}

.page-id-921 #g1-prefooter{
display: block !important;
}

::i-block-chrome, p, li, a, div, input, body, head, footer { font-family: 'Poppins'!important;  }
::i-block-chrome, h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }
::i-block-chrome, h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }
::i-block-chrome, h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }

@media screen and (min-width: 1151px) {
p, li, a, div, input, body, head, footer { font-family: 'ObjektivMk1_Trial_Rg';  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'ObjektivMk1_Trial_Rg';  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'ObjektivMk1_Trial_Bl';  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'ObjektivMk1_Trial_Bd';  }
}

@media screen and (max-width: 1150px) {
p, li, a, div, input, body, head, footer { font-family: 'Poppins'!important;  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family: 'Poppins'!important;  }
}

/*Niet laten zien*/
#g1-footer{
display: none !important;
}
.g1-nav-breadcrumbs{
display: none !important;
}
.g1-searchbox__switch{
display: none !important;
}
#g1-preheader{
display: none !important;
}
.entry-header{
display: none !important;
}
/*Font css*/
.page-id-2 h1, .g1-h1{
font-weight: normal !important;
}
.page-id-2 h2, .g1-h2{
font-weight: normal !important;
}
.page-id-2 h3, .g1-h3 {
font-weight: normal !important;
}
@media screen and (min-width: 1100px) {
.slidertekst{
font-size: 30px;
font-family: Open Sans;
font-weight: 400;
color: #fff !important;
}
}
@media screen and (max-width: 1100px) {
.slidertekst{
font-size: 22px;
font-family: Open Sans;
font-weight: 400;
color: #fff !important;
}
}

h1, .g1-h1 {
font-size: 18px;
color:#7a9d91 !important;
font-weight: bold;
font-family: Open Sans;
}
h2, .g1-h2 {
color: #7a9d91 !important;
font-size:16px !important;
margin-bottom:4px;
font-weight: bold;
font-family: Open Sans;
}
h3, .g1-h3 {
color: #7a9d91 !important;
font-size:14px !important;
margin-bottom:4px;
font-weight: bold;
font-family: Open Sans;
}
#primary p{
color: #799d90;
font-family: Open Sans;
font-weight: normal;
}
ul{
list-style-type: disc;
}
#primary li{
color: #799d90 !important;
font-weight: bold;
font-family: Open Sans;
}
/* Header code van gerwin */
.headergj {
background:#f3f3f1;
color:#000000;
font-size:15px;
height:40px;
letter-spacing: 1px;
}
.header1 {
float:left;
}
.header2 {
float:left;
}
.icon3 {
float:left;
padding-left:10px;	
}
.text3 {
float:left;
padding-left:10px;	
margin-top:-2px;
}
.headergj a {
color:#111a6c;
}
.headergj-center {
width:100%;
float: right;
height:auto;	
}
.headergj-left {
float: left;
padding-top: 0px;
}
.headergj-right {
float:right;
padding-top:12px;
}
.headergj img{
max-width: 32px;
max-height: 32px;
vertical-align: top;
}
.headergj a{
color: #000000;
}
.headergj a:hover{
text-decoration: none;
color: #000000;
}
.headergj-bold{
font-weight: bold;
}
@media screen and (max-width: 600px) {
.headergj-right {
	width:100%;
 float:none;
padding-top:12px;
}
}
/* Menu */
@media screen and (min-width: 980px) {
.g1-primary-nav{
border-bottom: 2px solid #f3f2f1;
}
.g1-submenus ul{
background-color: #f3f2f1 !important;
border-radius: 0px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
max-width: 180px !important;
}
.g1-submenus ul li a{
background-color: #f3f2f1 !important;
max-width: 180px !important;
}
.g1-header .g1-nav--collapsed #g1-primary-nav-menu > li.g1-type-drops li{
border-color: #fff !important;
}
.g1-submenus ul li a {
width: 180px !important;
padding: 5px 10px !important;
}
.g1-nav-item__title{
letter-spacing: 1.5px !important;
color: #1e1e1c !important;
}
}
.wpml-ls-flag{
padding-right: 5px  !important;
}
/* Slider */
.flexen{
width: 100%;
height: 100%;
display: flex;
}
.flexen a{
margin: auto;
}
.sliderwaas{
opacity: 0.5;
}
/* Bepaling breedte van sommige delen */
#g1-prefooter-widget-area{
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}
/*#g1-prefooter-widget-area .g1-layout-inner{
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}*/
#g1-content .g1-layout-inner{
max-width: 100% !important;
width: 100% !important;
margin: 0 auto;
}
.g1-content .g1-grid{
max-width: 94%;
width: 986px;
margin: 0 auto;
}
#grootenklein .g1-grid{
width: 100% !important;
max-width: 100% !important;
}
/* Content icons */
.iconcontainer{
display: flex;
/* width: 100%; */
width: initial;
float: right;
padding: 0px 10px 10px 0px;
}

.cnticoncontainer{
display: flex;
flex-direction: column;
text-align: center;
}
.cnticoncontainer img{
max-width: 75px;
margin: 0 auto;
}
.g1-one-sixth .cnticonstekst{
font-family: Open Sans;
font-weight: 400;
color: white !important;
margin: 0 auto;
width: 100%;
text-align: center;
}
/* Content 3 delen */
.cntblok h2{
text-align: center;
}
.cntblok p{
text-align: center;
}
.cntcheck{
height: 35px;
}
/* Het deel met de grote en kleine foto */
#grootenklein .grootfoto{
max-width: 100%;
max-height: 100%;
min-width: 100%;
}
/* Prefooter */
.prftitextcons{
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
}
.prftitextcons i{
color: white;
font-size: 17px;
vertical-align: top;
margin-top: -20px;
max-width: 21px;
max-height: 21px;
padding-left: 10px;
}
.prefootertxt{
margin: 0 auto;
font-size: 17px;
color: white;
width: 195px;
}
.prfticons{
margin: auto;
}
.prfticons i{
color: #fff;
font-size: 21px;
}
.prfticons a{
margin-right: 10px;
margin-left: 10px;
}
#blk2prftr{
max-width: 94.53125%;
width: 986px;
}
.g1-prefooter-widget-area .g1-one-fourth{
width: 20.83057851% !important;
}
.prefooterlogos{
max-width: 100%;
max-height: 50px;
}
.flexlogos{
margin: 0 auto;
/* max-width: 600px; */
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
.prefooterlogos{
vertical-align: top;
}
.flexlogos a{
margin: auto;
}
 .prftimg1{
vertical-align: top;
max-width: 65px !important;
margin: auto;
flex-grow: 2;
}
.prftimg2{
margin: auto;
vertical-align: top;
max-width: 150px !important;
flex-grow: 1;
}
.prftimg3{
vertical-align: top;
max-width: 150px !important;
margin: auto;
flex-grow: 2;
}
/* Review slider */
#g1-html-rotator-counter-1{
/* display: flex; */
background-color: #7a9d91 !important;
padding: 10px 10px 10px 10px;
}
.reviewtitel{
color: #fff !important;
text-align: center;
font-weight: normal !important;
padding-top: 10px;
}
.reviewtekst{
color: #fff !important;
text-align: center;
padding-top: 10px;
}
.reviewauteur{
color: #fff !important;
text-align: center;
padding-top: 10px;
}
.g1-toolbar{
display: flex;
border-width: 0px 0px !important;
}
.g1-nav-coin{
margin: auto !important;
}
/* oud.revcontainer{
max-height: 325px;
min-height: 187px;
width: 100%;
background-color: #7a9d91 !important;
display: flex;
flex-direction: column;
padding-bottom: 25px;
padding-top: 25px;
}
.revtitel{
margin: auto;
font-size: 26px;
font-family: Open Sans;
font-weight: 400;
color: white !important;
max-width: 97%;
text-align: center;
}
.revtekst{
margin: auto;
font-size: 14px;
font-family: Open Sans;
font-weight: 400;
color: white !important;
max-width: 97%;
text-align: center;
}
.revgegevens{
margin: 0 auto;
font-size: 14px;
font-family: Open Sans;
font-weight: 400;
color: white !important;
max-width: 97%;
padding-bottom: 3px;
}*/
.g1-toolbar{
padding-top: -15px !important;
margin: auto;
}
/* Prefooter contactformulier */
.cntcprftlinks{
width: 100%;
float:left;
}
#prftemail{
width: 64%;
float: left;
min-width: 125px;
border: 1px solid #7a9d91 !important;
}
.cntcprftlinks .wpcf7-submit{
width: 34%;
float: right;
height: 35px;
min-width: 35px;
border-radius: 0px !important;
border: 1px solid #7a9d91 !important;
background-color: #7a9d91 !important;
color: white;
}
/* Pagina het hotel  */
#wheretogo{
width: 100%;
}
#wheretogo h2{
font-size: 24px;
font-family: Open Sans;
font-weight: 400;
color: white !important;
}
#wheretogo p{
color: white !important;
font-weight: normal !important;
}
.wherecontainer{
padding-left: 15px;
padding-right: 15px;
}
/* Pagina contact */
.page-id-125 #balk1prftr{
display: none !important;
}
.page-id-125 #blk2prftr{
display: none !important;
}
.page-id-125 #g1-space-1{
display: none !important;
}
.page-id-125 #g1-space-2{
display: none !important;
}
.page-id-125 p{
font-family: Open Sans;
color: #3c3c3b !important;
}
.page-id-125 a{
font-family: Open Sans;
color: #3c3c3b !important;
font-size: 15px;
}
.page-id-125 h1{
font-family: Open Sans;
color: #3c3c3b !important;
letter-spacing: 1.5px;
}
.page-id-125 h2{
color: #3c3c3b !important;
}
.page-id-125 #primary img{
height: 17px; 
padding-right: 10px;
vertical-align: bottom !important;
}
@media screen and (max-width: 750px) {
.page-id-125 .cntpglogo{
display: none !important;
}
}
.page-id-377 #balk1prftr{
display: none !important;
}
.page-id-377 #blk2prftr{
display: none !important;
}
.page-id-377 #g1-space-1{
display: none !important;
}
.page-id-377 #g1-space-2{
display: none !important;
}
.page-id-377 p{
font-family: Open Sans;
color: #3c3c3b !important;
}
.page-id-377 a{
font-family: Open Sans;
color: #3c3c3b !important;
font-size: 15px;
}
.page-id-377 h1{
font-family: Open Sans;
color: #3c3c3b !important;
letter-spacing: 1.5px;
}
.page-id-377 h2{
color: #3c3c3b !important;
}
.page-id-377 #primary img{
height: 17px; 
padding-right: 10px;
vertical-align: bottom !important;
}
.page-id-377 #g1-prefooter-widget-area{
background-color: #fff !important;
}
.page-id-1056 #balk1prftr{
display: none !important;
}
.page-id-1056 #blk2prftr{
display: none !important;
}
.page-id-1056 #g1-space-1{
display: none !important;
}
.page-id-1056 #g1-space-2{
display: none !important;
}
.page-id-1056 p{
font-family: Open Sans;
color: #3c3c3b !important;
}
.page-id-1056 a{
font-family: Open Sans;
color: #3c3c3b !important;
font-size: 15px;
}
.page-id-1056 h1{
font-family: Open Sans;
color: #3c3c3b !important;
letter-spacing: 1.5px;
}
.page-id-1056 h2{
color: #3c3c3b !important;
}
.page-id-1056 #primary img{
height: 17px; 
padding-right: 10px;
vertical-align: bottom !important;
}
.page-id-1056 #g1-prefooter-widget-area{
background-color: #fff !important;
}

.page-id-1574 #balk1prftr{
display: none !important;
}
.page-id-1574 #blk2prftr{
display: none !important;
}
.page-id-1574 #g1-space-1{
display: none !important;
}
.page-id-1574 #g1-space-2{
display: none !important;
}
.page-id-1574 p{
font-family: Open Sans;
color: #3c3c3b !important;
}
.page-id-1574 a{
font-family: Open Sans;
color: #3c3c3b !important;
font-size: 15px;
}
.page-id-1574 h1{
font-family: Open Sans;
color: #3c3c3b !important;
letter-spacing: 1.5px;
}
.page-id-1574 h2{
color: #3c3c3b !important;
}
.page-id-1574 #primary img{
height: 17px; 
padding-right: 10px;
vertical-align: bottom !important;
}
.page-id-1574 #g1-prefooter-widget-area{
background-color: #fff !important;
}


@media screen and (max-width: 750px) {
.page-id-377 .cntpglogo{
display: none !important;
}
.page-id-1056 .cntpglogo{
display: none !important;
}
}

.page-id-1233 #balk1prftr{
display: none !important;
}
.page-id-1233 #blk2prftr{
display: none !important;
}
.page-id-1233 #g1-space-1{
display: none !important;
}
.page-id-1233 #g1-space-2{
display: none !important;
}
.page-id-1233 p{
font-family: Open Sans;
color: #3c3c3b !important;
}
.page-id-1233 a{
font-family: Open Sans;
color: #3c3c3b !important;
font-size: 15px;
}
.page-id-1233 h1{
font-family: Open Sans;
color: #3c3c3b !important;
letter-spacing: 1.5px;
}
.page-id-1233 h2{
color: #3c3c3b !important;
}
.page-id-1233 #primary img{
height: 17px; 
padding-right: 10px;
vertical-align: bottom !important;
}
.page-id-1233 #g1-prefooter-widget-area{
background-color: #fff !important;
}

#naam{
width: 48%;
float: left;
}
#tel{
width: 48%;
float: right;
}
.tekst2{
border: 2px solid #525251 !important;
border-radius: 0px;
height: 35px;
}
#email{
border: 2px solid #525251 !important;
border-radius: 0px;
width: 100% !important;
margin-top: 10px;
margin-bottom: 10px;
}
#bericht{
border: 2px solid #525251 !important;
border-radius: 0px;
height: 105px;
}
.page-id-125 input{
color: #799d90;
}
.page-id-125 textarea{
color: #799d90;
}
#versturen{
background-color: #799d90;
height: 35px;
border: 1px solid #799d90;
border-radius: 0px;
}
/* Pagina studio's */
.studioboeken{
height: 35px;
width: 175px;
border-radius: 0px;
background-color: #7a9d91 !important;
color: white !important;
border: 1px solid #7a9d91 !important;
}
.studioboeken:hover{
background-color: #7a9d91 !important;
}
.studiovinkjes{
list-style-type: none !important;
}
.studiovinkjes li{
padding-left: 21px;
background-image: url("https://www.hotel2stay.nl/wp-content/uploads/2017/02/vinkjesstudio2.jpg");
background-repeat: no-repeat;
}
@media screen and (min-width: 750px) {
.studiocontainer{
margin-top: 35px;
}
}
/* Works Gallerijen */
.g1-nav-direction__next{
margin-right: 15px;
}
.g1-nav-direction__prev{
margin-left: 15px;
}
/* De grote verdwijntruc */
.hanskazan{
display: none !important;
}
/* Boeken */
.boekentitel{
font-size: 17px;
color: #7a9d91;
float: left;
}
.boekentekst{
font-size: 13px;
color: #7a9d91;
width: 40%;
margin-right: 10%;
float: left;
}
.boekentekst2{
font-size: 13px;
color: #7a9d91;
width: 17%;
float: left;
}
.boekeninput{
width: 40%;
margin-right: 3%;
float: left;
height: 20px;
border-radius: 0px;
border-color: #7a9d91 !important;
}
.boekeninput2{
width: 12%;
float: left;
height: 40px;
border-radius: 0px;
border-color: #7a9d91 !important;
}
.boekenknop{
color: #fff !important;
background-color: #7a9d91 !important;
min-width: 200px; 
float: left;
font-weight: normal !important;
padding: 5px 5px 5px 5px;
text-align: center;
margin-top: 10px;
border-radius: 0px !important;
border-color: #7a9d91 !important;
}

@media screen and (max-width: 980px) {
.boekentitel{
width: 100% !important; 
}
.boekentekst{
width: 100% !important;
}
.boekentekst2{
width: 100% !important;
}
.boekeninput{
width: 100% !important;
}
.boekeninput2{
width: 100% !important;
}
}
/* Einde boeken */
@media screen and (min-width: 980px) {
.boekkamers{
height: 30px;
}
}

.boekkamers{
color: #fff !important;
background-color: #7a9d91 !important;
min-width: 200px; 
font-weight: normal !important;
padding: 5px 5px 5px 5px;
text-align: center;
margin-top: 10px;
border-radius: 0px !important;
border-color: #7a9d91 !important;
}

.boekslider{
color: #fff !important;
background-color: #7a9d91 !important;
height: 40px;
min-width: 200px; 
font-weight: normal !important;
padding: 5px 5px 5px 5px;
text-align: center;
margin-top: 10px;
border-radius: 0px !important;
border-color: #7a9d91 !important;
margin: auto;
}

/* Mobiele versie */
@media screen and (max-width: 980px) {
.headergj{
display: none !important;
}
.flexcontainer{
display: none !important;
}
.prefooterlogos{
max-height: 400px !important;
}
.prefooterlogos{
display: none !important;
}
.prftitextcons i{
margin-top: px !important;
}
.cnticonstekst{
padding-bottom: 10px;
}
}

/* CSS magic */
@media screen and (min-width: 980px) {
.malka{
display: none !important;
}
}

@media screen and (max-width: 980px) {
#menu-item-wpml-ls-8-en{
display: none !important;
}
#menu-item-wpml-ls-8-nl{
display: none !important;
}
}

.malka img{
margin-right: 5px;
vertical-align: middle;
}

a[href*="https://hotel2stay.nl"]  .wpml-ls-native{ 
     position: absolute;
  visibility: hidden;
}

a[href*="https://hotel2stay.nl"]  .wpml-ls-native:before{ 
      content: "EN";
  visibility: visible;
}

a[href*="?lang=nl"]  .wpml-ls-native{ 
     position: absolute;
  visibility: hidden;
}
a[href*="?lang=nl"]  .wpml-ls-native:before{ 
      content: "NL";
  visibility: visible;
}

a[href*="?lang=de"]  .wpml-ls-native{ 
     position: absolute;
  visibility: hidden;
}
a[href*="?lang=de"]  .wpml-ls-native:before{ 
      content: "DE";
  visibility: visible;
}

a[href*="?lang=it"]  .wpml-ls-native{ 
     position: absolute;
  visibility: hidden;
}
a[href*="?lang=it"]  .wpml-ls-native:before{ 
      content: "IT";
  visibility: visible;
}
a[href*="?lang=fr"]  .wpml-ls-native{ 
     position: absolute;
  visibility: hidden;
}
a[href*="?lang=fr"]  .wpml-ls-native:before{ 
      content: "FR";
  visibility: visible;
}

.email-popup-preview{
padding: 25px !important;
}

.g1-nav-item__arrow{
-webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.page-id-116 .boekkamers{
text-decoration: underline !important;
}

@media screen and (max-width: 980px) {
.page-id-2 .boekenknop{
float:left !important;
margin-top: 10px !important;
margin-right: 0px !important;
}
.boekenknop{
float:left !important;
margin-top: 10px !important;
margin-right: 150px !important;
}
}

@media screen and (max-width: 980px) {
.page-id-125 h1{
font-size: 20px !important;
}
.mardal{
display: none !important;
}
.g1-nav-item__title{
font-size: 11px !important;
}
.wpml-ls-native:before{
font-size: 11px !important;
}
.vernia{
display: none !important;
}
}

@media screen and (min-width: 600px)
and (max-width: 980px){
#blk2prftr .g1-one-fourth{
width: 49% !important;
float:left !important;
}
#blk2prftr .g1-one-sixth{
width: 49% !important;
float:left !important;
margin-left: 2% !important;
}
#blk2prftr .g1-one-third{
width: 49% !important;
float:left !important;
margin-left: -1% !important;
}
}

#respond{
display: none !important;
}
@media screen and (max-width: 780px) {
.boekenknop {
text-align: center;
width: 100%;
}
.g1-content .g1-grid {
    text-align: center;
}
}

@media (max-width:820px) and (min-width:600px) {
    .g1-one-sixth .cnticonstekst {
    font-size: 9px;
}
}

#g1-prefooter-widget-area .g1-background{
background-color: #fff !important;
}

#g1-prefooter section{
background-color: #F3F3F1 !important;
}

.prefooterlogos p{
text-align: center !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

.prefooterlogos a{
padding: 10px !important;
/*padding-right: 10px !important;*/
}

/*.home .wpcf7-submit{
pointer-events: none !important;
}*/

.popformulier .wpcf7-response-output{
display: none !important;
}

.popformulier span[role="alert"]{
display: none !important;
}

@media screen and (max-width: 980px) {
.mc-modal.visible, .mc-modal-bg.visible {
    visibility: visible !important;
}
.mc-layout__bannerContent.notvisible{
visibility: hidden !important;
}
}

.g1-content a{
color: #799d90 !important;
}

html[lang="it-IT"] #g1-primary-nav-menu > li > a{
font-size: 13px !important;
line-height: 13px !important; 
}

.page-id-1226 .g1-two-fifth a{
color: #fff !important;
}

/* Video op de homepagina */

/* .video-home{
max-width: 100% !important;
height: 335px !important;
} */

.prefootertxt.french-footer{
width: 280px !important;
}

.cn-set-cookie {
  background: #e0a39a  !important;
  color: #fff !important;
}

.wherecontainer .stuk3 a, #wheretogo a{
color: #ffffff !important;	
}

/* Nieuwe footer */

@media only screen
and (min-width: 980px){
#g1-prefooter .g1-one-fourth{
border-right: 1px solid #799d90 !important;	
width: calc(22.83057851% - 1px);
min-height: 180px;
}

html[lang="de-DE"] #g1-prefooter .g1-one-fourth{
min-height: 230px
}

html[lang="it-IT"] #g1-prefooter .g1-one-fourth{
min-height: 240px
}
 
#g1-prefooter .prftrvertalen1, #g1-prefooter .prftrvertalen1d{
padding-right: 15px;	
}

#g1-prefooter .g1-one-fourth:last-child{
border-right: 0px solid #799d90 !important;	
width: 22.83057851%;	
}

#g1-prefooter .wpcf7-form-control.wpcf7-submit{
font-size: 10px;	
}

#g1-prefooter .flex-child{
padding: 0 calc((100% - 345px) / 3 / 2 );	
}
}

#g1-prefooter #blk2prftr{
padding-bottom: 40px;	
}

#g1-prefooter #blk3prftr{
padding-bottom: 15px;	
}