/*
Theme Name: Escape Child Theme
Theme URI: http://www.themecu.be/escape
Description: This is child theme of Escape
Author: ThemeCube
Author URI: http://www.themeforest.net/themecube
Template: escape
Version: 1.0
Text Domain: escape
*/





@import url("../escape/style.css");


.shiftnav-toggle.shiftnav-toggle-shiftnav-main.shiftnav-toggle-button {
    float: right;
  }

  .navbar-toggle {
    display: none;
  }

.testimonial_group .full-testimonial {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 8px 0 8px 28px;
    background: #c2121d;
    opacity: 0.7;
    color: white;
   
}
.wpb_text_column.wpb_content_element.vc_custom_1559043336878.info {
    display: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}
.testimonial_group .full-testimonial {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 20px 0 8px 30px !important;
    border: 5px solid #fca73c;
    background: white;
    color: black;
}
#review::-webkit-scrollbar {
    width: 12px;
}
 
#review::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f0f0f0; 
    border-radius: 5px;
}
 
#review::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #f0f0f0; 
}
.star-rating{
    color: #fff;
    font-size: 18px;
}
#review {
    overflow: scroll;
    height: 800px;
    padding: 30px;
}
.stars {
    font-size: 35px;
}
h3.rr_title {
    text-transform: uppercase;
    border-bottom: 2px solid;
    font-weight: 800;
}
a.read_more, a.show_less {
    font-size: 20px;
    color: #e11522;
    text-transform: uppercase;
    font-weight: 600;
}
.testimonial_group .full-testimonial .rr_date {
    font-size: 15px !important;
    font-style: italic;
}
.testimonial_group .full-testimonial .rr_review_name{
    font-size: 20px;
}
.rr_review_form .form_table .rr_form_row .rr_form_heading {
    font-size: 18px;
    color:#ffffff;
}
.opinie-title {
    color: #fff;
}
.rr_review_text {
    font-size: 18px;
}
table.form_table {
    width: 100%;
}
header.entry-header.tc-page-header.clearfix {
    background-size: cover;
}
p#myfield1_field,p#myfield2_field,p#myfield3_field,p#myfield4_field, p#myfield2c_field,p#myfield3c_field{
    background: #f0f0f0;
    padding: 30px;
   
}
h3#myfield1_field {
    text-align: center;
    font-size: 14px;
    background: #f0f0f0;
    padding: 30px;
    margin-top: 50px;
}
div#prawy3 .padding_39 {
    position: relative;
    top: 75px;
}
#lewy2 .padding_39 {
    position: relative;
    top: 75px;
}
h2.vc_custom_heading.main-margin {
    margin-top: 88px;
    margin-bottom: 80px;
}
.full-testimonial {
    margin: 20px 0;
}

.room-video h6,.popup-gallery h6{
    color: #fff;
    font-size: 16px;
}


/*WOOCOMMERCE*/
body.page-template-default {
    background: #28252a;
}
.woocommerce form .form-row {
    padding: 0px;
}
.woocommerce form .form-row .input-checkbox{
    margin: 4px 0px 0 -20px;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    width: 100%;
}
.product_meta {display: none;}

.woocommerce div.product p.price, .woocommerce div.product span.price {color:#fca73c;}
h3#order_review_heading {
    color: #fff;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, table.shop_table.woocommerce-checkout-review-order-table {
    color: #ffffff;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover {
    background-color: #e11522; 
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #e11522;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-family: Muli;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
    background-color: #e11522;
    color: #fff;
    opacity: 0.8;
}
form.woocommerce-cart-form {
    background: #f0f0f0;
    padding: 30px;
}
section.related.products {
    display: none;
}
.woocommerce-order {
    margin: 100px 0;
    color: #28252a;
    background: #f0f0f0;    
    padding: 40px; 
    /* opacity: 0.5; */
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: left;
    background: #e11522;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    background: #e11522;
}
td.woocommerce-table__product-name.product-name{
    pointer-events: none;
}
.woocommerce-cart td.product-thumbnail, .woocommerce-cart td.product-name {
    pointer-events: none;
}
.woocommerce-product-details__short-description,.vc_row.wpb_row.vc_inner.vc_row-fluid.woo-text {
    color:#f0f0f0;
}

td.product-name a {
    color: #e11522;
}
#post-396 .tc-page-header .overlay{
    display: block !important;
    padding: 230px 0;
}

