/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 20, 2018, 3:55:15 PM
    Author     : Magazine3
*/
@media only screen and (min-width: 992px) {
    .pwaforwp-footer-prompt {
        padding: 1% 3%;
     flex-direction: row;
    justify-content: center;
    }
}
.pwaforwp-footer-prompt{
    display: none;
    width: 100%;
    line-height: 2em;    
    color: #333;
    text-align: center;
    text-decoration: none;    
    min-height: 10%;
    padding:15px 0px 15px 0px;
    position: fixed;
    bottom: 0;
    justify-content: flex-end;
    flex-direction: column;
    flex-grow: 1;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 9999;
}
.pwaforwp-footer-prompt .pwaforwp-prompt-close:after{
  content: "✖";
  color: #d5e0eb;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.40);
  border-radius: 30px;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 22px;
  cursor: pointer;
} 
.pwaforwp-bounceInUp{
    animation-name: bounceInUp;
}
.pwaforwp-animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.pwaforwp-btn{
    border: none;   
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    height: auto;
    line-height: 1;
    min-width: auto;
    padding: 8px 16px;
    font-size: 16px;
    margin: 10px 0px 0px 0px;
    font-family: sans-serif;
    text-transform: none;
    transition: all .2s ease-in-out;
}
/* Center the loader */

#pwaforwp_loading_div {
  display: none;
  position: fixed;
  width: 100%;
  height: 200%;
  top: 0px;
  left: 0px;
  background-color: white;
  z-index: 9999;
}
.pwaforwp-loading-wrapper{z-index: 9999999;display:none;}
#pwaforwp_loading_icon {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999999;
  margin: -60px 0 0 -60px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

/** Add to home screen CSS **/
#pwaforwp-add-to-home-click h3{
  font-size: 20px;
  font-weight: 600;
  margin: 0px;
  line-height: 1.4;
  font-family: sans-serif;
}

@media(max-width:425px){
  #pwaforwp-add-to-home-click h3 {
    font-size: 16px;
  }
  .pwaforwp-btn{
    font-size: 14px;
  }
  .pwaforwp-footer-prompt{
    padding:15px 0px 10px 0px;
  }
  .pwaforwp-footer-prompt .pwaforwp-prompt-close:after {
    right: 5px;
    top: 5px;
  }
}
.pwaforwp-app-contents{display: none;}
/* 
 Theme Name:   Theme Child
 Theme URI:    https://webpanda.pl
 Description:  Theme Child
 Author:       Webpanda
 Author URI:   https://webpanda.pl
 Template:     hello-elementor
 Version:      1.0
*/


body {
  font-family: "Roboto", sans-serif;
}

@font-face {
    font-family: "Roboto";
    src: url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.eot);
    src: url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.eot#iefix) format("embedded-opentype"),
		 url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.woff2) format("woff2"),
		 url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.ttf) format("truetype"),
		 url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.woff) format("woff"),
		 url(//travellernote.com/wp-content/themes/theme-child/fonts/Roboto.svg) format("svg");
		 font-weight: normal;
         font-style: normal;
         font-display: swap;
}


.site-header, body:not([class*="elementor-page-"]) .site-main {
	margin-right: auto;
	margin-left: auto; 
	padding-left:10px;
	padding-right:10px;
}

@media (max-width: 575px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    padding-right: 10px;
    padding-left: 10px; } }

@media (min-width: 576px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    max-width: 500px; } }

@media (min-width: 768px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    max-width: 600px; } }

@media (min-width: 992px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .site-header, body:not([class*="elementor-page-"]) .site-main {
    max-width: 1260px; } }


/* menu */

/*
.elementor-nav-menu--indicator-chevron .elementor-nav-menu .sub-arrow i:before {
  font-family: "webpanda-website-solid-lite";
  content: "\f078";
  font-style: normal;
}


.elementor-nav-menu--indicator-chevron .elementor-nav-menu .sub-menu .sub-arrow i:before {
  font-family: "webpanda-website-solid-lite";
  content: "\f054";
  font-style: normal;
}

@media screen and (max-width:768px){
.elementor-nav-menu--indicator-chevron .elementor-nav-menu .sub-menu .sub-arrow i:before {
    content: "\f078";
} }


.elementor .elementor-search-form .elementor-search-form__submit i:before{
  font-family: "webpanda-website-solid-lite";
  content: "\f061";
   font-style: normal;
}
*/



.essb_message_before {display:block !important}






/* table */
body table {display: block;}


body table p strong, body table p, body table span, body table strong, body table h1, body table h2, body table h3, body table h4, body table h5, body table h6 {
  word-wrap: normal;
  word-break: normal;
}




.post-template-default table, .post-template-default .table.primary {
background-color: transparent;
overflow: auto !important;
overflow-x: auto !important;
overflow-y: hidden !important;
text-align: center !important; 
width: 100% !important;
max-width: 100% !important;
min-width: auto !important;
border: 1px solid #eee !important;
border-spacing: 0px;
}


