@import url('https://fonts.googleapis.com/css?family=Open+Sans');
header {
  height:6em;
  display: flex;
  align-items:center;
}

nav.noShadow{
  box-shadow:none !important;

}
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    /*box-shadow:none;*/
}

.logomobile{
    width:11em!important;
    float: left;
}
/*.parallax-container {
      height: 350px;
      width: 100%;
}*/

body {
	display: block;
	min-height: 100vh;
	flex-direction: column;
    font-family: "Roboto", sans-serif;

}

/*main {
	flex: 1 0 auto;
}*/

 .cardtwo {
         position: relative;
    overflow: hidden;
    margin: 2.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
    float:right;
}
 .ContactDetails{



 }
 .highlightsCard{
        padding: 5px 0!important;
}
hr{
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0.15);

}
.highlightsCard p img{
    max-height: 300px!important;
    object-fit: cover;
    object-position: 50% 20%;
}
#indexNews {
    overflow: hidden;
}
#indexNews p {
    margin: 0px 5px;
}
 .quizTextQ{
     font-style: normal;
     font-weight: 600;
 }
 .blackTitle{
     font-size: 16pt;
     font-weight: 500;
     color: #000;
     margin: 0;
 }

 .tableHead{
    font-size: 14pt;
    color: #5E35B1;
    font-weight: 500;
 }
 .tableURL{
    font-size: 12pt;
    font-style: italic;
    color: #5E35B1;
    font-weight: 300;
 }
 .URL{
    font-size: 12pt;
    color: #5E35B1;
    font-weight: 500;
}
@media only screen and (max-width: 991px) {
    .URL{
    font-size: 11pt;
}
}
 .galleryCaption{
     position: absolute;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.5);
     color: #fff;
     transition: all 0.2s ease;
     width: 93%;
     margin: 0;
     padding: 2%;
     transform: scaleY(0);
     transform-origin: bottom;
     display: none;
 }
 .Collage .col{
     position: relative;
 }
 .Collage .col:hover .galleryCaption{
     bottom: 0;
     transform: scaleY(1);
     display: none;
 }

 /* removed nav from materialze.css that adds shadows. This one only applies to
 the bottom so that you can stack <nav> on top of eachother successfully*/
