@import url("https://fonts.googleapis.com/css?family=Pacifico");

body { background-color : rgb(254, 245, 223) !important}

.mod-menu__separator.separator.mm-collapsed.mm-toggler.mm-toggler-nolink::after {display : none}
.mod-menu__separator.separator.mm-collapsed.mm-toggler.mm-toggler-nolink {min-height : 50px;min-width: 60px;}
#homebuttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

.bannerfootbutton {
    flex: 1 1 calc(50% - 20px);
    margin: 10px;
    padding: 15px;
    font-size: 16px;
    cursor: pointer;
    border: none;
    background-color: #007bff; /* Customize your button color */
    color: white;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .bannerfootbutton {
        flex: 1 1 100%;
    }
}

.pwebcontact-container { background-color : rgb(254, 245, 223) !important}



#mod-custom112 { width : 100vw}
.metismenu-item {color : #88987c;font-family: 'Pacifico'; font-size: 22px !important;}
button {color : #88987c;/* font-family: 'Pacifico'; *//* font-size: 24px; */}
ul.mm-collapse>li>a { background-color : #88987c; color :white; font-family : sans-serif; font-size : 15px; }
ul.mm-collapse>li :hover { color : yellow;}
ul.mm-collapse.mm-show { background-color : #88987c !important;}
.navbar-toggler {color : #88987c !important; border: 1px solid #88987c !important;}

.com-contact.contact { margin-top : -100px}
.contact-name { display : none; } 
.header.container-header.full-width
{
    background-color : rgb(254, 245, 223) !important;
    background-image : none;
    border-bottom : 1px solid grey;
}
.site-grid {  background-color : rgb(254, 245, 223) !important;}
.card-body {background-color : rgb(254, 245, 223) !important;}
.top-a, .top-b, .sidebar-right, .bottom-b { border : none }

input.bannerfootbutton {
    border-radius: 10px !important;
    margin-top: 24px !important;
}

/* Ensure header area has enough space */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px; /* Adjust padding as needed */
}
.footer { background-color :  #88987c !important; background-image : none; margin : 0em}
/* Align logo to the left */
#logo {
    flex: 1; /* Allows the logo to take up space as needed */
    display: flex;
    align-items: center;
}

/* Align menu to the right */
#navbar, #menu {
    flex: 2; /* Allows the menu to take up space as needed */
    display: flex;
    justify-content: flex-end;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    header {
        flex-direction: column;
        align-items: flex-start;
    }
    #navbar, #menu {
        justify-content: flex-start;
    }
}





table#feestable tr  { border:1px solid grey}
td.feesheader { font-weight : bold; color : #88987c}

p { font-family: 'comic sans ms', sans-serif; }

div#divsignature {margin-top: -110px;}
div.stafftable {width : 85%;}

.btn.btn-secondary {
    background-size: cover !important;}

span.formheaders { font-size : 16pt; color :#88987c; font-weight : bold}
span.collectionheaders { font-size: 12pt; color: #88987c; font-weight: bold;}

a.footerlogin, a.footerlogout { color : white !important}

p {
    color: rgb(136, 152, 124);
}

#gkTop2 {
    padding: 0px;
}

label {
    color: rgb(136, 152, 124);
}

span#homeheader {
    font-size: 24px;
    font-family: pacifico;
    color: rgb(136, 152, 124);
}

div#homebuttons {
    width: 60%;
    margin: auto;
}
#homebuttons {
	display: flex;
	gap: 10px; /* Adjust gap as needed */
}

span.teamheader {
    font-family :'comic sans ms', sans-serif; 
    font-size: 20px;
    color: rgb(136, 152, 124);
    font-weight: bold;
}

div#gkBg {
    background-color: rgb(254, 245, 223) !important;
}

div#gkPageContent {
    background-color: rgb(254, 245, 223) !important;
}

#gkContent,
#gkPageContent {
    background-color: rgb(254, 245, 223) !important;
}

a.footer {
    color: white !important;
}

a#cookies {
    color: white !important;
}

a#support {
    color: white !important;
}

a#tandcs {
    color: white !important;
}

a#email {
    color: white !important;
}

a#bookashowround {
    font-size: 24px;
    color: rgb(136, 152, 124);
    font-family: Pacifico;
}