nav#nav-primary {
    background: #050406 !important;
}
.navbar-header img {
    width: 200px;
    padding: 10px;
}
img.footer-logo {
    width: 120px;
}
.tc-page-header .overlay {
    display: none !important;
}
h1.vc_custom_heading.room-heading {
    text-transform: uppercase;
    margin-top: 80px;
}
.txt_room {
    margin: 51px 0 0 !important;
    text-align: justify;
    background: #ffffff !important;
    padding: 40px;
    opacity: 0.8;
    color: #000000;
}

p.players {
    display: block !important;
    float: left !important;
    width: 50% !important;
    text-align: center !important;
    margin: 0px;
    padding: 8px;
    color: #38353a;
    opacity: 0.8;
}
p.price-front {
    text-align: center;
    width: 50%;
    float: left;
    margin: 0px;
    padding: 8px;
    color: #38353a;
}
p.header-pricing {
    text-align: center;
    color: #ffffff;
}
p.players.shadow, p.price-front.shadow {
    background: #ececec;
}
p.players.white, p.price-front.white {
    background: #ffffff;
}
p.players.header, p.price-front.header {
    background: #302a33;
    margin: 0px;
    padding: 15px 0px 10px 0px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}
.wpb_text_column.wpb_content_element.info {
    color: white;
    font-size: 13px;
}
.wpb_text_column.wpb_content_element.info img {
    float: left;
    margin: 0 15px 0px 0px;
}
.wpb_text_column.wpb_content_element.corpo3 {
    background: #fca73c;
        padding: 36px;
        color: #0f0b10;
        opacity: 0.75;
  
}
.wpb_text_column.wpb_content_element.corpo4 {
    background: #fca73c;
    padding: 16px;
    color: #0f0b10;
    opacity: 0.75;
}

.wpb_text_column.wpb_content_element.corpo2 {
    background: #c2121d;
    padding: 30px;	
    color: #ffffff;
    opacity: 0.75;
}
.wpb_text_column.wpb_content_element.corpo1 {
    background: #ffffff;
    padding: 30px;
    color: #0f0b10;
    opacity: 0.75;
}
p.pricelist {
    text-align: center;
    padding: 15px;
    font-size: 30px;
    font-weight: 900;
}
.zgody {
    position: relative;
    margin-top: 65px;
    width: 1100px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    max-height: 145px;
    width: 357px;
    max-width: 100%;
}
textarea {
    margin-top:0px;
}

span.wpcf7-list-item-label {
    color: #fff;
}
.entry-footer {
    display: none !important;
}
.wpcf7-submit {
    background: #e11522 !important;
    border: 1px solid #e11522 !important;
    text-transform: uppercase;
}
.button-reservation a {
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 12px;
}
.button-reservation {
    background: #e11522;
    width: 40%;
    text-align: center;
    display: block;
}
.button-reservation:hover {
    background: #fff;
    box-shadow: 0 0 0 3px #e11522;
    -webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
}

.button-reservation a:hover {
    color: #e11522;
    display: block;
}

.room-page {
	background:#28252a
}
.room-info h6 {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 16px;
}
.room-page h5 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
h2.vc_custom_heading .escape{
    margin-top: 88px;
    margin-bottom: 82px;
}
h2.vc_custom_heading.header-room {
    margin: 0;
}
h2.vc_custom_heading.cennik {
    margin-top: 88px;
}
.col-lg-12.room-reservation {
    margin-bottom: 100px;
}
    
@media (min-width: 1199px){
    .overlay.dotted_bg h1.entry-title,.room-img-inner h2.room-title  {
        color: #f0f0f0;
        font-size: 70px;
       font-weight: 700;
    }
  
}

@media (max-width: 1199px){
.zgody {
    position: relative;
    margin-top: 65px;
    width: 900px;
}
.navbar-custom .navbar-nav > li > a {
    margin: 0;
}
.nav>li>a {
    padding: 10px;
}

}
@media (max-width: 996px){
    .zgody {
        position: relative;
        margin-top: 65px;
        width: 700px;
    }
    }

@media (min-width: 768px){
    


.lead {
    font-size: 17px;
}
.vc_row.wpb_row.vc_row-fluid.reservation {
    display: none;
}
.button-reservation{
    width: 100% !important;
}
.navbar-right {
    float: right !important;
    margin-right: 0;
}

}

