/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    margin-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
}

.box-shadow { 
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
                0 0px 5px 0 rgba(0,0,0,0.12),
                0 3px 1px -2px rgba(0,0,0,0.2);
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@-webkit-keyframes fadeEffect2 {
    from {opacity: 0.5;}
    to {opacity: 1;}
}

@keyframes fadeEffect2 {
    from {opacity: 0.5;}
    to {opacity: 1;}
}

.tab{
	text-align: center;
	padding: 1%;
}

.button-menu{
    padding: 1%;
    border: 2px solid transparent;
    border-radius: 2px;
    font-size: 1.5rem;
    background-color: transparent;
    color: #cc9900;
    text-transform: capitalize;
    padding-left: 2%;
    padding-right: 2%;
}

/*.button-menu:hover{
	padding: 1%;
    border: 2px solid #cc9900;
    border-radius: 2px;
    font-size: 1.5rem;
    margin-left: 2%;
    background-color: #cc9900;
    color: #fff;
    animation: fadeEffect2 1s;
    text-transform: capitalize;
}

.button-menu:active{
    padding: 1%;
    border: 2px solid #cc9900;
    border-radius: 2px;
    font-size: 1.5rem;
    margin-left: 2%;
    background-color: #cc9900;
    color: #fff;
    text-transform: capitalize;
}

*/

.menu-title{
	font-size: 1.25rem;
	color: #cc9900;
}

.menu-title-top{
	    padding-bottom: 5%;
    padding-top: 2%;
}

.swirl-left1{
	background: url(http://beckettssouthsea.co.uk/wp-content/uploads/2017/03/swirl-left.png);
	    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
        padding-top: 12%;
}

.swirl-right1{
	background: url(http://beckettssouthsea.co.uk/wp-content/uploads/2017/03/swir-right.png);
	    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
        padding-top: 12%;
}

.home_div_slider{
  background-image : url("../../../../uploads/2016/06/IMG_0783.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: all .9s ease;
       -moz-transition: all .9s ease;
        -ms-transition: all .9s ease;
         -o-transition: all .9s ease;
            transition: all .9s ease;
}

.menu-section{
	background-image : url("http://beckettssouthsea.co.uk/wp-content/uploads/2017/03/img-01-homechanger-op.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 10%;
    padding-bottom: 10%;
}

.drink-section{
  background-image : url("http://beckettssouthsea.co.uk/wp-content/uploads/2017/03/img-02-homechanger-op.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 10%;
    padding-bottom: 10%;
}

.gold-bold{
	color: #cc9900;
	font-weight: bold;
	font-size: 1.1rem;
}

.divider-gold{
	border: 3px solid #cc9900;
}

.trans-bg{
	background: rgba(255, 255, 255, 0.8);
    padding: 30px 40px;
    text-align: center;
}

.blackhr {
  border-color: #000;
  margin: 40px 0; 
  max-width: 90% !important;
  margin-left: 10% !important;
  margin-right: 10% !important;
}

.menu-section h1{
	padding-bottom: 0%;
	text-align: center;
}

.drink-section h1{
  padding-bottom: 0%;
  text-align: center;
}

.tab a {
	border-left: 1px solid #000;
}

.tab a:first-child {
	border-left: none;
}

.drinks-tab{
    text-align: center;
    padding-top: 2%;
    padding-bottom: 1%;
}

.drinks-tab a:nth-child(2n+0){
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-left: 3%;
    padding-right: 3%;
}

.drinks-tab a:last-child{
  /*border-left: 1px solid #000;*/
  border-right: 1px solid transparent;
  padding-left: 3%;
    padding-right: 3%;
}

.overlay-lgo{
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}

.button-menu-drinks{
    padding: 1%;
    border: 2px solid transparent;
    border-radius: 2px;
    font-size: 1.2rem;
    margin-left: 1%;
    background-color: transparent;
    color: #cc9900;
    text-transform: capitalize;
}

.menu-hr{
border-bottom: 1px solid rgba(51 51 51 0.5);
}

.tabcontent h3{
  color: #cc9900 !important;
}

.tabcontent {
  padding-top: 3%;
      margin-bottom: 4%;
}

.gallery-section{
  padding: 2%;
}

.section-booking{
  padding: 1%;
}

/*deli*/

.drinking-rules{
  text-align: left;

}

.drinking-rules ul{
  text-align: left;
  font-size: 0.7vw;
}

.gold_link a{
  color: #cc9900 !important;
}

.gold_link a:hover{
  color: #fff !important;
}
/*deli end*/



@media screen and (max-width: 550px){
  .menu-section h1 {
    padding-bottom: 12%;
    text-align: center;
}

.drink-section h1 {
    padding-bottom: 12%;
    text-align: center;
}

.drinking-rules ul{
  text-align: left;
  font-size: 4vw;
}

}