form.pwebcontact-form .pweb-field-captcha .pweb-field {
    overflow: unset;
}

div.pweb-field-container.pweb-field-captcha {
    margin-left: 0px !important;
}

.clsseperator {
    font-size: 14px;
    font-weight: normal;
    color: red;
}

h3.formheader {
    font-size: 24px;
    color: red;
    text-align: center;
}

#pwebcontact809_field-childsfullname {
    width: 300px;
}

#pwebcontact809_field-dateofbirth {
    width: 150px;
    float: left;
}

#pwebcontact809_field-requestedstartdate {
    width: 150px;
    float: left;
}

#pwebcontact809_field-dateofbirth_btn {
    float: left;
    position: relative;
}

#pwebcontact809_field-requestedstartdate_btn {
    float: left;
    position: relative;
}

#pwebcontact809_field-nationality {
    width: 300px;
}

#pwebcontact809_field-familyreligion {
    width: 300px;
}

#pwebcontact809_field-homeaddress {
    width: 300px;
}

#pwebcontact809_field-postcode {
    width: 200px;
}

#pwebcontact809_field-homephone {
    width: 200px;
}

#pwebcontact809_field-mobile {
    width: 200px;
}

#pwebcontact809_field-atthisaddresssince {
    width: 200px;
    float: left;
}

#pwebcontact809_field-atthisaddresssince_btn {
    float: left;
    position: relative;
}

#pwebcontact809_field-address {
    width: 300px;
}

#pwebcontact809_field-oldaddress {
    width: 300px;
}

#pwebcontact809_field-email_18 {
    width: 300px;
}

#pwebcontact809_field-textingphone {
    width: 200px;
}

#pwebcontact809_field-carersname,
#pwebcontact809_field-carersname2 {
    width: 300px;
}

#pwebcontact809_field-nationalinsurancenumber,
#pwebcontact809_field-ninumber2 {
    width: 300px;
}

#pwebcontact809_field-doyouhavelegalparentalresponsibility,
#pwebcontact809_field-legalresponse2 {
    width: 300px;
}

#pwebcontact809_field-carersnationality,
#pwebcontact809_field-nationality2 {
    width: 300px;
}

#pwebcontact809_field-carersplaceofwork,
#pwebcontact809_field-placeofwork2 {
    width: 300px;
}

#pwebcontact809_field-carersaddress,
#pwebcontact809_field-carersaddress2 {
    width: 300px;
}

#pwebcontact809_field-carersphone,
#pwebcontact809_field-carerswork2 {
    width: 300px;
}

#pwebcontact809_field-carershome,
#pwebcontact809_field-carershome2 {
    width: 300px;
}

#pwebcontact809_field-carersmobile,
#pwebcontact809_field-caresmobile2 {
    width: 300px;
}

#pwebcontact809_field-emergencyname {
    width: 300px;
}

#pwebcontact809_field-emergencyaddress {
    width: 300px;
}

#pwebcontact809_field-emergencywork {
    width: 300px;
}

#pwebcontact809_field-emergencyhome {
    width: 300px;
}

#pwebcontact809_field-emergencymobile {
    width: 300px;
}

#pwebcontact809_field-relationshiptochild {
    width: 300px;
}

#pwebcontact809_field-doctorsname {
    width: 300px;
}

#pwebcontact809_field-doctorsaddress {
    width: 300px;
}

#pwebcontact809_field-doctorstelephone {
    width: 300px;
}

#pwebcontact809_field-healthvisitorname {
    width: 300px;
}

#pwebcontact809_field-healthvisitoraddress {
    width: 300px;
}

#pwebcontact809_field-healthvisitortelephone {
    width: 300px;
}

#pwebcontact809_field-socialservicesname {
    width: 300px;
}

#pwebcontact809_field-socialservicesaddress {
    width: 300px;
}

#pwebcontact809_field-socialservicestelephone {
    width: 300px;
}

#pwebcontact809_field-nameofcentre {
    width: 300px;
}

#pwebcontact809_field-nameofcontact {
    width: 300px;
}

#pwebcontact809_field-centreaddress {
    width: 300px;
}

#pwebcontact809_field-centretelephone {
    width: 300px;
}

