/*   
Theme Name: Java House of Pizza
Theme URI: southiejavahouse.com
Description: Custom WordPress theme for Java House of Pizza
Author: Torro Media
Author URI: https://torro.io/
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

/*Required Styles*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0.5rem 0;
}

/*CUSTOM SCSS
-------------------------------------------------------------- */

:root{
    --font-body:"inter-variable", sans-serif;
    --font-heading:"filson-soft", sans-serif;

    --color-orange:#EB7F1D;
    --color-teal:#00617B;
    --color-lightblue:#e7f8fb;
    --color-red:#C1000E;
    --color-yellow:#f2d300;
}

html, body{
    font-family:var(--font-body);
    overflow-x:hidden;
}
a:hover, a:visited, a:focus{
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
    font-family:var(--font-heading);
}
h1, .h1{
    font-size:115px;
}
h2, .h2{
    font-size:48px;
}
h3, .h3{
    font-size:32px;
}
h4, .h4{
    font-size:24px;
}
h5, .h5{
    font-size:20px;
}
h6, .h6{
    font-size:18px;
}
.centered{
    text-align:center;
}

/*BUTTONS & LINKS*/

.nhc_button{
    display:inline-block;
    padding:0.75rem 2rem;
    border-radius:5px;
    background:var(--color-orange);
    color:white;
    text-transform: uppercase;
    font-size:16px;
    font-family: var(--font-heading);
}
.nhc_button:hover{
    background:var(--color-red);
    color:white;
}

/*HEADER*/

.nhc_header_mobile{
    display:none;
}
.nhc_header{
    background: linear-gradient(180deg, #000 15.87%, rgba(0, 0, 0, 0.00) 100%);
    position:fixed;
    width:100%;
    z-index:9999;
}
.nhc_header.scrolled{
    background:black;
}
.nhc_header,
.nhc_header_logo{
    height:115px;
    transition-duration:0.5s;
}
.nhc_header.scrolled,
.nhc_header.scrolled .nhc_header_logo{
    height:90px;
}
.nhc_header_logo a{
    width:100%;
    height:100%;
    display:block;
    text-align:center;
}
.nhc_header_logo img{
    height:100%;
    width:auto;
    padding:0.75rem 0;
    transition-duration: 0.5s;
}
.nhc_header.scrolled .nhc_header_logo img{
    padding:0.5rem 0;
}
.nhc_header_left,
.nhc_header_right{
    height:100%;
    display:flex;
}
.nhc_header_right{
    text-align:right;
    justify-content: right;
}
.nhc_header_menu{
    list-style:none;
    margin:0;
    padding:0;
    height:100%;
    font-family:var(--font-heading);
    text-transform:uppercase;
    font-size:16px;
}
.nhc_header_menu li,
.nhc_header_button{
    display:inline-flex;
    align-items:center;
    height:100%;
}
.nhc_header_menu li a{
    display:block;
    color:white;
}
.nhc_header_menu li a:hover,
.nhc_header_menu li:hover a{
    color:var(--color-yellow);
}
.nhc_header_left .nhc_header_menu li{
    margin-right:2rem;
}
.nhc_header_right .nhc_header_menu li,
.nhc_header_button{
    margin-left:2rem;
}

/*HERO & TITLE BAR*/

.nhc_hero{
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    width:100%;
    padding-bottom:56.25%;
    position: relative;
    overflow:hidden;
}
.nhc_title_bar{
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    width:100%;
    padding-bottom:20%;
    position: relative;
    overflow:hidden;
}
.nhc_hero_video,
.nhc_hero_overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.nhc_hero_video video{
    width:100%;
    height:100%;
}
.nhc_hero_overlay{
    display:flex;
    align-items: center;
    justify-content: center;
    background:rgba(0,0,0,0.15);
}
.nhc_title_bar .nhc_hero_overlay{
    padding-top:115px;
}
.nhc_hero h1,
.nhc_title_bar h1{
    color:white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.70);
}
.nhc_hero h1 span{
    font-size:64px;
    display:block;
}
.nhc_hero .nhc_button{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.70);
}

/*CONTENT*/

