/*
Theme Name: MacArthur Tavern
Theme URI: 
Author: Foundry Digital
Author URI: 
Description: The theme for the MacArthur Tavern website
Version: 1.0
*/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color:#222222;
    font-size: 1em;
    line-height: 1.6;
    background-color:#ffffff;
    font-family: "proxima-nova", Helvetica, Arial, Sans-Serif;
}
html.wf-loading * {
   opacity: 0;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
img {max-width:100%;height:auto;}



/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
.container {max-width:1140px;margin:0 auto;padding:0 20px;}
h1, h2, h3, h4, h5 {
    font-weight:bold;
}
/** HEADER **/
.main-logo {display:block;margin:40px auto;width: 60%;max-width:400px;}


/** MAIN MENU **/
header {height:110px;position: relative;z-index:9999;background-color:#ffffff;}
header nav {display:none;}

.header-icons {
    float:left;
    font-size: 20px;
    padding: 38px 5px 0;
    color: #000000;
}

/** MOBILE MENU **/

.mobile-menu-bars, .mobile-menu-close {float:right;line-height:10px;padding:40px 0;color:#000000;font-size: 25px;}
.mobile-menu-close {display:none;}
.mobile-menu {text-align:center;position:absolute;left:0;right:0;z-index:9998;background-color:#222222;margin-top:-500px; transition: all 0.5s ease;}

.mobile-menu nav {display:block;}
.mobile-menu nav ul {list-style:none;padding:0;margin:0;}
.mobile-menu nav ul li {}
.mobile-menu nav ul li a {display:block;text-decoration:none;padding:10px 0;font-weight:bold;text-transform:lowercase;color:#ffffff;}
.mobile-menu nav ul li a:hover {background-color:#000000}
.mobile-menu nav ul li a:after {content:".";}

.mobile-menu nav .sub-menu {background-color:#2b2b2b}
.mobile-menu nav .sub-menu a {font-weight:normal;}
.mobile-menu .social-link {display: none;}

/** MAIN CONTENT **/
.main-container {padding:0 20px;background-color:#a7c8d1;}

/** FONTS **/
.main-container h1 {color:#ffffff;margin:20px 0 !important;font-size:40px;display:block;text-align:center;}
.main-container h1::after {content:".";   }
.main-container {font-size:20px;line-height:30px;}
.main-container a {color:#000000;text-decoration:underline;font-weight:bold;}
.elementor-slide-heading {font-size:35px !important;line-height:45px;}

.elementor-flip-box__layer__description {font-size:16px !important;}

/** SUBSCRIBE **/
#mc_embed_signup form {padding: 0;width: 100%;}
#mc_embed_signup input.email {height:30px;border:none;width:100%;float:left;}
#mc_embed_signup .button {margin-bottom:20px;float:right;height:30px;line-height: 30px;border-radius:5px;font-size:18px !important;display:inline-block;padding:0 10px;border-radius:5px;background-color:#000000;color:#ffffff;text-decoration:none;}

/** FOOTER **/
footer {background-color:#ffffff;padding:50px 0;text-align:center;}
footer .footer-logo {display:block;margin:0 auto;}
footer .footer-logo img {max-width:200px;height:auto;}
footer p {font-size:16px;}
footer .one-quarter p {margin-bottom:0;font-weight:bold;} 
footer a {font-weight:bold;text-decoration:none;color:#000000;}
footer .copyright {font-size:12px;text-decoration:uppercase;margin:0;}

/** GRAVITY FORMS **/
.gform_wrapper {margin-top: -16px !important;margin-bottom:0 !important;}
.gform_wrapper .gfield_label {display:none !important;}
.gform_wrapper textarea, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {border:1px solid rgba(0,0,0,0.1);border-radius:3px;padding:10px 5px !important;background-color:rgba(0,0,0,0.2);color:#ffffff;font-size:16px !important;;}
.gform_wrapper textarea::placeholder, .gform_wrapper input::placeholder {color:#ffffff;}
.ginput_container {margin-top: 0 !important;}
.datepicker {width:100% !important;}
.gform_footer {padding:0 !important;margin:0 !important;}

.gform_button {border:1px solid #ffffff;width:97% !important;background-color:#ffffff;color:#000000;text-transform:lowercase;text-align:center;border-radius:3px;display:block;font-weight:bold;font-size:16px !important;padding:10px 0;
   -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
        transition: all .25s ease;

}
.gform_button:hover {color:#ffffff;background-color:#000000;border:1px solid #000000;}




/* ==========================================================================
   Media Queries
   ========================================================================== */

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

   
} @media only screen and (min-width: 768px) {
   
   
   .header-icons {
    font-size: 26px;
   }
   
   
   
   /** FONTS **/
   .main-container h1 {margin:50px 0 30px !important;font-size:50px;}
   .elementor-slide-heading {font-size:60px !important;line-height:70px !important;}
   
   .one-half {
     width: 50%;
     float: left;
   }
   #mc_embed_signup form {float:right;}
   #mc_embed_signup input.email {width:80%;}
   .subscribe h3 {margin-left:10px;}

   
   /** FOOTER */
   footer .one-quarter {float:left;width:25%;margin-bottom:30px}
   footer .one-half {float:left;width:50%;margin-bottom:30px}
   footer .one-third {float:left;width:33%;margin-bottom:30px}
   footer .two-third {float:left;width:66%;margin-bottom:30px}
   footer p {font-size:20px;margin:15px 0;}
   footer .copyright {font-size:16px;}

   
   
} @media only screen and (min-width: 960px) {
    
   .mobile-menu-bars, .mobile-menu-close {display:none !important;}
   .mobile-menu {display:none !important;}
   
   header {height:auto;}
   .header-icons {display:none;}

   /** MAIN MENU **/   
   header nav {display:block;margin:30px 0;}
   header nav ul {
      list-style:none;
      margin:0;
      padding:0;
      text-align:center;
   }
   header nav ul li {
      display:inline;
      position: relative;
   }
   header nav ul a {
      display:inline-block;
      margin:10px 20px;
      font-weight:bold;
      text-transform:lowercase;
      font-size:16px;
      color:#000000;
      border-bottom:3px solid transparent;
      text-decoration:none;
      -webkit-transition: all .25s ease;
         -moz-transition: all .25s ease;
          -ms-transition: all .25s ease;
           -o-transition: all .25s ease;
              transition: all .25s ease;
   }
   header nav .social-link a::after {content:"";}
   header nav ul a::after {
      content: ".";
   }
   header nav li ul {
       left: 0;
       opacity: 0;
       top: 100px;
       width:600px;
       position: absolute;
       visibility: hidden;
       z-index: 1;
       -webkit-transition: all .25s ease;
          -moz-transition: all .25s ease;
           -ms-transition: all .25s ease;
            -o-transition: all .25s ease;
               transition: all .25s ease;
   }
   header nav li:hover ul, header nav .current-menu-item ul, header nav .current-menu-ancestor ul {
       opacity: 1;
       top: 23px;
       visibility: visible;
   }
   header nav .current-menu-item a {
      border-bottom:3px solid #000000;
   }
   header nav .current-menu-item ul a {border:none;}
   header nav li ul li {
       float:left;
   }
   header nav li ul li a {font-weight:normal;}
   header nav ul a:hover {
      border-bottom:3px solid #000000;
   }
   
   
   
   
  
} @media only screen and (min-width: 1140px) {
   

} @media only screen and (max-width: 767px) {
/** WHATS ON BOX **/
.whats-on .elementor-flip-box {height:320px !important;}
.whats-on .elementor-flip-box__layer {height:100% !important;width:50% !important;float:left;}
.whats-on .elementor-flip-box__back {opacity: 1 !important;width:50%;float:right;margin-top:0 !important;position:relative !important;}
   
} @media only screen and (max-width: 480px) {

/** WHATS ON BOX **/
.whats-on .elementor-flip-box {height:200px !important;}

}

   




/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}