#pwebcontact809_field-commonassessment {
    width: 300px;
}

#pwebcontact809_field-twoyearoldeyfs {
    width: 300px;
}

#pwebcontact809_field-checkbyyourhealthvisito {
    width: 300px;
}

#pwebcontact809_field-nameofprevioussettings {
    width: 300px;
}

#pwebcontact809_field-datesattendedfrom {
    width: 200px;
    float: left;
}

#pwebcontact809_field-datesattendedfrom_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-datesattendedto {
    width: 200px;
    float: left;
}

#pwebcontact809_field-datesattendedto_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-previouscontactname {
    width: 300px;
}

#pwebcontact809_field-othersetting {
    width: 300px;
}

#pwebcontact809_field-othersettingcontact {
    width: 300px;
}

#pwebcontact809_field-hearaboutus {
    width: 300px;
}

#pwebcontact809_field-password {
    width: 200px;
}

#pwebcontact809_field-collectionname,
#pwebcontact809_field-collectionname2,
#pwebcontact809_field-collectionname3,
#pwebcontact809_field-collectionname4 {
    width: 300px;
}

#pwebcontact809_field-collectionnumber,
#pwebcontact809_field-collectionnumber2,
#pwebcontact809_field-collectionnumber3,
#pwebcontact809_field-collectionnumber4 {
    width: 300px;
}

#pwebcontact809_field-collectionrelationship,
#pwebcontact809_field-collectionrelationship2,
#pwebcontact809_field-collectionrelationship3,
#pwebcontact809_field-collectionrelationship4 {
    width: 300px;
}

#pwebcontact809_field-allergiesillnesses {
    width: 300px;
}

#pwebcontact809_field-dietaryrequirements {
    width: 300px;
}

#pwebcontact809_field-prescribedmedication {
    width: 300px;
}

#pwebcontact809_field-administered {
    width: 300px;
}

#pwebcontact809_field-chickenpox {
    width: 300px;
    float: left;
}

#pwebcontact809_field-chickenpox_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-scarletfever {
    width: 300px;
    float: left;
}

#pwebcontact809_field-scarletfever_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-germanmeasles {
    width: 300px;
    float: left;
}

#pwebcontact809_field-germanmeasles_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-measles {
    width: 300px;
    float: left;
}

#pwebcontact809_field-measles_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-whoopingcough {
    width: 300px;
    float: left;
}

#pwebcontact809_field-whoopingcough_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-polio {
    width: 300px;
    float: left;
}

#pwebcontact809_field-polio_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-diphtheria {
    width: 300px;
    float: left;
}

#pwebcontact809_field-diphtheria_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-other {
    width: 300px;
}

#pwebcontact809_field-anyimmunisationtakenplace {
    width: 300px;
}

#pwebcontact809_field-responsibilityname {
    width: 300px;
}

#pwebcontact809_field-responsibilitydob {
    width: 300px;
    float: left;
}

#pwebcontact809_field-responsibilitydob_btn {
    position: relative;
    float: left;
}

#pwebcontact809_field-responsibilityaddress {
    width: 300px;
}

#pwebcontact809_field-responsibiltyname,
#pwebcontact809_field-responsibilityname2 {
    width: 300px;
}

#pwebcontact809_field-responsibilityrelationship,
#pwebcontact809_field-responsibilityrelationship2 {
    width: 300px;
}

#pwebcontact809_field-responsibiltyaddress2,
#pwebcontact809_field-responsibilityaddress2 {
    width: 300px;
}

#pwebcontact809_field-responsibilitymobile,
#pwebcontact809_field-responsibilitymobile2 {
    width: 300px;
}

#pwebcontact809_field-responsibilitywork,
#pwebcontact809_field-responsibilitywork2 {
    width: 300px;
}

#pwebcontact809_field-responsibilityemail,
#pwebcontact809_field-responsibilityemail2 {
    width: 300px;
}

#pwebcontact809_field-parentalremovedname {
    width: 300px;
}

#pwebcontact809_field-parentalremovedaddress {
    width: 300px;
}

#pwebcontact809_field-parentalremovedrelationship {
    width: 300px;
}

#jcl_component *,
#jcl_component ::after,
#jcl_component ::before {
    box-sizing: unset;
}

