/* MAIN STYLES */

body {margin: 0;padding: 0;font-family: 'Open Sans', sans-serif;line-height: 1.5rem;color: #fff;background-color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #000;background: url(/wp-content/uploads/2017/02/1440x900-free-wallpaper-e1486878551159.jpg);background-size:cover;}

.wrap {background-color: #000;margin: auto;max-width: 1200px;}

p {margin-bottom:10px;}

h1,h2,h3,h4,h5 {
      margin: 0;
    color: #E92D2E;
    text-transform: uppercase;
}

a {color:#E92D2E}

@font-face {
    font-family: brooklyncoffee_regular;
    src: url(/wp-content/themes/laffan/fonts/brooklyncoffee_regular.woff);
}

input, textarea {
  background: #000;
    border: 2px solid #585858;
    padding: 10px;
    color: #fff;
}

article {
  background:#000;
}

.button {
  background: #E92D2E;
  padding: 10px 30px 10px 30px;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
  font-weight: 500;
  letter-spacing: 1px;
}

.button.white {
  background: #fff!important;
  color: #E92D2E;
  margin-left: 5%;
}

header{}
header section {}

.right {
    float: right;
    color: #c71c1c;
    padding-bottom: 10px;
    width: 100%;
    height: 93px;
    font-size: 17px;
    text-align: center;
    font-weight: 800;
}

.right p {
margin:6px;
    color: #c71c1c;
}

.right a {color:aeb0b3; text-decoration: none;}



.top-nav{
    height: 160px;
    background: url(http://www.anthonyvyner.com/Tony/wp-content/themes/laffan/img/banner.png);
}

.menu-btn {
  display: none;
}

@media screen and (max-width: 1030px) {

.top-nav {
    height: auto;
    min-height: 36px;
}

.menu-btn {
    background-color: #e92d2e;
    color: #ffffff;
    display: block;
    font-weight: 600;
    margin: auto;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.menu-btn img {
    margin-right: 6px;
}

.main-nav {
    display: none;
    height: auto !important;
    position: relative;
}

.main-nav.open {
   display: block;
}

.main-nav  ul {
  padding: 0;
}

nav.main-nav li {
  width: 100%;
  text-align: center;
}

nav ul.menu a {
    font-size: 17px;
    line-height: 17px;
    padding: 10px;
}


}


ul.main-nav {
  margin: 0;
}

.main-nav{
    height: 50px;
    width: 100%;
    background: #E92D2E;
}

nav {z-index: 999;}

nav a {
  display: inline-block;
    padding: 35px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px
}

.menu-main {
  margin:0;
}

ul.menu {
  margin:0;
}

nav ul.menu {
  margin:0;
}

nav ul.menu li {
  margin:0;
  display: inline-block;
}

nav ul.menu a {
  display: inline-block;
  padding: 18px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.7em;
  font-family: "brooklyncoffee_regular";
}

nav ul.menu a:hover,nav ul.menu a:focus {
  color: #eaeaea;
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}

nav ul.menu a:active {
  color: #444;
}

nav.main ul.menu .active {
  color: #444;
}



section{
}
.hero{
    height: 225px;
}
.cta {
    height: 73px;
    line-height: 73px;
    background: #E92D2E;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
}
.about {min-height: 400px;text-align: center;}

.media {
    min-height: 400px;
}

.media .contain {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    min-height: 400px;
}


.about .contain {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    min-height: 400px;
}

footer {
    text-align: center;
    padding: 20px;
    background: #131313;
    color: #E92D2E;
}

.footer-top {    
    height: 73px;
    background: #E92D2E;
  }

.footer-bottom {}



/* SCAFFOLD */


.desktop-only {display: none !important;}

@media screen and (min-width: 30rem) {
.desktop-only {display: block !important;}
}



.mobile-only {display: inline-block !important;}
.top-nav .logo {width: 100%;}


@media screen and (min-width: 30rem) {
.mobile-only {display: none !important;}
.top-nav .logo {width: 614px;}
.right {float: right;margin-top: 23px;margin-right: 30px;color: #c71c1c;padding: 10px;width: 230px;height: 93px;font-size: 17px;text-align: center;font-weight: 800;}

.right p {margin-bottom: 0px;color: #c71c1c;}

.right a {color: #c71c1c; text-decoration: none;}

}

/* Containments */

#contain-all {
    width: 100%;
    overflow: hidden;
    background: #fff;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.outer_contain {
    margin: 0 auto;
    max-width: 90rem;
  }

.contain {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3rem 1.5rem 3rem 1.5rem;
}

.contain::after {
    clear: both;
    content: "";
    display: table
}

.col {
    flex-grow: 1;
    width: 500px;
    box-sizing: border-box;
    padding: 30px;
    padding: 30px 30px 0px 30px;
}

.tribe-events-list .tribe-events-loop .tribe-event-featured, .tribe-events-list #tribe-events-day.tribe-events-loop .tribe-event-featured, .type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap, .type-tribe_events.tribe-events-photo-event.tribe-event-featured .tribe-events-photo-event-wrap:hover {
    background-color: #000!important;
}

.tribe-events-sub-nav {display:none;}