nav {
    /*box-shadow: 0 2px 10px -5px #000;*/
}

    .google-maps {
        position: relative;
        padding-bottom: 100%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .spaceA{

margin-top:40px;
}
h3 {
    font-size: 2.92rem;
    line-height: 110%;
    /*margin: 1.46rem 0 1.168rem 0;*/
    color: #42549b ;
}
h4 {
    font-size: 2.28rem;
    line-height: 110%;
    /*margin: 0.65rem 0 0.912rem 0;*/
    color: #42549b ;
    text-align: center;

}
h5 {
    font-size: 1.62rem;
    /*line-height: 0%;*/
    /*margin: 0.82rem 0 0.656rem 0;*/
    color: #42549b ;
    text-align: justify;
    text-align-last: left;
}

.footerline{
    font-weight: 300;
}
.footercharityline{
    font-weight: 300;
}
.footer-copyright{

    background-color: rgb(206, 85, 39);
    /*padding-bottom: 50px;*/
    margin-top: 1%;
    color:white;
}
.footerB{
    line-height:138px;

}
.test{

    color: green;
}
h6 {
    font-size: 1rem;
    line-height: 284%;
    margin: 0.5rem 0 0.4rem 0;
    color:#5E35B1;
}
.dvd{

    list-style-type:disc;
}
a.waves-effect.waves-light.btn {
    margin:auto;
}

/*shauns css*/

table.event{
    border: 1px solid grey;
    border-collapse: collapse;

}
td.event{
    /*padding: 15px;*/
    text-align: left;
    /*border-bottom: 1px solid #ddd;*/
}
tr{
    border-bottom: 1px solid #ddd;
}
a.edit {
    /*margin: auto;*/
    /*margin-bottom: 5px;*/
    /*font-size: 12px;*/
    /*padding: 0 9px;*/
    /*line-height: 30px;*/
    /*height: 30px;*/
    background: #42549b;
}

.btn {
    margin: auto;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 0 9px;
    line-height: 30px;
    height: 30px;
}

.fc-icon-right-single-arrow {
    background: url(/img/cal-rightsec.png);
}

.fc-icon-left-single-arrow {
    background: url(/img/cal-leftsec.png);
}

.fc-icon-right-single-arrow:after, .fc-icon-left-single-arrow:after {
    content: "" !important;
}

a.cancel {
    background-color: #990000 ;
    margin:auto;
}

.edit .btn {
    font-size:12px !important;
}

.error {
    color: red ;
    font-size: 30px;
}
.caption {
    vertical-align: middle;
    line-height: 3em;
}
.logininput {
    vertical-align: middle;
}

/*.orange {
    background-color: #9575cd !important;
}*/

/*nav{
    background-color: #9575cd!important;
}*/
img {
    border: 0;
    width: 100%;
}
.logotest{
    /*max-width: 81em;*/
    /*margin-top: 2%;*/
    text-align: left;
    /* margin-left: -3%; */
    width: 100%;


}
.headerTextLarge{
    margin: 0;
    font-size: 25.3pt;
}

.headerTextSmall{
    margin: 0;
    font-size: 16.7pt;
    font-weight: 300;
    letter-spacing: 0.021em;
}

@media only screen and (max-width : 1000px) {
    .headerTextLarge{
        /*margin: 0;*/
    }
    .headerTextSmall{
        /*margin: 0;
        font-weight: 300;
        letter-spacing: 0.028em;*/
    }
}


@media only screen and (max-width : 425px) {
    .headerTextLarge{
        /*margin: 0;*/
    }
    .headerTextSmall {
        /*margin: 0;
        font-weight: 300;
        letter-spacing: 0.028em;
        padding-bottom: 17px;*/
    }
}
@media only screen and (max-width : 600px) {
    .logomobile{
        display: none!important;
    }
}

@media screen and (max-width:767px) and (min-width:601px){
    nav ul a{
        font-size: 12pt!important;
    }
}
@media screen and (max-width:670px) and (min-width:601px){
    nav ul a{
        font-size: 11pt!important;
    }
}
@media screen and (max-width:605px) and (min-width:601px){
    nav ul a{
        /*font-size: 10pt!important;*/
    }
}
.board{
    width: 100%;
    margin-top: 10%;
    border-radius: 18px;
    margin-bottom: -12%;
}
.boardwrite{

    /*    font-size: 25px;*/
    margin-top: 3%;
    /*margin-left: -4%;*/

}


@media only screen and (max-width: 600px){
    .boardwrite{
        /*    font-size: 25px;*/
        margin-top: 0;
        /*    margin-left: -4%;*/

    }
}



.card .card-action a {
    color: white;
    margin-right: 20px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    background-color: #B8595F;
}
.card .card-action a:hover {
    color: white;
}
ul li {
    list-style-type: none;
}
.newfriends ul li{

    list-style-type:disc;
    margin-top: -2%;
}
.google-mapstwo iframe{

    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;

}
.google-mapstwo {
    /*position: relative;*/
    padding-bottom: 40%;
    overflow: hidden;
}

.i4ewOd-pzNkMb-haAclf {
    background-color:#E96812  !important;
    left: 0!important;
    right: 0!important;
    z-index: 9!important;
    overflow: hidden;
    color: #fff;
    position: absolute;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;

}
.btn-cancel
{
    background: #FF5252;
}
.btn-cancel:hover
{
    background: #FF8A80;
}
.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}
.btn:hover, .btn-large:hover {
    /* background-color: #E96812!important ;*/
}
button:focus {
    outline: none;
    background-color: #5E35B1;
    color:white;
}
input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #42549c;
    box-shadow: none;

}
input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #5E35B1;

}
textarea:focus{
    border: 1px solid #42549c;
    box-shadow: none;
}
.eFooterLogo {
    /*width: 10%;
    height: 120px;
    float: right;*/
    /* background-image: url(../images/i2ilogo.png); */
    /*background-position: center right;
    background-repeat: no-repeat;*/
    /*margin-top: 1%;*/
    /*padding: 15px 0;*/
}
.newfriends {
    margin-left: 5%;
    margin-top: 7%;
    text-align: left;
}
.modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 0px;
    width: 100%;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: right;
    margin: 0px 23px;
    background-color:#E96812 ;
    color:white;
}
.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 43%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
    overflow-x: hidden;
}
.modal .modal-content {
    padding: 24px;
    padding-bottom: 1%;
}
.buildingbridges{


}
.modal-contenttwo {
    padding: 24px;
    padding-bottom: 9%;
}
#calendar{
    /*max-width:900px;*/
    margin: 0 auto;
    color:#42549b ;
}
.calendar{
    /*margin: 15px 10px 40px 10px;
    padding:0;
    padding-top: 8px!important;
    font-family:"Lucida Granda", Helvetica, Arial,Verdana,sans-serif;
    font-size:14px;*/
}

.blog{
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    color: #5E35B1;
    margin: -10px;
}
.example{
    font-size: 1.64rem;
    line-height: 110%;
    margin: 0.82rem 0 0.656rem 0;
    color: #5E35B1;
    padding-bottom:1%;
}
.upcomingevents{
    font-size: 2.28rem;
    line-height: 110%;
    margin: 0 0 0.656rem 0;
    color: #42549b;
    padding-bottom: 5%;
    padding-top: 60px;
}
.material-placeholder{

    overflow:initial !important;
}
#materialbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #292929;
    z-index: 999;
    will-change: opacity;
    overflow:initial !important;
}
.microin {
    overflow:initial;
}
.space{
    padding-bottom:2%;
}
.evenetsupcoming{
    float:right;
}