#jcl_component .radio input[type="radio"],
#jcl_component .checkbox input[type="checkbox"] {
    display: none;
}

#jcl_component .btn-group>.btn {
    margin: 0px;
}

#jcl_component .jcl_inline-controls input[type="checkbox"] {
    margin-top: -2px;
}

div.jcal_categories {
    display: none;
}

#jcl_component .jcl_event_detail .labels {
    width: 130px;
}

#jcl_component #jcl_layout_body .monthview th {
    background-color: #88987c;
    border-bottom: none;
}

#jcl_component .btn-group>.btn:hover,
#jcl_component .btn-group>.btn:focus,
#jcl_component .btn-group>.btn:active,
#jcl_component .btn-group>.btn.active {
    background-color: #88987c;
}

#jcl_component .btn-group>.btn+.btn {
    background-color: #88987c;
}

#jcl_component .btn-group>.btn:first-child {
    background-color: #88987c;
}

iframe#iframe {
    width: 100%;
    min-height: 1000px;
    border: none;
    background-color: rgb(254, 245, 223);
    box-shadow: none;
}

section#gkMainbody {
    background-color: white;
}

#system-message dd,
#system-message .alert {
    height: 70px;
    font-size: 24px;
}

.deletedocument {
    cursor: pointer;
    font-size: 18px;
    color: red;
}

.deletetitle {
    cursor: pointer;
    font-size: 18px;
    color: #88987c;
}

.blog article,
.blog-featured article {
    border-top: none;
}

section article:first-child,
section.blog .items-more ol {
    margin-top: -20px;
}

table.feestable {
    width: 60%;
    border: 1px solid;
}

table.feestable tbody tr td {
    padding: 2px;
}

table.feestable tbody tr {
    border-bottom: 1px solid grey;
}

table.feestable tbody tr td {
    border-right: 1px solid grey !important;
}

.contact h3 {
    display: none;
}

div.contact-details {
    display: none;
}

button.button.validate {
    background-color: rgb(136, 152, 124) !important;
    border: none;
    border-radius: 20px;
    width: 200px;
}

div#gkPageContent {
    margin-top: -60px;
}

section#gkMainbody {
    background-color: rgb(254, 245, 223) !important;
}

p.footer {
    color: white;
    font-size: 14px;
}

#gkBottom5 .box a {
    color: white;
}

h3.header, h3.header span {
    font-family: "pacifico";
    color: rgb(136, 152, 124) !important;
    font-size: 14px !important;
    font-weight : 700;
}

h3.quote {
    font-size: 18px;
    color: #88987c;
    font-weight: bold;
    font-family: "comic sans";
}

h3.articleheaders {
    font-size: 30px;
    color: rgb(136, 152, 124);
    font-weight: normal !important;
    font-family: Pacifico;
}

tbody tr td {
    font-size: 16px;
}

h2 {
    color: rgb(136, 152, 124);
}

label[for="username"] {
    color: navy;
}

label[for="passwd"] {
    color: navy;
}

#gkTop1 {
    padding: 0px !important;
}

#gkHeaderNav {
    z-index: 1000 !important;
}

input.bannerfootbutton {
    border-radius: 10px !important;
    margin-top: 24px !important;
}

.mce-btn .mce-txt {
    color: black !important;
}

span.bannerfoot {
    font-size: 18pt !important;
    font-family: "Comic Sans" !important;
    color: rgb(136, 152, 124) !important;
}

.bannerfootbutton {
    background-color: rgb(136, 152, 124) !important;
    padding  : 10px;
    color : white;
    border: none !important;
    width: 250px !important;
    border-radius: 10px !important;
    margin-top: 24px !important;
}

.bannerfootbutton:hover {
    background-color: white !important;
    color: rgb(136, 152, 124) !important;
    border: 1px solid rgb(70, 98, 137) !important;
}

body {
    xbackground: url("") !important;
}

div#gkHeaderBg {
    padding-top: 140px !important;
}

div#gkHeaderNav {
    padding-bottom: 20px;
    background-color: rgb(136, 152, 124) !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 0px !important;
}

figcaption.gkPage div p a {
    font-weight: 900;
    color: white;
    line-height: 20px;
    opacity: 0.7;
    font-family: "Comic Sans";
    background-color: black !important;
    padding: 5px !important;
}

