body {
padding: 0px;
margin: 0px;
font-family: Calibri, sans-serif;
width: 100%;
font-size: 1.2vw;
line-height: 1.2;
color: #333;
overflow-x: hidden;
}
@media only screen and (max-width : 8000px) {
body {
font-size: 1.1vw;}	
}
@media only screen and (max-width : 1536px) {
body {
font-size: 1.2vw;}	
}
@media only screen and (max-width : 480px) {
body {
font-size: 4vw;}	
}
img {
max-width: 100%;
height: auto;
}
#main {width: 100%; position:relative}
#topbar {
background-color: #0a1c25;
color: #FFF;
width: 100%;
font-size: 100%;
padding-top: 0.39%;
padding-bottom: 0.39%;
padding-left: 4%;
padding-right: 4%;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 1.2; box-sizing: border-box;
}
@media only screen and (max-width : 700px) {
#topbar {padding-top: 40px; padding-bottom: 0px;}
.emailphone {display: none}
}
.emailphone a {color:#FFF; text-decoration: none;}
.emailphone a:hover {text-decoration: underline;}
#logo-holder {}
#logo img {max-width:460px; width:100%;}
#logo {padding-top: 10px; padding-bottom: 10px; float: left; width:46%; margin-left: 4%;}
@media only screen and (max-width : 700px) {
#logo {padding-top: 10px; padding-bottom: 10px; float: left; width:66%; margin-left: 4%;}	
}
#ms {
float: right !important;
text-align: right;
margin-top: 0px;
padding-right: 4%;
width:46%;
}
@media only screen and (max-width : 700px) {
#ms {width:16%;}
}
#ms img {
max-width: 100px !important;
width: 100%; 
}
img {height:auto}
#our-services-home {position:relative; background-color: #fff;}
@media only screen and (max-width : 700px) {
#our-services-home {margin-top: 4%;}	
}
#nav {position:relative; width:100%; text-align: center; background-color:#e0e2e2;padding-top: 20px;
padding-bottom: 20px; z-index:999;}
.consulting_services, .newshome {float:left; width:25%}
.padding4 {padding-left:4%; padding-right:4%; width: 92%}
.padding8 {
padding-left: 14%;
padding-right: 2%;
width: 72%;
}
.padding8v2 {
padding-left: 14%;
padding-right: 2%;
width: 84%;
}
.paddingtopbot {padding-top: 1.2%; padding-bottom: 1.4%}
@media only screen and (max-width : 700px) {
.paddingtopbot {padding-top: 4%; padding-bottom: 4%}
.padding8, .padding8v2  {padding-left:4%; padding-right:4%; width: 92%}
}
.homepage-statement {
background-color:#5a1d5e;
color:#fff;
position:relative;
padding-top: 2%;
padding-right: 16%;
padding-bottom: 2%;
padding-left: 4%;
}
@media only screen and (max-width : 700px) {
.homepage-statement {
background-color:#5a1d5e;
color:#fff;
position:relative;
padding-top: 4%;
padding-right: 4%;
padding-bottom: 4%;
padding-left: 4%;
}	
}
.homepage-statement p {
margin-top: 0;
margin-bottom: 0;
font-size: 120%;
font-weight: 200;
}
.homepage-statement strong {
font-weight: 600;
}
.clear::after {content: ""; display: table; clear: both;}
p {margin-top:0}
#menu-main .current-menu-item a, #menu-main .menu-item a:hover  {color:#ec6920;}
.cent {position: absolute;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;}
.rel {position:relative}
.left5 {padding-left:4%}
@media only screen and (max-width : 700px) {
.cent {position:relative;
ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
top: 0%;}
}
.consulting-services-wrapper {
position: relative; width:100%
}
.consulting_services {
float: left;
width: 22%;
position: relative;
margin-right: 4%;
}
.newshome {
float: left;
width: 45.8%;
position: relative;
margin-right: 8.2%;
padding-bottom: 56%;
}
@media only screen and (max-width : 700px) {
.consulting_services {
float: none;
width: 100%;
position: relative;
margin-right: 0;
margin-bottom:8%;
}
.newshome {
float: none;
width: 100%;
position: relative;
margin-right: 0;
padding-bottom: 110%;
margin-bottom:8%;
}
}
.consulting_services:nth-child(4n) {margin-right: 0;}
.newshome:nth-child(3n) {margin-right: 0;}
.consulting_services img, .newshome img {
position: absolute;
height: auto;
width: 100%;
left: 0px;
top: 0px;
}
.consulting_services .title, .newshome .title{
position:absolute;
bottom:0;
width: 92%;
padding-left: 4%;
padding-right: 4%;
padding-top: 4%;
padding-bottom: 4%;
background-repeat: repeat;
color:#FFF;
z-index:99;
display: block;
}
.contitle, .consultancy-news-colour .newstitlebg {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/bg-con.png); background-repeat: repeat;}
.datatitle, .data-news-colour .newstitlebg {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/dat-con.png); background-repeat: repeat;}
.comtitle, .publications-news-colour .newstitlebg {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pub-con.png); background-repeat: repeat;}
.traitle, .training-news-colour .newstitlebg {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/tra-con.png); background-repeat: repeat;}
.home h2, .page-id-4279 h2, .leadership h2, .core-team h2 {color:#5a1d5e}
h2, .Override h1{font-size: 180%; margin-top: 0px; font-weight: 300; margin-bottom:2%;}
.Override h1 {color:#5a1d5e !important}
.Override h2 {font-size: 200%; margin-top: 0px; font-weight: 300; margin-bottom:2%; color:#5a1d5e}
.Override h3 {font-size: 100%; margin-top: 0px; font-weight: 600; margin-bottom:0; color:#5a1d5e}
.Override a {color:#5a1d5e; text-decoration:none}
.Override a:hover {text-decoration:underline}
@media only screen and (max-width : 700px) {
h2, .Override h1 {font-size: 170%; margin-bottom: 4%; }		
}
.consulting_services .home-title {
width:100%;
padding-top:100%;
position:relative;
margin-bottom:5px;
font-size: 120%;
}
.newshome .home-title {
width:100%;
padding-top:79%;
position:relative;
margin-bottom:5px;
font-size: 120%;
}
.newshome {background-color:#FFF}
.new-home-int-wrapper { position:absolute; left: 0; top:0; width:100%}
.consulting-services, .data-services, .communications, .training-courses, .arch-services{
position: absolute;
height: 100%;
width: 100%;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
display: block;
z-index: 9; background-size:repeat;}
.consulting-services:hover:after, .consultancy-news-colour .newslinkbg:hover:after {
background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/bg-con-50.png); content: " "; position:absolute; top:0; bottom:0; left: 0; right:0; background-repeat:repeat;}
.data-services:hover:after, .data-news-colour .newslinkbg:hover:after{background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/dat-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.communications:hover:after, .publications-news-colour .newslinkbg:hover:after {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pub-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.training-courses:hover:after, .training-news-colour .newslinkbg:hover:after {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/tra-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.consultancy-news-colour .newslinkbg:hover:after {
background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/bg-con-50.png); content: " "; position:absolute; top:0; bottom:0; left: 0; right:0; background-repeat:repeat;}
.data-news-colour .newslinkbg:hover:after{background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/dat-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.publications-news-colour .newslinkbg:hover:after {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pub-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.training-news-colour .newslinkbg:hover:after {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/tra-con-50.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.purpbg {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pur-con-50.png); position:absolute; top:0; bottom:0; left: 0; right:0}
.consultancy-news-colour #banner-title-desc {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/bg-con.png);}
.data-news-colour #banner-title-desc {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/dat-con.png);}
.publications-news-colour #banner-title-desc {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pub-con.png); }
.training-news-colour  #banner-title-desc {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/tra-con.png);}
.purple-colour #banner-title-desc {background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/pur-con-50.png);}
.content-image-holder {width:48%; box-sizing: border-box; position: relative; background-size: cover;}
{background-image: url(https://scriptoria.co.uk/wp-content/uploads/2019/08/training-services01.jpg);}
.content-image-holder img {position: absolute;
top: 0px;
left: 0px; width:100%; height:100%;
}
.content-area-holder {
width:75%;
box-sizing: border-box;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666; 
}
.content-areas-holder {display: flex; margin-bottom: 4%; min-height: 275px;}
@media only screen and (max-width : 1400px) {
.content-areas-holder {min-height: 200px;}
}
@media only screen and (max-width : 1024px) {
.content-areas-holder {min-height: auto;}
}
@media only screen and (max-width : 700px) {
.content-areas-holder {display: block; margin-bottom: 8%; }	
}
.order-master01 .order:nth-of-type(1) { order: 1; }
.order-master01 .order:nth-of-type(2) { order: 2; }
.order-master02 .order:nth-of-type(1) { order: 2; }
.order-master02 .order:nth-of-type(2) { order: 1; }
@media only screen and (max-width : 700px) {
.order-master01 .order:nth-of-type(1) { order: 1; }
.order-master01 .order:nth-of-type(2) { order: 2; }
.order-master02 .order:nth-of-type(1) { order: 1; }
.order-master02 .order:nth-of-type(2) { order: 2; }	
}
.content-area-holder.float-left { margin-right:4%;}
.content-area-holder.float-right { margin-left:4%;}
@media only screen and (max-width : 700px) {
.content-image-holder {    width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
padding-bottom: 70%;
}
.content-area-holder {
width:100%;
box-sizing: border-box;
border: none;}}
.email-link {
position: absolute;
bottom: -1px;
right: -1px;
box-sizing: border-box;
color:#FFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFF;
padding-top: 0.5%;
padding-right: 2%;
padding-bottom: 0.5%;
padding-left: 2%;
text-decoration: none;
color:#FFF !important;
font-size: 90%; z-index:999
}
.float-left {float:left}
.float-right {float: right}
.desc a {text-decoration: none; color:#333}
.category-news .desc a {color:#333 !important}
.category-news .desc a:hover {text-decoration:underline}
.consultancy-news-colour .desc a:hover {color: #c20010}
.data-news-colour .desc a:hover  {color: #00558a}
.publications-news-colour .desc a:hover {color: #7aba02}
.training-news-colour .desc a:hover {color: #ed691f}
.consultancy-news-colour .titleh2, .consultancy-news-colour a, .consultancy-news-colour .content-area-holder h2 {color: #C32728}
.data-news-colour .titleh2, .data-news-colour a, .data-news-colour .content-area-holder h2{color: #155A8D}
.publications-news-colour .titleh2, .publications-news-colour a, .publications-news-colour .content-area-holder h2, .page-template-client-case-studies h2 {color: #7FB632}
.training-news-colour .titleh2, .training-news-colour a, .training-news-colour .content-area-holder h2 {color: #EB6F1E}
.consultancy-news-colour .email-link, .advisory-body .sub-bar, .consultancy-news-colour .sub-bar {background-color: #C32728 !important; }
.data-news-colour .email-link, .data-body .sub-bar,  .data-news-colour .sub-bar{background-color: #155A8D !important}
.publications-news-colour .email-link, .comms-body .sub-bar, .publications-news-colour .sub-bar {background-color: #7FB632 !important}
.training-news-colour .email-link, .training-body .sub-bar, .training-news-colour .sub-bar {background-color: #EB6F1E !important}
.consultancy-news-colour .email-link:hover, .data-news-colour .email-link:hover, .publications-news-colour .email-link:hover, .training-news-colour .email-link:hover {background-color:#999}
.service-examples { width:30%; margin-right:5%; float:left}
@media only screen and (max-width : 700px) {
.service-examples { width:100%; margin-right:0; float:none; margin-bottom:8%}	
}
.service-examples:nth-of-type(3) {margin-right:0}
.service-examples img {width: 100%}
.content-area-holder h2 {font-size: 180%; font-weight:500; line-height: 100%;}
#tournews { background-color:#e0e2e2}
.strong {font-weight: 600;}
.new-home-int-wrapper .desc {
padding-top: 0%;
padding-right: 4%;
padding-bottom: 4%;
padding-left: 4%;
}
#hometour {width: 48%; float:left; margin-right:4%}
@media only screen and (max-width : 700px) {
#hometour {width: 100%; margin-bottom:8%; float:none}	
}
#vidwrap {
background-size: cover !important;
position: relative;
padding-bottom: 56%;
overflow: hidden;
width: 100%;
overflow: hidden;
cursor: pointer;
background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/home-vid.jpg);
background-repeat: no-repeat;
float: left;
display: inline-block;
background-position: center center;
}
@media only screen and (max-width : 700px) {
#vidwrap {margin-bottom: 8%; }	
}
#homenews {width: 48%; float:right; margin:0;}
@media only screen and (max-width : 700px) {
#homenews {width: 100%; float:none}
}
.box-border {box-sizing: border-box;
border: 1px solid #FFF;}
.publications-news-colour .newstitlebg:before {content: "Communications news";}
.training-news-colour .newstitlebg:before {content: "Training news";}
.consultancy-news-colour .newstitlebg:before {content: "Consulting news";}
.data-news-colour .newstitlebg:before {content: "Data news";}
.client-logo-master .client-logo-holder {
width: 18%;
padding-bottom: 8%;
position: relative;
float: left;
margin-right: 2.5%;
margin-bottom: 2.5%;
}
.client-logo-master .client-logo-holder:nth-child(5n) {margin-right: 0;}
.client-logo-master .client-logo-holder img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block; max-width: 80%;
}
@media only screen and (max-width : 700px) {
.client-logo-master .client-logo-holder {
width: 45%;
padding-bottom: 18%;
position: relative;
float: left;
margin-right: 10%;
margin-bottom: 4%;
}
.client-logo-master .client-logo-holder:nth-child(2n) {margin-right: 0;}
.client-logo-master .client-logo-holder img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block; max-width: 80%;
}
.client-logo-master .client-logo-holder:nth-child(5n) {margin-right: 10%;}
.client-logo-master .client-logo-holder:nth-child(10n) {margin-right: 0;}
.logo-holder-last  {margin-right:0 !important}
}
.header-sm {width:46%; text-align:right;}
.header-sm a{ margin-left:5px}
.header-sm a  {color: #fff;}
.header-sm a svg, #footersm a svg {width: 21px; height: 21px}
.header-sm a svg path {fill: #fff;}
#footersm a svg path {fill: #4d4d4d;}
.header-sm a:hover svg path, #footersm a:hover svg path {fill: #EB6F1E}
@media only screen and (max-width : 700px) {
.header-sm { position: absolute;
top: 12px;
left:3.9%; text-align:left;
}
.header-sm a {
margin-left: 0;
margin-right: 4px;
}
}
.emailphone {width:46%; text-align:left;}
.header-sm a:hover  {color: #ec6920;}
#footersm a{ margin-left:10px; font-size:100%;}
#footersm a  {color: #4d4d4d;}
#footersm a:hover  {color: #ec6920;} .widget_nav_menu {font-size:100%; margin-right:0; margin-right: 0}
.line a {
color: #E1556B !important; margin-left:5% !important; margin-right:5% !important;
}
.nav li, .nav ul {list-style: none !important;}
.nav ul,
div.menu ul {
list-style: none;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#menu-top-nav li {
position: relative; display: inline-block; margin-right: 1%;
}
.last {margin-right: 0 !important;}
.nav ul ul {
display: none;
position: absolute;
top: -moz-calc(1.1vw + 10px);
top: -webkit-calc(1.1vw + 10px);
top: -o-calc(1.1vw + 10px);
top: calc(1.1vw + 10px);
left: -10px;
float: left;
width: auto;
z-index: 99999;
padding-bottom: 4px !important;
padding-top: 4px;
background-color: #e0e2e2;
text-align: left;
}
.nav ul ul ul { position: absolute;
top: -4px;
left: -191px;
float: left;
width: 191px;
z-index: 99999;
padding-bottom: 4px !important;
padding-top: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #a2587b;
}
.nav ul ul ul a{
cursor: pointer;
}
.nav a {
color: #333; text-decoration: none;
font-weight: normal;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}
.sub-menu a {display:block !important}
.menu-item-type-post_type a {cursor: pointer;}
.nav ul li:hover > ul {
display: block;
}
.nav li:hover > a{
color: #ec6920;
}
.nav ul ul :hover > a {
color: #ec6920;
text-decoration: none;
}
.nav ul ul a {
width: auto;
height: auto;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-color: #e0e2e2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; white-space: nowrap;
}
.current_page_item > a,
.current-menu-ancestor > a,
.current-menu-parent > a,
.core-team  #menu-item-4335 a,
.leadership #menu-item-4335 a,
.category-news #menu-item-3991 a, .post-type-archive-jobs .menu-item-5691 a,
.jobs-template-default .menu-item-5691 a
{color: #ec6920 !important;}
#main #header .nav #nav_menu-2 {
list-style-type: none;
}
#nav_menu-2 {
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; width:100%; position:absolute;}
.sub-menu li {text-align:left} .newsarch{float:left; width:25%}
.newsarch {
float: left;
width: 22%;
position: relative;
margin-right: 4%; margin-bottom:0; min-height: 27vw;
}
@media only screen and (max-width : 700px) {
.newsarch {
float: none;
width: 100%;
position: relative;
margin-right: 0;
margin-bottom:8%;
}}
.newsarch:nth-of-type(4n) {margin-right: 0;}
.newsarch img{
position: absolute;
height: auto;
width: 100%;
left: 0px;
top: 0px;
}
.archtitle{
position:absolute;
bottom:0;
width: 96%;
padding-left: 4%;
padding-top: 4%;
padding-bottom: 4%;
background-repeat: repeat;
color:#FFF;
z-index:99;
display: block;
}
.newsarch .home-title {
width:100%;
padding-top:100%;
position:relative;
margin-bottom:5px;
font-size: 120%;
}
.news-arch-wrapper {width:92%; position:relative}
.news-arch-wrapper::after{content: ""; display: table; clear: both;}
.pages {display:none !important}
.newspag {margin-bottom:4%}
.newspag a {color: #000}
div.pagination span.current { border: 1px solid #4d4d4d !important; background-color: #4d4d4d !important;}
div.pagination a, div.pagination span.pages, div.pagination span.dots {
border: 1px solid #4d4d4d !important;
color: #4d4d4d !important;
}
#banner {
width:100%;
padding-bottom:38%;
position: relative; margin-bottom:1%;
}
@media only screen and (max-width : 700px) {
#banner {padding-bottom:0;}
}
#banner img{
width:100%;
height:auto;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
}
@media only screen and (max-width : 700px) {
#banner img{
position: relative;}	
.category-news #banner img{
display: none;}	
}
#banner-title-desc-holder {
position: absolute;
left: 0px;
top: 0px;
z-index:9;
width: 100%;
height: 100%;
}
@media only screen and (max-width : 700px) {
#banner-title-desc-holder {
position: relative;}	
}
#banner-title-desc {
position: absolute;
width:auto;
display: inline-block;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 4%;
padding-right: 4%;
box-sizing: border-box;
width:50%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px; bottom:40px;
}
@media only screen and (max-width : 700px) {#banner-title-desc {
width: 100%;
margin-top: 0;
position: relative;
bottom: auto;
}
.archive #banner-title-desc {
width: auto !important;
max-width: 100% !important;
position: relative;
bottom: auto;
}}
@media only screen and (max-width : 700px) {.category-news #banner-title-desc {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 4%;
}}
#banner-title-desc p { font-size:120% !important}
.whtext {color: #FFF !important;}
.content img {max-width:100%; height:auto}
.content { padding-top: 2%; padding-bottom: 2%;}
#left { float:left; width:26%}
#right { float:right; width:50%; margin-right:20%}
@media only screen and (max-width : 700px) {
#left { float:none; width:100%}
#right { float:none; width:100%; margin-right:0; margin-top:4%;}	
}
.single-post .content h2 {width: 80%; font-size: 117%;
font-weight: bold;}
@media only screen and (max-width : 700px) {
.single-post .content h2 {width: 100%}
}
.anc-menu {text-align:left; font-size: 80%;}
@media only screen and (max-width : 700px) {.anc-menu {display: none}}
.anc-menu a {
color: #333;
text-decoration: none; margin-right: 20px; font-size:120%}
.anc-menu a:hover {text-decoration: underline;}
.team {
margin-top: 2%;
margin-bottom: 2%;
}
#scroll-to-top {display:none !important;}
.anch {padding-top: 4%; margin-top: -3.9%;}
.courses {width:92%; background-color:#ffcc99; padding-left:4%; padding-right:4%; padding-top:2%;
flex-wrap: wrap; display: flex; }
.course {width: 30%; margin-right:5%; float: left; box-sizing: border-box; background-color:#666; margin-bottom:2.5%; position:relative;}
@media only screen and (max-width : 700px) {
.course {width: 100%; margin-right:0; margin-bottom:4%}
}
.course:nth-of-type(3) {margin-right:0}
.course span {
width: 96%;
display:block;
text-align:center;
padding-right: 2%;
padding-bottom: 2%;
padding-left: 2%;
}
.course-date {background-color:#ed691f; color:#FFF; font-size:120%; padding-top: 2%;}
.course-title{
background-color:#666;
color:#fff;
font-size:120%;
padding-top: 2%;
}
.course-short-description {background-color:#666; color:#fff; font-size:100%;}
.course a {position:absolute; top:0; left: 0; right:0; bottom:0}
#jan_courses, #feb_courses, #mar_courses, #apr_courses, #may_courses , #jun_courses, #jul_courses, #aug_courses, #sept_courses, #oct_courses, #nov_courses, #dec_courses,
#jan_courses_two, #feb_courses_two, #mar_courses_two, #apr_courses_two, #may_courses_two , #jun_courses_two, #jul_courses_two, #aug_courses_two, #sept_courses_two, #oct_courses_two, #nov_courses_two, #dec_courses_two{
display: none;}
.course-nav {text-align:center; background-color:#ffcc99; padding-top:1%; padding-bottom: 1%;}
.course-nav a {margin-right: 1%; color:#333; cursor: pointer;} 
.contact-left { float:left; width:50%}
.contact-right {float: right; width:50%}
.marg4 {margin-top:2%; margin-bottom:2%;}
@media only screen and (max-width : 700px) {
.contact-left { float:none; width:100%; margin-bottom:2%;}
.contact-right {float: none; width:100%}
}
.contact-bar { background-color: #5a1d5e; color:#FFF; width: 40%; padding-right: 60%}
.contact h2 {margin-bottom:0; color: #5a1d5e !important;}
.contact-bar a {
color:#FFF;
text-decoration: none;
}
.contact-bar a:hover {
color: #FFF;
text-decoration: underline;
}
.pre-course-holder {flex-wrap: wrap; display: flex;}
.alllink {position: absolute; top:0px; bottom:0px; left:0px; right:0px}
.pre-course-left {
box-sizing: border-box;
float:left;
width: 50%;
background-color:#ed691f;
color:#FFF;
text-align:center;
font-size:150%;
padding-top: 2%;
padding-right: 16%;
padding-bottom: 1%;
padding-left: 16%; position:relative
}
.pre-course-right {
box-sizing: border-box;
float:right;
width: 50%;
background-color:#e0e2e2;
padding-top: 2.2%;
padding-right: 10%;
padding-bottom: 1%;
padding-left: 10%;
font-weight: bold; position:relative
}
@media only screen and (max-width : 700px) {
.pre-course-left {
box-sizing: border-box;
float:none;
width: 100%;
}
.pre-course-right {
box-sizing: border-box;
float:none;
width: 100%;
}
}
.marg1 { margin-bottom: 1%;}
@media only screen and (max-width : 700px) {
.marg1 { margin-bottom: 2%;}
}
.pre-course-right a {text-decoration:none}
.pre-course-right a {text-decoration:underline}
.page-id-4279 .newslinkbg:hover:after{background-image: url(https://scriptoria.co.uk/wp-content/themes/scriptoria-wp/images/purp30.png); content: " ";
position:absolute; top:0; bottom:0; left: 0; right:0}
.newsh2 a {
color: #5a1d5e;
margin-bottom:0;
text-decoration: none;
}
.searchitem {margin-bottom:4%}
.searchitem a {color: #5a1d5e;text-decoration: none; }
.readmore {
background-color: #5a1d5e;
padding: 1%;
color: #FFF !important; font-size: 80%; margin-top: 4%; display: inline-block;
}
.newsh2 {width: 80%}
.our-products {margin-bottom:2% !important}
.our-products .home-title {margin-bottom: 0 !important}
.content ul li {margin-bottom: 1%}
#jobarch {width:75%}
#jobarch a {color:#5a1d5e; text-decoration: underline;}
#jobarch h2{color:#5a1d5e; font-size: 140% !important;}
#jobarch p+h2{margin-top: 40px !important}
.single-jobs h1, .single-post.news h1 {
font-size: 180%;
margin-top: 0px;
font-weight: 300;
margin-bottom: 2%; width: 80%;
}
#jobarch .single-jobs li {margin-bottom:5px}
.scr-job-box {
background-color: #e0e2e2;
padding: 20px;
margin-top: 40px; margin-bottom:40px;
}
.scr-job-box-one{
background-color: #e6eef3;
padding: 20px;
margin-top: 40px; margin-bottom:40px;
}
.post-type-archive-jobs h2 a { text-decoration:none !important;}
.footer-copyright a {color:#4d4d4d; text-decoration:none}
.footer-copyright a:hover {text-decoration:underline}
.pub-sdg {margin-top:4%; margin-bottom:4%; background-color: #f0f1f1}
.pub-sdg h2 { color: #7aba02;}
.pub-sdg a:hover {color: #999}
.page-id-4767 .content-holder-sdg {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: 4%; margin-bottom: 4%;
}
@media only screen and (max-width: 812px) {
.page-id-4767 .content-holder-sdg {
width: 92%;
margin-left: auto;
margin-right: auto;
margin-top: 4%;
}
}
.privacy-holder {
position: fixed;
width: 440px;
box-sizing: border-box;
z-index: 9999999;
border-radius: 6px;
bottom: 40px;
left: 40px;
}
@media only screen and (max-width : 700px) {
.privacy-holder {
position: fixed;
width: 80%;
box-sizing: border-box;
z-index: 9999999;
border-radius: 6px;
bottom: 40px;
left: 10%;
}
}
.privacy-holder .privacy {
background: #ffffff;
background-color: rgb(255, 255, 255);
border: 1px solid;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
padding: 20px 26px;
box-shadow: 0 -1px 10px 0 #acabab4d;
border-radius: 6px;
}
.privacy-holder .privacy p {font-size: 80%; margin-bottom: 1em}
.privacy-holder .privacy p a {color: #5a1d5e !important}
.btn-accept-all {
background: #5a1d5e;
color: #ffffff !important;
border: 2px solid #5a1d5e;
}
.btn-reject-all {
color: #5a1d5e;
background: transparent;
background-color: transparent;
border: 2px solid #5a1d5e;
}
.privacy-buttons a { padding: 2.5%; display: inline-block; font-size: 80%}
.privacy-buttons a:hover {cursor: pointer}
.button { padding: 1.25%; display: inline-block; font-size: 100%; border-radius: 0.25em; text-decoration: none}
.publications-news-colour .button {background-color: #7aba02 !important; color:#fff !important}
.publications-news-colour .button:hover {background-color: #999 !important;}
.customlink {position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
} .pmc-logo-holder {display: flex; flex-direction: row; align-items: center; padding-left: 4%;
padding-right: 4%;}
.pmc-logo-holder #logo {
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-right: 0; margin-left: 0; width: auto;
}
.pmc-logo-holder #logo img {width: 24vw; max-width: none}
@media (max-width: 480px) {
.pmc-logo-holder #logo img {width: 76%;}
}
.pmc-logo-holder .services {
margin-left: auto;
align-items: center;
display: flex;
}
.pmc-logo-holder .services a{background-color: #434e5e; color: #fff; border-radius: 1rem; padding: 1rem; white-space: nowrap}
.pmc-logo-holder .services a:hover {background-color: #ed691f;}
@media (max-width: 480px) {
.pmc-logo-holder .services {display:none}
}
.pmc-logo-holder .msp-logo {
width: 4vw;
margin-left: 1rem;
}
#menu-top-nav {white-space: nowrap; padding-left: 4rem;}
#menu-top-nav a {color: #000; text-decoration: none; }
#menu-top-nav a:hover, .current-menu-item a {color: #ed691f !important;} #menu-top-nav li {
cursor: pointer;
margin-right: 1em;
font-size: 90%;
}
#menu-top-nav .sub-menu {
display: none; position: absolute;
left: 0;
z-index: 9999;
padding: 0.5rem 0;
white-space: nowrap;
flex-direction: column; }
#menu-top-nav .sub-menu li {
display: block; padding: 0; width: 100%; box-sizing: border-box; font-size: 80%
} #menu-top-nav .sub-menu .sub-menu {
top: 0;
left: 191px;
background-color: #e0e2e2;
padding: 4px 0;
z-index: 9999;
} #menu-top-nav .sub-menu a {
color: #333;
text-decoration: none;
padding: 5px 10px;
display: block;
background-color: #e0e2e2;
}
#menu-top-nav .sub-menu a:hover {
color: #ec6920; background-color: #cacbcb;
} #menu-top-nav li:hover > .sub-menu {
display: flex;
} #menu-top-nav li:hover > a, .single-post .info-hub a   {
color: #ec6920 !important;
}
.single-post .info-hub > ul a {color:#000 !important}
.single-post .info-hub > ul .current-menu-parent a {color:#ec6920 !important} #menu-top-nav .menu-item-has-children > a::after {
content: "";
display: inline-block;
margin-left: 5px;
border-top: 4px solid #333; border-left: 4px solid transparent;
border-right: 4px solid transparent;
width: 0;
height: 0;
vertical-align: middle;
} #menu-top-nav .menu-item-has-children:hover > a::after, #menu-top-nav .current-menu-parent > a::after, .single-post #menu-top-nav #menu-item-7292 a::after {
border-top-color: #ec6920; }
.sub-bar {
background-color: #5a1d5e; 
color: #FFF;
width: 100%;
font-size: 100%;
padding-top: 0.39%;
padding-bottom: 0.39%;
padding-left: 4%;
padding-right: 4%;
display: flex;
flex-direction: row;
justify-content: space-between; height: calc(1em + 0.8em); box-sizing: border-box;
}
.custom-banner {
width: 100%;
height: 15vw; background-size: cover;
background-position: center;
position: relative;
display: flex; align-items: center
}
@media (max-width: 480px) {
.custom-banner {height: auto;}
}
.custom-banner.center-center {background-position: center center;}
.custom-banner.bottom-center {background-position: bottom center;}
.custom-banner.top-center {background-position: top center;}
.custom-banner.top-25 {background-position: center 25% ;}
.custom-banner.top-35 {background-position: center 35% ;}
.custom-banner.bottom-25 {background-position: 75% center ;}
.text-box {
width: 38vw;
padding-left: 4vw;
padding-right: 2vw;
padding-top: 2vw;
padding-bottom: 2vw;
background-color: rgba(90, 29, 94, 0.7);
color: #FFF;
text-align: left;
font-size: 100%;
}
@media (max-width: 480px) {
.text-box {
width: 100vw;
padding-left: 5vw;
padding-right: 5vw;
padding-top: 10vw;
padding-bottom: 10vw;}
}
.comms-body .text-box {background-color: rgba(127, 182, 50, 0.7);}
.data-body .text-box {background-color: rgba(21, 90, 141, 0.7);}
.advisory-body .text-box {background-color: rgba(195, 39, 40, 0.7);}
.training-body .text-box {background-color: rgba(235, 111, 30, 0.85);}
.text-box h1,
.text-box p {
margin: 0; padding: 0; }
.text-box h1 {
font-size: 160%;
margin-top: 0px;
font-weight: 300;
margin-bottom: 2%;
}
#footer {background-color: #e6e6e6; padding-top: 1em; padding-bottom: 1em; padding-left: 4%; padding-right: 4%;}
#footer, #footer a {color: #4d4d4d;}
.footer-row {display: flex; flex-direction: row; align-items: center;}
.footer-row:last-of-type {align-items: baseline; margin-top: 1em; font-size: 75%;}
.footer-copyright a:hover {text-decoration: underline}
#footer-logo {width: 15vw;}
.footer-cyber-essentials {margin-left: 20px;}
.footer-cyber-essentials img {max-width: 50px}
#footersm {display: flex;
flex-direction: row;
align-items: center; margin-left: auto;}
@media only screen and (max-width : 480px) {
.footer-cyber-essentials img {max-width: 40px}
.footer-row {margin-top: 1em; font-size: 75%; flex-direction: column; margin-bottom: 1em;}
#footer-logo {width: 100vw; max-width: 300px}
#footersm {
display: flex;
flex-direction: revert;
align-items: center;
margin-left: 0;
width: 100%;
justify-content: center;
margin-top: 20px; font-size: 150%;
}
.footer-copyright {position: relative; left: auto;}
.footer-row:last-of-type {align-items: center; margin-top: 20px; font-size: 100%;}
}
.page-id-4767 .ulpp li {margin-bottom: 2%} .thumbnail-nav .thumb {
opacity: 0.5;
transition: opacity 0.3s ease;
cursor: pointer;
}
.thumbnail-nav .thumb.active {
opacity: 1;
}
.video-wrapper iframe {
width: 100%;
aspect-ratio: 16 / 9;
max-height: 500px;
}
.page-id-3978 .service-examples a {color: #333; text-decoration: none; transition: color 0.3s ease, border-bottom 0.3s ease;}
.page-id-3978 .service-examples a:hover {color: #7FB632; text-decoration: underline}
.page-id-3978 .client-case-studies .services {
display: inline;
white-space: normal;
}
.page-id-3978 .client-case-studies .services .label {
color: #7aba02;
font-weight: bold;
margin-right: 0.5em;
}
.page-id-3978 .client-case-studies .service-link {
text-decoration: none;
color: #333;
transition: color 0.3s ease;
}
.page-id-3978 .client-case-studies .service-link:hover .link-text {
color: #7aba02;
text-decoration: underline;
}
.page-id-3978 .client-case-studies .pipe {
color: #7aba02;
margin: 0 0.4em;
pointer-events: none;
}
.page-id-3978 .client-case-studies .service-link:last-of-type::after {
content: '';
}