.collection a.collection-item {
    display: block;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    -ms-transition: 0.25s;
    transition: 0.25s;
    color: #5E35B1;
}
.collection .collection-item.active {
    background-color: #5E35B1;
    color: #eafaf9;
}
.collection a.collection-item:not(.active):hover {
    background-color: #E96812 ;
    color:white;
}
.eventsthree{

    padding-bottom:1%;
}
.eventstwo{
    padding-bottom:1%;
    margin-top: 0;
}
.testing{
    padding-top:0%;

}
.testingtwo{
    margin-bottom:4%;
    margin-top:0%;
}
.dropdown-content li > a, .dropdown-content li > span {
    font-size: 1.2rem;
    color: #E96812;
    display: block;
    padding: 1rem 1rem;
}
.newsphp{
    /*margin-top: 1.2em;*/
    margin-bottom: 0.1em;
}
.slider .indicators {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    margin-bottom: -1%;
}
@media only screen and (max-width: 600px){
    nav .nav-wrapper{
        margin-left: 0 !important;
    }
}
.logotesttwo{

    /*width: 25em;*/
    text-align: left;
    width: 10em;
    margin:auto;
}

a.testingten:hover{

}

nav .nav-wrapper {
    position: relative;
    height: 100%;
    margin-left: 0;
}

nav ul a {
    font-size: 14pt;
    color: #fff;
    display: block;
    padding: 0px 0px;
    margin:0 1em;
    /*padding: 0;*/
}

@media only screen and (min-width: 601px) {
    #burger-icon {
        display: none;
    }

}

nav ul {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 600px) {
    nav ul {
        display: block; 
    }
}

.ourwork{
    padding-bottom:1%;
    margin-top: 1%;
}

.aboutpage{

    padding-bottom:1%;
}
.givingtwo{
    padding-bottom:1%;
    margin-top: 1%;

}
.contactadd{
    margin-top:-3%;

}
nav  {
    color: #fff;
    /*background-color: #ee6e73;*/
    width: 100%;
    height: 46px;
    line-height: 46px;
}
nav .button-collapse i {
    font-size: 2.7rem;
    height: 58px;
    line-height: 49px;
}
.btn, .btn-large {
    text-decoration: none;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
}
.testonetowo{
    background-color:#E96812!important;

}
.mapBanner{
    position: relative;
}
.mapBannerLink{
    position: absolute;
    width: 100%;
    height: 100%;
}
.aboutone{

    text-align: right;
}
.card .card-title {
    color: #5E35B1;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
}
.cgp{

    text-align: right;
}
.nomargin{

    margin: 0;
}
.padding{

    width: 80%;
}
.plm {
    margin-left: -9%!important;
    margin-top: -2%;
}
.fc-toolbar {
    text-align: center!important;
    margin-bottom: 1em;
}
.fc-toolbar .fc-center {
    display: inline-block;
    margin-top: -2%!important;
}
@media screen and (max-width:600px){
    .fc-toolbar .fc-center {
        margin-top: 4%!important;
    }
}
.currentgroups{


}

.card-action-min {
    margin: 0 !important;
    /* padding: 0 !important; */
    border-top: 0 !important;
}

.cGroupsBtn {
    position: absolute;
    right: 20px;
    bottom: 20px;
    /* float: right; */
    /* margin: 40px!important; */
}
.intern{

    width: 10%;
}
.card.small .card-image {
    height: 74%;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #42549b;
}
.arrorhead{


}
.fc-toolbar .fc-center {
    display: inline-block;
    margin-top: -2%!important;
}
.card-action.loll {
    text-align: center;
    padding-top: 3%;
}
.pope{

    width: 50%;
}
.givingthree{

    padding-top: 2%;
}
.distypes{
    width: 140%;
    float: right;
    /*    width: 36%;
        margin-top: -4em;
        text-align: right
    */
}
.aboutfour{

    padding-top: 0%;
    width: 18%;
    position: absolute;
}
.aboutfive {
    padding-top: 0%;
    width: 15%;
    position: absolute;
}
.book{
    float: right!important;

}
.lope{

    margin-top: -1%;
    margin-bottom: 1%;

}
.king{

    float: left;
}
.prince{
    color: white!important;

}
.modal-picture {
    font-size: 12px !important;
    margin: 0;
    padding: 4px 0 !important;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    line-height: 13px !important;
}
.heir{
    margin-bottom: 1%;

}
a#winToggle{
    color: #fff;
    background-color: #E96812;
    padding: 0.5em;
    position: relative;
}