@media (max-width: 768px){



    .shiftnav-toggle.shiftnav-toggle-shiftnav-main.shiftnav-toggle-button {
        display: none;
      }

    h1.vc_custom_heading.room-heading {
        text-transform: uppercase;
        margin-top: 30px;
    }
    a#slide-1-layer-7 {
        font-size: 14px !important;
        padding: 11px !important;
        top: -10px !important;
    }
    a#slide-1-layer-11 {
        font-size: 14px !important;
        padding: 11px !important;
        
    }
    .zgody {
        position: relative;
        margin-top: 65px;
        width: 500px;
    }
.navbar-header a img,{
    width: 190px;
    position: absolute;
    bottom: 5px;
}
p.players.header, p.price-front.header {
    font-size: 12px;
}
.vc_btn3-container.opinie-button.vc_btn3-center {
    margin-top: 15px;
}
.button-reservation {
    width: 100%;
}
footer#site-footer .col-lg-3.col-md-3.col-sm-3 {
    MARGIN-BOTTOM: 35PX;
}
footer#site-footer {
    opacity: 0;
}
}
@media (max-width: 568px){
    .zgody {
        position: relative;
        margin-top: 65px;
        width: 250px;
    }
    .vc_custom_1509221648551{
        margin-top:30px !important;
    }
    .vc_custom_1526565720616 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    h2.vc_custom_heading.cennik {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    h2.vc_custom_heading.main-margin {
        margin-top: 30px;
        margin-bottom: 30px;
    }
 
}



a.button.button-big.button-line-dark.button_reservation {
    width: 100% !important;
    background: #e11522 !important;
    color: white !important;
	border:none !important
	
}
a.button.button-big.button-line-dark.button_reservation:hover {
    background: white !important;
    color: #e11522 !important;
    border: none !important;
}




body table.booked-calendar thead th, body table.booked-calendar thead th {
    text-align: center !important;
    color: #fff !important;
    background: #0f0b10 !important;
    border: none;
}

body table.booked-calendar tr.days th, {
    border-color: #264452 !important;
    background: #fca73c !important;
}
.room-page {
    margin-bottom: 0;
    font-size: 18px;
}
.room-img {
    min-height: 553px;
}



/***** LAYOUT ROOM v2 *****/

div#room-layout .item:first-child {display: none}
p.desc {
    font-size: 17px;
    color: #ffffff;
}
.caption h3 {display: none}
#room-layout .item figure.effect-apollo {margin-bottom: 20px}
#room-layout .item figure.effect-apollo {
    background: #fca73c !important;
}
.button-line-dark:hover{
    background: #fca73c !important;
}
figcaption p {
    display: none;
}
body.navbar-fixed-top {margin-top: 0px !important}
p.nmbr {
    color: #ffffff !important;
}



  
  /* DivTable.com */
  .divTable{
      display: table;
      width: 100%;
  }
  .divTableRow {
      display: table-row;
  }
  .divTableHeading {
      background-color: #EEE;
      display: table-header-group;
  }
  .divTableCell, .divTableHead {
    font-weight: bold;
      display: table-cell;
      text-align: center;
      padding: 15px;
      vertical-align: middle;
  }
  .divTableHeading {
      background-color: #EEE;
      display: table-header-group;
      font-weight: bold;
  }
  .divTableFoot {
      background-color: #EEE;
      display: table-footer-group;
      font-weight: bold;
  }
  .divTableBody {
      display: table-row-group;
  }
  .needmarg {
      float: left;
      text-align: center;
      width: 25%;
  }
  .divTableCell.header {
      background: #302a33;
      color: #f0f0f0;
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
  }
  .divTableRow.pricetable > * {
    border-right: 1px solid;
  }
  .divTableRow.pricetable {
    background: #ffffff;
    opacity: 0.90;
}
  .divTableCell.header2 {
      background: #28232b;
      color: #f0f0f0;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13px;
  }
  .divTableRow.peopletable {
      background: #bfbfbd;
      opacity: 0.90;
  }
  .divTableRow.peopletable >* {
    border-right: 1px solid;
}
  #site-footer {
    background: #000;
    padding: 10px;
    left:0;
    bottom: 0;
    position: fixed;
    width: 100%;
}
.col-lg-6.col-md-6 {
    text-align: justify;
}
.invert-red .cal2_week>.day>a.inact {
    border-color: #616161 !important;
    background: red !important;
    color: white !important;
}
div#rezerwacja {
    margin-bottom: 50px;
}
div#facebook_slider_widget a img {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
#facebook_slider_widget {
    top:355px !important;
}


  
  @media (min-width: 768px){
      .vc_row.wpb_row.vc_inner.vc_row-fluid.mobile {
      display: none;
  }
  a.facebook-mobile .svg-inline--fa.fa-w-9 {
    display: none;
}
  .vc_custom_1509382700442 {  
    margin-bottom: 82px ; 
 }
  }


  @media only screen and (max-width: 767px){

 .rr_review_form .form_table .rr_form_row .rr_form_input input[type="text"] {
     width:100% !important;
 }
 .rr_review_form .form_table .rr_form_row .rr_form_input textarea {
     width: 100% !important;
 }
}
 

