html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
html, body{
overflow-x: hidden;
}   body {
margin: 0;
}  main {
display: block;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
}   hr {
box-sizing: content-box; height: 0; overflow: visible; }  pre {
font-family: monospace, monospace; font-size: 1em; }   a {
background-color: transparent;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }  b,
strong {
font-weight: bolder;
}  code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }  small {
font-size: 80%;
}  sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
} sub {
bottom: -0.25em;
} sup {
top: -0.5em;
}   img {
border-style: none;
}   button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }  button,
input { overflow: visible;
}  button,
select { text-transform: none;
}  button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}  button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}  button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
}  legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  progress {
vertical-align: baseline;
}  textarea {
overflow: auto;
}  [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }  [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}  [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }  [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }   details {
display: block;
}  summary {
display: list-item;
}   template {
display: none;
}  [hidden] {
display: none;
}   #dormston-header-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200px;
z-index: 999999999;
} #dormston-header-background-light {
background: #744CA2;
position: absolute;
top: 0;
left: 0;
width: 250%;
height: 600px;
z-index: 29;
clip-path: circle(50% at 29% -480px);
} .dormston-menu-desktop {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100vh;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-menu-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 0 200px;
z-index: 99999999999999;
} .dormston-menu-desktop .dormston-menu-close {
color: #ffffff;
font-size: 32px;
} .dormston-menu-desktop:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: linear-gradient(rgba(79, 42, 143, 0.85), rgba(79, 42, 125, 0.85));
position: absolute;
top: 0;
left: 0;
} .dormston-menu-desktop ul {
list-style: none;
max-width: 992px;
margin: 0 auto;
padding: 0 0 0 50px;
height: 100%;
} .dormston-menu-desktop ul:before {
content: '';
display: block;
width: 2px;
height: 83%;
background: #ffffff;
position: absolute;
top: 50px;
} .dormston-menu-desktop ul li {
margin: 20px 40px;
padding: 0;
position: relative;
max-width: 300px;
} .dormston-menu-desktop ul li:after {
content: '';
position: absolute;
left: -55px;
top: -1px;
display: block;
width: 30px;
height: 30px;
background: rgba(118, 169, 69, 0.4);
border-radius: 50%;
transition: .5s;
} .dormston-menu-desktop ul li:before {
content: '';
position: absolute;
left: -50px;
top: 4px;
display: block;
width: 20px;
height: 20px;
background: linear-gradient(#76a945, #5d8335);
border-radius: 50%;
z-index: 999999;
transition: .5s;
} .dormston-menu-desktop ul li a {
text-transform: uppercase;
color: #ffffff !important;
font-weight: 400;
letter-spacing: 2px;
} .dormston-menu-desktop ul li ul.sub-menu {
position: absolute;
top: 0;
left: 200px;
margin: 0;
padding: 0 0 0 0;
opacity: 0;
transition: .2s;
width: 500px;
height: 500px;
padding-left: 0;
height: 150px;
overflow-y: auto;
} .dormston-menu-desktop ul li ul.sub-menu:before {
display: none;
} .dormston-menu-desktop ul li ul.sub-menu li {
margin: 5px;
} .dormston-menu-desktop ul li ul.sub-menu li:first-of-type {
margin-top: 0;
} .dormston-menu-desktop ul li ul.sub-menu li:before {
display: none;
} .dormston-menu-desktop ul li ul.sub-menu li:after {
display: none;
} .dormston-menu-desktop ul li ul.sub-menu li a {
text-transform: capitalize;
font-weight: 200;
letter-spacing: 0;
} .dormston-menu-desktop ul li:hover > ul {
opacity: 1;
transition: .5s;
z-index: 999999999999;
} .dormston-menu-desktop ul li:hover > ul li:before {
display: none;
} .dormston-menu-desktop ul li:hover > ul li:after {
display: none;
} .dormston-menu-desktop ul li:hover:after {
content: '';
position: absolute;
left: -63px;
top: -8px;
display: block;
width: 45px;
height: 45px;
background: rgba(118, 169, 69, 0.4);
border-radius: 50%;
transition: .5s;
} .dormston-menu-desktop ul li:hover:before {
content: '';
position: absolute;
left: -53px;
top: 2px;
display: block;
width: 25px;
height: 25px;
background: linear-gradient(#76a945, #5d8335);
border-radius: 50%;
z-index: 999999;
transition: .5s;
} .dormston-menu-open {
animation: dormston-menu-open 2s forwards;
} .dormston-menu-close {
animation: dormston-menu-close 1s forwards;
}
@keyframes dormston-menu-open {
0% {
left: -100%;
}
100% {
left: 0;
}
}
@keyframes dormston-menu-close {
0% {
left: 0;
}
100% {
left: -100%;
}
} #dormston-search-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999999;
border: 1px solid red;
} #dormston-search-wrapper .elementor-search-form__container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston-search-wrapper .elementor-search-form__container input[type="search"].dormston-search-input {
background-color: transparent !important;
border: 1px solid red;
}  #dormston-footer-nav nav ul li.menu-item {
position: relative;
} #dormston-footer-nav nav ul li.menu-item::before {
content: '|';
color: #ffffff;
position: absolute;
top: 50%;
left: -3px;
-webkit-transform: translate(-3px, -50%);
-ms-transform: translate(-3px, -50%);
-moz-transform: translate(-3px, -50%);
-o-transform: translate(-3px, -50%);
transform: translate(-3px, -50%);
} #dormston-footer-nav nav ul li.menu-item:first-of-type::before {
content: ' ';
}  #dormston-nav-bar {
padding: 0 !important;
} #dormston-nav-bar #dormston-nav {
display: none;
} #dormston-nav-bar #dormston-mobile-nav {
display: block;
background: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: 999999999;
width: 100%;
height: 80px;
} #dormston-nav-bar #dormston-mobile-nav ul {
list-style: none;
margin: 0;
padding: 0;
} #dormston-nav-bar #dormston-mobile-nav ul li {
display: inline-block;
width: 75px;
height: 75px;
margin: 0;
padding: 0;
position: relative;
top: 0;
left: 0;
} #dormston-nav-bar #dormston-mobile-nav ul li:nth-child(even) {
background: rgba(96, 96, 96, 0.2);
} #dormston-nav-bar #dormston-mobile-nav ul li img {
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston-nav-bar #dormston-mobile-nav ul li.dormston-logo img {
width: 75px;
height: 75px;
border: 1px solid red;
} #dormston-nav-bar #dormston-mobile-nav ul li .dormston-burger {
width: 20px;
height: 20px;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston-nav-bar #dormston-mobile-nav ul li .dormston-burger span {
display: block;
background: #606060;
width: 100%;
height: 3px;
margin-bottom: 3px;
border-radius: 10px;
}  .dormston-purple-button {
position: relative;
} .dormston-purple-button a.elementor-button {
width: 100%;
display: block;
background: linear-gradient(90deg, #4F2A95, #4F2A7D);
font-weight: 200 !important;
text-align: left;
border-radius: 18px;
padding: 25px 30px;
} .dormston-purple-button a.elementor-button .elementor-button-text {
position: relative;
top: 0;
left: 0;
} .dormston-purple-button a.elementor-button .elementor-button-text h2 {
color: #ffffff !important;
font-weight: 200 !important;
font-size: 28px;
margin: 0;
} .dormston-purple-button a.elementor-button:hover {
background: linear-gradient(90deg, #4F2A95, #4F2A95);
} .dormston-purple-button:after {
content: '';
display: block;
width: 38px;
height: 26px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/arrow-icon.svg) no-repeat;
position: absolute;
top: 50%;
right: 30px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
} .dormston-green-button a.elementor-button {
width: 100%;
display: block;
background: linear-gradient(90deg, #65B22E, #4F8B24);
font-weight: 200 !important;
padding: 20px 30px !important;
text-align: left;
border-radius: 20px;
} .dormston-green-button a.elementor-button .elementor-button-text {
position: relative;
top: 0;
left: 0;
padding: 0 0 0 60px;
} .dormston-green-button a.elementor-button .elementor-button-text h2 {
color: #ffffff !important;
font-weight: 200 !important;
font-size: 28px;
margin: 0;
} .dormston-green-button a.elementor-button .elementor-button-text p {
margin: 0;
padding: 0;
font-size: 12px;
} .dormston-green-button a.elementor-button:hover {
background: linear-gradient(90deg, #4F8B24, #4F8B24) !important;
} .dormston-green-button-small a.elementor-button {
width: 120px;
display: block;
background: linear-gradient(90deg, #65B22E, #4F8B24);
font-weight: 200 !important;
padding: 10px 15px !important;
text-align: center;
border-radius: 20px;
font-size: 12px;
} .dormston-green-button-small a.elementor-button:hover {
background: linear-gradient(90deg, #4F8B24, #4F8B24) !important;
} .dormston-green-button-small-mobile a.elementor-button {
width: 120px;
display: block;
background: linear-gradient(90deg, #65B22E, #4F8B24);
font-weight: 200 !important;
padding: 10px 15px !important;
text-align: center;
border-radius: 20px;
font-size: 12px;
margin: 0 auto !important;
} .dormston-green-button-small-mobile a.elementor-button:hover {
background: linear-gradient(90deg, #4F8B24, #4F8B24) !important;
} #dormston-contact-phone.dormston-green-button .elementor-button-text:before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 35px;
height: 35px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/phone-icon.svg) no-repeat;
} #dormston-contact-email.dormston-green-button .elementor-button-text:before {
content: '';
position: absolute;
top: 10px;
left: 0;
width: 35px;
height: 35px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/email-icon.svg) no-repeat;
} .dormston-discover-button a {
padding: 0 !important;
}  #dormston-home-latest-news-wrapper {
max-width: 225px;
margin: 0 auto;
} #dormston-home-latest-news-wrapper .owl-carousel {
position: relative;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item {
overflow: hidden !important;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide {
width: 225px;
height: 235px;
border-radius: 8px;
cursor: pointer;
position: relative;
overflow: hidden;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a {
display: block;
width: 100%;
height: 100%;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a .dormston-news-date {
text-align: center;
color: #ffffff;
width: 100px;
height: 100px;
background: #4F2A7D;
position: absolute;
top: -25px;
right: -20px;
border-radius: 50%;
z-index: 99999;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a .dormston-news-date .dormston-news-date-month {
font-weight: 200;
color: #ffffff;
padding-top: 35px;
padding-right: 10px;
display: block;
font-size: 14px;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a .dormston-news-date .dormston-news-date-day {
font-weight: 400;
color: #ffffff;
padding-top: 3px;
padding-right: 10px;
display: block;
font-size: 20px;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a .dormston-news-title {
color: #ffffff;
position: absolute;
bottom: 15px;
left: 15px;
z-index: 999999;
opacity: 0;
transition: .2s;
font-weight: 400;
font-size: 18px !important;
width: 120px;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a:before {
content: '';
width: 225px;
height: 235px;
background: rgba(79, 42, 149, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 99;
border-radius: 8px;
opacity: 0;
transition: .2s;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a:hover:before {
opacity: 1;
transition: .5s;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-item .dormston-home-latest-news-slide a:hover .dormston-news-title {
opacity: 1;
transition: .5s;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-nav .owl-prev {
position: absolute;
top: 50%;
left: -20px;
-webkit-transform: translate(-20px, -50%);
-ms-transform: translate(-20px, -50%);
-moz-transform: translate(-20px, -50%);
-o-transform: translate(-20px, -50%);
transform: translate(-20px, -50%);
} #dormston-home-latest-news-wrapper .owl-carousel .owl-nav .owl-prev:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-latest-news-prev-icon-01.svg) no-repeat;
background-size: contain;
display: block;
width: 30px;
height: 25px;
position: absolute;
top: 0;
left: 0;
} #dormston-home-latest-news-wrapper .owl-carousel .owl-nav .owl-next {
position: absolute;
top: 50%;
right: -5px;
-webkit-transform: translate(5px, -50%);
-ms-transform: translate(5px, -50%);
-moz-transform: translate(5px, -50%);
-o-transform: translate(5px, -50%);
transform: translate(5px, -50%);
} #dormston-home-latest-news-wrapper .owl-carousel .owl-nav .owl-next:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-latest-news-next-icon-01.svg) no-repeat;
background-size: contain;
display: block;
width: 30px;
height: 25px;
position: absolute;
top: 0;
left: 0;
}  #dormston-search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999999;
background: #4f2a95e6;
display: none;
} #dormston-search form {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston-search .elementor-search-form__container:not(.elementor-search-form--full-screen) {
background: transparent;
} #dormston-search input::placeholder {
color: #ffffff;
font-size: 40px;
letter-spacing: 1px;
opacity: .6;
text-align: center;
} #dormston-search input {
color: #ffffff;
font-size: 40px;
letter-spacing: 1px;
border-bottom: 1px solid #ffffff;
font-family: var(--e-global-typography-text-font-family);
text-align: center;
} #dormston-search .dialog-close-button {
color: #ffffff;
opacity: 1 !important;
} .dorm-subjects .elementor-portfolio-item__title {
width: 100%;
text-align: left;
position: relative;
margin: 0px;
padding: 0px;
top: 30%;
left: 5%;
} .dorm-subjects .elementor-portfolio-item__title:after {
text-align: left;
position: relative;
margin: 0px;
padding: 0px;
top: 0%;
left: 0%;
content: "\aRead More ";
white-space: pre-wrap;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
} #dormston-subjects-list ul.elementor-icon-list-items li {
border: #4F2A95 2px solid;
border-radius: 10px;
width: 100%;
margin: 5px;
padding: 5px;
}  #dormston-home-focus-menu ul {
position: relative;
} #dormston-home-focus-menu ul li {
position: absolute;
top: 0;
padding: 0;
margin: 0;
} #dormston-home-focus-menu ul li:before {
content: '';
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
} #dormston-home-focus-menu ul li a {
position: absolute;
top: 0;
left: 0;
display: block;
padding-top: 60px;
height: 100%;
} #dormston-home-focus-menu ul li.dormston-home-focus-curriculum:before {
content: '';
position: absolute;
top: 60px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-curriculum-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-house:before {
content: '';
position: absolute;
top: 60px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-house-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-parents:before {
content: '';
position: absolute;
top: 60px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-parents-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-homework:before {
content: '';
position: absolute;
top: 60px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-homework-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-safeguarding:before {
content: '';
position: absolute;
top: 60px;
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-safeguarding-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu-mobile ul li {
position: relative;
padding-top: 60px;
padding: 0;
margin: 25px 5px 0;
} #dormston-home-focus-menu-mobile ul li:before {
content: '';
display: block;
width: 60px;
height: 60px;
position: absolute;
top: -60px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
} #dormston-home-focus-menu-mobile ul li a {
position: relative;
top: -10px;
padding-top: 25px;
font-size: 14px !important;
} #dormston-home-focus-menu-mobile ul li:before {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
top: -15px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
} #dormston-home-focus-menu-mobile ul li.dormston-home-focus-curriculum:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-curriculum-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu-mobile ul li.dormston-home-focus-house:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-house-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu-mobile ul li.dormston-home-focus-parents:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-parents-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu-mobile ul li.dormston-home-focus-homework:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-homework-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu-mobile ul li.dormston-home-focus-safeguarding:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-safeguarding-icon.svg) no-repeat;
background-size: contain;
}
.dormston-home-focus-menu ul li.dormston-home-focus-subjects:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/uploads/2025/07/subjects-icon.png) no-repeat;
background-size: contain;
}
.dormston-home-focus-menu ul li.dormston-home-focus-parental:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/uploads/2025/07/parental-communication-icon.png) no-repeat;
background-size: contain;
}
.dormston-home-focus-menu ul li.award-item:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/uploads/2025/12/award-icon.png) no-repeat;
background-size: contain;
}
.dormston-home-focus-menu ul{
display: grid !important;
grid-template-columns: repeat(4, 1fr);
gap: 30px 40px;
padding: 20px;
max-width: 100% !important;
@media(max-width: 767px){
grid-template-columns: repeat(3, 1fr);
}
@media(max-width: 480px){
grid-template-columns: repeat(2, 1fr);
}
}
.dormston-home-focus-menu ul li{
display: flex;
gap: 5px;
flex-direction: column;
padding: 0px !important;
text-align: center;
}
.dormston-home-focus-menu ul li::before{
position: relative !important;
top: 0px !important;
left: 50%;
transform: translatex(-50%) !important;
}
.dormston-home-focus-menu ul li a{
padding: 0px !important;
order: 2;
height: auto !important;
justify-content: center !important;
top: 0px !important;
@media(max-width: 767px){
white-space: normal !important;
}
}
.dormston-home-focus-menu .elementor-widget-container:has(.elementor-nav-menu--main){
margin: 0px !important;
} @keyframes open-bio-animate {
0% {
height: 200px;
}
100% {
height: 100%;
padding-bottom: 40px;
}
}
@keyframes close-bio-animate {
0% {
height: 100%;
padding-bottom: 40px;
}
100% {
height: 200px;
padding-bottom: 0;
}
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper {
width: 500px;
height: 500px;
margin: 0 auto;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile {
width: 350px;
height: 350px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile img {
display: block;
object-fit: cover;
width: 350px !important;
height: 350px !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio h4 {
text-transform: uppercase;
margin: 0 0 15px 0;
font-weight: 600 !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt {
height: 200px;
overflow: hidden;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt p {
font-size: 14px;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.open-bio {
animation: open-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.close-bio {
animation: close-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt:after {
content: '';
display: block;
background: linear-gradient(rgba(255, 255, 255, 0), white);
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-btn {
width: 100px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
letter-spacing: 1px;
margin-top: 10px;
} #dormston_smt .owl-nav .owl-prev {
font-size: 60px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
} #dormston_smt .owl-nav .owl-next {
font-size: 60px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-profile-wrapper {
width: 350px;
height: 350px;
margin: 0 auto;
position: relative;
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-profile-wrapper .dormston-smt-profile {
width: 250px;
height: 250px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-profile-wrapper .dormston-smt-profile img {
display: block;
object-fit: cover;
width: 250px !important;
height: 250px !important;
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-bio h4 {
text-transform: uppercase;
margin: 0 0 15px 0;
font-weight: 600 !important;
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-bio .dormston-smt-bio-txt-mob {
height: 100%;
overflow: hidden;
position: relative;
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-bio .dormston-smt-bio-txt-mob p {
font-size: 14px;
} #dormston_smt_mobile .dormston-smt-wrapper .col-12 .dormston-smt-bio .dormston-smt-bio-btn-mob {
width: 100px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
letter-spacing: 1px;
margin-top: 10px;
display: none;
} #dormston_smt_mobile .owl-nav .owl-prev {
font-size: 60px;
position: absolute;
left: 0;
top: 25%;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-moz-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
} #dormston_smt_mobile .owl-nav .owl-next {
font-size: 60px;
position: absolute;
right: 0;
top: 25%;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-moz-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
#cmplz-document{
max-width: 100%;
}
#cmplz-document h2{
margin-top: 1em;
font-size: 2rem;
color: #3C3C3B;
}
#cmplz-document p,
#cmplz-document li{
font-size: 1.5rem;
}
#cmplz-document ul{
margin-bottom: 2em;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
height: unset !important;
padding: 7px 14px !important;
} @media (min-width: 768px) { #dormston-home-latest-news-wrapper {
max-width: 450px;
margin: 0 auto;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper {
width: 350px;
height: 350px;
margin: 0 auto;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile {
width: 250px;
height: 250px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile img {
display: block;
object-fit: cover;
width: 250px !important;
height: 250px !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio h4 {
text-transform: uppercase;
margin: 0 0 15px 0;
font-weight: 600 !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt {
height: 200px;
overflow: hidden;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt p {
font-size: 14px;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.open-bio {
animation: open-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.close-bio {
animation: close-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt:after {
content: '';
display: block;
background: linear-gradient(rgba(255, 255, 255, 0), white);
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-btn {
width: 100px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
letter-spacing: 1px;
margin-top: 10px;
} #dormston-subjects-list ul.elementor-icon-list-items li {
border: #4F2A95 2px solid;
border-radius: 10px;
width: 180px;
margin: 5px;
padding: 5px;
}
}
@media (min-width: 992px) { #dormston-home-focus-menu ul li {
position: relative;
padding-top: 60px;
} #dormston-home-focus-menu ul li:before {
content: '';
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 10px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
} #dormston-home-focus-menu ul li a {
position: relative;
} #dormston-home-focus-menu ul li.dormston-home-focus-curriculum:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-curriculum-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-house:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-house-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-parents:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-parents-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-focus-menu ul li.dormston-home-focus-homework:before {
content: '';
background: url(//dormston.dudley.sch.uk/wp-content/themes/twentytwenty-child/images/dormston-homework-icon.svg) no-repeat;
background-size: contain;
} #dormston-home-latest-news-wrapper {
max-width: 700px;
margin: 0 auto;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper {
width: 500px;
height: 500px;
margin: 0 auto;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile {
width: 350px;
height: 350px;
border-radius: 50%;
margin: 0 auto;
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-profile-wrapper .dormston-smt-profile img {
display: block;
object-fit: cover;
width: 350px !important;
height: 350px !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio h4 {
text-transform: uppercase;
margin: 0 0 15px 0;
font-weight: 600 !important;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt {
height: 200px;
overflow: hidden;
position: relative;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt p {
font-size: 14px;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.open-bio {
animation: open-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt.close-bio {
animation: close-bio-animate 1s forwards;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-txt:after {
content: '';
display: block;
background: linear-gradient(rgba(255, 255, 255, 0), white);
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
} #dormston_smt .dormston-smt-wrapper .col-6 .dormston-smt-bio .dormston-smt-bio-btn {
width: 100px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
letter-spacing: 1px;
margin-top: 10px;
}
}
@media (min-width: 1025px) { #dormston-nav-bar #dormston-mobile-nav {
display: none;
} #dormston-nav-bar {
height: 0;
padding: 0;
} #dormston-nav-bar #dormston-nav {
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 9999999999;
width: 120px;
height: 100%;
color: #3C3C3B;
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2);
background: white;
} #dormston-nav-bar #dormston-nav ul {
margin: 0;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
} #dormston-nav-bar #dormston-nav ul li {
margin: 0;
padding: 0;
position: relative;
display: flex;
align-items: center;
flex: 1;
} #dormston-nav-bar #dormston-nav ul li:nth-of-type(odd) {
background: #ffffff;
} #dormston-nav-bar #dormston-nav ul li:nth-of-type(even) {
background: #D0D1D1;
} #dormston-nav-bar #dormston-nav ul li.dormston-logo {
padding: 0;
height: 16.6777%;
} #dormston-nav-bar #dormston-nav ul li.dormston-logo img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
} #dormston-nav-bar #dormston-nav ul li .dormston-nav-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
font-size: 10px;
text-transform: uppercase;
color: #606060;
text-align: center;
font-weight: 400;
cursor: pointer;
} #dormston-nav-bar #dormston-nav ul li .dormston-nav-icon .dormston-burger {
width: 18px;
height: 18px;
margin: 0 auto;
} #dormston-nav-bar #dormston-nav ul li .dormston-nav-icon .dormston-burger span {
display: block;
background: #606060;
width: 100%;
height: 3px;
margin-bottom: 3px;
border-radius: 10px;
} #dormston-nav-bar #dormston-nav ul li.rmunify {
background: #4F2A95;
padding: 10px;
height: 16.6777%;
max-height: 120px;
} #dormston-nav-bar #dormston-nav ul li.rmunify img {
width: 100%;
height: 100%;
}
}