a#winToggle:after {
    content: '';
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-left: 0.5em solid #E96812;
    width: 0;
    height: 0;
    position: absolute;
    border-width: 1.1em;
    border-right: none;
    right: -1.05em;
    top: 0.05em;
}
.extraImgWrapper{

    margin-top: 1em;
    margin-bottom: 2em;
}
.kingdom{

    text-align: left;
}
.knights{

    text-align: left;
    font-size: 1.5em;
}
.princess{
    text-align: left;
}
.pix{
    /*padding-bottom: 7%;*/

}
.card.modal-trigger, .cardLink{
    cursor: pointer;
}
.card-content.blog p{
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.subNav {
    background-color: #E96812;
}
.subNav ul{
    text-align: center;
}
.incontwo{
    position: absolute;
    right: 0;
    top: 17%;
}
.iconthree{
    position: absolute;
    right: 1%;
    top: 83%;

}
.formtwo{

    margin-top: 5%;
}
.inconsix{
    position: absolute;
    right: 0;
    /*   top: 4.5em;
       margin-left: 18%;*/
    margin-top: -5%;
}
.side-nav a {
    color: #444;
    display: block;
    font-size: 1rem;
    line-height: 64px;
    padding: 0 14px;
    text-align: center;
    margin: 0!important;
}
@media only screen and (max-width: 600px){
    .evenetsupcoming{
        float: none;
        text-align: right;
        margin: 0.5em 0 !important
    }
    .calendar{
        margin: 40px -4px !important;
        padding: 0;
        font-family: "Lucida Granda", Helvetica, Arial,Verdana,sans-serif;
        font-size: 11px;
    }
}

.arrownavbar{
    position: absolute;
    right: 0;
    margin-top: -5%;

}
.side-nav li:hover, .side-nav li.active {
    background-color: #42549b;
    /*padding-right: 9em;*/
}
.side-nav li:hover a, .side-nav li.active a{
    color: #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s;
}
.parallax-container {
    width: 100%;
    /*height: 0;*/
    /*padding-bottom: 29%;*/
    background-size: cover;
    background-position:center;
    height: 400px;
}

.bishop{
    color: black;
    font-size: 63%;
    margin-left: 14%;
}

td, th {
    padding: 7px 5px;
    vertical-align: top;
    /*width: 50%;*/
}

@media only screen and (max-width:600px){
    table.responsive-table tbody tr{
        padding: 0!important;
        width: 100%!important;
        display: table!important;
    }
    table.responsive-table td{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    table.responsive-table .event:last-child{
        float: left!important;
        width: 100%;
    }
    td.event{
        padding: 5px;
    }
    .eventString{
        padding: 0!important;
    }
}
.eventString{
    padding-left: 0em;
}

@media screen and (max-width:600px){
    td,th{
        font-size: 9pt;
        text-align: center;
    }
    .tableURL{
        font-size: 10pt;
    }
}

a {
    /*	color: #333333;*/
}
.table a:hover {
    text-decoration: underline;
}
i.material-icons.tiny {
    color: #039be5;
}

.line-spaceing-med {
    line-height: 1.8rem;
}

.card-content .row {
    margin-bottom: 0;
}

.flex-fix {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 1001px){
    .left-med-under{
        text-align: left !important;
    }

}
.locationtitlechan{
    margin-top: 1%;
    margin-bottom: -1%;

}

.vax{

    font-size: 20px;
}

.fc-day-grid-event .fc-content {
    white-space:normal !important;
    overflow: hidden;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em!important;
    line-height: 1.3!important;
    border-radius: 3px;
    border: 1px solid #42549b!important;
    background-color: #42549b!important;
    font-weight: 400;
    white-space: none!important;
}

.fc-state-default {
    background-color: none!important;
    background-image: none!important;
    background-image: none!important;
    background-image: none !important;
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: none!important;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
}

.iconeight{
    right: 0;
    position: absolute;
    margin-top: -5%;
}

@media only screen and (max-width: 600px){
    .eFooterLogo {
        width: 15%!important;
        height: 120px;
        float: right;
        /* background-image: url(../images/i2ilogo.png); */
        background-position: center right;
        background-repeat: no-repeat;
        /*margin-top: 8%;*/

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

    .womenit{

        width: auto !important;
    }

}


.headercontainer {
    margin: 0 auto;
    max-width: 1165px;
    width: 100%;

}

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

    .headercontainer {
        margin: 0 auto;
        max-width: 1280px;
        width: 100%;
    }
}
@media only screen and (min-width : 1024px) {

    .container {
        width: 76%;
    }
}



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

    nav ul a {
        padding: 0px;
    }
}

@media only screen and (min-width : 601px) {
    .container {
        width: 78%;
    }
}



@media only screen and (max-width : 600px) {
    nav ul a {
        padding: 0px 10px;
    }
    .logotest{

        margin-left: 63px;
    }
    nav .button-collapse {
        margin-top: -76px;
        margin-left: 21px;
    }
    nav {
        /*height: 19px;*/
        /*remove to show page name on mob like designs*/
    }
    .subNav{
        margin-top: -20px;
        background-color: white;
        display: none;
    }
    .parallax-container{
        padding-bottom: 41%;
        height: 150px;
    }
    .side-nav li{
        padding: 0;
    }

    header{
        height: 8em!important;
        overflow: hidden;
    }
    .footerline{

        /*position: absolute;*/
        display: block;
    }
    .footercharityline{
        /*position: absolute;*/
        margin-top: 22px;

    }

    .logomobile{
        height: 75px;
    }

}


@supports (-ms-accelerator:true) {
    .parallax-container {
        padding-bottom:33%;
    }
}


.Caption {
    font-size: 14px;
    font-weight: normal;
    font-family: arial;
}

.eastsusseximagepage{
    width: 40%;

}
strong {
    font-weight: 600!important;
}
.twoLine {
    height: 3em;
}
.cardnews {
    display: flex;
    justify-content: center;
}
#indexNewsfeed p, #indexHighlights p, #indexEvents p {
    font-weight: 400;
    text-align: justify;
    font-size: 10pt;
    margin: 0px 20px;
}
#indexHighlights .img, #indexNewsfeed .img, #indexEvents .img{
    margin: 0;
}
#indexNewsfeed p {
    /*text-align: left;*/
}
#indexNewsfeed .blackTitle, #indexHighlights .blackTitle, #indexEvents .blackTitle  {
    font-size: 11pt;
    font-weight: 600;
}
.card-title{
    font-size: 24pt!important;

}
.cardprojects {
    /*display: flex;
    justify-content: center;*/
}
#indexHighlights .deep-purple-text, #indexNews .deep-purple-text, #indexEvents .deep-purple-text {
    margin-bottom: 10px;
    text-align: center;
}

