/*
#------------------------------------------------------------------------
# University - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/
.fundingicons
{
border-radius: 226px;
    width: 100px;
}

button.btnfunding { 
  background-color : #198754 !important;
  color : white  !important;
}

h2 {	
  font-size: 28px;
  color: #339999;
  font-weight: normal;
}

.funding { text-align : center; color : #339999 }

button { color : #336699 !important}
.btn-primary  { background-color : #336699 !important; color :white !important}

h3.card-header  { color : #336699; font-family : Fredoka One; font-weight : normal}
.ignite { color: #336699; font-size: 14pt; font-weight : bold}
.testimonials {vertical-align : top; padding : 20px }
.parent {     
    color: #336699  !important;
    text-transform: none !important;
    font-size : 22px;
    font-family : Fredoka One}

ul>li.active>a {
    color: #336699  !important;
    text-transform: none !important;
    font-size : 22px;
    font-family : Fredoka One
}
ul>li.level-2 a { color : #336699 !important; font-size : 14px}
ul>li.level-2 a:hover { color : #99333D !important; }
ul.mm-collapse.mm-show {/* background-color: lightgoldenrodyellow !important; */}

ul>li>a {
    color: #336699  !important;
    text-transform: none !important;
    font-size : 22px;
    font-family : Fredoka One
}

.mod-menu__separator { font-size : 22px}

/* Ensure header area has enough space */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px; /* Adjust padding as needed */
}

/* 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;
}
.container-header {background-color : white;background-image : none !important;border-bottom: 1px solid grey;}



/* Responsive adjustments */
@media (max-width: 768px) {


            .galleryheader {
            font-family: 'arial black', sans-serif;
            font-size: 12pt;
            color: #008080;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        td {
            text-align: center;
            padding: 10px;
        }
        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 ratio */
            height: 0;
            overflow: hidden;
            max-width: 100%;
            background: #000;
        }
        .video-container video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        @media (max-width: 768px) {
            table, tbody, tr, td {
                display: block;
                width: 100%;
            }
            td {
                margin-bottom: 20px;
            }
        }
    header {
        flex-direction: column;
        align-items: flex-start;
    }
    #navbar, #menu {
        justify-content: flex-start;
    }
}


iframe#iframe { width : 100%; min-height : 1000px; border : none; background-color: white; box-shadow : none}
section#gkMainbody {background-color : white}

header.nodate { margin : 0px 0px -10px}
span.contact-name {display : none !important;}
div.contact h3 {display : none !important}

