/*
 Theme Name:   Zachary's Pizza Theme
 Author:       HyperArts, Inc.
 Author URI:   https://hyperarts.com
 Template:     Divi
 Version:      1.0.0
*/


.logo_container {
    height: 70px !important;
    margin-top: -40px;
    margin-bottom: 30px;
}


.home .logo_container {
    height:  0px !important;
}


.home .logo_container {
  visibility: hidden;
  opacity: 0;
  transition: opacity 1.2s;
  height:  70px;
}

.et-fixed-header .logo_container {
opacity: 1;
  visibility:  visible;
  height:  70px !important;
}


@media screen and (max-width: 980px) {
    #main-header {
        padding: 15px 0 !important;
    }

     #main-content {
    margin-top: -20px !important;
}

#art-section .et_pb_image {
    margin-top: 0px !important;
}
    
}


/*

@media screen and (max-width: 980px) {
    .logo_container {
        display: none !important;
    }
}

@media screen and (max-width: 980px) {
    #top-header {
        display: none !important;
    }
}

*/

#et-top-navigation {
    padding-top: 20px;
}

@media screen and (max-width: 1250px) {
    #et-top-navigation {
        text-align: right;
    }
}

#logo {
    max-height: 150% !important;

}

.remove {
    display: none;
}

#top-menu a, #top-menu ul.sub-menu{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: color 0 ease-in;
    transition: none;
}

#top-menu li:first-of-type > a:before {
    display: none;
}

#top-menu li > a:before {
    content: '//'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #d2232a; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.sub-menu li > a:before {
    display:  none;
}

#menu-item-917, #menu-item-918, #menu-item-919 {
    display: none !important;
}

@media screen and (max-width: 980px) {
    #menu-item-917, #menu-item-918, #menu-item-919 {
        display: inline-block !important;
    }
    #menu-item-917 {
        padding-left: 5%;
    }
    #menu-item-918, #menu-item-919 {
        padding-left: 3%;
    }
    .logo_container {
        margin-bottom:  0px;
    }
   
   body.admin-bar .right-ribbon {
    margin-top: -30px;
}
}

li.cat-item.cat-item-1 {
    position: absolute;
    padding: 1rem 1.5rem !important;
    right: 2%;
    top: 36px;
    background-color: #d2232a;
    display: none !important;
}

li.cat-item.cat-item-1 a {
    padding-bottom: 0 !important;
}

li.cat-item.cat-item-1::after {
    content: '';
    opacity:1;
    border: 1px solid #231f20;
    position: absolute;
    display: block;
    left: .2rem;
    right: .2rem;
    bottom: .2rem;
    top: .2rem;
}

@media screen and (max-width: 980px) {
    .et_header_style_centered .et_mobile_menu {
        top: 48px;
        border-color: #d2232a;
    }
}

span.mobile_menu_bar:before {
    color: #fff !important;
}

#main-content {
    /*width: calc(100% - 4.25rem);*/
    /*height: calc(100vh - 4rem);*/
    margin: 0 auto;
}

.slider-container, .et_pb_row et_pb_row_0, .block-0 {
    height: calc((100vh - 2.125rem) - 103px) !important;
    margin: 0 auto;
    border-top: none;
}

.block-0 {
    display: none;
}

.slider-container {
    background: #231f20;
    padding-top: 0 !important;
}


.page-id-7 article, .page-id-7 .et_pb_blurb_content {
    margin-bottom: 0;
    position: relative;
}

.page-id-7 article {
    margin-bottom: 75px !important;
}

@media screen and (max-width: 980px) {
    .page-id-7 article {
        margin-bottom: initial !important;
    }
    .page-id-7 .et_pb_image_container, .page-id-7 .et_pb_main_blurb_image {
        position: relative !important;
        margin: 0;
    }
}

.page-id-7 article .entry-title, .page-id-7 article .post-meta, .page-id-7 article .post-content, .page-id-7 .et_pb_blurb_container {
    width: 75%;
}

@media screen and (max-width: 1600px) {
    .page-id-7 article .entry-title, .page-id-7 article .post-meta, .page-id-7 article .post-content {
        width: 60%;
    }
}