@media (max-width: 768px){
  .vc_row.wpb_row.vc_inner.vc_row-fluid.desktop {
      display: none;
  }

  .vc_custom_1509382700442 {  
   margin-bottom: 0px ; 
}
input[type="submit"] {float:left;margin-bottom: 30px;}
a.facebook-mobile .svg-inline--fa.fa-w-9 {
    width: .5625em;
    left: 70%;
    position: relative;
    bottom: 33%;
    position: absolute;
    font-size: 22px;
}
  }

  #main {
      width: 100%;
      clear: both;
      height: 100%;
      overflow: hidden;
          margin-bottom: 40px
  }
  #prawy {
      width: 49%;
      margin-bottom:-20000px;
      padding-bottom: 20000px;
      float: left;
  }
  #lewy{
      width: 49%;
          float: left;
      height: 100%;
      margin-bottom: -20000px;
      padding-bottom: 20000px;
  }
  
  #prawy1 {
      width: 49%;
      float: left;
      height: 100%;
      margin-bottom: -20000px;
      padding-bottom: 20000px;
     background: #c2121d;
      color: #ffffff;
      opacity: 0.75;
  }
  #lewy2 {
      width: 49%;
      float: left;
      height: 100%;
      margin-bottom: -20000px;
      padding-bottom: 20000px;
      background: #ffffff;
      color: #0f0b10;
      opacity: 0.75;
  }
  #prawy3 {
      width: 49%;
      float: left;
      height: 100%;
      margin-bottom: -20000px;
      padding-bottom: 20000px;
      background: #fca73c;
      color: #0f0b10;
      opacity: 0.75;
  }
  .padding_39 {
      padding: 39px;
  }
  
  

  @media (max-width: 1199px){ 
#lewy {
    width: 100%;
    margin-bottom: 0;
    padding-bottom:0;
}
#prawy1 {
    width: 100%;
    margin-bottom:0;
    padding-bottom:0;
}
#lewy2{
    width: 100%;
    margin-bottom:0;
    padding-bottom:0;
}
#prawy{
    width: 100%;
    margin-bottom:0;
    padding-bottom:0;
}
#prawy3{
    width: 100%;
    margin-bottom:0;
    padding-bottom:0;
}
#main{  width: 70%;
        margin: 0 auto 40px;
}
div#prawy3 .padding_39 {
    position:inherit;
    top: auto;
}
#lewy2 .padding_39 {
    position:inherit;
    top: auto;
}


}
@media (max-width: 725px){   
    #main{width:100%;}  
}


  ::before, ::after {
  
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  
  }
 
  #menu-item-9 {
  outline: 1px solid silver;
  }
  
  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
      background: red;
      color: white;
      border: none;
  }
  .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
          background: darkorange;
      color: white;
      border: none;
  }
  span.wpcf7-not-valid-tip {
      color: darkorange !important;
  }
  .divTableCell > .needmarg {
    position: relative;
    left: 55px;
}
.mobile-margin {
    padding: 75px 0;
}
.navbar-custom {
	background:rgba(43,46, 52, 0.65);
	}


	.navbar-custom .navbar-nav > li > a:hover {
		color:#fdb713;
	}
		


	.navbar-custom .icon-bar,
	.navbar-custom-blog .icon-bar {
		background:#fdb713;
	}


	.tc-page-header {
		background:#2b2e34;
	}


	.tc-blog-header {
		background-color:#2b2e34;
	}


	.navbar-custom .navbar-nav>li>.dropdown-menu {
		background:#fdb713;
	}

	.navbar-custom .dropdown-menu>.active>a,
	.navbar-custom .dropdown-menu>.active>a:hover,
	.navbar-custom .dropdown-menu>.active>a:focus {
		background-color:#2b2e34;
	}



	#rooms-carousel h3 {
		color:#fdb713;
	}


	#rooms-carousel .item i {
		color:#fdb713;
	}


	#rooms-carousel .item figure.effect-apollo {
		background: #2b2e34;
	}


	#room-layout i {
		color:#fdb713;
	}

	#room-layout .item figure.effect-apollo {
		background: #fdb713;
	}


	#room-layout .item figure.effect-apollo i{
		color:#2b2e34;
	}


	.room-img-inner .room-att i {
		color:#fdb713;
	}

	.room-info i {
		color:#fdb713;
	}


	#site-footer ul.social li a:hover,
	#site-footer ul.social li a:focus {
		color:#fdb713;
	}

	.wpcf7-submit {
	    background: #fdb713;
	    border: 1px solid #fdb713;
	}

	.site-footer .wpcf7-submit:hover {
		color:#fdb713;
	}


	.button-dark {
		background:#fdb713;
		border:1px solid #fdb713;
	}

	.button-dark:hover,
	.button-dark:active {
		background: #fdb713;
		border:1px solid #fdb713;
	}

	.button-line-dark {
		color:#fdb713;
		border:1px solid #fdb713;
	}

	.button-line-dark:hover,
	.button-line-dark:active {
		background: #fdb713;
	}


	h3.entry-title a {
		color:#2b2e34;
	}

	h3.entry-title a:hover,
	h3.entry-title a:focus {
		color:#fdb713;
	}

	.entry-meta span i,
	.entry-footer span i {
		color:#fdb713;
	}

	.entry-meta span a:hover,
	.entry-footer span a:hover,
	.entry-meta span a:focus,
	.entry-footer span a:focus {
		color:#fdb713;
	}

	.single-post-header {
		background:#2b2e34;
	}


	.nav-previous a,
	.nav-next a,
	.form-submit #submit,
	.read-more-button {
		border:1px solid #fdb713;
		background:#fdb713;
	}

	.nav-previous a:hover,
	.nav-next a:hover,
	.nav-previous a:focus,
	.nav-next a:focus,
	.read-more-button:hover,
	.read-more-button:focus {
		color:#fdb713;
		border:1px solid #fdb713;
	}

	article table a,
	article table a:hover {
		color:#fdb713;
	}


	#secondary a:hover,
	#secondary a:focus {
		color:#fdb713;
	}

	#secondary aside h3:after {
	    background-color: #fdb713;
	}

	input.search-submit {
		background:#fdb713;
		border:1px solid #fdb713;
	}

	.tagcloud a:hover,
	.tagcloud a:focus {
		background:#fdb713;
		border:1px solid #fdb713;
	}

	#wp-calendar td > a,
	#wp-calendar td > a:hover {
		background:#fdb713;
	}

	.comment-author a:hover,
	.comment-metadata a:hover {
		color:#fdb713;
    }	
    #face-slider{
        position:fixed; /* sprawia że slider jest widoczny w stałym miejscu przeglądarki, nie przewija się wraz ze stroną, a pozostaje w miejscu */
        right:-288px; /* pozycjonuje slider poza widoczny obszar okna przeglądarki, efekt schowania */
        top:100px; /* pozycjonuje slider 190px od góry okna przegladarki */
        z-index:100; /* po wyjechaniu, otworzeniu się slidera, jego okno ma być ponad wszystkimi innymi warstwami - na samej górze */
    }
    #face-slider #tab{
        cursor:pointer; /* zmienia domyślny kursor na wskazującą rączkę - tylko efekt wizualny */
        height:110px; /* wysokość diva, będącego zakładką, również wysokość grafiki */
        width:58px; /* szerokość widocznej zakładki, również szerokość grafiki zakłądki */
        float:left; /* przyleganie do lewej krawędzi kontenera slidera */
        background: url(https://www.xosil.live/wp-content/uploads/2018/06/face_logo1.png) no-repeat center center; /* wstawiamy link do grafiki z zakładką */
    }
    #face-code{
        
        
        float:left; /* przyleganie do lewej, czyli ma przylegać do kontenera zakładki */
        width:286px; /* szerokość  */
        height:296px; /* wysokość */
        -moz-border-radius: 0 0 0 8px; /* zaokrągla lewy dolny róg */
        -webkit-border-radius: 0 0 0 8px; /* zaokrągla lewy dolny róg*/
        border-radius: 0 0 0 8px; /* zaokrągla lewy dolny róg */
    }


.invert-red .cal2_cont {
    border-color: #ca0409;
    background-image: url('https://www.xosil.live/wp-content/uploads/2018/03/island_new.jpg') !important;
    color: #fff;
}