.titleLatest{
    font-size: 19pt;
    color: #717fb4;
    margin: 0;
    font-weight: 500;
}
.titleLatest a {
    color: #717fb4;
}
.firstartical:first-child .titleLatest{
    width:100%;
    /*font-size: 35pt;*/
    font-size: 32pt;
    font-weight: normal;
}

@media only screen and (max-width: 900px){
    /*div#indexHighlights {
        height: 696px!important;
    }
    div#indexNews {
        height: 696px!important;
    }*/
    .row .col.m3 {
        /*width: 75%;*/
        /*margin-left: 0;*/
    }
    .parallax-container {
        height: 250px;
    }
    /*.row .col.m8 {
        width: 100%;
        margin-left: 0;
    }*/

}
@media only screen and (max-width : 1024px) {
    .eFooterLogo {
        width: 10%;
        float: left;
        padding: 0;
    }
}
@media screen and (max-width: 992px) {
    #sidebarSticky{
        display: none;
    }
}
@media only screen and (max-width : 767px) {
    .firstartical:first-child .NLtitleLatest {
        width: 100%;
        font-size: 19pt;
    }
    .firstartical:first-child .titleLatest {
        width: 100%;
        font-size: 19pt;
    }
    .subnav {
         background-color: #42549c!important;
         border-top: 1px solid #fff;
         height: 47px !important;
     }
  nav ul li:not(#searchButton):hover, nav ul li.active {
    background-image: none!important;

  }
  .firstartical,.mainContainerMob{
      margin-left: 0px!important;
      margin-right: 0px!important;
  }
  .firstartical:first-child {
    width:100%;
    font-size: 13pt;
    display: block;

  }
    .bmeText{
        display: none!important;
    }
    .side-nav a {
        color: #42549c;
        display: block;
        font-size: 1.5rem;
        line-height: 64px;
        padding: 0 54px;
        text-align: left;
        margin: 0!important;
    }
    .side-nav li:hover a, .side-nav li.active a {
        color: #fff;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        -o-transition: color .3s;
        -ms-transition: color .3s;
        transition: color .3s;
    }
    .side-nav {
        position: fixed;
        width: 240px;
        left: -105%;
        top: 0;
        margin: 0;
        height: 100%;
        height: calc(100% + 60px);
        height: -moz-calc(100%);
        padding-bottom: 60px;
        background-color: #fff;
        z-index: 999;
        overflow-y: auto;
        will-change: left;
    }
    .NLeventstringMob,.FeateventstringMob,.TLventstringMob{
        display: none;
    }
    .hide768down {
        display:none;
    }
    .NLTitleMob,.FeatTitleMob,.TLTitleMob{
        font-size: 13pt!important;
    }
    .titleMob {
        font-size: 13pt;
    }  
    .recipeseventstringMob{
        display: none;
    }
    .recipesTitleMob{
        font-size: 13pt!important;
    }
    .MobileRecipes{
        display: flex;
    }
    .mobilefooter{
        height:60px!important;
    }

    /*.eFooterLogo {
    margin-top: 8%;
}*/
    .collapsible-body a {
        color: #42549c!important;
    }
    .collapsible-body li:hover a {
        color: #fff!important;
    }
}

