/* Igloo overrides */
.top {
    height: auto;
    position: relative;
}
.top + #content {
    margin-top: 0;
 }
#content, #home-content {
    background-image: linear-gradient(#f57f38, #e83372);
}
.hero__inner { 
    text-shadow: 3px 3px #000;
}
.hero h1, .hero h2.h2-big {
    font-family: hpunk-bold;
    font-size: 3rem;
    text-align: center;
    font-weight: 500;
}
.hero__inner h2, .hero__inner .pre-head {
    font-family: hpunk;
    font-size: 2rem;
    text-align: center;
    opacity: 1;
    margin-bottom: 0;
    letter-spacing: 6px;
}
@media screen and (min-width:960px) { .hero__inner h2, .hero__inner .pre-head{
    font-family: hpunk;
    font-size: 4rem;
    text-align: center;
    opacity: 1;
    margin-bottom: 0;
    letter-spacing: 6px;
}}
@media screen and (min-width:960px){ .hero h1, hero h2.h2-big{
    font-family: hpunk-bold;
    font-size: 11rem;
}}
#home-content .grid-item.pod { 
    border: 10px solid transparent;
    border-image: url(/media/oc0lifwc/tall-border.png) 14 round;
    height: 100%;
    padding: 126px 15px 2rem;
    margin: 0 auto;
    position: relative;
    margin-top: 111px;
    margin-bottom: 20px;
    height: 100%;
    min-height: 441px;
}

#home-content .grid-item.pod .pod__image {
    max-width: 241px;
    max-height: 241px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 2rem;
    top: -121px;
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .5);
}

#home-content .button-wrap { width: 100%; }

#home-content .button-wrap .button {
    font-family: Krungthep, sans-serif;
    color: #fff !important;
    line-height: 1.5rem;
    width: 75%;
    background-color: #282561;
    border-color: #282561;
    border-radius: 1rem;
    margin: 0 auto;
    padding: 8px 16px;
    margin-bottom: 10px;
}

.flickity-viewport {
    height: calc(100vh - 236px);
}

.flickity-slider .slide { 
    height: 100%;
}

.footer-item--social-links .social-nav li a,
.footer-item--social-links .social-nav li a:hover {
    width: 40px;
    height: 40px;
    background-color: #000 !important;
}

.footer-item .h6 {
    font-family: myriad-pro-bold, sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.footer-item .navigation ul li a {
    color: #000;
    text-decoration: none;
    font-family: myriad-pro, sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    font-weight: normal;
}

.footer-item .navigation ul li a:focus {
    outline: 1px dotted #fff;
}

.text-container-bg .row {
    background-color: #fae3d2;
    padding: 4%;
}

.map .map_container{
    height:100%;
    width:100%;
}

.umbraco-forms-field-wrapper input{
    font-family: Krungthep,sans-serif;
    font-size: .8rem;
    color: #000;
    border-radius: 10px;
    text-align: center;
    font-style: normal;
}

.umbraco-forms-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.firstname{
    width:49%;
}
.lastname{
    width:49%;
}
.phonenumber{
    width:49%;
}
.email{
    width:49%;
}
.location{
    width:100%;
}
.education{
    width:100%;
}
.workexperience{
    width:100%;
}
.iwanttoworkatlongboards{
    width:100%;
}
.education textarea{
    text-align:center;
}
.workexperience textarea{
    text-align:center;
}
.iwanttoworkatlongboards textarea{
    text-align:center;
}
.location select{
    text-align:center;
}
.umbraco-forms-navigation .col-100{
    display:flex;
    justify-content:center;
}
.name{
    width:49%;
}
.subject{
    width:49%;
}
.message{
    width:100%;
}
.message textarea{
    text-align:center;
}
.show{
    display:block !important;
}

.catering-item-text p{
    margin-bottom:0px;
}

.catering-image img{
    width:28%;
}

.faq-a p{
    margin-bottom:0px;
}

.faq {
    margin-top: 0;
    margin-bottom: 15px;
}

.faq-a, .faq-q {
    text-align: center;
    font-family: acumin-variable,sans-serif;
    margin: 0 auto;
}

.faq-q {
    font-size: 1.25rem;
    font-weight: 700;
    background-color: #282561;
    color: #fff;
    padding: 8px 20px;
    border-radius: 10px 10px 0 0;
}

.faq-a {
    font-size: 1rem;
    background-color: #fff;
    color: #000;
    padding: 20px 12px;
    border-radius: 0 0 10px 10px;
}

.faq-a, .faq-q {
    text-align: center;
    font-family: acumin-variable,sans-serif;
    margin: 0 auto;
}

#FAQs h2{
    font-family: hpunk-bold,sans-serif;
    font-size: 3rem;
    color: #fff;
    padding-top: .75rem;
    text-shadow: 5px 5px #000;
    text-align: center;
    padding-bottom: 0;
}

