/* CSS Document */
/*
Theme Name: GJ Booth Theme
Theme URI: http://www.gjbooth.co.uk
Description: GJ Booth Theme
Version: 2.0
Author: Brett Payne
Author URI: http://www.brettpayne.biz
*/


/****************/
/* Main Body */
/****************/

body {
width:100%;
font-family: arial;
color:#666;
background: #fff;
background-image: url("/images/gjbooth-background.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center; 
margin:0;
padding:0;
}

a {
color: #0099cc;
text-decoration:none;
}

a:hover {
color: #0099cc;
text-decoration:none;
}

/****************/
/* Typography */
/****************/

h1 {
color: #0099cc;
font-size:1.8em;
font-weight:200;
}

.homesubh {
color: #E1AC7B;
font-size:1.8em;
font-weight:200;
line-height:72px;
}

h2 {
color: #0099cc;
font-size:1.8em;
font-weight:200;
}

p {
font-size: 1em;
}




/****************/
/* Homepage */
/****************/

#home-slider {
min-height: 462px;
/* background-image: url("/wp-content/uploads/2023/01/home-background.jpg"); */
}

.homepage-left {
float: left;
width:50%;
}

.homepage-right {
float:right;
width:50%;
}

.home-strapline {
padding:20px;
margin-top:10px;
margin-right:10px;
color: #fff;
font-size: 3em;
font-weight: bold;
text-align: left;
/* -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000; */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}

.home-edit-text {
border-radius: 25px;
margin-top:200px;
margin-left:10px;
background-color: rgba(255, 255, 255, 0.8);
padding:20px;
color: #000;
font-size: 1em; 
}

.checkatrade {
max-width:174px;
}

.hm-top-news {
width:100%;
clear:both;
}

.hm-main-story {
width:66%;
float:left;
}

.hm-top-left {
width:38%;
float:left;
}

.hm-top-right {
width:58%;
float:right;
}

.hm-top-right img {
}

.hm-recent-items {
width:33%;
float:right;
}

.hm-recent-item {
float:left;
width:32.6%;
color: #BF6F2A;
background: #EDCCAD;
min-height:228px;
overflow:hidden;
margin-right:1%;
text-decoration:none;
}

.hm-recent-item-last {
float:left;
width:32.6%;
color: #BF6F2A;
background: #EDCCAD;
min-height:228px;
overflow:hidden;
text-decoration:none;
}

.hm-recent-image {
}

.hm-recent-text {
padding:10px;
text-align: center;
font-weight:bold;
font-size:0.9em;
}

.hm-features {
clear:both;
}

.hm-feature {
width: 32.6%;
float:left;
min-height:114px;
margin-right:1%;
text-decoration:none;
}

.hm-feature-last {
width: 32.6%;
float:left;
min-height:114px;
text-decoration:none;
}

.hm-feature-box {
padding:10px 0px 0px 30px;
}

.hm-feature-title {
padding: 2px;
line-height:25px;
font-size: 1.2em;
font-weight:200;
color: #BF6F2A;
background-color: rgba(255, 255, 255, 0.9);
}

.hm-feature-desc {
padding: 2px;
line-height:19px;
font-size: 1em;
color: #BF6F2A;
background-color: rgba(255, 255, 255, 0.9);
}

.hm-social-twitter {
color:#fff;
margin-top:10px;
margin-right:1%;
float:left;
width:32.6%;
/*background: #55acee;*/
min-height:250px;
}

.hm-whats-on {
margin-top:10px;
margin-right:1%;
float:left;
width:32.6%;
background: #3a5795;
min-height:250px;
font-size:2em;
text-decoration:none;
}

.whats-on-content {
padding: 20px 0px 0px 30px;
}

.whats-on-title {
  padding: 2px;
  line-height: 32px;
  font-size: 0.8em;
  font-weight: 200;
  color: #BF6F2A;
  background-color: rgba(255, 255, 255, 0.9);
}

.whats-on-desc {
  padding: 2px;
  line-height: 30px;
  font-size: 0.6em;
  color: #BF6F2A;
  background-color: rgba(255, 255, 255, 0.9);
}

#home-container {
padding:20px;
background: #e9ebee;
}

.banner-2-container {
margin-top:10px;
float:left;
width:32.6%;
text-align:center;
}

.banner2 {
max-width:346px;
max-height:200px;
}

/****************/
/* Content */
/****************/

img {
width:100%;
height: auto;
}

img.attachment-thumbnail {
  max-width: 120px;
}

.gallery img {
  border: 0px solid #cfcfcf!important;
/*  max-width: 120px; */
}

.wp-caption {
  max-width: 100%;
}

#gjboothtelcontainer {
z-index-10;
float:right;
margin-top: 20px;
padding-right:10px;
color: #fff;
font-weight: bold;
text-align: right;
/*opacity: 0.8;
filter: alpha(opacity=80);*/
}

.gjboothtel {
font-size: 2em;
/* -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000; */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}

.gjboothtel a {
color: #fff;
}

