/* TrueType fonts for IE */
@font-face {
    font-family: 'Heebo';
    src: url(../fonts/Heebo.ttf) format('truetype');
}

/* Default Element Styles */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    direction: rtl;
    text-align: right;
    font-family: 'Heebo', sans-serif;
    font-size: 16pt;
    background: black url(../images/banner-background.jpg) no-repeat fixed;
    background-size: cover;
    background-position: center center;
    line-height: 1.5;
}
h6 { font-size: .8em; }
h5 { font-size: 1em; }
h4 { font-size: 1.25em; }
h3 { font-size: 1.5em; }
h2 { font-size: 2em; }
h1 { font-size: 3.2em; }
textarea {
    min-height: 80px;
    resize: vertical;
}
img.full {
    max-width: 100%;
}
main {
    min-height: 85vh;
}
main > section {
    padding: 2em;
    background: white;
    box-shadow: 0 .5em 3em rgba(0,0,0,.3) inset;
}
/* main > section h2 {  text-align: right;  margin-bottom: 1em;} */
section:first-child {
    background: rgba(0,0,0,.5);
    color: white;
    text-shadow: 0 .1em .3em rgba(0,0,0,.3);
    box-shadow: none;
    padding-top: 150px;
}
section:first-child h2 {
    margin-top: 0;
}

#page-heading h1 {
    font-size: 2em;
}

/* Bootstrap's style changes */
.lead {
    font-size: 1.1em;
}
.navbar-brand {
    font-weight: bold;
}
.navbar .dropdown, .navbar .dropdown a {
    cursor: pointer !important;
}

/* Custom classes */
.top-padding {
    padding-top: 1.5em;
}
.bottom-padding {
    padding-bottom: 1.5em;
}
a.link-white {
    color: white;
}
a.link-white:hover {
    color: white;
}

/* Animated button for featured content */
@keyframes featured-button {
    0% {background-color: #ff9322;}
    50% {background-color: #5bc0de;}
    100% {background-color: #ff9322;}
}
.btn-featured {
    color: white;
    background-color: #ff9322;
    animation: featured-button;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.btn-featured:hover {
    color: white;
    background-color: #ff9322;
    animation: none;
}

/* General Styles */
#page-content {
    min-height: 60vh;
}
#page-content img {
    max-width: 100%;
}
#page-footer {
    background: #181818;
    color: white !important;
    font-size: .9em;
}
#page-footer .list-inline > li {
    padding-left: .5em;
}
#page-footer a, #page-footer a:hover {
    color: white !important;
}
#page-header, #page-footer {
    font-size: 14pt;
}
/* Homepage styles */
#banner {
    text-align: center;
    padding: 12.5% 0;
    font-size: 1.5em;
    min-height: 100vh;
}
#banner p {
    margin-top: 1em;
}
#offers {
    font-size: 22pt;
}

/* Gallery styles */
#gallery {
    min-height: 55vh;
}
.photo {
    position: relative;
    overflow: hidden;
    z-index: auto;
}
.photo a {
    display: block;
    background: white;
}
.photo img {
    transition-duration: 500ms;
    transition-property: opacity;
}
.photo:hover img {
    z-index: 999;
    opacity: .75;
}
.photo .photo-desc {
    position: absolute;
    bottom: 0;
    color: white;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .5);
    width: 100%;
    text-align: center;
    z-index: 9999;
}
.photo .fb-like {
    display: none;
}
.masonry {
    padding: 0;
    -moz-column-gap: .1em;
    -webkit-column-gap: .1em;
    column-gap: .1em;
}

.masonry .item {
    background: #fff;
    padding: .1em 0;
}
@media only screen and (max-width: 767px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .photo {
        text-align: center;
    }
    #offers {
        font-size: 16pt;
    }
}

@media only screen and (min-width: 768px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .photo img {
        width: 357px;
        height: auto;
    }
    .hr-dd > .dropdown-menu {
        /* transform: translatex(50%); */
        position: fixed;
        top :100px; right: 0; max-width: 100%;
    }
    .hr-dd > .dropdown-menu li{
        display: inline-block;
        float:right;
    }
    .hr-dd.open > ul {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 992px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .photo img {
        width: 310px;
        height: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
    .photo img {
        width: 377px;
        height: auto;
    }
}


/* Fade effect for bootstrap carousel */
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/* IE Fixes */
.msie-8 #banner, .msie-8 #gallery-info, .msie-8 #page-heading,
body.unsupported-browser #banner {
    background: transparent url(../images/ie-darken.png) repeat;
}
.msie-8 section {
    border-top: 1px solid #ccc;
}
.msie-8 .dropdown.open .dropdown-menu a:hover,
.msie-7 .dropdown.open .dropdown-menu a:hover {
    background: rgb(34,34,34);
}
.msie-8 .dropdown-menu {
    background: rgb(0,0,0);
    border: none;
}

/* Old browser message */
#old-browser-notice {
    font-size: 14pt;
}

/* Responsive styles */
/* Extra small screens */
@media (max-width: 767px) {
    #banner h4 {
        margin-top: 2em;
        font-size: .8em;
    }
    #banner p {
        font-size: .7em;
    }
    body {
        background-position: 40% 0;
    }
    #about .btn-lg {
        display: block;
        width: 100%;
        margin-bottom: .5em;
    }
}
/* Extra small screen. Landscape orientation */
@media (max-width: 767px) and (orientation: landscape) {
    body {
        background-size: 100vw auto;
    }
}
/* Extra small screen. Portrait orientation */
@media (max-width: 767px) and (orientation: portrait) {
    body {
        background-size: auto 110vh;
    }
}
/* Extra small, and small screens */
@media (max-width: 991px) {

}
/* Small screens */
@media (min-width: 768px) and (max-width: 991px) {

}
/* Small and larger screens  */
@media (min-width: 768px) {
    .navbar {
        background: rgba(0,0,0,.6);
        background: linear-gradient(black, transparent);
        border: none;
    }
    #site-navbar.solid {
        background: rgba(0,0,0,.6) !important;
    }
    .navbar-brand {
        margin-top: 6.5px;
    }
    .navbar a {
        color: white !important;
        padding: 2em .5em !important;
    }
    .navbar-nav a {
        transition-property: all;
        transition-duration: 600ms;
        border-top: 5px solid transparent;
    }
    .navbar-nav a:hover {
        border-top: 5px solid white;
    }
    .dropdown.open .dropdown-menu a{
        border: none !important;
        transition-duration: 600ms;
        transition-property: background-color;
    }
    .dropdown.open .dropdown-menu a:hover{
        background: rgba(0,0,0,.5);
    }
    .dropdown-menu {
        background: rgba(0,0,0,.5);
        border: none;
    }
    .dropdown-menu a {
        padding: 1em .5em !important;
    }
}
/* Medium screens */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* Medium and larger screens */
@media (min-width: 992px) {

}
/* Large and larger screens */
@media (min-width: 1200px) {

}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}