@font-face {
     font-family: 'Apex Medium';
     src: local('Apex Medium'), url(../fonts/Apex/apexnew-book.woff) format('woff');
}
 html, body, a {
     color:#034A93;
     font-family: 'Apex Medium',sans-serif;
}
 body a:hover {
     color:#bc007c;
     text-decoration:none;
}
 html {
     scroll-behavior: smooth;
}
 h1,h2,h3,h4 {
     font-weight:600;
     margin-bottom:12px;
}
 h2, .h2, h3, .h3 {
     font-size:1.2rem;
     text-transform:uppercase;
	 margin-bottom:15px;
}
#welcome h3 {font-size:1rem; font-weight:400;text-transform:uppercase; padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.4);}
#welcome h3 span {font-size:1.1rem;}
 h2, .h2 {
     padding: 12px;
     border-radius: 3px;
     background:#034A93;
     color: #fff;
}
 .colorgradient {
     background: linear-gradient(90deg, #bc007c, #0099df);
     background-size: 400% 400%;
     -webkit-animation: colorgradient 40s ease infinite;
     -moz-animation: colorgradient 40s ease infinite;
     animation: colorgradient 40s ease infinite;
}
 @-webkit-keyframes colorgradient {
     0%{
         background-position:0% 23% 
    }
     50%{
         background-position:100% 78% 
    }
     100%{
         background-position:0% 23% 
    }
}
 @-moz-keyframes colorgradient {
     0%{
         background-position:0% 23% 
    }
     50%{
         background-position:100% 78% 
    }
     100%{
         background-position:0% 23% 
    }
}
 @keyframes colorgradient {
     0%{
         background-position:0% 23% 
    }
     50%{
         background-position:100% 78% 
    }
     100%{
         background-position:0% 23% 
    }
}
 .navwrapper {
     background: linear-gradient(90deg, #940162, #006c9d);
     background-size: 400% 400%;
     position: sticky;
     top: 0;
     z-index: 1020;
     -webkit-animation: colorgradientnav 40s ease infinite;
     -moz-animation: colorgradientnav 40s ease infinite;
     animation: colorgradientnav 40s ease infinite;
}
 @-webkit-keyframes colorgradientnav {
     0%{
        background-position:0% 51%
    }
     50%{
        background-position:100% 50%
    }
     100%{
        background-position:0% 51%
    }
}
 @-moz-keyframes colorgradientnav {
     0%{
        background-position:0% 51%
    }
     50%{
        background-position:100% 50%
    }
     100%{
        background-position:0% 51%
    }
}
 @keyframes colorgradientnav {
     0%{
        background-position:0% 51%
    }
     50%{
        background-position:100% 50%
    }
     100%{
        background-position:0% 51%
    }
}
 .wifigradient {
     background-image: linear-gradient(180deg, #FFFFFF 0%, #CFF6FF 100%);
}
 .wifigradient h2 {
     font-size:2rem;
}
 h2 .fas, h2 .fa-solid {
     color:#fff;
     padding-right: 12px;
     font-size: 24px;
     top: -2px;
}
 .colorgradient h1 {
     display:inline-block;
     color:#fff!important;
     border:2px solid #fff;
     padding:10px 14px;
     text-align:center;
     font-size:16px;
	 letter-spacing:0.08rem;
     margin:5px 0px;
	 background-color:rgba(0,0,0,0.2);
}
 .navbar {
     color:#fff;
     line-height: 1.1;
     font-weight:600;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
}
 .navbar-toggler {
     padding: 0.25rem 0.45rem;
     border: 2px solid #fff;
     border-radius: 0!important;
     color: rgba(255, 255, 255, 1);
     border-color: rgba(255, 255, 255, 1)!important;
	 outline:none!important;
}
 .navbar-dark .navbar-nav .nav-link {
     color:#fff;
     font-weight:500;
     border-bottom:1px solid rgba(255,255,255,0.2);
}
 .dropdown-menu {
     background-color:rgba(0,0,0,0.2);
     border-radius:0;
     border-bottom:1px solid rgba(255,255,255,0.2);
}
 .dropdown-menu .dropdown-item {
     color:#fff;
     padding:2px 8px;
     line-height:1.7;
     font-size:15px;
}
 .dropdown-item:hover, .dropdown-item:focus {
     background-color: rgba(0,0,0,0.2);
}
 .dropdown.show {
     margin-bottom:10px;
}
 a.anchor {
     display: block;
     position: relative;
     top: -510px;
     visibility: hidden;
}
 .mainheader {
     text-align:center;
     padding:20px;
     10px;
}
 .container {
     padding:40px 25px;
     max-width:800px;
}
 .container.grey {
     background:#f5f5f5;
}
 .container img {
    border-radius:6px;
}
 .welcomecontainer {
     padding:0px;
     overflow-y:hidden;
}
 .welcomecontainer img {
    border-radius:0px;
}
 #welcome {
     padding:15px 20px;
}
 #welcome, .btn-primary, .btn-secondary, .table .thead-dark th {
     background:#034A93;
     color:#fff;
     font-size: 13px;
}
.table .thead-dark th {
    border-color: #fff;
}
.btn-secondary {background:#0099df;border-color:#0099df;border-radius:4px;}
.btn-secondary:hover, .btn-secondary:active {background:#0073a8;border-color:#0073a8;}
 #welcome .table {
     color:#fff;
}
 #welcome .table td {
     padding:0.2rem 0rem;
}
 .btn-primary {
     background: rgb(0,35,71);
     background:#034A93;
     border-radius:4px;
     border:none;
	 display:block;
}
 .btn-primary:hover {
     background: rgb(0,35,71);
     background: linear-gradient(180deg, rgba(0,35,71,1) 0%, rgba(0,113,230,1) 100%);
}
 .btn-map {
     padding:8px;
}
 .btn-map .fas {
     font-size:1.3em;
}
 #welcome a {
     color:#fff;
}
 .btn-primary .btnheader,  .btn-secondary .btnheader {
     font-size:18px;
}
 .campusphoto .carousel {
     z-index:-1 
}
 .campusphoto .overlay-text {
     margin-top: -34px;
     padding: 6px 20px;
     color: #fff;
     font-weight: 500;
     font-size:11px;
     display: block;
     background: rgba(0,35,71,0.8);
}
 .toplogos {
     padding:0px 10px 10px 20px;
     max-width:800px;
     margin-right: auto;
     margin-left: auto;
}
 .toplogos .col-3 {
     padding:3px;
     text-align:center;
}
 .collegelist {
     border:1px solid rgba(255,255,255,0.5);
     border-radius:4px;
     background:#034A93;
     padding:20px 10px;
     margin-bottom:15px;
}
 .collegelist img {
     margin-bottom:10px;
     text-align:center;
}
 .cornwallcollege {
     background:#034A93;
}
 .duchycollege {
     background:#1B8356;
}
 .bictoncollege {
     background:#6F3E5D;
}
 .falmouthmarineschool {
     background:#18A8B9;
}
a.campus-link {padding:25px;background:#f5f5f5;border-radius:3px;text-align:center;font-size:16px;width:100%;color:#034A93;display:block;font-weight:500;transition: 0.3s;}
a.campus-link span {font-weight:900;}
a.campus-link i {display:block;font-size:2.5rem;margin-bottom:0.5rem;}

a.campus-link:hover {color:#fff;background:#034A93;}
a.campus-link.duchy:hover {background:#ad6300;}
a.campus-link.bicton:hover {background:#602a4c;}
a.campus-link.fms:hover {background:#00a0b3;}

a.campus-link.duchy i {color:#ad6300;}
a.campus-link.bicton i {color:#602a4c;}
a.campus-link.fms i {color:#00a0b3;}

a.campus-link.duchy:hover i, a.campus-link.bicton:hover i, a.campus-link.fms:hover i {color:#fff;}


.multicolumn {column-count:2;column-gap:40px;}
 #myBtn {
     display: none;
    /* Hidden by default */
     position: fixed;
    /* Fixed/sticky position */
     bottom: 0px;
    /* Place the button at the bottom of the page */
     right: 10px;
    /* Place the button 30px from the right */
     z-index: 99;
    /* Make sure it does not overlap */
     border: none;
    /* Remove borders */
     outline: none;
    /* Remove outline */
     background: linear-gradient(180deg, #bc007c, #0099df);
     background-size: 120% 120%;
     -webkit-animation: AnimationName 20s ease infinite;
     -moz-animation: AnimationName 20s ease infinite;
     animation: AnimationName 20s ease infinite;
    /* Set a background color */
     color: white;
    /* Text color */
     cursor: pointer;
    /* Add a mouse pointer on hover */
     padding: 3px 8px;
    /* Some padding */
     border-radius: 4px 4px 0px 0px;
    /* Rounded corners */
     font-size: 20px;
    /* Increase font size */
     font-weight:500;
}
 #myBtn:hover {
     background: linear-gradient(0deg, #bc007c, #0099df);
     background-size: 120% 120%;
     -webkit-animation: AnimationName 20s ease infinite;
     -moz-animation: AnimationName 20s ease infinite;
     animation: AnimationName 20s ease infinite;
    /* Set a background color */
}
 @media (max-width: 768px) {
     .btn-primary {
         display: block;
    }
}
 @media (max-width: 420px) {
	 .multicolumn {column-count:1;}	
}
/* Tiny devices */
 @media (max-width: 280px) {
     .colorgradient h1 {
         padding: 8px;
         font-size: 14px;
    }
     .navbar-brand {
         font-size: 1rem;
    }
     h2 {
         font-size: 18px;
    } 
}