/* Theme Name: NELCStarter2019 Theme URI: http://www.nelincs.gov.uk Author: NELC Description: Starter theme for NELC Version: 3 */ /***********************************/ /***********************************/ /* Globals */ /***********************************/ /***********************************/ #wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar>#wp-toolbar span.ab-label, #wpadminbar>#wp-toolbar span.noticon { color: #eee!important; } body { font-family: 'Open Sans', sans-serif; background-color: #FFFFFF; } .page-content a{ font-weight: bold; color:#005aa3!important; } /*h2.page-title { padding: 10px 0; font-weight: 600; }*/ /* Skip to content code, change as needed for appearance */ a.skipper, #skiplinks a{ background:#005aa3!important; color:#fff!important; } .skipper { left:-999px; position:absolute; top:auto; width:1px; height:1px; overflow:hidden; z-index:-999; } a.skipper:active, a.skipper:focus { color: #fff; background-color:#000; left: auto; top: auto; width: 30%; height: auto; overflow:auto; margin: 10px 35%; padding:5px; border-radius: 15px; border:4px solid #fff; text-align:center; font-size:1.2em; z-index:999; } h1.page-title { /*padding: 10px 0; font-weight: 600;*/ font-size: 2.5em; font-weight: 700; padding: 30px 0 20px 0; } /* Navbar*/ nav.navbar.navbar-expand-lg.navbar-light.bg-light { padding: 1.5rem 1rem!important; } .navbar>.container, .navbar>.container-fluid { padding: 1rem .5rem; } .navbar-light .navbar-nav .nav-link { color: #000; font-weight: bold; text-transform: none; text-decoration: none; height: 40px; } .bg-light { background-color: #ffffff!important; border-bottom: 7px #29aae2 double; } ul.navbar-nav.nav-tabs.mr-auto { border-top: 2px solid #39b649; border-bottom: 2px solid #39b54a; padding: 20px; } @media (min-width: 900px) and (max-width: 1024px){ .navbar-expand-lg .navbar-nav .nav-link { font-size: smaller!important; } } .dropdown-item:focus, .dropdown-item:hover { color: #fff!important; background-color: #235f30!important; } /***********************************/ /*Page*/ .page-container { padding: 30px; margin: 30px 0px; border-radius: 5px; font-size: 1.1em; background-color: #fff; /* box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);*/ box-shadow: 0 5px 20px 0 rgb(172, 205, 223); } .page-content { padding-bottom: 20px; } main#maincontent { padding: 30px; } .wp-block-spacer { height:30px!important; } a.wp-block-button__link.has-background{ color: #fff!important; background: #005aa3!important; } /***********************************/ /* Home*/ #home { margin-top: 18px; } span.stk-highlight { color: #212529!important; font-weight: 700; } .box-primary { color: #000!important; border-left:5px solid #0054a6; border-right:5px solid #ed38eb; background: #99cee099!important; border-radius:10px!important; } .box-primary .btn.btn-default { background-color: #0054a6!important; color: #fff!important; border-radius:10px!important; } .box { /*box-shadow: inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);*/ border-radius: 0; box-shadow: none; padding: 20px; }/***********************************/ /* Footer */ /***********************************/ footer { /*background: #0054a6;*/ margin-top:15px; border-left:5px solid #ed38eb; border-right:5px solid #0054a6 ; background: #99cee099!important; border-radius:10px!important; } .footer-nav { margin-top: 10px; margin-left: 15px; text-align:center; } /*.footer-nav ul li a { padding: 2px 7px!important; }*/ .footer-nav ul li + li a:before { content: '|'; padding: 0 .625em; } footer ul { list-style: none; padding: 0; padding-bottom: 15px; margin: 0; display: inline-block; } footer ul > li { display: inline-block; /*padding: 0 15px;*/ } footer ul > li a { color: #000!important; font-size: 1.1em; font-weight: 600; transition: all .5s ease; transform: scale(1); } .logos { padding-left: 15px; text-align:center; } .logos ul li { padding: 2px 15px; margin-bottom: 10px; vertical-align: middle; } .logos ul li img { max-height: 82px; width:127px; max-width: 127px; height: 82px; border-radius: 10px; transition: all .4s ease-in-out; } /*.logo-footer span { display: block; margin: 0 0 1.25em; width: 220px; height: 66px; padding-left: 30px; padding-top: 5px; } */ /* .col-sm-6.logo-footer p { padding-left: 30px; margin-top: 30px; }*/ /* .col-sm-6.text-right span img { height: 88px; margin-right: 70px; } */ .copyright { text-align: center; color: #000!important; margin: 15px; } /* mobile footer */ @media screen and (max-width: 630px) { footer ul li a { font-size: 0.9em!important; font-weight: 300!important; } } @media screen and (max-width: 700px) { footer ul li a { font-weight: 600; font-size: 1.0em; } } @media screen and (max-width: 600px) { .copyright { font-size: 0.9em; font-weight: 300!important; } } /***********************************/ /***********************************/ /* Back to Top */ /***********************************/ /***********************************/ #back-to-top { position: fixed; bottom: 30px; right: 30px; z-index: 10; padding: 10px 20px; text-align: center; line-height: 30px; background: #363C42; background: #064a77; color: #fff; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; visibility: hidden; } #back-to-top:hover { background: #363C42; } #back-to-top.show { opacity: 1; visibility: visible; } @media (max-width: 567px) { #back-to-top { bottom: 15px; right: 15px; } } /*complianz cookie plugin*/ .cc-animate.cc-revoke.cc-bottom{ transform:none!important; } @media screen and (max-width: 1024px) { .cc-revoke.cc-bottom { bottom: 0!important; padding: 0!important; left:0!important; display:block!important; } } .cmplz-blocked-content-container .cmplz-blocked-content-notice { cursor: pointer; position: absolute !important; width: 50%; top: 85%!important; left: 50%; transform: translate(-50%,-50%); /* max-width: 200px; */ font-size: 14px; padding: 10px; background-color:#b10202!important; color: #fff; text-align: center; z-index: 98; line-height: 23px; } .cmplz-placeholder-1 { height: auto; DISPLAY: initial; } span.cmplz-category-title, .cmplz-description{ color: #000!important; font-weight: 600!important; } span.cmplz-always-active { background-color: white!important; padding: 0.25rem; } /*a.twitter, a.facebook{ display: inline-block; padding: 15px; margin: 3px; border: 3px solid #0054a6; border-radius: 50%; }*/ /* Footer Rating */ .col-md-12.ratings { background-color: #78818814; } .website-rating { text-align: center; } .website-rating span { display: block; /*margin-top: 10px;*/ } .website-rating a { font-size: 2.4em; } .website-rating a svg { background-color: #343434; border-radius: 50%; margin: 3px; } /*search*/ .search-count { margin-bottom: 1.5rem; } .search-item .entry-header { margin-top: 3rem; margin-bottom: 0.9rem; } .search-item .entry-title a { color: #065b94!important; font-size: 1.5rem; } .search-item .entry-url a { color: #3a3fdb!important; } .search-no-results { text-align: center; } div#noresultsquery { padding: 1.5em; } .empty-section--icon-container { background: rgb(255 255 255) url(/wp-content/themes/NelcStarter2019/img/not-found.png) no-repeat 50%; background-position: center center; background-size: auto; border: 0 none; height: 3em; background-size: 122px 112px; height: 112px; margin-bottom: 2em; } p.noresult { font-weight: 600; } p.noword { font-weight: 600; background-color: rgb(255, 244, 194); border: 1px solid rgb(255, 204, 51); display: inline-block; margin: 5px; padding: 5px; } @media (max-width: 480px){ span.d-none { display: none!important; } } .logos ul li img:hover { box-shadow: 0px 0px 28px 0px rgba(0,0,0,.25), 0px 10px 10px rgba(0,0,0,.22); transform: scale(1.01); } a.tw img, a.facebook svg { display: inline-block; padding: 5px; margin: 3px; /*border: 3px solid #0054a6;*/ border-radius: 50%!important; max-width: 70px; max-height: 70px; height: 70px!important; width: 70px!important; transition: all .4s ease-in-out; box-shadow: 3px 6px 10px 0px rgb(248 244 244), -3px -6px 10px rgb(0 0 0); } a.tw:hover img, a.facebook svg:hover { /*border: 3px outset #ed38eb;*/ background-color: white; box-shadow: 0px 0px 28px 0px rgba(0,0,0,.25), 0px 10px 10px rgba(0,0,0,.22); transform:none; } .footer-nav ul li a:hover { text-decoration: none!important; box-shadow: 0px 0px 28px 0px #f7f3f3, 0px 4px 10px 0px #dabada; color: #2c2c2c!important; outline: 0; background-color: hsl(0deg 1.91% 66.41% / 70%)!important; transform: scale(1.5)!important; }