.gjboothdesc {
font-size: 1.8em;
margin-top:20px;
/* -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000; */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}

#logo {
z-index:1;
position:absolute;
margin-left: 20px;
margin-top: 10px;
}

#logo img {
}

.sitelogo {
max-width:200px;
/* max-width:228px; */
}

.twitter {
max-width:25px;
padding-left:16px;
}

.facebook {
max-width:25px;
padding-left:16px;
}

.insta {
max-width:25px;
padding-left:16px;
}

#banner1 {
z-index:9;
position:absolute;
}

#wrapper {
width:1080px;
margin: auto auto;
background: #fff;
}

#page-head {
min-height: 168px;
background-image: url("/wp-content/uploads/2023/01/wp-gjbooth-header.jpg");
background-repeat: no-repeat;
/* background-position: center; */
width:100%;
}

.clearfix {
clear:both;
}

#dont-miss {
font-size:12px;
color: #BF6F2A;
padding:10px;
background: #EDCCAD;
border-bottom: 5px solid #E1AC7B;
}

.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

/****************/
/* Internal Pages */
/****************/

#internal-left {
float:left;
width:60%;
/*max-width:620px;*/
border-right: #0099cb;
border-right-width: 0px;
border-right-style: solid;
}

#sidebar {
float:right;
padding-left:20px;
width:36%;
}

.social-twitter {
float:none;
color:fff;
width:100%;
min-height:200px;
/*background: #55acee;*/
}

/****************/
/* Sidebar */
/****************/

#sidebar ul {
padding:0px;
margin:0px;
}

.widget-area ul {
  list-style: none;
  margin-left: 0;
}

#sidebar ul li {
  padding-bottom: 10px;
}

.screen-reader-text {
display:none;
}

input[type=text] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
}
input[type=text]:focus {border-color:#BF6F2A; }

input[type=submit] {padding:5px 15px; color:#ffffff; background:#0099cc; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none; }

/****************/
/* Footer */
/****************/

.footercta {
border-radius: 25px;
margin-top: 20px;
background-color: rgba(51, 51, 103, 1);
padding: 10px;
color: #fff;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
text-align: center;
width: 200px;
z-index: 10;
position: absolute;
left: 40%;
}

#footer a {
color:#fff;
text-decoration:none;
}

#footer {
/* min-height:200px; */
padding:20px;
background: #0099cb;
color:#fff;
position:relative;
}

#footer-blend {
height:84px;
padding-top:30px;
}

.footer-logo {
width:84px;
height:90px;
float:right;
padding-right:30px;
}

.footer-left {
float:left;
width:50%;
}

.footer-right {
float:right;
width:50%;
text-align:right;
}

#footer h3 {
font-size:1.6em;
color: #fff;
line-height:10px;
font-weight:200;
}

.footer-attention {
font-size:1.4em;
font-weight:200;
}

.attention-left {
float:left;
width:48%;
}

.attention-right {
float:right;
width:48%;
}

.hm-look {
padding-bottom:10px;
max-width:346px;
max-height:140px;
}

#footer p {
font-size: 0.8em;
}

.footer-right .twitter {
padding-right:20px;
padding-left:0px;
}

.footer-right .facebook {
padding-right:20px;
padding-left:0px;
}

.footer-right .insta {
padding-right:0px;
padding-left:0px;
}

blockquote {
  margin: 1em 4px;
  padding: 0.5em 4px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #fff;
  content: close-quote;
  font-size: 2em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

/****************/
/* Top Menu */
/****************/

.menu-mainnav-container {
background-color: #0099cb;
font-size: 1em;
text-align:center;
/* text-transform: lowercase; */
}

.menu-mainnav-container ul {
padding:0;
margin:0
}

.menu-mainnav-container li {
list-style:none;
display:inline-block;
}

.menu-mainnav-container li:hover {
/*background-color:#E1AC7B;*/
background-image: url("/images/nav-bottom.gif");
background-repeat: repeat-x;
background-position: bottom;
background-color: rgba(51, 51, 103, 1);
}

.menu-mainnav-container li a {
text-decoration:none;
color: #fff;
display: block;
padding: 15px;
}

.menu-mainnav-container ul li.current-menu-item a:link {
font-weight:bold;
background-color:none;
}

/*.menu-mainnav-container ul li.current-menu-item a {
color:#BF6F2A!important;
background-color:#EDCCAD;
}*/

.menu-mainnav-container ul li:hover ul {
display:block;
}

.menu-mainnav-container ul ul {
display:none;
position:absolute;
background: #0099cb;
min-width:200px;
text-align:left;
}

.menu-mainnav-container ul ul li {
display:block;
}

.menu-mainnav-container ul ul li a {
padding:8px;
color: #fff;
}


.menu-mainnav-container ul ul li a:hover {
background-color: rgba(51, 51, 103, 1);
}


/****************/
/* Grid */
/****************/







/****************/
/* media queries */
/****************/

@media screen and (max-width: 1100px) {
#wrapper {
width:100%;
}
}