nav ul li:not(#searchButton):not(.hiddenNav):hover, nav ul li.active {
    /*box-shadow: 0 -5px 0 0 #ffffff inset;*/
    background-color: #717fb4;
    background-image: url(/images/arrow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media only screen and (min-width: 601px) {
    #indexRow {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
    }
    #indexRow .col.s12.m4.l4.card {
        flex: 1;
    }
    #highlightsRow {
        left: 10px;
        padding: 0px;
    }
    #newsRow {
        margin: 0.5rem 31px 1rem 31px;
        padding: 0px;
    }
    #eventsRow {
        right: 10px;
        padding: 0px;
    }

}

#highlightsRow, #newsRow, #eventsRow {
    padding: 0px;
}

@media only screen and (min-width: 750px) {
    .row .col.s12.m6.l6 .card-content.black-text {
        padding: 0px 10px;
    }
}
@media screen and (max-width:1023px){
    .headerTextLarge{
        font-size: 20pt;
    }
    .headerTextSmall{
        font-size: 13.2pt;
    }
}
@media screen and (max-width:850px){
    .headerTextLarge{
        font-size: 18pt;
    }
    .headerTextSmall{
        font-size: 11.7pt;
    }
}
@media screen and (max-width:768px){
    .headerTextLarge{
        font-size: 16pt;
    }
    .headerTextSmall{
        font-size: 10.4pt;
    }
}

@media screen and (max-width:700px){
    .headerTextLarge{
        font-size: 15pt;
    }
    .headerTextSmall{
        font-size: 9.7pt;
    }
}
@media screen and (max-width:680px){
    .headerTextLarge{
        font-size: 12pt;
    }
    .headerTextSmall{
        font-size: 7.8pt;
    }
}
@media screen and (max-width:600px){
    .headerTextLarge{
        text-align: center;
        padding-left: 1.1em;
    }
    .headerTextSmall{
        display: none;
    }
}

.justify-align{
    text-align: justify;
}
.purple-text-bottom{
    margin: 3em 0;
    font-size: 14pt;
    text-align: center;
    margin-top: calc(3em - 1rem);
}
.i2iLogo{
    padding-right: 0;
}
.i2iLogo a{
    width: 5em;
    padding: 0.7em 0;
    display: inline-block;
    height: 42px;
    float: right;
}
.i2iLogo a img{
    border-radius: 4px;
}
.copyrightText.white-text{
    padding: 0.7em 0;
    padding-left: 1em;
}
@media screen and (min-width:993px) {
    .copyrightText.white-text.footerLeft {
        padding-right: 15px;
    }
    .copyrightText.white-text.footerCenter {
        padding-left: 15px;
    }
}
@media screen and (max-width:992px){
    .i2iLogo{
        text-align: center;
    }
    .copyrightText.white-text{
        text-align: center;
        padding: 0.7em 1em;
    }
    .i2iLogo a{
        float: none;
    }
}
@media screen and (min-width:993px){
    .copyrightText.white-text{
        padding: 30px 0;
    }
    .i2iLogo a{
        padding: 30px 0!important;
    }
    .i2iLogo{
        padding-right: 0!important;
    }
}
.bmeLogo{
    padding-left: 0!important;
}
.bmeText{
    padding-right: 0!important;
    color:#42549c;
    font-size: 14pt;
}
#burger-icon i{
    font-size: 59px!important;
    margin-left: -7px!important;
}
.side-nav li{
    width: 100%;
}
.side-nav li a{
    height: 46px;
    line-height: 46px;
}
.logoMob{
    height: 100px;
    margin-bottom: 1em;
    border-bottom: 3px solid #42549b;
}
.Collage{
    margin-top:     -0.6em;
}
@media screen and (max-width:1024px){
    .contactus{
        font-size: 28pt;
    }
}
.contactus{
    margin-top: 0;
}
@media screen and (max-width:745px) and (min-width:601px){
    .contactus{
        font-size: 21pt;
    }
}
/*@media screen and (max-width:992px){
    .blackTitle{
        text-align: left!important;
    }
}*/
.fc-day-grid-container.fc-scroller{
    height: 100%!important;
}
.navContainer{
    max-width: 1292px!important;
}
img.materialboxed{
    cursor: pointer!important;
}
.input-field .btn{
    padding: 0 2rem;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}

input[type=submit] {
    background-color: #42549b;
    /*color: white;*/
    /*padding: 2px 20px;*/
    /*border: none;*/
    /*border-radius: 4px;*/
    /*cursor: pointer;*/
}

input[type=submit]:hover {
    background-color: #42549b;
}

.containerrs {
    border-radius: 5px;
}
input#contactformsub {
    padding: 12px 20px;
}

@media screen and (max-width: 600px) {
    .nav-wrapper.subnav {
        display: none;
    }
}