@media screen and (max-width: 1600px) {
    .page-id-7 .et_pb_blurb_container {
        width: 100%;
    }
}

@media screen and (max-width: 980px) {
    .page-id-7 article .entry-title, .page-id-7 article .post-meta, .page-id-7 article .post-content {
        width: 100%;
    }
}

.page-id-7 .et_pb_blurb_0 .et_pb_blurb_container {
    padding: 19px;
}

.page-id-7 .et_pb_blog_grid .et_pb_post {
    border: none;
}

.page-id-7 .et_pb_image_container, .page-id-7 .et_pb_main_blurb_image {
    position: absolute !important;
    top: 10px;
    right: 50px;
    width: 120px;
    margin: 0;
}

@media screen and (max-width: 1600px) {
    .page-id-7 .et_pb_image_container {
        width: 120px;
    }
}

@media screen and (max-width: 980px) {
    .page-id-7 .et_pb_image_container, .page-id-7 .et_pb_main_blurb_image {
        position: initial !important;
        margin: 0 auto;
        width: 120px;
        margin-bottom: 3em;
    }
}

.cu-blog .column.size-1of2 {
    padding-left: 3.5rem;
}

@media screen and (max-width: 1600px) {
    .cu-blog .column.size-1of2 {
        padding-left: 1em;
    }
}

a.entry-featured-image-url {
    width: 100%;
    margin-bottom: 0 !important;
}


.et_pb_post a img {
    max-width: 8%;
}

.block-0 {
    top: 70px !important;
}



.et_pb_section {
    padding: 54px 0;
    padding-bottom: 0px !important;
}

.single-locations .et-l.et-l--post {display: none;}

/*
@media screen and (max-width: 850px) {
    header#main-header::after {
        width: calc(100% - 2.125rem) !important;
    }
    #main-content {
        width: calc(100% - 2.125rem);
        height: calc(100vh - 2rem);
    }
    #slider-container {
        height: calc(100vh - 1.125rem) !important;
    }
    .block-0::after {
        top: 5rem;
        right: 3rem;
        bottom: 23rem;
        left: 3rem;
    }
}
*/

.art-blurb .et_pb_blurb_content {
    border-left: 8px solid #fff;
    padding-left: 4rem;
}

@media screen and (max-width: 980px) {
    .art-blurb .et_pb_blurb_content {
        border-left: none;
        border-top: 8px solid #FFF;
        padding-left: 4rem;
    }
}

.cu-blog .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of2' !important;
}
@media only screen and ( min-width: 981px ) {
    .cu-blog .column.size-1of2 {
        width: 49.5%!important;
        margin-right: 1%;
    }
    .cu-blog .column.size-1of2:last-of-type {
        margin-right: 0;
    }
}

@media (min-width:981px) {
    .flip-box-row {
        background-color: transparent;
        width: 250px;
        height: 250px;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

    .flip-box-column {
        position: relative;
        width:100%;
        height: 100%;
        -webkit-transition: transform 0.8s;
        transition: transform 0.8s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .flip-box-row:hover .flip-box-column {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .flip-box-front, .flip-box-back{
        position: absolute;
        width:100%;
        height: 100%;
        -webkit-transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .flip-box-back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

#meta-2, . et_pb_row_2, #footer-widgets, footer {
    display: none !important;
}

.et_pb_row {
    display: block;
    clear: both;
}

#main-footer {
    display: block;
    clear: both;
}

#main-footer a {
    color: #fff;
}

body.logged-in.admin-bar .et_pb_image_0, body.logged-in.admin-bar .et_pb_image_1 {
     top: unset !important;
}

.et_pb_section_1 {
    height:  unset !important;
}

#et-top-navigation a:hover {
    opacity: 1 !important;
    font-weight:  bold;
}

/* show slider arrows always */
.et-pb-arrow-next {
     opacity: 1;
     right: 22px;
}
.et-pb-arrow-prev{
     opacity: 1;
     left: 22px;
}

.et-pb-arrow-prev:before {
    font-weight: 899;
    font-size: 80px;
}

.et-pb-arrow-next:before {
    font-weight: 899;
    font-size: 80px;
}

#top-header .et-social-icon a {
    font-size: 20px;
}