@media screen and (max-width: 1023px) {
.hm-main-story {
width:100%;
float:left;
} 
.hm-top-left {
width:38%;
float:left;
}
.hm-top-right {
width:58%;
float:right;
}
.hm-recent-items {
width:100%;
float:none;
}
.hm-recent-item, .hm-recent-item-last {
min-height:328px;
}
.hm-recent-text {
font-size:1em;
padding:6px;
}
}


@media screen and (min-width: 768px) {
.menu-mainnav-container {
display:block!important;
}
}



@media screen and (max-width: 767px) {
.menu-mainnav-container {
text-align:left;
display:none;
}

.menu-mainnav-container li {
display:block;
}

.menu-mainnav-container li:hover {
background:none;
}

.menu-mainnav-container ul ul {
display:block;
position:relative;
}

.menu-mainnav-container ul ul li {
text-indent:20px;
background: #0099cb;
}

.menu-mainnav-container ul ul li a {
/* color: #BF6F2A; */
}

.menu-mainnav-container ul ul li a:hover {
background: none;
}

.menu-mainnav-container li a {
padding: 10px;
}


.nav-btn {
display:block;
background: #0099cb;
color: #fff;
font-style:bold;
cursor: pointer ;
padding:10px;
}

.nav-btn:before {
content: url(/wp-content/uploads/2023/01/mobile-nav.png);
}

.home-strapline {
font-size: 3em;
}

.gjboothtel {
font-size: 3em;
color: #fff;
/* -webkit-text-stroke-width: 1px; */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}

.gjboothdesc {
visibility: hidden;
font-size:0px;
}

.footercta {
visibility: hidden;
}

.hm-main-story {
width:100%;
float:left;
} 
.hm-top-left {
width:38%;
float:left;
}
.hm-top-right {
width:58%;
float:right;
}
.hm-recent-items {
width:100%;
float:none;
}
.hm-recent-text {
font-size:1em;
padding:6px;
}
.hm-feature, .hm-feature-last {
width: 100%;
float:none;
min-height:114px;
display:block;
}

.hm-social-twitter {
float:none;
width:100%;
min-height:200px;
}

.hm-whats-on {
margin-top:10px;
margin-right:1%;
float:left;
width:49%;
min-height:200px;
}

.banner-2-container {
margin-top:10px;
float:left;
width:49%;
text-align:center;
}

.footer-left {
float:left;
width:100%;
}
.footer-right {
float:right;
width:100%;
}


#internal-left {
float:none;
width:100%;
/*max-width:620px;*/
border-right: #0099cb;
border-right-width: 0px;
border-right-style: solid;
}

#sidebar {
float:none;
padding-left:0px;
width:100%;
}

}


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

.homepage-left {
float: left;
width:100%;
}

.homepage-right {
float:right;
width:100%;
}

.home-strapline {
padding:20px;
margin-top:0px;
margin-left:10px;
color: #fff;
font-size: 2em;
font-weight: bold;
text-align: left;
/* -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000; */
text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}

.home-edit-text {
border-radius: 25px;
margin-top:0px;
margin-right:10px;
margin-left:10px;
background-color: rgba(255, 255, 255, 0.8);
padding:20px;
color: #000;
font-size: 1em; 
}

.gjboothtel {
font-size: 1.3em;
color: #0099cb;
text-shadow: none;
}

.gjboothtel a {
color: #0099cb;
text-shadow: none;
}

.gjboothdesc {
visibility: hidden;
font-size:0px;
}

.footercta {
visibility: hidden;
}

.hm-main-story {
width:100%;
float:none;
}
.hm-top-left {
width:100%;
float:none;
}
.hm-top-right {
width:100%;
float:none;
}
.hm-recent-items {
width:100%;
float:none;
}
.hm-recent-item, .hm-recent-item-last {
min-height:208px;
}
.hm-recent-text {
padding:6px;
text-align: center;
font-size:0.8em;
}
.hm-feature, .hm-feature-last {
width: 100%;
float:none;
min-height:114px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#banner1 {
display:none;
}
#page-head {
min-height: 150px;
}
#logo {
margin-top: 10px;
margin-left: 10px;
}
.sitelogo {
max-width:100px;
/* max-width:228px; */
}
#social-icons {
z-index-10;
margin-top: 126px;
padding-right:10px;
float:right;
}

#gjboothtel {
z-index-10;
float:right;
margin-top: 10px;
padding-right:10px;
max-width:280px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
text-align: right;
/* -webkit-text-stroke-width: 1px;
   -webkit-text-stroke-color: #000; */
/*opacity: 0.8;
filter: alpha(opacity=80);*/
}

.attention-left {
width:100%;
text-align:center;
}
.attention-right {
width:100%;
text-align:center;
}

.hm-whats-on {
margin-top:10px;
margin-right:1%;
float:none;
width:100%;
min-height:200px;
display:block;
}

.banner-2-container {
margin-top:10px;
float:none;
width:100%;
text-align:center;
}
}