/*!
 * Judisgin.com style
*/

/*
  fonts
*/
.GeoticaTwo-Open {
    font-family: GeoticaTwo-Open;
    font-weight: normal;
    font-style: normal;
}
.GeoticaTwo-Regular {
    font-family: GeoticaTwo-Regular;
    font-weight: normal;
    font-style: normal;
}

.futura-book {
    font-family: 'Futura_Book', Arial, Helvetica, sans-serif;
}

.futura {
    font-family: 'Futura', Arial, Helvetica, sans-serif;
}

body {
    color:          #000000;
}

.container-top {
    padding-top:    20px;
}

.h1 {
    display: inline;
    font-size: 5em;
    margin-top: 10px;
}

.header-bold {
    font-family: 'Futura', Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: normal;
    text-transform: uppercase;
}

.header-thin {
    font-family: 'Futura_Book', Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: normal;
    color: #000000;
}

.header-thin-white {
    margin-top: 20px; 
    padding-bottom: 20px;
    font-family: 'Futura_Book', Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: normal;
    color: #ffffff;
}

.uppercase {
    text-transform: uppercase;
}

.no-margin {
    margin: 0;
}

.black-line {
    color: #000000;
    border-color: #000000;
}

.header-logo {
    display:          inline-block;
    margin:           0 0 22px 0;
    padding:          0 0 0 0;
    width:            195px;
    height:           104px;
    background-image: url('/img/content/logo/logo-v2.png');
    background-size:  195px 104px;
}

a,
a:hover,
a:active, 
a:visited {
    color: #000000;
    text-decoration: underline;
}

.mdash {
    position : relative;
    top : -.1em; 
}

/* Bootstrap Overrides
-------------------------------------------------- */
.carousel-indicators {
    bottom: 0;
    
}

.carousel-indicators li {
    width: 20px;
    height: 20px;
    border-radius: 20px;
}

.carousel-indicators .active {
    width: 22px;
    height: 22px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    top: 50%;
}

/* Retina  
-------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

    .header-logo {
        background-image: url('/img/content/logo/logo-v2@2x.png');
        background-size:  195px 104px;
    }  
    
} /* end of retina */


/* Responsive Layout
-------------------------------------------------- */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {
    

} /* end desktop large */

/* Tablet to desktop
------------------------- */
@media (min-width: 981px) and (max-width: 1199px) {

    .h1 {
        font-size: 4em;
    }
} /* end of between 981 and 1199 */

/* Desktop
------------------------- */
@media (max-width: 980px) {

    .h1 {
        font-size: 4em;
    }

    .header-bold {
        font-size: 14pt;
    }

    .header-thin {
        font-size: 14pt;
    }
} /* end desktop */

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {

} /* end tablet to desktop */

/* Tablet
------------------------- */
@media (max-width: 767px) {

    .h1 {
        font-size: 3em;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 48%;
    }
} /* end tablet */


/* Landscape phones
------------------------- */
@media (max-width: 480px) {

    .carousel-indicators li {
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }

    .carousel-indicators .active {
        width: 9px;
        height: 9px;
    }


    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        top: 45%;
    }    

} /* end landscape phones */


/* Overlay triggered by menu */

.overlay__header {
    line-height:1;
    position:absolute;
    right:16px;
    top:29px
}
@media (min-width:600px) {
    .overlay__header {
        right:65px
    }
}
@media (min-width:900px) {
    .overlay__header {
        right:65px
    }
}
@media (min-width:1200px) {
    .overlay__header {
        right:65px
    }
}
@media (min-width:1900px) {
    .overlay__header {
        right:0
    }
}
@media (min-width:600px) {
    .overlay__header {
        top:29px
    }
}
@media (min-width:900px) {
    .overlay__header {
        top:29px
    }
}
@media (min-width:1200px) {
    .overlay__header {
        top:56px
    }
}
@media (min-width:1900px) {
    .overlay__header {
        top:56px
    }
}
.overlay__header a~a {
    margin-left:3em
}
@media (min-width:900px) {
    .overlay__header a~a {
        margin-left:2em
    }
}
.header__hamburger {
    background:none;
    padding:0;
    border:none;
    outline:none;
    position:relative;
    z-index:11;
    transition:all .3s ease-in-out;
    transition:letter-spacing .1s ease-in-out;
    mix-blend-mode:difference;
    display: inline-block;
    vertical-align: middle;
}
.header__hamburger-link {
    width:27px;
    height:22px;
    position:relative;
    /*display:flex;*/
    justify-content:space-evenly;
    transition:all .3s ease-in-out;
}

.header__hamburger-link:before {
    content:"";
    position:absolute;
    top:-20px;
    left:-20px;
    width:71px;
    height:62px
}
.header__hamburger-line {

    transition:all .3s ease-in-out;
    background-color:#fff;
    display: flex;
    height:3px;
    width:30px;
    margin-bottom: 5px;
}

.header__hamburger-line:first-child {
    /*transform:translateZ(0) rotate(90deg)*/
}
.header__hamburger-link:hover .header__hamburger-line:first-child {
    /*transform:translateZ(0) rotate(90deg)*/
}
.header__hamburger-line:nth-child(2) {
    /*transform:translateZ(0) rotate(90deg)*/
}
.header__hamburger-link:hover .header__hamburger-line:nth-child(2) {
    /*transform:translateZ(0) rotate(90deg)*/
}

.header__hamburger.menuIsOpen .header__hamburger-line:first-child {
    transform: translate3d(20%,0,0) rotate(225deg)
}

.header__hamburger.menuIsOpen .header__hamburger-line:nth-child(2) {
    transform: translate3d(23%, -265%, 0) rotate(-45deg);
    opacity:1
}

.overlay {
    position:fixed;
    z-index:10;
    top:0;
    left:0;
    right:0;
    margin:auto
}
@media (min-width:1900px) {
    .overlay {
        max-width:1700px
    }
}
.overlay {
    width:100vw;
    height:100vh;
    background:#fff;
    will-change:opacity;
    overflow-x:hidden;
    overflow-y:scroll;
    visibility:hidden;
    opacity:0;
    padding-top:20px
}
@media (min-width:600px) {
    .overlay {
        padding-top:0
    }
}
@media (min-width:900px) {
    .overlay {
        padding-top:0
    }
}
@media (min-width:1200px) {
    .overlay {
        padding-top:0
    }
}
@media (min-width:1900px) {
    .overlay {
        padding-top:0
    }
}


footer {
    margin-bottom: 40px;
}