.et_pb_blog_grid h3.entry-title {
    margin-bottom: 10px;
}

.et_pb_blog_grid .post-content {
    margin-top: 15px;
}

.et_header_style_centered header#main-header.et-fixed-header .logo_container {
    height: 70px;
    margin-top: -40px;
    margin-bottom: 25px;
}

.et_pb_section_1.et_pb_section {
    margin-bottom: 2rem !important;
}

.page-id-7 article {
    margin-bottom: 30px !important;
}

.et_pb_blog_0 {
    padding-bottom: 0px !important; 
}

.page-id-5474 .et_pb_toggle_content td {
    padding-right: 20px !important;
}


@media only screen and ( min-width: 550px ) {

#post-7 .et_pb_blog_0:after { 
    content: '';
    position: absolute;
    border-left: 8px solid #FFF;
    right: 50%;
    height: 100%;
    top: 0;
}
}


@media only screen and ( max-width: 550px ) {
.et_pb_blog_grid .column {
    width:  100% !important;
}

.home header#main-header {
    top: -10px !important;
}

.logo_container {
    margin-top:  -10px !important;
}

.single-locations .container {
    margin-top: 10px;
}

.single-locations  #main-header div#et-top-navigation {
    margin-top: 0px
}

body:not(.home) #main-header div#et-top-navigation {
    width: 100% !important;
}


div#footer-info a {
    font-size: 15px !important;
    text-align: center;
    margin-top:  10px;
}

#footer-info {
    color: #bbb;
    padding-bottom: 10px;
    float: left;
    font-size: 15px !important;
    text-align: center !important;
    font-weight: bold;
}

.et-pb-arrow-next {
     display:  none;
}
.et-pb-arrow-prev{
     display:  none;
}


.art-blurb .et_pb_blurb_content {
    border-left: none;
    border-top: none;
    padding-left: 10px !important;
    padding-right:  10px !important;
    padding-top: 20px !important;
}

.et_pb_blurb_0 .et_pb_blurb_content {
     max-width: 100% !important; 
}

#left-side {
    width: 100% !important;
    clear: both;
    float: none !important;
    margin-left: 15px;
}

#right-side {
    width: 100% !important;
    clear: both;
    float: none !important;
    margin-left: 15px;
    padding:  0px !important;
}

div#location_wrap {
    height: unset !important; 
}

#mobile-menu-details-below {
    display:  block;
}

#mobile-menu-details-below p {
    margin-right:  15%;
}

#menu-details-below {
    display:  none;
}

div#menu-details {
    margin-right:  10% !important;
}

div#location-sidebar {
    margin-right: 10%;
}

.single-locations td {
    padding-left: 10px !important;
    font-size: 12px !important;
}

.page-id-1025 p {
    font-size:  18px !important;
    margin-left:  5%;
    marign-right:  5%;
}

.intro_box {
    padding-right: 5%;
    padding-left: 5%;
}

.item-wrap {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
}

.swag_image {
    width: 100% !important;
    float: none !important;
    text-align: center;
    margin-bottom: 70px;
    margin-top:  10px;
}

.item_description {
    width: 100% !important;
    margin-top: -40px !important;
    text-align: left !important;
    padding-left:  0px !important;
}

h2.item-name {
    padding-top: 30px !important;
}

}

/* COPIED FROM CONTROL PANEL */

h1.entry-title {
    font-weight: bold;
}

#main-content {
    max-width: 1400px;
}


/* Swag Box */ 
.et_pb_column_1_3 {
    border-top: 0;
}

/* Top Header */
#top-header .container {
    padding-top: 1.75em;
}

#top-header {
    z-index:  100;
}

div#location_wrap {
    margin-top: 0px !important;
}

/* Bold Items on Art page */
.pt-cv-content p:first-child {
  font-weight: bold;
}

/* Fixed menu sizes to prevent shift */

li#menu-item-888 {
    width: 133px;
}

h4.pt-cv-title {
    color: #EC1C24;
    font-size: 150%;
}
li#menu-item-883 {
    width: 225px;
}

li#menu-item-882 {
    width: 154px;
}

#top-menu li > a:before {
    content: '';
}

