/*
Theme Name: UK Caribbean Food Awards
Author: unavoided
Version: 1.0
Text Domain: ukcfa
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7191388a-ddb9-40f3-9479-3c0dd1188794");
    @font-face{        font-family:"Goldplay W05 Regular";        src:url("Fonts/cc537b8b-7351-45a4-94dc-4d1a1cdeae94.woff2") format("woff2"),url("Fonts/480bad3f-e88d-4897-bcc2-c58bc03023c1.woff") format("woff");    }
    @font-face{        font-family:"Goldplay W05 Bold";        src:url("Fonts/ac7c8cfe-1905-4506-a957-067e92c2651e.woff2") format("woff2"),url("Fonts/bc6dbed8-a105-4afc-98af-3660cc1d2995.woff") format("woff");    }
    @font-face{        font-family:"Goldplay Alt W05 Light";        src:url("Fonts/5392e562-4462-43ec-99eb-f4c5b7f0e5ee.woff2") format("woff2"),url("Fonts/aeb66a95-da36-48e7-b81b-22f4d6b6eb91.woff") format("woff");    }


* {margin:0; padding:0; color:#fff; font-family:"Goldplay W05 Regular"; }
html {background:#fff; height:100%; scroll-behavior: smooth;}
body {height:100%;}

h1, .h1 {margin-bottom:3%; font-weight:normal; font-family:"Goldplay W05 Bold";   font-size: 2.5em; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
h2, .h2 {margin-bottom:3%; font-weight:normal; font-family:"Goldplay W05 Bold";   font-size: 2em; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
h3, .h3 {margin-bottom:3%; font-weight:normal; font-family:"Goldplay W05 Bold";   font-size: 1.5em; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
h4, .h4 {margin-bottom:3%; font-weight:normal; font-family:"Goldplay W05 Bold";  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}
p  {margin-bottom:3%; font-size:1em; line-height:1.50em;}
ul {margin-bottom:3%; padding-left:30px; }
li {font-size:1em;  }
.gfield_label {color: #fff;}

select, option, input, textarea {color: #000}

a { text-decoration:none; color:#f2a62c;}
a:hover {color:#74c4c6;}
.whitetext .gform_button  { padding:2% 6%; background: linear-gradient(90deg, #b8860b 10%,
   #cfa935 25%,
   #ffd700 50%,
   #cfa935 75%,
   #b8860b 100%) !important; color:#000 !important; border: none; border-radius: 20px; width: 100% !important; font-size:1em; line-height:2em; display:inline-block; margin-top:3%; text-transform:uppercase;}
.morelink { padding:2% 6%; background: #000;  color:#fff; border: 10px solid;
  border-image-source: linear-gradient(90deg,#b8860b,
     #cfa935 25%,
      #ffd700 50%,
      #cfa935 75%,
      #b8860b 100%);
  border-image-slice: 1;  border-radius: 20px;  font-size:1em; line-height:2em; display:inline-block; margin-top:3%; text-transform:uppercase;}

i {font-style:normal;}
hr {border: 0; color:#69483a; height:1px; background:#69483a; clear:both; margin:3% 0;}
iframe {margin-bottom:20px;}
.breadcrumbs {margin-bottom:3%; font-size:0.825em;} 
.smalltext {font-size: 0.75em; margin-bottom: 0;}

.rainbowbutton {padding:1% 4%; display: inline-block;background: linear-gradient(90deg,#b8860b,
   #cfa935 25%,
    #ffd700 50%,
    #cfa935 75%,
    #b8860b 100%); font-family:"Goldplay W05 Bold"; font-size: 30px; }

.rainbowbuttonsimple:hover {color: #000;}

.middle { top: 50%; transform: translateY(-50%); position:absolute;}
.middlealign {vertical-align: middle !important;}
.centered {text-align: center;}

/*images*/
.attachment-medium {margin-bottom:3%}
.alignright {float:right; margin-left:3%;  width: auto !important;}
.alignleft {float:left; margin-right:3%;  width: auto !important;}
#homelogo {position:absolute; z-index:450; width:33%; height:auto; left:3%; top:8%; }
.halfwidth img   {width: 100%; height: auto;}
.size-large  {width: 100%; height: auto; margin-bottom:  3%}
.wp-block-image img {width: 100%}
figcaption {text-align: center; font-style: italic; width: 100%;     margin-top: .5em;  margin-bottom: 1em;}
.fbimage {    position: fixed;    z-index: -10;    left: -500px;}