figcaption.gkPage div h2 a {
    font-size: 30px;
    font-weight: 500;
    color: white;
    font-family: "Comic Sans";
    line-height: 50px;
    opacity: 0.7;
    background-color: black !important;
    padding: 10px !important;
}

.frontpage #gkPageContent {
    padding: 0px !important;
}

.gkMenu>ul>li>a {
    font-family: Pacifico;
    font-weight: normal;
    font-size: 24px !important;
    text-transform: none !important;
    color: rgb(136, 152, 124) !important;
}

#gkHeader.gkPage {
    padding: 100px 0px 0px !important;
}

#gkPageTitle span {
    background-color: transparent !important;
    color: black !important;
}

#gkPageContent.gkPage {
    padding: 70px 20px 20px !important;
}

h2#gkPageTitle.gkPage {
    display: none !important;
}

.registerbanner {
    background-color: darkslategrey !important;
}

#gkBreadcrumb {
    border-bottom: none;
    font-family: "Comic Sans" !important;
    font-size: 25pt !important;
    margin: -20px 0px 5px !important;
}

ul.breadcrumbs li {
    color: rgb(136, 152, 124);
}

li.pathway {
    color: rgb(136, 152, 124);
}

section#gkBottom5.gkSingleModule {
    background-color: rgb(136, 152, 124);
    border-top: 1px solid white !important;
}

header#gkHeader.gkPage {
    max-width: 1920px !important;
}

#gkSocialAPI {
    display: none !important;
}

tbody tr td {
    border: none !important;
}

#gkPageContent+#gkBottom1::before,
#gkPageContent+#gkBottom2::before,
#gkPageContent+#gkBottom3::before,
#gkPageContent+#gkBottom4::before,
#gkPageContent+#gkBottom5::before {
    border: none !important;
}

#gkBottom1.gkSingleModule,
#gkBottom2.gkSingleModule,
#gkBottom3.gkSingleModule,
#gkBottom4.gkSingleModule,
#gkBottom5.gkSingleModule {
    padding: 20px 0px 0px !important;
}

.box .header {
    padding: 0px !important;
}

.itemImageBlock img {
    width: 300px !important;
}

.itemAuthorData {
    display: none !important;
}

.itemSocialSharing {
    display: none !important;
}

#itemCommentsAnchor {
    display: none !important;
}

.itemTagsBlock {
    display: none !important;
}

.gkMenu ul ul {
    background-color: rgb(136, 152, 124);
    /* color: white; */
}

.gkMenu ul>li.active>a {
    color: rgb(136, 152, 124) !important;
    text-transform: none !important;
}

.gkMenu>ul li div.childcontent a {
    color: white !important;
}

.gkMenu>ul li div.childcontent a:hover {
    color: yellow !important;
}

a.itemCommentsLink.k2Anchor {
    display: none !important;
}

ul.sigFreeClassic li.sigFreeThumb {
    padding: 20px !important;
}

.itemBody>ul li::before,
.itemBody>div>ul li::before,
ul.gkBullet1 li::before {
    display: none !important;
}

.gkIsWrapper-gk_university .gkProgressBar {
    background: rgb(255, 153, 0) !important;
}

#gkTop1>div>.box,
#gkTop2>div>.box,
#gkBottom1>div>.box,
#gkBottom2>div>.box,
#gkBottom3>div>.box,
#gkBottom4>div>.box {
    margin-bottom: 0px;
}

div#gkFooterNav {
    xdisplay: none !important;
}

footer#gkFooter {
    background-color: rgb(136, 152, 124) !important;
}

p#gkCopyrights {
    color: white;
    font-weight: bold !important;
}

p#gkCopyrights a {
    color: white;
    font-weight: bold !important;
}

#gkIs-gk-is-682.gkIsWrapper-gk_university .gkIsSlide {
    background-size: cover !important;
}

div#gkPageContent.gkPage p {
    line-height: 18pt !important;
}

.gkMenu>ul>li>a {
    height: 44px !important;
}

td.tdshadow {
    box-shadow: grey 10px 10px 20px;
    vertical-align: top;
    border-radius: 10px;
}

.shadowimage,
.staffshadowimage {
    border-radius: 10px;
    box-shadow: grey 5px 5px 10px !important;
}