/* Here you can include your override CSS styles */
@import url(https://fonts.googleapis.com/css?family=Fredoka+One);

#gkTop1 { padding : 0px !important ;}
#gkHeaderNav { z-index: 1000 !important; }

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

button.bannerfootbutton {color: #ffffff !important;border-radius : 10px !important;margin-top : 14px !important;margin-right : 40px}
#homebuttons { text-align : center}
#djslider-loader111 { margin-bottom : -40px}

span.bannerfoot { font-size: 18pt !important; font-family: Fredoka One !important; color: #fa6121 !important;}
.bannerfootbutton { background-color : cadetblue !important; border : none !important; width : 200px !important; color : #ffffff; padding : 8px}
.bannerfootbutton:hover { background-color : #fa6121 !important;}

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

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

div#gkHeaderNav { background-color : white !important;padding-top: 0px !important; padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 0px !important; z-index : 1}
div#gkPageContent (background-color : darkslategrey  !important;)

figcaption.gkPage div p  {font-weight: 900; color: white; background-color : black !important; ; padding : 5px !important}
figcaption.gkPage div p a {font-weight: 900; color: white; background-color : black !important; padding : 5px !important; line-height : 20px}
figcaption.gkPage div h2 a {font-size : 40px; font-weight: 500; color: white; background-color : black !important;padding-bottom: 15px !important; font-family: Fredoka One; line-height: 50px;}

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

.gkMenu > ul > li > a {color: #336699 !important; font-size : 12pt; font-family : Fredoka One;}

#gkHeader.gkPage { padding : 100px 0px 0px 0px !important}
#gkPageTitle span { background-color : transparent !important; color : black !important; }

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

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

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

#gkBreadcrumb { font-family : fredoka one !important; font-size: 25pt !important; margin : -36px 0 5px !important;}
ul.breadcrumbs li { color : #339999 !important;}
li.pathway { color : #336699; !important;}

section#gkBottom5.gkSingleModule { background-color : #DBE8F9 !important; border-top: 1px solid grey !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 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 : #ff9900 !important; }

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

h3.header span { font-family : fredoka one !important;}
h3.header {color : #336699 !important;font-family : fredoka one !important;font-size: 20px;}

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;}
.itemBody > ul { margin : 1em !important;}

.gkIsWrapper-gk_university .gkProgressBar { background : #ff9900 !important }



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

xdiv#gkFooterNav { display : none !important; }

.footer {background-color : #DBE8F9  !important;background-image : none !important;color: grey;}
p#gkCopyrights { font-weight : bold !important;}

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

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

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

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

div#gkMainMenu.gkMenuClassic { padding-top : 30px !important;}

i#static-aside-menu-toggler.fa.fa-bars { color : #336699 !important}
/* ABOUT US */
img.aboutimage {box-shadow  : 10px 10px 10px grey !important; border-radius : 10px }

/* MEET THE TEAM */
.staffimage { border : 2px solid black !important; box-shadow  : 10px 10px 10px grey !important; border-radius : 10px}
span.staffheader { font-weight : bold; font-size : 18px; color : #339999;}
.stafftable { border : 1px solid black !important;}

/* MEALS */
.menuheader { background-color : #339999 !important;  color : white !important; font-weight : bold; }
.menutable { border : 1px solid black !important;}
.menuweek { font-size : 16px; font-weight : bold; color : #339999; text-align : center }
.foodhygiene { font-size : 16px !important; color : #336699; font-weight : bold; font-family : Fredoka One;}
img.mealsimage {box-shadow  : 10px 10px 10px grey !important; border-radius : 10px; margin-right: 10px; margin-left: 10px;}



/* SCHEDULE FEES */
table#fees { border : 1px solid grey !important; width : 60%; margin : auto}
td.feesheader { font-weight : bold; color : #FFFFFF; background-color : #339999}
td.feescells {vertical-align : top;  }

/* ROOMS */
.roomsimage { box-shadow  : 10px 10px 10px grey !important; border-radius : 10px}
li.roomsbullet { list-style-type: disc !important; list-style-position: inside !important;}

/* EYFS */
span.eyfsheader {font-size : 20px; font-weight : bold; color : #339999; font-family : Fredoka One; }
span.eyfssubhead {font-size : 14px; font-weight : bold; color : #FF0000;  }

/* GALLERY */
ul.sigProArtistic li.sigProThumb a.sigProLink:hover { background: #FFFFFF url("") repeat-x top;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;}
div.fancybox-skin { padding : 0px !important }
div.fancybox-title.fancybox-title-inside-wrap { display : none !important; box-shadow : 10px 10px 20px red}
img.fancybox-image { box-shadow : 10px 10px 25px black !important;}
span.galleryheader { color : #339999 !important; font-size : 18px; font-weight : bold;}

/* NEWS */
time { display : none}
div.gkEvent { display : none}
article#k2Container.itemView header h1 { text-align: center; color: #339999;  font-weight: bold;  font-family : fredoka one}

/* REFERENCES */
img.references { border-radius : 10px; box-shadow : 10px 10px 25px black !important;}
.referencestable { width : 80% !important;}


@media only screen and (max-width: 375px) { /* Force table to not be like tables anymore */ 
table, thead, tbody, th, td, tr { display: block; }
div.slide-title { font-size : 10px !important}
div.mapdiv { width : 300px !important; } 
.map { width : 260px !important;}
}


        .img-fixed {
            width: 100%;
            height: auto;
        }
        @media(min-width: 768px) {
            .img-fixed {
                width: auto;
            }
        }

        .feesheader {
            font-weight: bold;
            background-color: #f8f9fa;
            padding: 10px;
        }
        .feescells {
            padding: 10px;
            border-bottom: 1px solid #dee2e6;
        }

        .mealsimage {
            max-width: 100%;
            height: auto;
        }
        @media (min-width: 768px) {
            .meals-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
            }
            .meals-container img {
                flex: 1 1 auto;
                margin-right: 10px;
                margin-bottom: 10px;
            }
            .meals-container img:last-child {
                margin-right: 0;
            }
        }