@media screen and ( min-width: 981px ) {
    #et-secondary-menu>ul>li a {
        padding-top: .25em !important;
        padding-bottom: .125em !important;
    }
    .nav li ul {
        left: -7px !important;
    }
    #top-menu > li > a {
        margin-bottom: 15px !important;
    }
    #top-menu li a {
        padding-bottom: 18px !important;
        padding-top: 18px !important;
    }
    a.keyboard-navigation-outline, button:active.keyboard-navigation-outline, button:focus.keyboard-navigation-outline, input:active.keyboard-navigation-outline, input:focus.keyboard-navigation-outline, textarea:active.keyboard-navigation-outline, textarea:focus.keyboard-navigation-outline {
        outline-offset: 0px !important;
    }
}

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {
.sub-menu {
    min-width: 320px;
}
#top-menu li li {
    width: 100%;
    padding: 0 20px;
}
#top-menu li li a {
    width: 100%;
    /* Extra - Reduce padding on list items */
    padding: 13px 12px 5px !important;
    line-height: 12px !important;
}
    #top-menu .menu-item-has-children>a:first-child:after {
        top: 14px !important;
    }
}

@media (min-width: 980px) {
.home.et_header_style_centered header#main-header.et-fixed-header .logo_container {
    float: left;
    width: 199px;
    margin-left: 50px;
}


.single-locations .logo_container {
    margin-top: -40px !important;
}
   
@media (min-width: 981px) {
.home .et_fullwidth_nav #main-header .container {
    padding-top: 20px;
}
.home div#et-top-navigation {
    padding-top: 0px;
}
}

.home ul#top-menu {
    margin-left: 50px;
}

.home header#main-header.et-fixed-header    img#logo {
    width: 160px;
    margin-top: -10px;
}
    
.home header#main-header.et-fixed-header  nav#top-menu-nav {
    margin-left: -100px;
    margin-top: -150px;
}
}

@media (min-width: 980px) {
body:not(.home) .logo_container {
    float: left;
    width: 19%;
}

    
}

@media (max-width: 1266px) {
    ul#top-menu {
    margin-top: 15px;
}


} 

a {
    color: #b94448;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #e7131a;
}

.home h4 a {
    color: #fff;
}

a:not(#top-header a):not(#main-header a):not(.et-social-icons a):not(.et-pb-slider-arrows a):not(.quicklinks a) {
    text-decoration: underline !important;
}

.single-locations td {
    padding-left: 20px;
}

.single-locations table {
    margin-bottom: 20px;
    margin-top: 10px;
}

.postid-5460 div#location_wrap {
    background-image: none !important;
}

#footer-info {
    text-align: left;
    color: #fff;
    padding-bottom: 10px;
    float: left;
}

#footer-info  a {
    text-align: left;
    color: #fff;
    padding-bottom: 10px;
    float: left;
}

.et-social-facebook a.icon:before {
    content: "\e093";
    color: #bbb;
}

.et-social-twitter a.icon:before {
    content: "\e094";
    color: #bbb;
}

.et-social-instagram a.icon:before {
    content: "\e09a";
    color: #bbb;
}

h2 {
    padding-bottom: 5px !important;
}

h1.entry-title {
    text-shadow: 0 2px 3px rgb(0 0 0 / 30%);
}

.single-locations footer#main-footer {
    margin-top: 40px;
}

.single-locations  .bottom-nav {
    padding: 15px 0;
    margin-bottom: 35px;
}

.entry-title {
        text-shadow: 3px 3px 4px black;
}

.et_pb_post_title_0_tb_body {
    width: unset !important;
}


@media (max-width: 1080px) {

#logo {
    max-height: 130% !important;
}

#top-menu li a{
    font-size: 16px !important;
}

li#menu-item-883 {
    width: unset !important;
}

li#menu-item-888 {
    width: unset !important;
}

}

.select_page {
    visibility: hidden !important;
}
/* ### menu text for default menu ### */
/*#et_mobile_nav_menu:before {
    content: 'MENU';
    font-size: 14px;
    position: absolute !important;
    bottom: 29px;
    right: 40px;
    top: 7px !important;
    color: #fff !important;
}*/

@media (min-width: 981px) {

.page-id-7.et_header_style_centered #main-header .container {
    margin-top: 40px !important;
}
}