#Catering-box-1{
    margin-top:40px;
}

#Catering-box-1 p{
    font-family: acumin-variable,sans-serif;
    font-variation-settings: "wght" 500,"wdth" 100,"slnt" 0;
    font-size: 1rem;
    color: #000;
    font-weight: 700;
    text-align: center;
}
@media screen and (min-width:1024px) {#Catering-box-1 p{
    font-size: 1.2rem;
}}

#Catering-box-2 p{
    font-family: acumin-variable,sans-serif;
    font-variation-settings: "wght" 500,"wdth" 100,"slnt" 0;
    font-size: 1rem;
    color: #000;
    font-weight: 700;
    text-align: center;
}
@media screen and (min-width:1024px) {#Catering-box-2 p{
    font-size: 1.2rem;
}}

#Catering-box-1 .button-wrap a{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 1rem auto;
    padding: 8px 16px;
    background-color: #262261;
    border-radius: 10px;
    font-family: hpunk-bold;
    color: #fff !important;
    font-size: 2rem;
    text-decoration: none;
    margin-top: 0;
    border-color:#262261;
}

#Catering-box-2 .button-wrap a{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 1rem auto;
    padding: 8px 16px;
    background-color: #262261;
    border-radius: 10px;
    font-family: hpunk-bold;
    color: #fff !important;
    font-size: 2rem;
    text-decoration: none;
    margin-top: 0;
    border-color:#262261;
}

#Startyourorder .button-wrap a{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 1rem auto;
    padding: 8px 16px;
    background-color: #262261;
    border-radius: 10px;
    font-family: hpunk-bold;
    color: #fff !important;
    font-size: 2rem;
    text-decoration: none;
    margin-top: 0;
    border-color:#262261;
}

#Selectyourshack {
    padding: 0px;
}

#Selectyourshack .container{
    padding-bottom:0px !important;
    padding-top:0px !important;
}

#Selectyourshack h1, h2 {
    margin: 0 auto;
    color: #fff;
    font-family: hpunk-bold,sans-serif;
    font-size: 2rem;
    text-align: center;
}

@media screen and (min-width:768px){ #Selectyourshack h1, h2{
    margin: 0 auto;
    color: #fff;
    font-family: hpunk-bold,sans-serif;
    font-size: 2.25rem;
    text-align: center;
}}

@media screen and (min-width:1024px){ #Selectyourshack h1, h2{
    margin: 0 auto;
    color: #fff;
    font-family: hpunk-bold,sans-serif;
    font-size: 2.5rem;
    text-align: center;
}}

#Homepageslider .hero__inner {
    text-shadow: none;
}

#Homepageslider .hero h1{
    text-shadow:none;
}

#CateringHeader h2{
        text-align: center;
    font-size: 3rem;
    color: #fff;
    font-family: bauhaus-bold,sans-serif;
    padding-top: 1.2rem;
    text-shadow: 3px 4px 4px #000;
    margin:0px;
    padding:0px;
}

#CateringHeader {
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}

#CateringHeader div{
    margin-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}

#ShopItems .button-wrap a{
    display: block;
    font-family: krungthep-bold,sans-serif;
    font-size: 1.25rem;
    padding: 8px 16px;
    border-radius: 5px;
    background: #282561;
    border: 3px solid #282561;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    margin: 0 auto 15px;
    width: 100%;
}

#ShopItems .button-wrap{
    width:100%;
}
.checkboxlist input, label { display: inline-block !important; }
.umbraco-forms-legend { background: #282561; color: #fff; padding: 7px; font-family: krungthep-bold, sans-serif; font-size: 21px; }
#lb-community h2 { font-size: 1.5rem; font-family: krungthep-bold, sans-serif; color: #000; }