/*video*/
.js-video {height: 0; padding-top: 25px; padding-bottom: 51%; margin-bottom: 10px; position: relative; overflow: hidden; margin:0 0 3% 0;}
.js-video.widescreen {padding-bottom: 56.34%;}
.js-video.vimeo {padding-top: 0;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {top: 0; left: 0; width: 100%; height: 100%; position: absolute;}

/*layout*/
.pagewidth {max-width:1280px; margin:0 auto; overflow:auto; position: relative;}
.withpadding { padding:3% 0;}
.blogpost {max-width:1024px; margin:0 auto; overflow:auto;}
.topdiv {margin-top: 120px;}
.nomargin {margin-bottom: 0;}

section {margin:0 3%; padding:3%; overflow:auto; position: relative;}
section.content {padding: 3%;}
section.related {padding: 0; margin: 0}
section.simplesize {padding: 3% 15%;}

.banner {height: 550px; width: 100%; background-size: cover; background-position: center -205px;position: relative; background-attachment: fixed;}
.shopbanner {height: 250px; width: 100%; background-size: 100% auto; background-position: center -190px; position: relative; background-attachment: fixed;}

.halfwidth {width:44%; padding: 2%; margin-right:4%; display:inline-block; vertical-align:top;  overflow: auto; }
.halfwidth:nth-of-type(2n) {margin-right:0;}

.quarter {width:19.5%; margin-right:6%; display:inline-block; vertical-align:top; opacity: 1; transition:all 500ms ease; margin-bottom: 3%;}
.quarter:hover .blue {background: rgba(164,212,213, 0.7)}
.quarter:nth-of-type(4n) {margin-right: 0;}
.quarter img {width: 100% !important; height: auto; display: block;}

.onethird {width:32%; position: relative; display:inline-block; vertical-align:top; margin-right: 2%; margin-bottom: 2%; background: rgba(109,40,133,0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; }
.onethird:nth-of-type(3n), .onethirdawards:nth-of-type(3n) {margin-right: 0;}
.onethird img {width: 100%; height: auto; display: block; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.twothird {width:62%; margin-right: 4%;  display:inline-block; vertical-align:top;}
.twothird img {width: 100%; height: auto;}

.twocolumns {-webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  column-gap: 40px;}
.threecolumns {-webkit-column-count: 3;  -moz-column-count: 3;  column-count: 3; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  column-gap: 40px; }

.fifth {width: 20%; display: inline-block; vertical-align: middle;}
.fifth img {width: 70%; height: auto;}

.eighth {width:11%; margin: 0 0.75% 1% 0.75%; display: inline-block; }

/*googlemaps*/
.google_map { position: relative;  padding-bottom:50%; height: 0; overflow: hidden; margin-bottom:0; width: 100%; display: inline-block; vertical-align: top; margin-right: 2%;}
.google_map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/*colours*/
.black {background: #000; position: relative; padding: 3% 0}
.black60 {background: rgba(0,0,0,0.6); position: relative;}
.whitetext,  .whitetext p, .whitetext h1, .whitetext h2, .whitetext h3,  .whitetext label,  .whitetext .gfield_label, .whitetext li, .whitetext span, .whitetext strong {color: #fff !important;}
.glitter {background: url("images/glitter.jpg"); background-attachment: fixed; background-size: cover;}


/*header & Mneus*/
header {height: 120px; background: #000; top:0; z-index: 1499;  position: fixed; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease; }
header.smaller {height: 60px;}
header img {height: 120px !important; width: auto !important; margin-left: 3%; display: inline-block;; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
header .menu-btn { display: none;}
.menu-icon {display: none;}
header.smaller img {height: 60px !important; }

.main-menu {display:inline-block; vertical-align: top; position: absolute; left: 350px;}
.main-menu ul {list-style: none; margin-bottom: 0; padding-left: 0;}
.main-menu li {display: inline-block; vertical-align: top; padding: 0 10px; text-align: center;}
.main-menu li a {font-weight: 100; font-style: normal; line-height: 120px; font-size: 18px; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.main-menu li a:hover {color: #5040e1;}
header.smaller .main-menu li a {line-height: 60px;}

.wpmenucartli {position: absolute; right: 3%; top: 0;  }
.wpmenucartli i, .wpmenucartli span {color: #fff;}

.tickets {position: fixed; right: 5%; top: 35px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease; }
.tickets a {padding:13% 34%;display: inline-block;background: linear-gradient(90deg, #b8860b 10%,
   #cfa935 25%,
   #ffd700 50%,
   #cfa935 75%,
   #b8860b 100%);  line-height: normal !important; font-family:"Goldplay W05 Bold"; color:#000 !important;}
header.smaller .tickets {top: 9px; padding: 7% 22%}

/*home page*/
#myVideo {    position: fixed;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%; z-index: 0; background: url("images/poster.jpg") no-repeat; background-size: cover;}
.front-logo {padding: 50px 0; height: auto;  text-align: center;  }
.front-logo img {width: auto;}

.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0 0 0;  margin: 0; height: 400px  }
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; bottom: 0;   height: 100%; background-position: center center;		background-size: cover; }
/*.rslides li:nth-of-type(1) { animation: myAnim 6s ease 0s 1 normal forwards; }
.rslides li:nth-of-type(2) { animation: myAnim 6s ease 7s 1 normal forwards; }
.rslides li:nth-of-type(3) { animation: myAnim 6s ease 14s 1 normal forwards; }*/
.rslides img {  display: block;  width: auto;  float: left;  height: 100%;  border: 0;   }

.onethirdawards {width:85%; border:10px solid;
  border-image-slice: 1;
  border-width: 10px;
 border-image-source: linear-gradient(
   90deg,
   #b8860b,
   #cfa935,
   #ffd700,
   #cfa935,
   #b8860b
 ); padding: 3%; position: relative; display:inline-block; vertical-align:top; margin-bottom: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
  
  .winner, .winner strong {display: block; font-size: 24px; font-weight: normal; font-family:"Goldplay W05 Bold";   background: -webkit-linear-gradient(0deg, rgba(223,9,23,1) 0%, rgba(238,112,4,1) 12.5%, rgba(255,173,73,1) 25%, rgba(244,230,0,1) 37.5%, rgba(129,187,44,1) 50%, rgba(75,182,152,1) 62.5%, rgba(53,189,231,1) 75%, rgba(83,82,159,1) 87.5%, rgba(130,81,156,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  
  
  .partners img {max-width: 50%; height: auto; margin-bottom: 3%;}
 
/*galery*/
.gallery {margin-bottom:2% !important;}
.single-product .woogallery .gallery-item {width:10% !important;margin-right:1% !important; }
.gallery-item, .gallery-item img {border:none !important; }
.gallery-item {width:31% !important; height:auto; margin-right:2% !important; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
.page-id-28 .gallery-item {width:10% !important; height:auto; margin-right:2.5% !important; margin-bottom:1% !important; margin-top:0 !important; display:inline-block !important; float:none !important;}
.gallery-item img {width:100%; height:auto; display:block;}
.gallery-item a {display:block;}
#cboxOverlay { background: rgba(0,0,0,0.6) !important; opacity:1}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important;}
#cboxLoadedContent {margin-bottom:40px !important;}
#cboxPrevious, #cboxNext {bottom:8px !important ;}
#cboxPrevious {left:5px !important ;}
#cboxNext {left:32px !important ;} 
#cboxClose { background: url(images/close.png) no-repeat !important; top:1% !important; height: 53px !important;  position: absolute; right: 1% !important ;  text-indent: -9999px; width: 53px !important;}
#cboxPrevious {background:url(images/prev.png) no-repeat !important; top: 50%;  transform: translateY(-50%); height: 35px !important;  left: 0 !important;  position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxNext { background:url(images/next.png)!important;    top: 50%;  transform: translateY(-50%); left:auto !important;   height: 35px !important;    right:0 !important;    position: absolute;    text-indent: -9999px;    width: 25px;}
#cboxCurrent {bottom: 10px !important; color: #646464 !important; left: 2% !important;}
#cboxTitle, #tooltip {display:none !important; }

/*map*/
#map {height: 800px; padding-top: 90px; }

/*footer*/
footer {font-size: 0.875em; background: #000; position: relative;}
footer ul {padding-left: 0;}
footer li {list-style: none;}
.black60 .fifth {margin-bottom: 2%}
.footerbit .quarter {padding: 1% 0 0 0; }
.unicorn {position: absolute; bottom: 0; left: 0; background: url("images/unicorn.png"); width: 60px; height: 41px; background-size: contain; z-index: 1000; cursor: pointer;}
.unicorn:hover {background: url("images/unicorn-rainbow.png"); background-size: contain;}


@media only screen and (min-width:0px) and (max-width:767px) {

header {height: 100px;z-index: 10499;  position: fixed; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease; }
header.smaller {height: 100px;}
header img {height: 100px !important; width: auto !important; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
header.smaller img {height: 100px !important;}


.main-menu { background: #000;  clear: both;  height:0; opacity: 0; transform: none; position: fixed; z-index: 10000; top:0px; left: 0; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease; margin-left: 0;}
.main-menu ul {margin:0 auto !important; left:0; right: 0; padding:0; height: 0; display:block;  top: 0; width: 100%;  transform: none; position:absolute; max-width: 100%; text-align: center; border-top: none !important}
.main-menu li { padding:0 40px; text-align:left;  height:40px;  display: none;   -webkit-transition: background-position 0.5s;    -moz-transition: background-position 0.5s;    transition: background-position 0.5s;}
.main-menu li a {text-decoration:none; line-height:50px; color:#fff !important; padding: 0; font-size: 1.1em; font-weight: 200; display:none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.main-menu li:hover { color:#fad775;  background-position: -100% 0;}
.main-menu li:hover a {color:#fad775 !important; }
.main-menu li a:active {color:#fad775 !important;}
.menu-item-443 {display: block;}

.menu-icon {  cursor: pointer;  display: inline-block;  float: right;  padding:45px 0px 39px ;  position: fixed;  right: 40px;  z-index: 10010;  user-select: none; }
.menu-icon .navicon {  background:#fff; display: block;  height: 3px;  position: relative;  transition: background .2s ease-out;  width: 28px;}
.menu-icon .navicon:before,header .menu-icon .navicon:after {  background:#fff;  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%;}
.menu-icon .navicon:before {  top: 8px;}
.menu-icon .navicon:after {  top: -8px;}
.menu-btn:checked ~ .main-menu ul li.logomenu {display: none !important;}

.menu-btn:checked ~ .main-menu {  bottom: 0; height: 100% !important; width: 100%; opacity: 1; background: #000; }
.menu-btn:checked ~ .main-menu ul {  position: absolute; height: auto; top: 160px !important; }
.menu-btn:checked ~ .main-menu ul li {  display:block !important; opacity: 1; width: 100%; text-align: center; padding: 0;}
.menu-btn:checked ~ .main-menu ul li a{  display:block ; opacity: 1;}
.menu-btn:checked ~ .main-menu ul .menu-item-243 {display: none !important;  opacity: 1;}
.menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
.menu-btn:checked ~ .menu-icon .navicon:before {  transform: rotate(-45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon .navicon:after {  transform: rotate(45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {  top: 0;}
.wpmenucartli {position: fixed !important; top: 20px; left: 0; right: 0; margin: auto; width: 180px !important; display: block !important; z-index: 10001; opacity: 1;}
.wpmenucartli a {display: block !important;}
header.smaller .main-menu li a {line-height: 60px;}

.tickets {position: relative; right: auto; top: 35px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.tickets a {padding:5% 23% !important;display: inline-block !important ;background: linear-gradient(90deg,  #b8860b,
   #cfa935,
   #ffd700,
   #cfa935,
   #b8860b 100%);  line-height: normal !important; font-family:"Goldplay W05 Bold";}
header.smaller .tickets {top: 9px}

h1, .h1 {font-size: 2em;}
h2, .h2 {font-size: 1.75em;}
h3, .h3 {font-size: 1.5em;}

section {padding: 9% 6% 6%;}
section.blogcontent {padding: 3% 6%;}

.banner {height: 250px; width: 100%; background-size: cover; background-position: center -205px;position: relative; background-attachment: fixed;}
.shopbanner {height: 150px; width: 100%; background-size: auto 100%; background-position: center -100px; position: relative; background-attachment: fixed;}
.shop-grad {background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); width:100%; position: absolute; top: 0px; height: 255px;}

#map {height: 100%; padding-top: 0;}

.twocolumns {-webkit-column-count: 1;  -moz-column-count: 1;  column-count:1; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  column-gap: 40px;}
.threecolumns {-webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1; -webkit-column-gap: 40px;  -moz-column-gap: 40px;  column-gap: 40px; }
section.simplesize {padding: 3% 3%;}
.onethirdawards {
    width: 87%;}

.halfwidth {width:96%; margin-right:0;}
.quarter {width:47.5%; margin-right: 2% }
.quarter:nth-of-type(2n) {margin-right: 0;}
.onethird {width:100%; margin-right: 0;  }
.onethirdfull {width:100%;  }
.twothird {width:100%; margin-right: 0; margin-bottom: 3% }
.fifth {width: 50%; margin-bottom: 3%}
footer .fifth:nth-of-type(5) {width: 100%;}


footer .fifth:nth-of-type(5) {width: 100%;}
footer .leader {width: 100%; height: auto;}
footer .nonfooter {width: auto;} 
#sb_instagram.sbi_col_8 #sbi_images .sbi_item {    width: 25% !important;}
}