@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap'); 

  

body, h1, h2, h3, h4, h5, h6, #primary-menu ul li > a{ 

    font-family: 'Fredoka, Arial, sans-serif; 

} 

@media (min-width:991px){ 

    #primary-menu ul li > a{ 

    font-weight:normal; 

    text-transform:none; 

    font-size:16px; 

    } 

     

    #primary-menu.style-2 > div > ul { 

        display: flex; 

        justify-content: space-between; 

        float:none; 

    } 

     

    #top-search{ 

        display:none; 

    } 

     

    #header > div.container.clearfix > ul > li:nth-child(1), 

    #header > div.container.clearfix > ul > li:nth-child(3){ 

        display:none; 

    } 

  

} 

  

.coreValue{ 

    background:#CBF0FF; 

     text-align: center; 

     padding:60px 0; 

} 

.coreValue h2{ 

    color:#FC7800; 

    margin-top:0; 

} 

.coreValue ul { 

    display: flex; 

    justify-content: space-evenly; 

    align-items: center; 

    width: 100%; 

    font-size: 20px; 

} 

.coreValue ul li{ 

    padding:0 10px; 

} 

.coreValue ul li:nth-child(1) { 

    color:#EF266E; 

} 

.coreValue ul li:nth-child(2) { 

    color:#7E68BE; 

} 

.coreValue ul li:nth-child(3) { 

    color:#BC41A4; 

} 

.coreValue ul li:nth-child(4) { 

    color:#DE3754; 

} 

@media (max-width:991px){ 

    .coreValue ul { 

        display: block; 

        list-style: none; 

        margin: 0; 

        padding: 0; 

    } 

} 

#slider.slider15 .swiper-slide .slider-caption h2{ 

    color: #010065; 

    text-transform: none; 

    letter-spacing: normal; 

} 

#slider.slider15 .swiper-slide .slider-caption p{ 

    color: #000; 

    font-weight: 400; 

} 

#slider.slider15 .swiper-slide .slider-caption .button.button-xlarge.button-circle{ 

    font-weight:normal; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(4) > div > div.image { 

        border: 3px solid #1d0f44; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(2) > div > div.image { 

        border: 3px solid #0078B3; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(3) > div > div.image { 

        border: 3px solid #00b5e5; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(4) > div > div.image { 

        border: 3px solid #F57F13; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(1) > div > div.description > h2 > a, 

#articles26 > div.owl-stage-outer > div > div:nth-child(1) > div > div.description > span{ 

    color:#1d0f44; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(2) > div > div.description > h2 > a, 

#articles26 > div.owl-stage-outer > div > div:nth-child(2) > div > div.description > span{ 

    color:#0078B3; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(3) > div > div.description > h2 > a, 

#articles26 > div.owl-stage-outer > div > div:nth-child(3) > div > div.description > span{ 

    color:#00b5e5; 

} 

#articles26 > div.owl-stage-outer > div > div:nth-child(4) > div > div.description > h2 > a, 

#articles26 > div.owl-stage-outer > div > div:nth-child(4) > div > div.description > span{ 

    color: #F57F13; 

} 

.alignCenter{ 

    align-content:center; 

} 

.dFlex{ 

    display: flex; 

    flex-wrap: wrap; 

} 

  

.howToEnrol { 

    color: #fff; 

    padding: 100px; 

    text-align: center; 

    position: relative; 

    padding-top: 300px; 

    padding-bottom: 200px; 

    background: rgb(40,200,120); 

    background: linear-gradient(131deg, rgba(1, 0, 101, 1) 0%, rgba(0, 120, 180, 1) 100%);

} 

.howToEnrol:before { 

    content: 'heelo'; 

    background: #fff; 

    width: 100%; 

    height: 200px; 

    display: block; 

    border-bottom-right-radius: 100%; 

    border-bottom-left-radius: 100%; 

    position: absolute; 

    left: 0; 

    top: 0; 

} 

.howToEnrol h2{ 

    color:#fff; 

} 

  

.howToEnrol a.button.button-circle { 

    background: #007bff; 

    margin: 0; 

    border: 3px solid #fff; 

    height: 58px; 

    line-height: 52px; 

    border-radius: 35px; 

} 

#articles26{ 

    margin-top: -200px; 

} 

  

#content01 .content-wrap #articles26 a:not(.sz-web-a):not(.btn):not(.button):not(.pdf-viewer-link){ 

    text-decoration:none !important; 

} 

#tiles21{ 

    padding-bottom:0; 

} 

  

#tiles21 a.button{ 

    font-weight:bold; 

} 

  

.howToEnrol{ 

    margin-top:-100px; 

} 

  

.mainContent{ 

    z-index:1; 

    position:relative; 

} 

  

footer.footer25 .subFooter .col-md-9 p{ 

    margin-top:0; 

} 

footer.footer25 .quickLinks ul li{ 

    width:auto; 

    margin-bottom:0; 

} 

#wrapper > footer > div.container > div > div.col-sm-6.col-lg-3.generalInfo > a > img{ 

    max-height:100px; 

} 

footer.footer25 a.social-icon{ 

    color:#fff; 

    border-color:#fff; 

} 

footer.footer25 .generalInfo{ 

    padding-bottom:20px; 

} 

#logo a.standard-logo{ 

    display:flex; 

    justify-content:center; 

    align-items:center; 

    margin-right: 5px; 

} 

/*

#logo a.standard-logo:after{ 

    content: 'Deanmore Primary School'; 

    font-size: 18px; 

    color: #fc7800; 

} 

*/

@media (min-width:991px){ 

    .slider15.swiper_wrapper { 

        height:700px; 

    } 

} 


/* ==================================================================================
   Tiles 21
 -----------------------------------------------------------------------------------*/

#tiles21{
    padding-bottom: 100px;
}
#tiles21 .col-md-4{
    text-align: center;
    margin-bottom: 50px;
}

#tiles21 .circle{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    color: #fff;
    font-size: 40px;
    margin-bottom: 20px;
}

#tiles21 h2{
    font-size: 20px;
    text-transform: none;
    margin-bottom: 20px;
    color: rgb(69 123 201);
}
#tiles21 a.button{
    border-radius: 30px;
    font-weight: 400;
    height: auto;
}
#tiles21 .col-md-4:nth-child(1) .circle,
#tiles21 .col-md-4:nth-child(1) a.button{
    background: #1d0f44;
    border: 2px solid #120A2E ;
}
#tiles21 .col-md-4:nth-child(1) h2{
    color: #1d0f44;
}
#tiles21 .col-md-4:nth-child(2) .circle,
#tiles21 .col-md-4:nth-child(2) a.button{
    background: #0078B3;
    border: 2px solid #005580 ;
}
#tiles21 .col-md-4:nth-child(2) h2{
    color: #005580;
}
#tiles21 .col-md-4:nth-child(3) .circle,
#tiles21 .col-md-4:nth-child(3) a.button{
    background: #00b5e5;
    border: 2px solid #0089B3 ;
}
#tiles21 .col-md-4:nth-child(3) h2{
    color: #0089B3;
}


#primary-menu,
#primary-menu > div > ul > li.parent.dropnav.sub-menu > ul > li {

  background-color: #010065;

}

#primary-menu ul ul li > a,
#primary-menu ul li > a{

  color: white;
}

.quicklinks li > a {

  color: #010065;
}

.quicklinks li > a:hover {

  color: #00b5e5;
}