@media (max-width: 980px) {

.page-id-7.et_header_style_centered #main-header .container {
    margin-top: -10px !important;
}

#et-top-navigation #et_mobile_nav_menu:before {
    top: 35px !important;
    right: 55px !important;
    color: white !important;
}
.et_header_style_centered #main-header .mobile_nav {
    display: block;
    text-align: right;
    background-color: rgba(0,0,0,.05);
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: -30px;
}
.et_header_style_centered .et_mobile_menu {
    top: 70px !important;
}
#mobile_menu .menu-item {
    text-align: left;
}
li#menu-item-882 {
    width: unset;
}
#et_mobile_nav_menu .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, #et_mobile_nav_menu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    color: #d2222a !important;
}
.et_mobile_menu li a, .nav li li a {
    font-size: 18px;
}
#menu-item-917  a, #menu-item-918 a, #menu-item-918 a{
    font-size:  22px !important;
    margin-right:  10px;
}
}


.et_pb_blog_0.et_pb_bg_layout_light .et_pb_post .post-content p {
    line-height: 26px !important;
}

p.post-meta {
    padding-top: 10px;
}

.logo_container {
    position: relative;
    z-index:  200;
}

.page-id-7.et_header_style_centered #main-header .container {
    margin-top: 20px;
}

.mc-modal {
    top: 20% !important;
}

@media (max-width: 1092px) {
#top-menu li a {
    font-size: 14px !important;
}
li#menu-item-882 {
   width:  unset !important;
}
}

.single-locations div#et-secondary-menu {
    margin-top: 50px;
}

.single-locations #main-header div#et-top-navigation {
    margin-top: 25px;
}

@media (max-width: 980px) {
   .single-locations .logo_container {
    margin-top:  25px;
   } 
}

@media only screen and (max-width: 768px) {
.mc-banner {
    margin-top: 90px;
}
}



/* Accessiblity Chages */

/* Home page */

/* ------------------------------------------------------------- */
/* IMPROVE THE ACCESSIBILITY OF THE DIVI SLIDER MODULE
   https://brianshim.com/webtricks/divi-slider-nav-dots-contrast */

/* ADD FAT SQUARE AROUND KEYBOARD-SELECTED NAV DOT (REQUIRES DIVI ACCESSIBILITY PLUGIN) */
.et_pb_slider .et-pb-controllers a.keyboard-outline  {
    opacity: 1;
    outline-width: 3px !important;
    border-radius: 0;
}
.et_pb_slider.et_pb_bg_layout_dark .et-pb-controllers a.keyboard-outline {
    outline-color: white;
}
.et_pb_slider.et_pb_bg_layout_light .et-pb-controllers a.keyboard-outline {
    outline-color: black;
}

/* GET RID OF UNDERLINED ARROWS (CAUSED BY DIVI ACCESSIBILITY PLUGIN) */
#main-content .et_pb_slider .et-pb-arrow-prev,
#main-content .et_pb_slider .et-pb-arrow-next {
    text-decoration: none !important;
}
/* MAKE NAV ARROWS VISIBLE USING TAB KEY */
.et-pb-arrow-next.keyboard-outline {
       opacity: 1;
       right: 22px;
}
.et-pb-arrow-prev.keyboard-outline {
       opacity: 1;
       left: 22px;
}
/* ADD BOX BEHIND ARROWS */
.et_pb_slider.et_pb_bg_layout_dark .et-pb-arrow-next:before,
.et_pb_slider.et_pb_bg_layout_dark .et-pb-arrow-prev:before {
    background-color:black;
  color: white;
}
.et_pb_slider.et_pb_bg_layout_light .et-pb-arrow-next:before,
.et_pb_slider.et_pb_bg_layout_light .et-pb-arrow-prev:before {
    background-color:white;
  color: black;
}

/* See Art link on home page */

.et_pb_blurb_description a {
    color: white;
    text-decoration: underline;
}

.sbi_custom a {
    background: black !important;
}

.et-social-twitter a.icon:before {
    color: #fff;
}

.et-social-facebook a.icon:before {
    color: #fff;
}

.et-social-instagram a.icon:before {
    color: #fff;
}