.nhc_content{
    position: relative;
    padding:5rem 0;
}
.nhc_content_top_large{
    padding-top:10rem;
}
.nhc_content_top_small{
    padding-top:2.5rem;
}
.nhc_content_top_none{
    padding-top:0;
}
.nhc_content_bottom_large{
    padding-bottom:10rem;
}
.nhc_content_bottom_small{
    padding-bottom:2.5rem;
}
.nhc_content_bottom_none{
    padding-bottom:0;
}
.nhc_content_white{
    background:transparent;
}
.nhc_content_lightblue{
    background:var(--color-lightblue);
}
.nhc_content_button{
    margin:1.5rem 0 0;
}
.nhc_content_image{
    /*object-fit:cover;*/
    width:100%;
    min-height:calc(100% + 40px);
    position:relative;
    padding-bottom:70%;
    border:20px solid white;
}
.nhc_content_image_overlap_none.nhc_content_image{
    border:none;
}
.nhc_content_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:absolute;
}
.nhc_content_image_overlap_top{
    height:calc(100% + 10rem + 40px);
    margin-top:-9rem;
}
.nhc_content_image_overlap_bottom{
    height:calc(100% + 10rem + 40px);
    margin-bottom:-9rem;
}
.nhc_content_image_logo{
    position: absolute;
    width:120px;
    height:220px;
    bottom:-60px;
    left:-60px;
    z-index:100;
}
.nhc_content_image_logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position:absolute;
}

/*TEXT STYLES*/

.nhc_text h2,
.nhc_text .h2{
    color:var(--color-teal);
}
.nhc_text p a{
    color:var(--color-teal);
}
.nhc_text p a:hover{
    color:var(--color-orange);
}

/*FORMS*/

.nhc_text .gform_required_legend{
    display:none;
}
.nhc_text .gfield_label,
.nhc_text .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    font-family:var(--font-heading);
    font-size:18px;
}
.nhc_text .gform-theme--framework .gform-field-label--type-sub{
    font-size:14px;
}
.nhc_text .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.nhc_text .gform-theme--foundation .gfield textarea{
    border:1px solid #88C0CF;
    border-radius:5px;
    box-shadow:none;
    padding:0.75rem;
}
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    display:inline-block;
    padding:0.75rem 2rem;
    border-radius:5px;
    background:var(--color-orange);
    color:white;
    text-transform: uppercase;
    font-size:16px;
    font-family: var(--font-heading);
}
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
.nhc_text .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover{
    background:var(--color-red);
    color:white;
}
.nhc_text .gform-theme--framework .gform-field-label>.gfield_required:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    color:var(--color-orange);
    font-family: var(--font-heading);
    font-size:18px;
}

/*IMAGE BLOCKS*/

.nhc_image_blocks .nhc_col{
    margin:2rem 0 0;
}
.nhc_image_block_image{
    width:100%;
    position:relative;
    padding-bottom:70%;
    margin:0 0 1rem;
}
.nhc_image_block_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position:absolute;
}

/*FOOTER*/

.nhc_footer{
    background:black;
    padding:4rem 0 2rem;
}
.nhc_footer_content,
.nhc_footer_legal{
    display:flex;
    width:100%;
    justify-content: space-between;
}
.nhc_footer_menu{
    list-style:none;
    margin:0;
    padding:0;
    height:100%;
    font-family:var(--font-heading);
    text-transform:uppercase;
    font-size:16px;
    display:flex;
    align-items: center;
    height:48px;
    gap:4rem;
}
.nhc_footer_menu li a{
    color:white;
}
.nhc_footer_menu li a:hover{
    color:var(--color-yellow);
}
.nhc_footer_legal{
    border-top:1px solid white;
    padding:2rem 0 0;
    margin:2rem 0 0;
}
.nhc_footer_legal p{
    color:white;
    font-size:12px;
}
.nhc_footer_legal p a{
    color:white;
    text-decoration: underline;
}
.nhc_footer_legal p a:hover{
    color:var(--color-yellow);
}

/*MENU ITEMS*/

.nhc_menu_items .nhc_col{
    margin:3rem 0 0;
}