.post-template-default tbody, .post-template-default td, .post-template-default tr, .post-template-default th {width: auto !important; max-width: auto; min-width: auto;}
.post-template-default tr, .post-template-default tbody, .post-template-default td, .post-template-default th {border: 1px solid #eee !important; }
.post-template-default table {border: 0px !important;}
@media screen and (max-width: 768px){
.post-template-default table, .post-template-default .table.primary {
display: block !important;
padding: 5px  !important;
text-align: center !important;  
border: none !important;
}    

.post-template-default table tbody, .post-template-default table thead  {
width: auto !important;
max-width: auto !important;
min-width: auto !important;
padding: 0px !important;
}
  
  
.post-template-default table th, .post-template-default table td, .post-template-default table tr {
padding: 5px !important;
font-size: 10px !important;
line-height: 10px !important;
vertical-align: middle !important;
width: 100% !important;
max-width: 100% !important;
min-width: auto !important;
}} 


@media screen and (max-width: 400px){
.post-template-default table th, .post-template-default table td, .post-template-default table tr {
font-size: 8px !important;
line-height: 9px !important;
}}

@media screen and (max-width: 310px){
.post-template-default table {
word-break:break-word !important;}
.post-template-default table th, .post-template-default table td, .post-template-default table tr {
font-size: 3vw !important;
line-height: 3.2vw !important;
}}
/* end table */


/* Blog */

.form-submit {text-align:right;}
p strong, p, span, strong, h1, h2, h3, h4, h5, h6{
  word-wrap: break-word;
  word-break: break-word;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.wp-block-gallery,
ul.blocks-gallery-grid {
    margin-left: 0;
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	padding: 10px;
	box-sizing: border-box;
}

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-item img {
	vertical-align: bottom;
}

.gallery-icon {
	padding: 5px;
}

embed,
iframe,
object {
	max-width: 100%;
}



.elementor .post-taxonomy-block .elementor-icon-list-text a {color: #0F0F0F}
.elementor .post-taxonomy-block .elementor-icon-list-text a:hover {color: #F88C00}
.elementor .elementor-post-navigation__separator-wrapper {margin-left: 10px;margin-right: 10px;}

.elementor-facebook-widget.fb_iframe_widget, .elementor-facebook-widget.fb_iframe_widget span {
    width: auto !important;
}

.elementor .f1 .elementor-facebook-widget.fb-like iframe {
  min-width: 102px !important
}

.elementor .f2 .elementor-facebook-widget.fb-like iframe {
  min-width: 238px !important
}  



/* end blog */




/* back-to-top*/
.backtotopout {
  width: 60px;
  height: 60px;
  position:fixed;
  right: 10px;
  left: auto;
  top: auto;
  bottom: 10px;
  z-index: 999;
  display: none;}

.backtopin {
width: 60px;
height: 60px;
background-color: rgba(0,0,0,1);
margin: 0 auto;  
text-align: center;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
display: block;
padding-top: 14px;
border-radius: 90px;
-webkit-box-shadow: 0px 6px 20px -6px rgba(0,0,0,0.8);
        box-shadow: 0px 6px 20px -6px rgba(0,0,0,0.8);
}

.b-arrow-one {
height: 20px;
width: 20px;
border-left: 4px solid #fff;
border-top: 4px solid #fff;
margin-left: auto; 
margin-right: auto; 
margin-top: 10px;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-animation: arrtop 2s infinite;
        animation: arrtop 2s infinite;  
-webkit-animation-delay: 0s;  
        animation-delay: 0s;
}

@-webkit-keyframes arrtop {
0% {
    -webkit-transform: rotateY(0) rotate(45deg);
            transform: rotateY(0) rotate(45deg);
    opacity: 1;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
   }
50% {
    -webkit-transform: rotateY(180deg) rotate(45deg);
            transform: rotateY(180deg) rotate(45deg);
    opacity: 1;   
    -webkit-animation-delay: 0s;   
            animation-delay: 0s;
   }
100% {
     -webkit-transform: rotateY(360deg) rotate(45deg);
             transform: rotateY(360deg) rotate(45deg);
     opacity: 1;
     -webkit-animation-delay: 0s;
             animation-delay: 0s;
    }
                 }

@keyframes arrtop {
0% {
    -webkit-transform: rotateY(0) rotate(45deg);
            transform: rotateY(0) rotate(45deg);
    opacity: 1;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
   }
50% {
    -webkit-transform: rotateY(180deg) rotate(45deg);
            transform: rotateY(180deg) rotate(45deg);
    opacity: 1;   
    -webkit-animation-delay: 0s;   
            animation-delay: 0s;
   }
100% {
     -webkit-transform: rotateY(360deg) rotate(45deg);
             transform: rotateY(360deg) rotate(45deg);
     opacity: 1;
     -webkit-animation-delay: 0s;
             animation-delay: 0s;
    }
                 }
				 
@media screen and (max-width:767px){
.backtotopout{display:none !important;}
#cookieChoiceInfo {bottom: 60px!important;left:10px !important;}
}



/* scroll bar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#F88C00;border:0 none #fff;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#F88C00}
::-webkit-scrollbar-thumb:active{background:#F88C00}
::-webkit-scrollbar-track{background:#0F0F0F;border:0 none #fff;border-radius:0}
::-webkit-scrollbar-track:hover{background:#0F0F0F}
::-webkit-scrollbar-track:active{background:#0F0F0F}
::-webkit-scrollbar-corner{background:transparent}
/* end scroll bar */