/*
Theme Name: Mad Cow
Theme URI:
Author: Mak Media
Author URI: 
Description: 
Version: 1.0
Text Domain: madcow
Tags: black
*/


@font-face {
    font-family: 'pamit';
    src: url('assets/font/pamit-webfont.woff2') format('woff2'),
         url('assets/font/pamit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --madcow-orange:#efb361;
    --madcow-pink:#ef5ba1;
}
::placeholder { color:white; opacity:1; font-family:'inter'; }

* { margin:0; padding:0; outline:0 }
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body { font-family:'inter', sans-serif; font-size:18px; background-color:black; color:white; text-align:center; }
a { text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
h2 { font-size:30px; font-family: 'ABeeZee', sans-serif; }
h3 { font-size:28px; text-transform:uppercase; }
p { font-size:14px; line-height:25px; }

.orangeback { background-color:var(--madcow-orange); }
.pinkback { background-color:var(--madcow-pink); }
.pinkbutton { background-color:var(--madcow-pink); color:white; width:360px; height:57px; display:block; line-height:57px; }
.blackbutton { background-color:black; color:white; width:360px; height:60px; display:block; line-height:60px; }
.pamit { font-family:'pamit'; text-transform:uppercase; }
.pamit-button { font-size:30px; }
.aligncenter { margin:0 auto; }

.madcow-social-icons { display:flex; justify-content:center; gap:20px; }

#main-navigation a { color:white; text-transform:uppercase; font-weight:700; }

#hero-title h1 { font-family:'pamit'; font-size:50px; text-transform:uppercase; }
#hero-title-image { display:flex; justify-content:center; }
#hero-title-image img { width:368px; height:auto; }
#hero-socials { font-weight:600; }
#hero-socials-text { text-transform:uppercase; font-size:12px; margin-bottom:20px; }
#hero-socials-links a { display:block; height:26px; }
#hero-socials-links img { height:26px; width:auto; }

#page-content { padding-bottom:53px; }
#page-content p { padding:44px 0; font-size:18px; }
#page-content > h2 { font-family:'pamit'; text-transform:uppercase; }

#epic-book-button { margin-top:31px; margin-left:auto; margin-right:auto; display:block; color:white; width:250px; height:38px; font-size:20px; line-height:38px; }

#homepage-book-a-barrel .mobile-islides > div { border-bottom:2px solid #efb361; }
#homepage-book-a-barrel .mobile-islides > div:first-child { border-top:2px solid #efb361; }
#homepage-book-a-barrel .islide { position:relative; max-width:340px; display:none; }
#homepage-book-a-barrel .subislide { position:absolute; display:grid; align-content:end; padding-bottom:19px; height:100%; width:100%; }
#homepage-book-a-barrel span { font-family:'pamit'; text-transform:uppercase; font-size:30px; }

#homepage-epic-event h2 { font-family:'pamit'; text-transform:uppercase; }
#epic-book-button { font-family:'pamit'; text-transform:uppercase; }

#homepage-follow-us h2 { font-family:'pamit'; text-transform:uppercase; }

#join-form input[type=submit] { font-family:'pamit'; text-transform:uppercase; }


#hoe-downs a { color:white; }
#hoe-downs h3 { font-size:22px; text-align:left; text-transform:uppercase; }
#hoe-downs .event .thumbnail img { width:100%; height:auto; }
#hoe-downs .event .meta { padding:18px; background-image:url('assets/img/event-meta-background.png'); background-repeat:no-repeat; background-size:cover; }
#hoe-downs .description { font-size:16px; padding:0 18px; }
#hoe-downs .meta-tags { display:flex; justify-content:space-between; }

#book-event-types-grid { display:grid; margin-top:51px; }
#book-an-event-logo { display:flex; justify-content:center; margin-top:44px; }
#book-event-types-grid .pamit { font-size:30px; text-transform:uppercase; }

#book-event-brochure-block { display:grid; align-content:center; height:574px; background-image:url('assets/img/book-an-event-pink-background.png'); background-size:cover; background-repeat:no-repeat; padding:0 20px; }
#download-brochure-button { display:block; background-color:black; color:white; max-width:360px; height:60px; line-height:60px; margin:40px auto 0; font-size:30px; }
#book-an-event-contact-form-container input[type=submit] { font-family:'pamit'; text-transform:uppercase; }

.contact-form { display:grid; justify-content:center; row-gap:30px; font-size:18px; }
.contact-form .form-pair { display:grid; row-gap:30px; justify-content:center; }
.contact-form input, .contact-form select, .contact-form textarea, label.fakebutton { font-size:18px; padding:0 15px; background-color:var(--madcow-orange); color:white; border:0; display:block; width:100%; max-width:350px; height:57px;}
.contact-form input[type=submit] { background-color:var(--madcow-pink); }
.contact-form textarea { height:144px; width:100%; max-width:100%; padding-top:15px; padding-bottom:15px; }

label.fakebutton { line-height:57px; text-align:left; }
label.fakebutton input { line-height:57px; }

#book-an-event-contact-form-container { padding:37px 0; }
#book-event-brochure-block p { font-size:24px; font-weight:bold; margin-bottom:30px; }

#book-a-barrel-button { display:flex; justify-content:center; font-family:'pamit'; font-size:30px; text-transform:uppercase; }

#connected-pink-cow { height:524px; background-image:url('assets/img/book-an-event-pink-background.png'); display:grid; align-content:center; justify-content:center; }
#connected-pink-cow .container { display:grid; row-gap:37px; justify-content:center; }
#connected-pink-cow .container > * { margin:0 auto; }

#connected-mobile-app-block { padding:48px 20px; display:grid; background-image:url('assets/img/mobile-app-background-mobile.png'); background-repeat:no-repeat; background-size:cover; }
#connected-mobile-app-block > div { display:grid; }
#connected-mobile-leftcol { display:grid; align-items:center; }
#connected-mobile-leftcol > div { display:grid; justify-items:center; align-items:center; row-gap:20px; }
#mobile-app-markets { display:flex; column-gap:20px; }
#connected-mobile-leftcol h5 { font-size:20px; }

#mobile-app-button-container { width:100%; }
#mobile-app-button-container a { margin:0 auto; width:100%; max-width:360px; }

.nslide { display:none; }

#booking-contact-form input[type=submit] { font-size:30px; }
.submit-row input[type=submit] { font-family:'pamit'; text-transform:uppercase; }

#slide-gallery { padding-bottom:31px; margin-top:21px; }
.slick-dots { display:flex; justify-content:center; column-gap:5px; margin-top:11px; }
.slick-dots li { list-style-type:none; }
.slick-dots li button { font-size:0; border:0; background-color:#efb361; height:10px; width:10px; border-radius:50px; }
.slick-dots li.slick-active button { background-color:var(--madcow-pink); }


#join-slideshow { max-width:360px; margin:0 auto; margin-bottom:40px; }

#homepage-book-a-barrel .islide .subislide a { color:white; font-size:30px; font-family:'pamit', sans-serif; }



footer { background-image:url('assets/img/footer_texture.png'); background-repeat:no-repeat; background-size:cover; }
footer .madcow-social-icons a { display:block; height:29px; }
footer .madcow-social-icons img { height:29px; width:auto; }


@media screen and (max-width:1440px) {
    
    header { padding-top:57px; height:100vh; position:relative; display:grid; align-content:space-between; }
    header.homepage-header { display:block; }
    #branding { display:flex; justify-content:center; }

    .contact-form textarea { max-width:350px; }

    #page-content { padding-top:42px; padding-bottom:53px; }

    #page-hero { padding-bottom:83px; }

    #main-navigation { display:none; padding-bottom:136px; background-color:rgba(0,0,0,.7); padding-top:15px; margin-top:15px; position:relative; z-index:5; }
    #main-navigation .menu a { line-height:56px; }
    #main-navigation-mobile-buttons { width:265px; display:grid; row-gap:21px; margin:21px auto; }
    #main-navigation-mobile-buttons a { display:block; color:white; width:265px; height:38px; line-height:38px; }
    #main-navigation a span::before { content:' '; }

    #mobile-nav-toggle { margin:30px auto 0; width:133px; height:39px; background-image:url('assets/img/mobile-menu-frame.png'); background-size:cover; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; }
    #mobile-nav-toggle a { color:white; text-transform:uppercase; font-weight:700; }

    #home-hero-quote { font-size:25px; font-weight:700; width:240px; margin:38px auto;}
    
    #hero-socials { margin-top:123px; }
    
    #header-down-indicator { display:flex; justify-content:center; margin-top:40px; padding-bottom:13px; position:absolute; width:100%; bottom:0; }
    #header-down-indicator img { height:35px; width:35px; }

    footer { padding:55px 0; }
    footer h3 { margin-top:30px; }
    #footer-logo { display:flex; justify-content:center; }
    

    #return-to-top { height:35px; width:35px; margin:34px auto 0; }


    #homepage-epic-event { padding:47px 20px; }

    .hide-mobile { display:none; }

    #hoe-downs .event { margin-top:55px; }

    #book-event-content-main { margin-top:30px; padding-left:30px; padding-right:30px; }
    #book-event-content-main p { padding-bottom:20px; }

    #book-event-types-grid { display:grid; }
    #book-event-types-grid span { display:block; background-color:var(--madcow-pink); height:3px; width:234px; margin:18px auto; }

    #book-a-barrel-images { margin-top:13px; display:grid; row-gap:36px; padding-bottom:56px; }
    #book-a-barrel-images img { width:100%; }

    #stay-connected-attire-property { padding:100px 0 50px; }
    #stay-connected-attire-property p { padding:12px 5%; line-height:24px; }
    #stay-connected-attire-property img { width:100%; }

    #connected-mobile-leftcol { order:2; }
    #connected-mobile-rightcol img { margin:0 auto; }

    #say-howdy-contact-form-container .container > div:last-child { padding-top:37px; }

    #book-an-event-media > .container > div { display:grid; justify-content:center; }

}



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

    h2 { font-size:50px; }

    #page-shell { padding:49px 0 130px; }
    .container { width:1120px; margin:0 auto; }
    #page-content p { font-size:20px; }

    #infobar { background-color:var(--madcow-orange); text-transform:uppercase; }
    #infobar > div { display:grid; grid-template-columns:minmax(0,1fr) 360px; column-gap:20px; height:57px; align-items:center; }
    #infobar > div > div:first-child { display:flex; justify-content:end; }
    #infobar-buttons { display:grid; grid-template-columns:170px 170px; column-gap:20px; }
    #infobar-buttons a { background-color:var(--madcow-pink); width:170px; height:41px; color:white; display:block; text-align:center; line-height:41px; }

    header { padding:26px; height:598px; }
    header.homepage-header { height:auto; }
    #page-hero { height:100%; display:grid; align-content:center; }

    #brand-nav { display:flex; column-gap:30px; }
    #branding { width:93px; }
    #main-navigation { width:100%; }
    #main-navigation ul { display:flex; justify-content:start; }
    #main-navigation li { list-style-type:none; height:60px; display:grid; align-content:center; }
    #main-navigation a { width:149px; display:block; }
    #main-navigation a span { display:block; }
    #main-navigation li.current-menu-item { background-image:url('assets/img/main-navigation-active-link.png'); background-size:cover; background-repeat:no-repeat; }

    #hero-title h1 { font-size:78px; }
    #home-hero-quote { font-size:40px; margin-top:123px; }
    #hero-title-image { margin-top:107px; }
    #hero-title-image img { width:794px; height:auto; }
    #hero-socials { margin-top:171px; }
    #hero-socials-text { font-size:30px; }
    #hero-socials-links a { height:41px; }
    #hero-socials-links img { height:41px; }

    #epic-book-button { margin-top:48px; color:white; width:360px; height:60px; font-size:30px; line-height:60px; }

    footer { padding:153px 0 30px; }
    footer a { color:white; }
    footer li { list-style-type:none; }
    footer > .container:first-child { display:flex; font-size:13px; column-gap:50px; }
    footer > .container:first-child  > div { text-align:center; }
    footer > .container:first-child > div.left-align { text-align:left; }
    footer h3 { font-size:20px; font-weight:700; margin-bottom:20px; white-space:nowrap; }

    #footer-links { text-transform:uppercase; }
    #footer-follow-us-header { margin-top:40px; }
    
    #copyright { margin-top:50px; display:flex; justify-content:space-between; font-size:12px; }
    #copyright a { color:white; }

    #homepage-book-a-barrel { padding:79px 0; }
    #homepage-book-a-barrel .container { display:flex; justify-content:space-between; }
    #homepage-book-a-barrel .islide { display:block; border:2px solid #efb361; overflow:hidden; }
    #homepage-book-a-barrel .islide .subislide { top:100%; transition:all .4s; background-image:url('assets/img/islide-gradient.png'); background-position:bottom center; background-size:cover; background-repeat:no-repeat; }
    #homepage-book-a-barrel .islide:hover .subislide { top:0; transition:all .4s; }

    #homepage-epic-event { height:583px; background-image:url('assets/img/homepage-book-event-background.jpg'); display:grid; align-content:center; background-size:cover; background-repeat:no-repeat; background-position:center center; }

    #homepage-follow-us { padding:85px 0; }

    #hoe-downs .container { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:20px; row-gap:50px; }
    #hoe-downs .thumbnail { height:250px; background-color:blueviolet; }
    #hoe-downs .description { text-align:left; padding:15px 0 0; }

    #book-event-types-grid .container { display:grid; align-items:center; grid-template-columns:minmax(0,1fr) 5px minmax(0,1fr) 5px minmax(0,1fr); }
    #book-event-types-grid span { display:block; background-color:var(--madcow-pink); height:140px; width:5px; }
    #book-event-types-grid .pamit { font-size:50px; text-transform:uppercase; }

    #book-event-brochure-block { height:384px; }

    #book-an-event-contact-form-container form { display:grid; justify-content:right; }
    #book-an-event-contact-form-container .container { display:grid; grid-template-columns:360px minmax(0,1fr); column-gap:20px; }
    #book-an-event-contact-form-container .container > div:first-child { flex-basis:360px; }
    #book-an-event-contact-form-container .container > div:first-child img { width:100%; }
    .contact-form { row-gap:20px; }
    .contact-form .form-pair { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:20px; }
    #book-an-event-contact-form-container input { width:360px; }
    #book-an-event-contact-form-container .submit-row, .submit-row { display:grid; justify-content:right; }
    .submit-row input { width:350px; }

    #book-an-event-media { padding-top:52px; }
    #book-an-event-media .container { display:grid; grid-template-columns:550px minmax(0,1fr); column-gap:85px; }
    #book-an-event-media .container > div:first-child { order:2; }
    #book-an-event-media .container > div:last-child { display:grid; row-gap:20px; }

    #book-a-barrel-images .container { display:grid; grid-template-columns:360px minmax(0,1fr); column-gap:20px; }
    #book-a-barrel-button { margin-top:90px; }

    #stay-connected-attire-property { padding-top:110px; }
    #stay-connected-attire-property .container { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:40px; }
    #stay-connected-attire-property .container p { padding:12px 0; line-height:40px; font-size:20px; }

    #connected-pink-cow { height:419px; }

    #connected-mobile-app-block { background-image:url('assets/img/mobile-app-background-desktop.png'); }
    #connected-mobile-app-block > div { grid-template-columns:minmax(0,1fr) minmax(0,1fr);  }

    #say-howdy-contact-form-container .container { display:grid; grid-template-columns:360px minmax(0,1fr); }

    #homepage-follow-us .madcow-social-icons { margin-top:50px; }

    
    #slide-gallery .slide { width:360px; height:auto; margin:0 10px; }

    #join-contact-form-block .container { display:flex; align-items:end; }
    #join-slideshow { margin-bottom:0; position:relative; }
    #join-slideshow .slick-dots { position:absolute; bottom:15px; width:100%; }

    .nslide { display:block; position:relative; overflow:hidden; border:1px solid white; }
    .nslide span { position:absolute; display:block; width:100%; height:106px; line-height:106px; bottom:0; transition:all .8s; font-size:30px; background-image:url('assets/img/nslidebkg.png'); background-position:bottom center; background-size:cover; background-repeat:no-repeat; }

    .hide-desktop { display:none; }



}



.wpcf7-spinner { display:none!important; }