@media screen and (max-width: 993px) {
    .newsmenu {
        width: 51%;
        float: right;
        margin-bottom: 10px;
        display:none;
    }
    .NLpage{
        display: none;
    }
}


.subnav {
    background-color: #717fb4;
    border-top: 1px solid #fff;
    height: 47px !important;
}
.subnavcolor{
    background-color: #717fb4;
}
li.active.nonactive {
    box-shadow: none;
    background-image: none;
}
.newsmenu{
    width: 60%;
    float: right;
    margin-bottom: 10px;
}
p.newspadding{
    padding-left: 9px;
}
h2.TitleNL{
    color: #717fb4;;
}
.NLtransform{
    transform: translateY(-44em);
}
.NLimage{
    width: 100%;
}
td.NLpageimage{
    width: 40%;
    padding: 0px!important;
    padding: 22px 0px 17px 0!important;
}
td.eventtext{
    float: left!important;

}
.NLtitleLatest{
    font-size: 19pt;
    color: #717fb4;
}
.supplytext{
    /*padding: 15px;*/
}
h2.NLpageDummyTittle{
    color:#717fb4;
}
@media screen and (min-width:992px){
    #sidebarSticky{
        /*position: -webkit-sticky;
        position: sticky;*/
        top: 0;
    }
}
.datepadding{
    padding-bottom: 5px;
    color: #666666;
    font-style: italic;
    margin: 0;
}
@media screen and (min-width: 601px) {
    .firstartical:first-child .firstarticalimage {
        width:100%;
        font-size: 13pt;
    }
    .firstartical:first-child .textarticalone{
        width:100%;
        font-size: 13pt;
    }
    .firstartical:first-child .eventtext{
        margin-top: 1em;
    }
}

.firstartical:first-child .NLtitleLatest{
    width:100%;
    font-size: 35pt;

}
.aboutName {
    line-height: inherit;
    margin-bottom: 0;
}
.jobTitle {
    font-style: italic;
    color: #42549b;
    margin: 0;
}
.more, .less {
    color: #42549b;
    cursor: pointer;
}
.aboutbio {
    text-align: justify;
}
hr.aboutBreak {
    margin-bottom: 45px;
}
td.secondevent{
    padding: 7px 5px!important;
}
.fc-state-active, .fc-state-down {
    background-color: #42549b!important;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    color: white!important;
}
.fc-state-default {
    background-color: #42549b!important;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: white;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
    color: white!important;
}
.fc .fc-toolbar>*>* {
    float: left;
    margin-left: .75em;
    color: white!important;
}
.fc .fc-toolbar>*>:first-child {
    margin-left: 0;
    color: #42549b!important;
}
@media screen and (max-width: 600px) {
    /*Used to make look like designs on mobile*/
    #mainNav .nav-wrapper .hide-on-small-and-down{
        display: block!important;
        text-align: left!important;
    }
    #mainNav .nav-wrapper .hide-on-small-and-down li:not(.active){
        display: none!important;
    }
    #mainNav .nav-wrapper .hide-on-small-and-down li.active{
       background-color: #42549c;
    }
    #mainNav .nav-wrapper .hide-on-small-and-down li.active a{
        padding-left: 0!important;
        margin-left: 0!important;
    }
    .nav-wrapper .navSubContainer{
        width: 100%!important;
    }
    .nav-wrapper.subnav{
        display: block!important;
    }
    .nav-wrapper.subnav .hide-on-small-and-down{
        display: flex!important;
        justify-content: space-between;
        text-align: left!important;
        width: 100%!important;
    }
    .nav-wrapper.subnav .hide-on-small-and-down li:not(.active) a{
        margin: 0!important;
    }
    .nav-wrapper.subnav .hide-on-small-and-down li{
        background-image: none!important;
        flex-grow: 1;
    }
    .nav-wrapper.subnav .hide-on-small-and-down li.active a{
        padding: 0px 10px!important;
        margin: 0!important;
    }
    .nav-wrapper.subnav .hide-on-small-and-down li a{
        text-align: center;
    }
    .nav-wrapper.subnav .hide-on-small-and-down li:nth-child(n+4){
        display: none!important;
    }
    .Mobfooter{
        background-color: #42549c;
        position: fixed;
        bottom: 0px;
        width: 240px;
        font-family: serif;
        font-size: 14px;
        line-height: 30px;
    }
    .textarticalone .eventtext .titleLatest {
        line-height: 1.1em;
        font-weight: 500;
        font-size: 16pt!important;
    }
    datepadding {
        font-size: 10pt;
    }
}