.submenu {
    color: rgb(70, 98, 137);
    font-weight: bold;
    font-size: 16px;
}

.subhead {
    color: rgb(70, 98, 137);
    font-weight: bold;
    font-size: 14px;
}

table.about {
    width: 40%;
    border: 1px solid grey;
    margin: auto;
}

tr.abouthead {
    background-color: rgb(152, 43, 98);
    border: 1px solid grey;
}

table.schedule {
    width: 80%;
    border: 1px solid grey;
}

.scheduletimes {
    background-color: rgb(136, 152, 124);
    border: 1px solid grey;
    color: white;
}

.foodhygiene {
    color: rgb(136, 152, 124);
    font-family: "Comic Sans";
    font-size: 16px !important;
}

img.mealsimage {
    border-radius: 10px;
    margin-right: 10px;
    margin-left: 10px;
    box-shadow: grey 10px 10px 10px !important;
}

.meals {
    width: 60%;
}

.itemBody>ul li,
.itemBody>div>ul li,
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
.itemBody>div>ul.gkBullet1 li,
.itemBody>div>ul.gkBullet2 li,
.itemBody>div>ul.gkBullet3 li,
.itemBody>div>ul.gkBullet4 li {
    list-style: disc;
    padding: 2px 0px 2px 2px;
}

ul.sigProArtistic li.sigProThumb a.sigProLink:hover {
    background: url("") center top repeat-x rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 255, 255);
    border-bottom: 1px solid rgb(255, 255, 255);
}

div.fancybox-skin {
    padding: 0px !important;
}

div.fancybox-title.fancybox-title-inside-wrap {
    box-shadow: red 10px 10px 20px;
    display: none !important;
}

img.fancybox-image {
    box-shadow: black 10px 10px 25px !important;
}

span.galleryheader {
    font-size: 18px;
    font-weight: bold;
    color: rgb(70, 98, 137) !important;
}

a#gkLogo img {
    width: 192px !important;
}

.fa-navicon::before,
.fa-reorder::before,
.fa-bars::before {
    color: rgb(70, 98, 137) !important;
}

div#gkHeaderNav {
    border-bottom: 1px solid darkgray !important;
    background: rgb(254, 245, 223) !important;
}

nav#gkExtraMenu.gkMenu {
    padding-top: 20px !important;
}

div#gkPageContent.gkPage {
    min-height: 800px !important;
}

.mapprint {
    display: none;
}

img.sigFreeImg {
    box-shadow: grey 10px 10px 20px;
    border-radius: 20px;
}

ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink,
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
    background-color: white;
}

ul.sigProPolaroids.singleThumbGallery {
    float: none;
}

ul.sigProPolaroids li.sigProThumb {
    margin: auto;
}

header.nodate {
    margin: 0px 0px -10px;
}

p {
    margin: 0.5em 0px 0em;
}

div#mobileschedule {
    display: none;
}

span.contacttitle {
    font-size: 16px;
    font-weight: bold;
}

span.contactaddress {
    font-size: 16px;
}

@media only screen and (max-width: 1024px) {
    div.pweb-field-container.pweb-field-captcha {
        margin-left: -120px !important;
    }
}

@media only screen and (max-width: 814px) {
    div.pweb-field-container.pweb-field-captcha {
        margin-left: -190px !important;
    }
}

@media only screen and (max-width: 768px) {
    div.pweb-field-container.pweb-field-captcha {
        margin-left: -190px !important;
    }


div.stafftable {width : 100%;}
}

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

    #feestable  {width : 100% !important}

    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    div#homebuttons {
        width: 100%;
        margin: auto;
    }

    figcaption.gkPage div h2 a {
        font-size: 20px;
        font-weight: 500;
        color: white;
        font-family: "Comic Sans";
        line-height: 50px;
        opacity: 0.7;
        background-color: black !important;
        padding: 10px !important;
    }

    div.pweb-field-container.pweb-field-captcha {
        margin-left: -120px !important;
    }

    .staffshadowimage {
        border-radius: 10px;
        width: 100%;
        box-shadow: grey 5px 5px 10px !important;
    }
    .shadowimage { width : 100%}

div.stafftable {width : 100%;}
                  
}