/*@font-face {
    font-family: 'courgetteregular';
    src: url('../fonts/courgette-regular-webfont.woff2') format('woff2'),
         url('../fonts/courgette-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'bad_scriptregular';
    src: url('../fonts/badscript-regular-webfont.woff2') format('woff2'),
         url('../fonts/badscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
::selection { color: #fffff3; background: #657083; }
a { color: #0056b3; transition: ease-in-out color .15s; text-decoration: none !important;}
a:hover { color: #113358;}
.bg-pink{ background: #fff1f1;}
.bg-gray{ background: #f1f1f1;}
.bg-offwhite{ background: #fbfaf7;}
.bg-offwhite-50{ background: rgba(251,250,247,0.5);}
.unselectable {-webkit-user-select: none; -ms-user-select: none; user-select: none;}
#status {color: #6c757d; background-color: rgba(255, 255, 255, 0.8); border: 1px solid #c1c1c1; border-radius: .25rem;}
.add-height-1{height: 50px;display: block;}
.hand-font{font-family: bad_scriptregular, Arial, sans-serif !important;}
.georgia-font { font-family:  Georgia, "Times New Roman", serif; }
.pt-150 {padding-top: 150px;}
.pt-200 {padding-top: 200px;}
.pb-250 {padding-bottom: 250px;}
div.alert {margin-bottom: 0!important;}

/*============== site-header ==============*/
.site-header{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.site-header .container { max-width: 960px;}
.site-header a, footer a {color: #b3b3b3;}
.site-header a:hover, footer a:hover {color: #FFF;}
.logo {opacity: 0.7; transition: opacity 0.2s ease;}
.logo:hover {opacity: 1;}

/*============== profile ==============*/
.profile {
  backdrop-filter: saturate(90%) blur(2px);
  box-shadow: rgba(0, 0, 0, 0.16) 3px 8px 15px, rgba(0, 0, 0, 0.23) 5px 6px 16px;
  background-color: rgba(255, 255, 255, 0.5);}

  /* change the height per traveller per screen upto 700px */
.parallax {width: 100%; height: 630px; overflow: hidden; display: block; background-size: 100%; position: relative; }
.parallax-background {background: #019ad3; position: relative; z-index: 1; width: 100%; height: 100%; }
.parallax .container {z-index: 2; position: absolute; top: 0; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.parallax .description {margin-top: 340px; font-weight: 200; }
.parallax .parallax-image {width: 100%; margin: 0 auto; margin-top: 60px; float: right; text-align: center; }
.parallax .parallax-image img {height: auto; width: 150%; float: right; }
.avatar {filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.8));}
.about {background: rgba(255, 255, 255, 0.8); border-radius: 6px;}


/*============== hero homepage ==============*/
.hero .parallax-background {background: #000;}
.hero h1, .hero p{text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);}

/*============== image hover zoom effect ==============*/
.img-zoom {
  transform: scale(1);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  transition: transform 0.1s ease-in-out, filter 0.1s ease-in-out;
}
.img-zoom:hover {
  transform: scale(1.035);
  filter: drop-shadow(4px 3px 2px rgba(0, 0, 0, 0.5));
}
.md-img-zoom:hover {
  transform: scale(1.0);
}
.img-zoom:active {
  transform: scale(1);
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
  transition: transform 0.001s ease-out, filter 0.001s ease-out; /* 4x faster click response */
}

/*============== Photo Album Gallery / Modal ==============*/
.btn:focus, .btn:active, button:focus, button:active { outline: none !important; box-shadow: none !important;}
.modal-footer{ display: block;}
.album-thumb { height: auto; max-width: 100%;}
.img-thumbnail{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}

/*============== Page Scroll ==============*/
.scroll-top.show {cursor: pointer; opacity: .4;}
.scroll-top {position: fixed;opacity: 0; background-color: #000; width: 50px; height: 48px; right: 20px; bottom: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scroll-top-icon {content: ""; color:#fff; position: absolute; top: 13px; left: 17px; }

/*============== 404 ==============*/
.e404{font-size: 10rem;font-weight: bold;color: #dc3545;line-height: 1;}

/*============== @media ==============*/
@media screen and (max-width: 480px) {
   .parallax {height:660px;}
}
@media screen and (max-width: 1280px) and (min-width: 481px) {
    .parallax {height:630px;}
}
@media screen and (min-width: 1281px) {
    .parallax {height:700px;}
}

@media screen and (max-width: 991px) {
   .on-sm-centered {text-align: center;}
   .on-sm-d-block {display: block;}
}

@media screen and (max-width: 768px) {
   .parallax-background-image {opacity: 0.3;}
}