.side-nav .collapsible-body li a{
    line-height: 32px!important;
    height: 32px!important;
    font-size:1.2rem;
}
.contactColor{
    color: #42549c;
}
a .eventString{
    color: #42549c;
}
.responsive-banner {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: 50% 50%;
}
.firstartical:first-child .firstarticalimage .responsive-banner,.bigBannerImage {
    height: 400px;
}
@media screen and (max-width: 600px){
    .responsive-banner{
        height: 100px!important;
    }
    a:first-of-type .firstartical .firstarticalimage .responsive-banner,.bigBannerImage {
        height: 200px!important;
    }
    a:first-of-type .firstartical .firstarticalimage {
        width: 100%;
        font-size: 13pt;
    }
    a:first-of-type .firstartical .textarticalone{
    width:100%;
    font-size: 13pt;
    }
    a:first-of-type .firstartical .eventtext{
    margin-top: 1em;
    }
    .datepadding {
        font-size: 10pt;
        padding-top: 5px;
        padding-bottom: 0;
    }
}

/*.aboutbio p {
    height: 4.5em;
    overflow: hidden;
}*/
.eventString p{
    margin: 0;
}
.danger{
    background-color: #ff5252!important;
}
.danger:hover{
    background-color: #ff8a80!important;
}
[type="radio"]:checked + label:after{
    border:2px solid #42549c;
    background-color: #42549c;
}
#mainContentMob{
    margin-bottom: 3em;
}
@media screen and (max-width: 600px) {
    #mainContentMob{
        margin-bottom: 1em;
    }
}
nav ul li.hiddenNav:hover {
    background-image: none;
    background-color: transparent;
}
.articleImage {
    margin: 10px 0px 10px 0px;
}
.MobLogoFront {
    width: 50%;
    float: right;
    position: absolute;
    right: 25px;
    top: 25px;
    max-width: 150px;
}
@media only screen and (min-width: 601px) {
    .MobLogoFront{
        display: none;
    }
}
.lpgHeaderText {
    text-align:right;
    margin-top: 35px;
    font-family: 'Merriweather', serif;
    font-size: 16pt;
    font-weight: bold;
    font-style: italic;
}
.contactBtn{
    color: white;
    padding: 2px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#subnav li a {
    color: white;
    font-size: 12pt;
}
@media screen and (max-width: 768px) {
    .bannerImage {
        padding-left: 0.75em;
        padding-right: 0.75em;
    }
}
#cke_170_select, #cke_173_select, #cke_174_select {
      display: block;
}
.articleImage {
    height: 400px;
}
.footerCenter {
    /*font-family: serif;*/
    font-size: 15px;
    font-style: italic;
}
@media screen and (max-width: 1049px) {
    .footerCenter {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .justify{
        text-align: justify;
    }
}
@media screen and (max-width: 424px) and (min-width: 321px) {
    .navContainer{
        width: 85%!important;
    }
    #burger-icon i{
        margin-left: -10px!important;
    }
}
@media screen and (max-width: 425px) and (min-width: 376px){
    .container{
        width: 88%;
    }
}
@media screen and (max-width: 320px) {
    .container{
        width:94%;
    }
    .navContainer{
        width: 88%!important;
    }
    #burger-icon i{
        margin-left: -14px!important;
    }
}
.modal p {
    word-wrap: break-word;
}
@media screen and (max-width: 600px) {
    .modal .col.m9 {
        max-width: 110%;
    }
    .titleMob {
        max-height: 53pt;
        overflow: hidden;
    }
}
textarea {
    outline: none;
}
#sidebarSticky img {
    -webkit-transform: translate3d(0,0,0);
}
.fc-prev-button, .fc-next-button, .fc-today-button, .fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button {
    opacity: 0.65;
}
.telNum {
    margin-left: 18px;
}
.eventString a {
    color: rgba(0, 0, 0, 0.87);
}
.crossWarning {
    font-size: 20px;
    font-weight: bold;
    color: #717fb4;
}
@media screen and (max-width: 879px) and (min-width:601px) {
    .navHide {
        display:none;
    }
}
.col.s12.m12.l12.videoLink {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 55%;
}
.videoLink iframe {
    position: absolute;
    width: calc(100% - 1.5em);
    height: 100%;
    top: 0;
}
#navSearch {
    display: none;
    border-top: solid 1px #fff;
}
.navSearchContainer {
    height: 46px;
    line-height: 46px;
}
#searchBoxWrapper {
    width: 250px;
    float: right;
}
#searchBoxWrapper input[type=text] {
    width: 88%;
    height: auto;
    margin: 0;
    color: #fff;
}
#searchBox {
    padding: 10px;
}
#searchBox:focus {
    border: 1px solid #ccc;
}
#searchBoxIcon {
    background-image: url("/images/search-white.png");
    background-size: cover;
    background-color: transparent;
    width: 20px;
    height: 20px;
    border: none;
    position: relative;
    top: 5px;
    padding: 0;
    margin: 0;
}
#mainNav #searchButton {
    background-image: url("/images/search-white.png");
    background-size: cover;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 13px;
    right: 10px;
    float: right;
    display: inline-block!important;
}