@media print {
.leftnav {
display: none !important;
}
.region-navigation {
display: none !important;
}
.header-img {
display: none !important;
}
.header-image-round {
display: none !important;
}
.header-sub {
display: none !important;
}
.footer {
display: none !important;
}
.print-img {
display: none !important;
}
.page-type-header .region-pagetitle .row h1 {
color: #32325d !important;
}
p {
color: black !important;
}
.print-txt {
float: right;
}
.mainpage {
color: black !important;
}
.main-footer {
background-color: black !important;
}
.res-accordion-content {
display: block !important;
}
.field--name-field-all-news-section {
display: none !important;
}
.row {
display: block!important;
}
.row.footer {
display: none !important;
}
.contact-us {
display: none !important;
}
}
html,
body {
margin:0;
padding:0;
height:100%;
}
html{
font-size: 16px;
}
.mainpage{
font-size: 1rem;
font-family: "Ubuntu", sans-serif;
color: #525f7f;
line-height: 1.867;
text-align: left;
font-weight:300;
}
.mainpage a{
color: #4468fb!important;
text-decoration: underline;
}
h1{
font-size: 2.1875rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(255, 255, 255)!important;
text-transform: uppercase!important;
line-height: 1.143!important;
/*padding-bottom:20px!important;*/
margin: 0px !important;
}
h2{
font-size: 2.1875rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 1.143!important;
font-weight:400!important;
margin: 0px !important;
}
h3{
font-size: 1.5rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 1.12!important;
font-weight:500!important;
margin: 0px !important;
}
h4{
font-size: 1.375rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 1.364!important;
margin: 0px !important;
padding-bottom:30px!important;
padding-top: 30px !important;
}
h6{
margin: 0px !important;
padding-bottom:20px!important;
padding-top: 20px !important;
}
p + h2, p + h3, ul + h2 {
padding-top: 20px;
}
h2 + h3 {
padding-top: 10px;
}
h2 + h2 {
padding-top: 20px;
}
p + h4, p + h6 {
padding-top: 0px;
}
h2 + p {
padding-top: 10px;
}
ul + h3 {
padding-top: 10px;
}
p + p {
padding-top: 10px;
}
.container-fluid{
position:relative;
}
.header {
padding:15px;
padding-bottom: 0px;
}
.footer {
position:relative;
bottom:0;
background: #353535;
}
.leftnav {
max-width: 85px;
background-color: #f2f2f2;
flex: 0 0 4%!important;
max-width: 4%!important;
padding-left:0px!important;
padding-right:0px!important;
}
.sidebar-txt{
font-size:0.75em;
font-family: "Ubuntu",sans-serif ;
font-weight: 700;
color: #3678a6;
line-height: 18.51px;
text-transform: uppercase;
}
#main{
paddding-left:0px!important;
paddding-right:0px!important;
}
p {
font-size: 1rem;
font-family: "Ubuntu", sans-serif;
color: #525f7f;
line-height: 1.867;
text-align: left;
font-weight: 300;
margin: 0px !important;
}
@media only screen and (min-width: 576px) {
.section {
padding-left: 4rem!important;
}
.animation-txt {
margin-top: 50px;
}
}
@media only screen and (max-width: 576px) {
h1{
font-size: 1.5625rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(255, 255, 255)!important;
text-transform: uppercase!important;
line-height: 30px!important;
padding-bottom:20px!important;
margin: 0px !important;
font-weight: 500!important;
}
h2{
font-size: 1.4375rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 30px!important;
padding-bottom:30px!important;
font-weight:400!important;
margin: 0px !important;
padding-top: 50px !important;
}
h3{
font-size: 1.25rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 27px!important;
padding-bottom:30px!important;
font-weight:400!important;
margin: 0px !important;
padding-top: 30px !important;
}
h4{
font-size: 1.125rem!important;
font-family: "Ubuntu", sans-serif!important;
color: rgb(50, 50, 93)!important;
text-transform: uppercase!important;
line-height: 25px!important;
padding-bottom:30px!important;
margin: 0px !important;
font-weight:500!important;
padding-top: 30px !important;
}
.mainpage{
font-size: 0.875rem;
font-family: "Ubuntu", sans-serif;
color: #525f7f;
line-height: 22px;
text-align: left;
font-weight:300;
}
p + h2 {
padding-top: 36px !important;
}
p + p {
padding-top: 35px;
}
.animation-image img {
width: 100px!important;
float: none !important;
height: 200px!important;
}
.animation-txt {
margin-top: 60px !important;
}
.feature-block-section > div {
min-height: 250px !important;
}
.animation-image img {
width:140px;
height:auto;
}
.animation-image {
margin-top: 20px;
}
.animation-item {
width: auto;
}
#webform-submission-syllabus-enquiry-add-form .form-type-textfield, #webform-submission-merge-candidate-records-add-form .form-type-textfield {
width: 100%;
}
#webform-submission-syllabus-enquiry-add-form .js-form-item input, #webform-submission-merge-candidate-records-add-form .js-form-item input, #webform-submission-syllabus-enquiry-add-form .js-form-item select {
width: 100%;
}
#webform-submission-syllabus-enquiry-add-form .js-form-type-select select {
width: 100%!important;
}
}
/*.section{
padding-right:0px!important;
flex: 0 0 96%!important;
max-width: 96%!important;
}*/
/*.pagecontainer{
padding-left:0px!important;
padding-right:0px!important;
}*/
.description p {
padding-bottom: 10px!important;
}
.footermap-col {
display: inline-block;
margin: 0px!important;
vertical-align: top;
padding: 0px!important;
}
.footer-grp{
padding:0px!important;
}
.pagecol{
padding-left:0px!important;
padding-right:0px!important;
}
#footer-grp{
padding-left:0px!important;
}
.second-child {
padding-left: 25px;
}
.main-footer{
background-color:#000;
color: #fff;
}
.feature-block-section > div{
background-color: white;
border-radius: 5px;
padding-top: 20px;
}
/*.field--name-field-feature-logo {
display: inline-block;
}*/
.feature-block-section div .field--name-field-title {
/*display: inline-block;*/
font-weight: bold;
/* padding-top: 10px;*/
}
.feature-block-section > div:first-child{
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.feature-block-section div .field--type-text-with-summary {
padding-left: 15px;
}
/*STICKY LEFT-HAND NAV ICONS: EXTERNAL TO THEME & DRUPAL
ie. these are static html inside 'page-html-twig'
*/
.feature-block-section > div {
min-height: 157px;
}
.ameb-pathway-list .field--name-field-title {
text-align: -moz-left;
display: inline-block;
}
/*.feature-block-txt {
margin-left: 15px !important;
}*/
#block-lhnavblock, #block-iconnavigation, #block-iconnavleft {
position: fixed;
left: 0;
top: 0;
padding-top: 25vh;
padding-top: 25%;
z-index: 1700;
}
ul.navicons {
margin-bottom: 0px !important;
}
.navicons {
list-style: none;
left: 0px;
bottom: 0px;
padding-right: 0px;
padding-left: 0px;
z-index: 500;
background-color: #f2f2f2;
}
.navicons.mobnav.row {
position: fixed;
z-index: 5000;
}
.leftnavigation{
top: 0px;
}
.page-sidebar{
padding-top: 20%;
position:fixed;
width: 4rem !important;
}
.navicons li{
margin-bottom: 5px;
height: 70px;
padding:5px;
}
.navicons li span{
display:none;
}
.navicons li:hover img{
opacity: 1;
margin-left: auto;
margin-right: auto;
}
.navicons li:hover span{
display:block;
text-transform: uppercase;
color: #3678a6;
text-align: center;
}
#block-iconnavigation img, #block-iconnavleft img {
margin: 8px;
}
div.navicons {
margin-bottom: 0px !important;
}
.navicons div img{ opacity: 0.85;
transition: 0.3s ease-in-out;
}
.navicons div span{
display:none;
}
.navicons div:hover img{
opacity: 1;
margin-left: auto;
margin-right: auto;
}
.navicons div:hover span{
display:block;
text-transform: uppercase;
color: #3678a6;
text-align: center;
}
.mobnav{
padding-top: 0px!important;
padding-left:0%!important;
}
.bg-light{
background-color: #fff !important;
}
.navbar{
padding-top: 0px!important;
}
.diba-carousel-homepage
#block-amebtheme-branding {
z-index: 200;
}
.homepage-image{
z-index: 100;
position: absolute;
left: 15%;
top: -50px;
width: 100%;
}
.feature-block-section{
z-index: 300;
position:relative;
}
.feature-block{
position: relative;
top: -80px;
}
/*what are you learning*/
#block-views-block-homepage-what-are-you-learning-block-1 {
padding-top: 124px;
text-align: center;
padding-bottom:10px;
z-index:300;
}
.homepage-slider{
display:none;
}
.slick__slide{
visibility: visible!important;
}
.slider-region{
background-image: -moz-linear-gradient( 17deg, rgb(44,164,252) 23%, rgb(65,114,252) 60%, rgb(85,63,251) 100%);
background-image: -webkit-linear-gradient( 17deg, rgb(44,164,252) 23%, rgb(65,114,252) 60%, rgb(85,63,251) 100%);
background-image: -ms-linear-gradient( 17deg, rgb(44,164,252) 23%, rgb(65,114,252) 60%, rgb(85,63,251) 100%);
min-height: 670px;
z-index: 105;
margin-left: -15px;
margin-right:-15px;
padding-left: 30px;
padding-right: 30px;
}
/*ameb pathway*/
.pathway > div > .row{
background-color: #605fec;
min-height: 711px;
}
.pathway{
text-align: center;
padding-top: 78px;
}
.content.homeimage img {
display: none;
}
.pathwaycontainer{
background: url("../images/home-pathway-bg-bars.png");
background-repeat: repeat-x;
}
.pathway-img{
position: absolute;
bottom: 100px;
}
/*.learningcontainer div .views-field-field-course-badge {
width: 100px;
}*/
.block-views-blockhomepage-what-are-you-learning-block-1 h2 {
padding-bottom: 0px!important;
margin-bottom: 0px !important;
padding-top: 0px!important;
}
.view-homepage-what-are-you-learning .view-header {
padding-bottom: 50px;
}
.learningcontainer div div div.field-content {
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
padding-bottom: 20%;
box-shadow: 3.152px 2.463px 8.5px 1.5px rgba(0, 0, 0, 0.13);
height: 100px;
width: 100px;
}
/*.learningcontainer div.views-field-title {
width: 60%;
}*/
#block-views-block-homepage-what-are-you-learning-block-1 div .pagecontainer{
z-index: 200;
}
/*carousel*/
.carousel-indicators li{
width: 10px!important;
height: 10px!important;
border-radius: 10px;
}
.carousel-default {
z-index: 300;
overflow:hidden;
}
#diba-carousel {
z-index: 300;
}
#diba-carousel img {
width: 100%;
}
.diba-carousel-homepage{
padding-top:100px;
max-height:1000px;
height: 370px;
}
.feature-block-section .field--name-field-title {
color: #32325d;
font-family: "Ubuntu",sans-serif;
}
.select-instrument a {
text-transform: uppercase;
text-decoration: none;
font-size: 15px;
font-weight: 500;
line-height: 28px;
}
.mainpage .js-pager__items.pager .fas {
color: rgb(70,97,255) !important;
}
.ameb-pathway .more-link .fas {
color: #f8d0a9;
}
.main-footer p {
float: right;
color: #bcbbbb !important;
text-align: center;
padding-top: 20px !important;
}
.footermap-item--depth-2 a, .footermap-item--depth-3 a{
color: #a1a1a1 !important;
text-decoration: none;
}
.footermap-item--depth-1 a {
color: #fff !important;
text-decoration: none;
}
.carousel-caption{
right: 0%!important;
left: 0%!important;
text-align: left!important;
bottom:0px!important;
padding:0px!important;
position: relative!important
}
.carousel-indicators{
margin-left: 0%!important;
padding-left:100px!important;
}
.feature-block-section div.field--name-field-feature-link {
display: none!important;
}
.carousel-indicators .active {
background-color: #e7af75!important;
}
.carousel-indicators li{
background-color: #e5d0b9!important;
}
.ameb-pathway-list div div div div div .field--name-field-title {
font-size: 1.4375rem;
font-family: "Ubuntu";
color: rgb(248, 208, 169);
font-weight: 700;
text-transform: uppercase;
text-align: left;
padding-bottom: 10px;
word-wrap: break-word;
text-align: center;
line-height: 28px;
}
.ameb-pathway-list div div div div div .field--type-text-with-summary {
font-size: 1.0625rem;
font-family: "Ubuntu";
color: rgb(255, 255, 255);
line-height: 1.647;
text-align: left;
word-wrap: break-word;
}
.carousel-caption .caption-title a {
font-size: 1.875rem;
font-family: "Ubuntu";
color: rgb(255, 255, 255) !important;
line-height: 1.167;
text-align: left;
display: block;
text-transform: capitalize;
}
.caption-desc {
font-size: 0.9375rem;
font-family: "Ubuntu";
color: rgb(255, 255, 255);
font-weight: bold;
line-height: 1.867;
text-align: left;
display: block;
}
.caption-title {
display: block;
}
.caption-title.float-left {
float: none !important;
}
.fa-info-circle {
display: inline-block;
border-radius: 60px;
box-shadow: 0px 0px 2px #46ce90;
padding: 0.2em 0.6em;
background-color: #46ce90;
}
.fa-angle-double-right{
color: white;
padding: 5px;
padding-top: 8px;
}
.fa-info{
color: white;
padding: 0.3px 10px;
z-index: 350;
}
.changes-icon{
float: left;
border-radius: 20px;
box-shadow: 0px 0px 2px #46ce90;
background-color: #46ce90;
width: 25px;
height: 25px;
margin-top: 4px;
}
.feature-block-section div .field--type-text-with-summary p span span span {
color: #647192;
font-size: 20px;
font-weight: 400;
line-height: 22px;
}
#block-homepagesliderblock {
margin-right: -15px;
}
.feature-block-section div .field--name-field-title {
color: #32325d;
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.field--name-field-changes-this-year > div > div {
background-color: rgba(0, 0, 0,.149);
width: auto;
z-index: 350;
font-size: 0.9375rem;
font-family: "Ubuntu", sans-serif;
display: inline-flex;
border-radius:20px;
}
.field--name-field-changes-this-year a {
color: rgb(255, 255, 255);
}
hr {
margin-top: 10px!important;
margin-bottom: 0.5px!important;
border-top: 3px solid!important;
}
.line1 {
color: #92d6fa;
margin-right: -15px;
}
.line2 {
color: #82b3f7;
margin-right: -15px;
}
.line3 {
color: #7395e7;
margin-right: -15px;
}
.line4 {
color: #6e82ea;
margin-right: -15px;
}
.outer1 {
background-color: rgba(255, 255, 255, 0.8);
top: 85px;
width: 50px;
height: 50px;
position: relative;
border: 2px solid #4c58f0;
border-radius: 50%;
top: -40px;
position: relative;
display: inline-flex;
cursor: pointer;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: outer 2s infinite;
}
.inner1 {
background-color: #5a6afb;
top: 20%;
left: 20%;
width: 29px;
height: 29px;
position: relative;
border: 1px solid #5a6afb;
border-radius: 50%;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: inner 3s infinite;
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.circle1 {
background-color: #2bc8fd;
top: 70px;
left: 20%;
width: 21px;
height: 21px;
position: absolute;
border: 1px solid #2bc8fd;
border-radius: 50%;
left:25%;
}
.circle-list {
background-color: #2bc8fd;
margin-top: 10px;
width: 20px;
height: 20px;
position: absolute;
border: 1px solid #2bc8fd;
border-radius: 50%;
}
.border1{
border-left: 2px solid #6e82ea;
position: absolute;
top: 47px;
height: 24px;
left: 46%;
}
.arrow1, .arrow3{
position: absolute;
right: -80px;
}
.arrow1, .arrow4{
top:-27px;
}
.arrow2, .arrow3{
top:-39px;
}
.arrow2, .arrow4{
position: absolute;
right:-200px;
}
.arrow1, .arrow3{
-webkit-animation: fadeinout1 10000ms infinite;
animation: fadeinout1 10000ms infinite;
}
@-webkit-keyframes fadeinout1 {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeinout1 {
from {left: 30px;}
to {left: 100px;}
0%,50%, 100% { opacity: 1; }
100% { opacity: 0; }
}
.arrow2, .arrow4{
-webkit-animation: fadeinout2 20000ms infinite;
animation: fadeinout2 20000ms infinite;
}
@-webkit-keyframes fadeinout2 {
0%,100% { opacity: 0; }
50% { opacity: 1; }
}
@keyframes fadeinout2 {
from {left: 150px;}
to {left: 200px;}
0%,50%, 100% { opacity: 1; }
100% { opacity: 0; }
}
.outer2
{
background-color: rgba(255, 255, 255, 0.8);
top: 85px;
width: 50px;
height: 50px;
position: relative;
border: 2px solid #4c58f0;
border-radius: 50%;
top: -40px;
position: relative;
display: inline-flex;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: outer 2s infinite;
}
.inner2 {
background-color: #5a6afb;
top: 20%;
left: 20%;
width: 29px;
height: 29px;
position: relative;
border: 1px solid #5a6afb;
border-radius: 50%;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: inner 3s infinite;
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.circle2 {
background-color: #2bc8fd;
top: 70px;
left: 20%;
width: 21px;
height: 21px;
position: absolute;
border: 1px solid #2bc8fd;
border-radius: 50%;
left:25%;
}
.border2{
border-left: 2px solid #6e82ea;
position: absolute;
top: 47px;
height: 24px;
left: 46%;
}
.outer3 {
background-color: rgba(255, 255, 255, 0.8);
top: 85px;
width: 50px;
height: 50px;
position: relative;
border: 2px solid #4c58f0;
border-radius: 50%;
top: -40px;
position: relative;
display: inline-flex;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: outer 2s infinite;
}
.inner3 {
background-color: #5a6afb;
top: 20%;
left: 20%;
width: 29px;
height: 29px;
position: relative;
border: 1px solid #5a6afb;
border-radius: 50%;
box-shadow: 0 0 0 rgba(90,106,251, 1);
animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}
.circle3 {
background-color: #2bc8fd;
top: 70px;
left: 20%;
width: 21px;
height: 21px;
position: absolute;
border: 1px solid #2bc8fd;
border-radius: 50%;
left:25%;
}
.border3{
border-left: 2px solid #6e82ea;
position: absolute;
top: 47px;
height: 24px;
left: 46%;
}
.pathwayimage{
padding-top:85px;
}
@-webkit-keyframes outer {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(90,106,251, 1);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(90,106,251, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(90,106,251, 0);
}
}
@keyframes outer {
0% {
-moz-box-shadow: 0 0 0 0 rgba(90,106,251, 1);
box-shadow: 0 0 0 0 rgba(90,106,251, 1);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(90,106,251, 0.2);
box-shadow: 0 0 0 20px rgba(90,106,251, 0.2);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(90,106,251, 0);
box-shadow: 0 0 0 0 rgba(90,106,251, 0);
}
}
@keyframes pulse-dot {
0% {
transform: scale(.8);
}
50% {
transform: scale(1);
}
100% {
transform: scale(.8);
}
}
.fas.fa-angle-right.arrow-left {
color: #3f34c3;
font-size: 20px;
}
.fas.fa-angle-right.arrow-right {
color: #39337e;
font-size: 1.25rem;
}
.fa-rotate-20 {
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
}
.music1 {
top: -70px;
position: relative;
left: 40px;
color: #4b3de9;
}
.music2{
left: 170px;
position: relative;
top: -30px;
color: #4b3de9;
}
.music3{
left: 100px;
position: relative;
top: -55px;
color: #4b3de9;
}
.music1-lg{
font-size: 100px;
color: rgba(75, 61, 233, 0.3);
position: absolute;
top: 10px;
left: 60px;
}
.music2-lg{
font-size: 60px;
color: rgba(75, 61, 233, 0.3);
position: absolute;
left: 73%;
top: -20px;
}
.music3-lg{
font-size: 90px;
color: rgba(75, 61, 233, 0.3);
position: absolute;
left: 85%;
top: -5px;
}
.fa-rotate-30 {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
. pathwayimage{
padding-left: 0px!important;
}
.js-pager__items.pager .fas {
color: #007bff;
}
.js-pager__items.pager {
margin-top: 50px;
text-transform: uppercase;
}
.pathwaycontainer > .container.pagecontainer {
/*margin-top: -100px;*/
}
.more-link a {
font-size: 1.0625rem;
font-family: "Ubuntu";
color: rgb(255, 255, 255);
line-height: 1.647;
text-align: center;
text-transform: uppercase;
color: #fff !important;
}
.more-link{
text-align: center;
}
.field--name-field-changes-this-year a {
color: #fff !important;
text-decoration: none;
font-size: 18px;
}
.caption-title a {
text-decoration: none;
}
#content-megamenu a {
text-decoration: none;
}
.col-12.pathwayimage {
padding-left: 0px;
}
.view-homepage-ameb-pathway-view .more-link {
padding-top: 50px;
}
#block-amebtheme-examinationprocess h2 {
text-align: center;
padding-top: 162px;
}
.carousel-caption h2 {
padding-bottom: 0px !important;
padding-top:0px!important;
color: rgb(255, 255, 255)!important;
}
.fa-info::before {
line-height: 1.8!important;
}
/*.exam-animation{
text-align: center;
}*/
.contact-number{
font-size: 0.9375rem;
font-family: "Ubuntu", sans-serif;
color: rgb(255,255,255);
line-height: 1.867;
text-align: left;
float: right;
}
.selected div .carousel-item:first-child div div img{
-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 2s; /* Firefox < 16 */
-ms-animation: fadein 2s; /* Internet Explorer */
-o-animation: fadein 2s; /* Opera < 12.1 */
animation: fadein 10s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/*.selected div .carousel-item:first-child div div .carousel-caption {*/
.carousel-caption {
/* for chrome and safari*/
-webkit-animation-duration: 3s;
-webkit-animation-name: slidein;
-webkit-animation-iteration-count:1;
/*for firefox*/
-moz-animation-duration: 3s;
-moz-animation-name: slidein;
-moz-animation-iteration-count:1;
/* for opera*/
-o-animation-duration: 3s;
-o-animation-name: slidein;
-o-animation-iteration-count:1;
/* Standard syntax*/
animation-duration: 3s;
animation-name: slidein;
animation-iteration-count:1;
}
@-webkit-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@-moz-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@-o-keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
.lastsection{
padding-bottom:50px;
}
/* Exam process animation by Swati */
/*.exam-process-anim-bg {
background-image: url("http://52.64.109.200/themes/contrib/amebtheme/images/exam-process-anim-background.png");
background-repeat: no-repeat;
background-size: 100%;
height: 350px;
background-repeat:no-repeat;
background-size:contain;
background-position:center}*/
/*.exam-process-anim-bg a div
{
text-transform: uppercase;
text-align: center;
width:50%;
font-size: .9em;
line-height: 1.5em;
}*/
.exam-process-anim-bg img {
opacity: 0;
animation-name: fadeIn;
animation-duration: 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
/*.anim-choose-exam {
padding-top: 0 !important;
padding-left: 0 !important;
}*/
/*.anim-prepare{
padding-top: 1% !important;
padding-left: 0 !important;
}*/
.anim-enrol{
/* order: 3;*/
/*padding-top: 0 !important;
padding-left: 0 !important;*/
top: 2em;
}
.anim-Exam{
/* padding-top: 2% !important;
padding-left: 2% !important;
margin-left: 0;*/
top: 1em;
left: 1em;
}
.anim-before-exam-day{
/*order: 5;*/
/* margin-top: -1rem !important;*/
/* margin-top: 0 !important;
padding-left: 0 !important;*/
/*padding-left: 3rem !important;*/
top: -1.8em;
}
.anim-exam-day{
/* padding-top: 3% !important;
padding-left: 3% !important;*/
left: 2em;
}
.anim-sit-your-exam{
/*order: 7;*/
/*padding-top: 0 !important;
padding-left: 0 !important;*/
top: 1em;
}
.anim-results{
/* padding-top: 2% !important;
padding-left: 0 !important;*/
left: 2em;
}
.exam-process-anim-bg .anim-choose-exam > img {
animation-delay: 1s;
}
.exam-process-anim-bg .anim-prepare > img {
animation-delay: 2s;
}
.exam-process-anim-bg .anim-enrol > img {
animation-delay: 3s;
}
.exam-process-anim-bg .anim-Exam > img {
animation-delay: 4s;
}
.exam-process-anim-bg .anim-before-exam-day > img {
animation-delay: 5s;
}
.exam-process-anim-bg .anim-exam-day> img {
animation-delay: 6s;
}
.exam-process-anim-bg .anim-sit-your-exam> img {
animation-delay: 7s;
}
.exam-process-anim-bg .anim-results> img {
animation-delay: 8s;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#overlay {
position: absolute;
width: 90%;
left: 7% !important;
top: 3%;
height: 100%;
}
.cls-1 {
fill: none;
stroke: #000;
stroke-width: 1px;
fill-rule: evenodd;
stroke-dasharray: 3000;
stroke-dashoffset: 3000;
animation: examdash 5s linear alternate infinite;
}
@keyframes examdash {
from {
stroke-dashoffset: 3000;
}
to {
stroke-dashoffset: 0;
}
}
.exam-process-anim-bg{
margin-top:120px;
}
.content-area li{
list-style-type: none;
line-height: 1.5em;
margin-top: 0.5em;
text-indent: -1.6em;
}
.content-area li::before {
content: '\0025a0';
counter-increment: i;
padding: 0;
padding-right: 0px;
color: rgb(251,160,73);
font-size: .9rem;
margin-left: 25px;
padding-right: 20px;
position: relative;
bottom: 0.5px;
}
.view-homepage-what-are-you-learning li {
text-indent: 0em;
}
.ameb-pathway-list div div div div div .field--name-field-title.view-homepage-what-are-you-learning li::before{
content:none;
}
.ameb-pathway-list .col-4 div div {
min-height: 70px;
}
.pathway-txt > .field--name-field-title {
text-align: left !important;
}
.view-homepage-what-are-you-learning li::before {
content: none;
}
.all-exams{
display:block;
}
.exam-process-heading {
text-align: center;
padding-top: 155px;
}
.download-ar {
margin-top: 20px;
}
#block-carouselchangesthisyear,#block-amebtheme-branding,#block-amebtheme-contentmegamenu, .contact-info, .carousel-default {
z-index: 400;
}
/*Accordions*/
.res-accordion-toggle {
cursor: pointer;
}
.res-accordion-content {
display: none;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 60px;
}
.res-accordion-content ul{
padding-left: 40px !important;
}
.res-accordion .res-accordion-toggle {
color: #32325d !important;
font-size: 1.5625rem !important;
background-color: #e0e3ea;
border: 1px solid #e0e3ea;
min-height: 63px;
font-weight: 400 !important;
margin: 0px !important;
padding: 0px !important;
padding-top: 0px;
padding-top: 15px !important;
position: relative;
}
i.res-accordionarrow{
float:right;
font-size: 1.5rem;
padding-top: 15px !important;
width: 40px;
height: 40px;
text-align: center;
line-height:40px;
position:absolute;
top:0px;
right:0px;
color: #fba049;
}
.res-accordion-grp {
background-color: rgba(221, 229, 237, 0.5);
border-bottom: 30px solid white !important;
}
.res-accordion-content a {
text-decoration: underline !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
line-height: 25px;
color: #000000 !important;
}
.res-accordion-content a:hover {
color: #f00078 !important;
}
.res-heading{
position: relative;
width:80%;
padding: 10px 0px 10px 0px;
margin-top: 0px;
line-height: 20px;
margin-bottom: 0px;
box-decoration-break: clone;
margin-left: 10px;
}
.res-accordion-toggle .fa-angle-up::before {
content: '\f077'!important;
}
.res-accordion-toggle .fa-angle-down::before {
content: '\f078'!important;
}
/* header */
.menu--top-navigation-menu > li > a {
font-size: 18px;
font-weight: 500;
line-height: 36px;
text-transform: uppercase;
color: #424040 !important;
text-decoration-line: none;
padding-bottom: 20px;
vertical-align: bottom;
}
.menu--top-navigation-menu > .show > a {
color: #553ffb !important;
font-size: 18px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
}
.dropdown-toggle::after {
display: none;
}
.menu--top-navigation-menu li {
margin-right: 40px;
padding-right: 5px;
padding-left: 5px;
color: #4661ff;
font-size: 20px;
font-weight: 500;
top:14px;
}
menu--top-navigation-menu li:last-child {
margin-right: 10px;
}
.menu--top-navigation-menu li a {
text-decoration-line: none!important;
text-decoration: none;
}
.menu--top-navigation-menu ul:first-child {
/*position:fixed;*/
padding:0;
margin:0;
top:0;
left:0;
width: 100%;
background:rgba(255,255,255,0.5);
}
.menu--top-navigation-menu > li > ul > li a {
font-size: 20px;
font-weight: 400;
color: #4661ff !important;
text-transform: none;
text-decoration-line: none;
padding-bottom: 10px;
}
.menu--top-navigation-menu > li > ul {
/*position: fixed!important;
width: 97.5%;
transform: unset!important;
top: 145px !important;
margin-left: 60px;
border: none;
padding-left: 35%;*/
min-height: 450px;
width: 100vw;
}
.menu--top-navigation-menu > li:nth-child(1) > ul{
margin-left: -35vw;
}
.menu--top-navigation-menu > li:nth-child(2) > ul {
margin-left: -45vw;
}
.menu--top-navigation-menu > li:nth-child(3) > ul{
margin-left: -55vw;
}
.dropdown-toggle::after{
display: none!important;
}
.menu--top-navigation-menu > li:last-child {
background-color: #fba049;
border-radius: 5px;
background-color: rgb(251, 160, 73);
position:relative;
margin-right: 20px;
}
@media only screen and (max-width: 992px) {
.menu--top-navigation-menu > li > a {
font-size: 16px;
}
.menu--top-navigation-menu > li:last-child {
margin-right: 0px!important;
}
}
.exam-animation .content {
display: none;
}
/*homepage slider*/
#block-homepagesliderblock {
background-image: -webkit-linear-gradient( 17deg, rgb(44,164,252) 23%, rgb(65,114,252) 60%, rgb(85,63,251) 100%);
background-image: -ms-linear-gradient( 17deg, rgb(44,164,252) 23%, rgb(65,114,252) 60%, rgb(85,63,251) 100%);
height: 670px;
}
#home-page-slider {
margin-top: 139px;
}
#home-page-slider .description p {
color: white !important;
font-size: 18px;
font-weight: 400 !important;
line-height: 28px;
}
.owl-theme .owl-dots .owl-dot span {
background: #e6af75!important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #e5d1b9!important;
}
#home-page-slider .title {
font-size: 30px;
font-weight: 400;
line-height: 35px;
color: white;
padding-bottom: 15px;
}
.ameb-pathway-list div div div div div .field--type-text-with-summary p {
color: white;
font-size: 17px;
font-weight: 400;
line-height: 28px;
font-family: "Ubuntu", sans-serif;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-left: -70px;
}
#home-page-slider a {
color: white !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: rgb(251, 160, 73);
}
#newsheader-image {
margin-top: 15px;
max-width: 200px;
max-height: 189px;
}
.news-header-image-round {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
-webkit-box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
background-color: rgb(255, 255, 255,0.2);
margin-top: 0px;
height: 13em;
width: 13em;
position: absolute;
}
.news-title {
color: white;
margin-top: 35px !important;
font-size: 2rem !important;
font-weight: 400 !important;
line-height: 40px !important;
text-transform: uppercase !important;
}
.headtest {
height:60px;
}
.bg-light {
background-color: white !important;
}
.navbar-light .navbar-toggler {
border-color: white !important;
}
.navbar-light > ul > li > a{
color: #424040!important;
font-size: 18px;
font-weight: 500;
line-height: 36px;
text-transform: uppercase;
}
#navbarNavDropdown {
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
background-color: black;
background-color: rgba(0,0,0,.75);
}
.navbar-nav > ul > li > a {
color: #424040 !important;
font-family: Ubuntu;
font-size: 18px;
font-weight: 500;
line-height: 36px;
text-transform: uppercase;
}
.dropdown-menu.show {
width: 100vw !important;
background-color: white !important;
/*margin-left: -34vw !important;*/
padding-left: 4vw !important;
}
.header-lf-desc {
float: left;
width: 30%;
padding-top: 50px;
}
.nav-desc-header {
border-right: 2px solid black;
margin-right: 40px !important;
padding-right: 40px !important;
}
.dropdown-menu {
border:white!important;
border-radius: 0px!important;
}
.navbar-nav li {
list-style: none;
}
.main-header {
color: #32325d;
font-size: 25px;
font-weight: 500;
line-height: 28px;
text-transform: uppercase;
}
.dropdown-menu.show {
width: 100vw !important;
background-color: white !important;
/*margin-left: -34vw !important; */
padding-left: 10vw !important;
top: 5px !important;
}
.nav-desc {
display:none;
}
.mainheader{
display: none;
}
.second-level {
display: inline-block;
padding-top: 50px;
}
.footer-child > div > li > a{
font-size: 18px;
font-weight: 400;
line-height: 35px;
color: #ffffff !important;
font-weight: 500;
}
.third-child > li > a {
color: #3a468b !important;
font-size: 15px;
font-weight: 400;
line-height: 30px;
}
.third-child > li {
list-style-type: none;
line-height: 35px;
}
.first-item {
float: left;
width: 25%;
list-style: none !important;
font-size: 18px;
line-height: 35px;
color: #ffffff !important;
font-weight: 500;
}
.first-item a {
font-size: 18px;
line-height: 35px;
color: #ffffff !important;
font-weight: 500;
text-decoration: none;
}
.first-item > div > ul > li a {
color: #bcbbbb !important;
font-weight: 400;
font-size: 18px;
line-height: 35px;
}
.first-item li {
list-style: none !important;
}
/*#parent-lg-dev > li:last-child::after {
content: url("../images/ameb-logo.png");
width: 20px;
height: 20px;
}*/
@media only screen and (max-width: 576px) {
#main {
padding-bottom: 30px;
}
#block-homepagesliderblock {
height: 1100px;
margin-left: -15px;
margin-right: -15px;
}
#home-page-slider .description p {
font-size: 1rem !important;
}
#home-page-slider .title {
font-size: 1.575rem !important;
}
#home-page-slider {
padding-top: 0px;
margin-top: 20px;
}
.news-mob-header-round {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
-webkit-box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
background-color: rgb(255, 255, 255,0.2);
position: absolute;
margin-top: 20px !important;
height: 10em;
width: 10em;
}
#newsmobheader-img\ header-image {
max-width: 180px;
max-height: 180px;
margin-top: 25px;
width: 40%;
margin-left: auto;
margin-right: auto;
display: block;
}
.mobnews-title {
color: white !important;
margin-top: 10px !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
line-height: 30px !important;
text-transform: uppercase !important;
text-align: center;
}
.article-type-header {
background: -moz-linear-gradient(17deg, rgb(44, 164, 252) 23%, rgb(65, 114, 252) 60%, rgb(85, 63, 251) 100%);
background: -webkit-linear-gradient(17deg, rgb(44, 164, 252) 23%, rgb(65, 114, 252) 60%, rgb(85, 63, 251) 100%);
background: -ms-linear-gradient(17deg, rgb(44, 164, 252) 23%, rgb(65, 114, 252) 60%, rgb(85, 63, 251) 100%);
background: linear-gradient(17deg, rgb(44, 164, 252) 23%, rgb(65, 114, 252) 60%, rgb(85, 63, 251) 100%);
}
.dropdown-menu.show {
width: 100vw !important;
background-color: white !important;
margin-left: 5px !important;
padding-left: 0vw !important;
}
#navbarNavDropdown{
overflow-y: scroll;
overflow-x: hidden;
}
.mob-contactus, .mob-search {
margin-top: 20px;
background-color: #e2e1e1;
padding-bottom:0px!important;
}
.menu--top-navigation-menu li {
margin-right: 0px;
padding-bottom:26px;
}
.menu--top-navigation-menu li:last-child {
padding-bottom:0px!important;
}
.navbar-nav > ul > li:last-child {
padding-bottom: 0px;
}
.menu--top-navigation-menu li {
line-height: 30px;
}
.navbar-nav > ul > li:last-child a {
line-height: 80px;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li {
padding-bottom: 10px !important;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li:last-child {
padding-bottom: 0px !important;
}
#navbarDropdownMenuLink {
width: 88%;
}
.navbar-light .navbar-toggler-icon {
background-image: none!important;
}
.bg-light{
background-color: white!important;
}
.first-item {
float: none;
width: 100%;
}
.first-item-mob > a {
color: #ffffff !important;
font-weight: 500;
line-height: 45px;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
position: relative;
}
#child li a {
font-weight: 400 !important;
line-height: 35px !important;
color: #bcbbbb !important;
text-transform: none;
text-decoration: none;
font-size: 16px;
}
#parent li {
list-style: none;
}
#parent > li {
list-style: none;
border-bottom: 1px solid #bcbbbb;
}
.main-footer p {
margin-bottom: 10px !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
#navmenu > ul > li:first-of-type > div > #navmenu > ul {
margin-left: -33vw;
width: 100vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(2) > div > #navmenu > ul {
width: 100vw;
margin-left: -49.5vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(3) > div > #navmenu > ul {
width: 100vw;
margin-left: -60.5vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
#navmenu > ul > li:first-of-type > div > #navmenu > ul {
margin-left: -43.5vw;
width: 100vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(2) > div > #navmenu > ul {
width: 100vw;
margin-left: -57vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(3) > div > #navmenu > ul {
width: 100vw;
margin-left: -70vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
}
@media (min-width: 1281px) {
#navmenu > ul > li:first-of-type > div > #navmenu > ul {
margin-left: -48.5vw;
width: 100vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(2) > div > #navmenu > ul {
width: 100vw;
margin-left: -54vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(3) > div > #navmenu > ul {
width: 100vw;
margin-left: -59.6vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 0px;
}
}
#parent li:first-child ul {
display: block;
}
#parent li ul {
display: none;
}
.first-item-mob a[aria-expanded="true"]::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f077';
font-size: 1.5rem;
pointer-events: none;
color: #fba049;
top: 0px;
display: inline-block;
left: 96%;
position: absolute;
}
.first-item-mob a[aria-expanded="false"]::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f078';
font-size: 1.5rem;
pointer-events: none;
color: #fba049;
top: 0px;
display: inline-block;
left: 96%;
position: absolute;
}
/* changes this year*/
#change_this_year div{
/*padding:20px;*/
height:auto;
/*margin:-20px;*/
/*overflow:hidden;*/
/*border-bottom:2px solid #f6f9fc;*/
}
#change_this_year div .changelog{
display:block;
/*height:300px;*/
max-width:300px;
margin:0 auto;
/*position: absolute;*/
width: 300px;
height: 250px;
}
#change_this_year div .changelog:hover .badge.blog{
opacity:1;
}
#change_this_year div .badge{
position:absolute;
z-index:100;
left:25px;
top:-13px;
padding:0 15px;
background:#24b47e;
border-radius:50px;
text-transform:uppercase;
font-weight:500;
font-size:0.9375rem;
line-height:26px;
letter-spacing:.025em;
color:#fff;
white-space:nowrap;
}
#change_this_year div .badge.blog{
font-weight:600;
background:#6772e5;
opacity:0;
-webkit-transition:opacity .35s,background .15s;
transition:opacity .35s,background .15s;
}
#change_this_year div .badge.blog:hover{
background:#32325d;
}
#change_this_year div .entries{
--transition-duration:1250ms;
--transition-delay:250ms;
/*position:relative;*/
font-size:0.9375rem;
line-height:25px;
color:#525f7f;
height: 250px;
}
#change_this_year div .entries li{
--offset-delay:var(--transition-delay);
position:absolute;
left:0;
right:0;
bottom:0;
border-radius:4px;
overflow:hidden;
opacity:0;
pointer-events:none;
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:all var(--transition-duration);
transition:all var(--transition-duration);
-webkit-transition-delay:var(--offset-delay);
transition-delay:var(--offset-delay);
-webkit-transform-origin:50% 100%;;
transform-origin:50% 100%;
height:220px;
top:10px;
text-indent: 0em;
}
#change_this_year div .entries li::before{
content: none;
}
#change_this_year div .entries li:after,#change_this_year div .entries li>*{
opacity:0;
-webkit-transition:all var(--transition-duration);
transition:all var(--transition-duration);
-webkit-transition-delay:var(--offset-delay);
transition-delay:var(--offset-delay);
}
#change_this_year div .entries li:after{
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
pointer-events:none;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6ebf1)) bottom/100% 150px repeat-x;
background:linear-gradient(180deg,#fff,#e6ebf1) bottom/100% 150px repeat-x;
}
#change_this_year div .entries li.card0{
--offset-delay:0ms;
z-index:90;
}
#change_this_year div .entries li.card0:after{
opacity:0;
}
#change_this_year div .entries li.card1{
--offset-delay:calc(var(--transition-delay) * 0.25);
opacity:1;
z-index:80;
pointer-events:auto;
background:#fff;
-webkit-box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}
#change_this_year div .entries li.card1>*{
opacity:1;
}
#change_this_year div .entries li.card1:after{
opacity:0;
}
#change_this_year div .entries li.card2{
--offset-delay:calc(var(--transition-delay) * 0.5);
opacity:1;
z-index:70;
}
#change_this_year div .entries li.card2:after{
opacity:1;
}
#change_this_year div .entries li.card3{
--offset-delay:calc(var(--transition-delay) * 0.75);
opacity:1;
z-index:60;
}
#change_this_year div .entries li.card3:after{
opacity:.5;
}
#change_this_year div .entries .meta{
text-transform:uppercase;
letter-spacing:.025em;
margin-bottom:7px;
}
#change_this_year div .entries .meta>*{
white-space:nowrap;
}
#change_this_year div .entries .meta strong{
font-weight:600;
color:#32325d;
margin-right:10px;
}
#change_this_year div .entries .meta span{
font-weight:500;
color:#8898aa;
}
.card1 .views-field.views-field-field-block-title {
font-size: 1.375rem;
font-weight: 400;
color: #32325d;
}
.card1 .views-field.views-field-title .field-content {
font-size: 1rem;
line-height: 22px;
color: #647192;
font-weight: bold;
}
.card1 .views-field.views-field-nothing {
padding-left: 0px !important;
padding-top: 20px!important;
}
.views-field.views-field-title{
padding-left: 18px;
font-weight: bold;
font-weight: 500;
}
.views-field.views-field-body{
padding-left: 18px;
}
.card1 .views-field.views-field-field-summary .field-content p,
.card1 .views-field.views-field-field-summary .field-content p > a, .card1 .views-field.views-field-field-summary .field-content ul > a{
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #647192 !important;
text-decoration: none;
}
.card1 > .views-field-field-summary,.card0 > .views-field-field-summary {
padding-left: 18px;
}
.card0 .views-field.vviews-field-field-summary .field-content p > a, .card0 .views-field.views-field-field-summary .field-content ul > a{
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #647192 !important;
text-decoration: none;
}
.card1 .views-field.views-field-field-summary .field-content p > a::after, .card1 .views-field.views-field-field-summary .field-content ul > a::after {
content: none;
}
.card0 .views-field.views-field-field-summary .field-content p > a, .card0 .views-field.views-field-field-summary .field-content ul > a {
font-weight: 500!important;
}
.card0 .views-field.views-field-field-summary .field-content p > a::after, .card0 .views-field.views-field-field-summary .field-content ul > a::after {
content: none;
}
.card1 .views-field.views-field-field-summary .field-content p:first-child {
padding-bottom: 0px !important;
}
.card0 .views-field.views-field-field-summary .field-content p:first-child {
padding-bottom: 0px !important;
}
.card1 .views-field.views-field-field-summary .field-content p > a,
.card1 .views-field.views-field-field-summary .field-content ul > a {
font-weight: 500!important;
}
.card0 .views-field.views-field-field-summary .field-content p > a {
font-weight: 500!important;
}
.card1 .views-field.views-field-field-summary .field-content p a {
display: block;
}
.card0 .views-field.views-field-field-summary .field-content p a {
display: block;
}
.changelog > ul > li > .views-field-field-block-title > .field-content{
padding-bottom:70px;
}
.global-news {
padding: 15px;
font-size: 16px;
}
.news-slidebar > .more-link {
display: inline-block;
z-index: 500;
position: relative;
left: 50px;
top: -130px;
}
.news-slidebar > .more-link a{
font-weight: normal;
color: rgb(70, 97, 255);
text-decoration: underline;
}
.news-slidebar > .more-link a{
font-weight: normal;
color: rgb(70, 97, 255);
text-decoration: underline;
}
.region.region-rightside {
float: right;
}
@media only screen and (max-width: 576px) {
.region.region-rightside {
float: none;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div {
display: block;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li a {
font-size: 15px !important;
font-weight: 400 !important;
line-height: 30px !important;
color: #3a468b !important;
}
}
#change_this_year li {
color: #525f7f;
font-size: 15px;
font-weight: 400;
line-height: 35px;
line-height: 28px;
}
#change_this_year .more-link a {
font-size: 16px;
color: #4661ff !important;
font-weight: 400 !important;
line-height: 28px;
font-family: "Ubuntu", sans-serif;
}
#change_this_year .heading p {
background-color: #6875e2;
border-radius: 50px;
color: white;
padding-bottom: 0px !important;
}
#change_this_year .heading i {
float: left;
border-radius: 20px;
box-shadow: 0px 0px 2px #46ce90;
background-color: #46ce90;
width: 25px;
height: 25px;
margin-top: 2px;
margin-right: 10px !important;
margin-left: 10px !important;
}
.heading {
margin:30px!important;
margin-top: 0px!important;
}
#change_this_year .more-link {
text-align: left;
padding-left: 20px;
}
/* all news */
#futureproof div{
/*padding:20px;*/
height:auto;
/*margin:-20px;*/
/*overflow:hidden;*/
/*border-bottom:2px solid #f6f9fc;*/
}
#futureproof div .changelog{
display:block;
/*height:300px;*/
max-width:300px;
margin:0 auto;
/*position: absolute;*/
width: 300px;
height: 300px;
}
#futureproof div .changelog:hover .badge.blog{
opacity:1;
}
#futureproof div .badge{
position:absolute;
z-index:100;
left:25px;
top:-13px;
padding:0 15px;
background:#24b47e;
border-radius:50px;
text-transform:uppercase;
font-weight:500;
font-size:0.9375rem;
line-height:26px;
letter-spacing:.025em;
color:#fff;
white-space:nowrap;
}
#futureproof div .badge.blog{
font-weight:600;
background:#6772e5;
opacity:0;
-webkit-transition:opacity .35s,background .15s;
transition:opacity .35s,background .15s;
}
#futureproof div .badge.blog:hover{
background:#32325d;
}
#futureproof div .entries{
--transition-duration:1250ms;
--transition-delay:250ms;
/*position:relative;*/
font-size:0.9375rem;
line-height:25px;
color:#525f7f;
height: 300px;
}
#futureproof div .entries li{
--offset-delay:var(--transition-delay);
position:absolute;
left:0;
right:0;
bottom:0;
padding:30px;
border-radius:4px;
overflow:hidden;
opacity:0;
pointer-events:none;
-webkit-transform:translateY(100%);
transform:translateY(100%);
-webkit-transition:all var(--transition-duration);
transition:all var(--transition-duration);
-webkit-transition-delay:var(--offset-delay);
transition-delay:var(--offset-delay);
-webkit-transform-origin:50% 100%;;
transform-origin:50% 100%;
height: 286px;
padding-left: 10px;
padding-right: 10px !important;
padding-right: 10px !important;
top:10px;
text-indent: 0em;
margin-left: 30px;
}
.card1 .views-field-field-block-title {
padding-left: 18px !important;
}
#futureproof div .entries li::before{
content: none;
}
#futureproof{
height: 400px!important;
}
#futureproof div .entries li:after,#futureproof div .entries li>*{
opacity:0;
-webkit-transition:all var(--transition-duration);
transition:all var(--transition-duration);
-webkit-transition-delay:var(--offset-delay);
transition-delay:var(--offset-delay);
}
#futureproof div .entries li:after{
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
pointer-events:none;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6ebf1)) bottom/100% 150px repeat-x;
background:linear-gradient(180deg,#fff,#e6ebf1) bottom/100% 150px repeat-x;
}
#futureproof div .entries li.card1{
--offset-delay:0ms;
z-index:90;
}
#futureproof div .entries li.card1:after{
opacity:0;
}
#futureproof div .entries li.card1{
--offset-delay:calc(var(--transition-delay) * 0.25);
opacity:1;
z-index:80;
pointer-events:auto;
background:#fff;
-webkit-box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}
#futureproof div .entries li.card1>*{
opacity:1;
}
#futureproof div .entries li.card1:after{
opacity:0;
}
#futureproof div .entries li.card2{
--offset-delay:calc(var(--transition-delay) * 0.5);
opacity:1;
z-index:70;
}
#futureproof div .entries li.card2:after{
opacity:1;
}
#futureproof div .entries li.card3{
--offset-delay:calc(var(--transition-delay) * 0.75);
opacity:1;
z-index:60;
}
#futureproof div .entries li.card3:after{
opacity:.5;
}
#futureproof div .entries .meta{
text-transform:uppercase;
letter-spacing:.025em;
margin-bottom:7px;
}
#futureproof div .entries .meta>*{
white-space:nowrap;
}
#futureproof div .entries .meta strong{
font-weight:600;
color:#32325d;
margin-right:10px;
}
#futureproof div .entries .meta span{
font-weight:500;
color:#8898aa;
}
.card1 .views-field.views-field-field-block-title {
font-size: 1.25rem;
font-weight: bold;
}
.changelog > ul > li > .views-field-field-block-title > .field-content{
padding-bottom:70px;
}
.global-news {
padding: 20px;
}
.news-slidebar > .more-link {
display: inline-block;
z-index: 500;
position: relative;
left: 50px;
top: -130px;
}
.news-slidebar > .more-link a{
font-weight: normal;
color: rgb(70, 97, 255);
text-decoration: underline;
}
.no-css3-columns {
float: left;
width: 70%;
padding-top: 50px;
}
.firstColumn,
.secondColumn,
.thirdColumn {
display: inline-block;
vertical-align: top;
width: 30%!important;
list-style: none;
}
.menu--top-navigation-menu li #navmenu ul {
padding-bottom: 20px;
}
owl-carousel .owl-item img {
width: auto;
}
.firstColumn li a:hover,
.secondColumn li a:hover,
.thirdColumn li a:hover {
font-weight: bold;
}
.navbar-nav ul li a:hover {
font-weight: bold;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li a:hover {
font-weight: bold !important;
}
.navbar-nav > ul > li > a[aria-expanded="true"] {
color: #553ffb !important;
}
#navmenu .dropdown-menu.show {
box-shadow: 3px 10px 13px 3px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 1024px) {
iframe {
width: 100%;
}
img {
width: 100%;
}
#featurebox-image {
width: auto;
}
}
.mobheader-section {
width: 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.news-header-image-round {
left: 1%;
}
.exam-process-anim-bg {
background: url('../images/home-examination-process.png');
height: 377px;
background-repeat: no-repeat;
width:100%;
}
}
/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
.news-header-image-round {
left: 20px;
}
#newsheader-image {
margin-left: 20px;
}
.menu--top-navigation-menu li {
margin-right: 10px;
}
.ameb-pathway-list {
padding-left: 10px;
padding-right: 10px;
}
.feature-block-section > div {
min-height: 220px;
}
.animation-image img {
width: 200px;
float: none !important;
height: 100%!important;
}
.changes-this-year {
top: -250px!important;
}
#block-homepagesliderblock {
height: 800px!important;
}
}
/*tablet landscape*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.region-header img {
width: 80%!important;
}
}
/*ipad portrait*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-left: 0px;
}
}
/*ipad landscape*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#navmenu > ul > li:first-of-type > div > #navmenu > ul {
margin-left: -51vw;
width: 100vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(2) > div > #navmenu > ul {
width: 100vw;
margin-left: -60.5vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
#navmenu > ul > li:nth-of-type(3) > div > #navmenu > ul {
width: 100vw;
margin-left: -70.5vw !important;
transform: translate3d(-6px, 57px, 0px)!important;
}
.changes-this-year {
top: -350px!important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-left: -40px;
}
}
.mob-contactus span, .mob-search span {
font-size: 18px;
font-weight: 400;
color: #424040;
margin-left: 20px;
line-height: 36px;
}
.mob-contactus img, .mob-search img {
width: auto;
height: auto;
}
.contact-us {
color: white;
font-size: 20px;
font-weight: 400;
float: right;
}
.contact-us span {
color: white;
font-size: 20px;
font-weight: 400;
}
.search-home {
width: auto;
}
#block-topnavigationmenu {
float: right;
}
#header-image {
width: auto;
}
#animation-slider .title {
font-size: 30px;
font-weight: 400;
line-height: 35px;
color: white;
}
#animation-slider p {
color: white !important;
font-size: 18px;
font-weight: 400 !important;
line-height: 28px;
}
#animation-slider a {
color: white !important;
}
.animation-image {
/*margin-top: 50px;*/
text-align: center;
}
.animation-image img {
width: 200px;
float: none !important;
height: 100%;
margin-top: -10px;
}
.animation-txt {
margin-top: 80px;
}
.animation-item {
width: 100%;
}
/*mobile landscape*/
@media (min-width: 481px) and (max-width: 767px) {
#block-amebtheme-branding img{
width: 60%;
}
.navicons {
width:104%;
}
.page-sidebar {
padding-top: 5%;
}
.navicons li {
margin-bottom: 0px;
}
.animation-image img {
width: 100px;
float: none !important;
height: 150px;
}
.animation-txt {
margin-top: 30px !important;
}
#block-homepagesliderblock {
height:970px;
}
.changes-this-year {
top: -150px!important;
}
/* menu */
.mobile-custom-accordion-arrow {
color: rgb(251, 160, 73);
}
menu--top-navigation-menu li {
line-height: 30px;
}
.menu--top-navigation-menu li {
margin-right: 0px;
}
.navbar-nav > ul > li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-bottom: 10px;
}
#navbarDropdownMenuLink {
display: inline-block;
}
#navbarDropdownMenuLink {
width: 88%;
}
}
#block-topnavigationmenu .navbar {
background-color: white!important;
}
#block-topnavigationmenu .navbar-toggler-icon {
background: no-repeat center;
}
.footer-logo {
height: auto;
width: auto;
}
.row.examprocess {
margin-bottom: 99px;
background-color: #f5f6fd;
padding-top: 10px;
}
#block-amebtheme-examinationprocess {
padding-bottom: 33px;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -81px !important;
z-index: 1000;
position: relative;
}
@media (min-width: 990px) and (max-width: 1174px) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -52px !important;
margin-left: 5px;
}
}
@media (min-width: 768px) and (max-width: 990px) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 46px !important;
margin-left: 5px;
}
}
@media (min-width: 450px) and (max-width: 767px) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 5px !important;
}
}
@media (max-width: 450px) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -40px !important;
}
}
.contact-us a {
text-decoration: none;
}
.visually-hidden {
margin-left: 50px;
padding-left: 50px;
}
@media (min-width: 1024px) and (max-width: 1100px) {
.feature-block-section div .field--name-field-title {
padding-left: 30px;
}
}
/* pages without templates*/
.col-12.-type-header{
background: url('../images/general-page-header-bar-image.png') , -moz-linear-gradient( 35deg, rgb(44,164,252) 15%, rgb(65,114,252) 57%, rgb(85,63,251) 100%);
background: url('../images/general-page-header-bar-image.png'), -webkit-linear-gradient( 35deg, rgb(44,164,252) 15%, rgb(65,114,252) 57%, rgb(85,63,251) 100%);
background: url('../images/general-page-header-bar-image.png'), -ms-linear-gradient( 35deg, rgb(44,164,252) 15%, rgb(65,114,252) 57%, rgb(85,63,251) 100%);
background: url('../images/general-page-header-bar-image.png'), linear-gradient( 35deg, rgb(44,164,252) 15%, rgb(65,114,252) 57%, rgb(85,63,251) 100%);
width: 100%;
height: 220px;
z-index: 104;
background-size: 100% 100%;
}
.col-12.-type-header.-type-image.region-pagetitle .row h1 {
color: white;
margin-top: 70px !important;
font-size: 2.2rem !important;
font-weight: 400 !important;
line-height: 40px !important;
text-transform: uppercase !important;
}
.page-title.mobheader-title {
margin-top: 0px !important;
padding-top: 0px !important;
}
#header-image {
margin-top: 10px;
max-width: 200px;
max-height: 189px;
}
.header-image-round {
border-top-left-radius: 100%;
border-top-right-radius: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
-webkit-box-shadow: 3.694px 4.728px 13.32px 4.68px rgba(89, 89, 89, 0.18);
background-color: rgb(255, 255, 255,0.2);
margin-top: 0px;
height: 13em;
width: 13em;
position: absolute;
}
.col-12.-type-header .region-pagetitle .row h1 {
color: white;
margin-top: 35px !important;
font-size: 2rem !important;
font-weight: 400 !important;
line-height: 40px !important;
text-transform: uppercase !important;
}
.mobheader-section {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header-image-round {
left: 1%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.header-image-round {
left: 20px;
}
#header-image-course {
margin-left: 20px;
}
}
@media only screen and (max-width: 576px) {
.page-type-header {
background: -moz-linear-gradient(35deg, rgb(44, 164, 252) 15%, rgb(65, 114, 252) 57%, rgb(85, 63, 251) 100%);
background: -webkit-linear-gradient(35deg, rgb(44, 164, 252) 15%, rgb(65, 114, 252) 57%, rgb(85, 63, 251) 100%);
background: -ms-linear-gradient(35deg, rgb(44, 164, 252) 15%, rgb(65, 114, 252) 57%, rgb(85, 63, 251) 100%);
background: linear-gradient(35deg, rgb(44, 164, 252) 15%, rgb(65, 114, 252) 57%, rgb(85, 63, 251) 100%);
height: auto;
width: 100%;
z-index: 104;
}
.header-image-round {
margin-top: 20px !important;
height: 10em;
width: 10em;
}
#mobheader-img\ header-image {
max-width: 180px;
max-height: 180px;
margin-top: 25px;
width: 40%;
margin-left: auto;
margin-right: auto;
display: block;
}
.col-12.-type-header .region-pagetitle .row h1 {
color: white !important;
margin-top: 10px !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
line-height: 30px !important;
text-transform: uppercase !important;
text-align: center;
}
}
.print-txt {
float: right;
}
#webform-submission-syllabus-enquiry-add-form label {
font-weight: 400;
font-size: 0.9375rem;
font-family: "Ubuntu", sans-serif;
color: #525f7f;
line-height: 1.867;
text-align: left;
margin-bottom: 20px;
}
#edit-does-you-query-relate-to- label {
margin-bottom: 30px;
}
#edit-does-you-query-relate-to- .form-item {
margin-bottom: 0px!important;
}
.form-item-please-provide-details-of-your-enquiry label {
margin-bottom: 20px!important;
}
#webform-submission-syllabus-enquiry-add-form .js-form-item input,
#webform-submission-merge-candidate-records-add-form .js-form-item input,
#webform-submission-syllabus-enquiry-add-form .js-form-item select{
background-color: #f7f6f6;
border: 1px solid #b7b7b7;
margin-top: 0px;
}
#webform-submission-syllabus-enquiry-add-form #edit-submit,
#webform-submission-merge-candidate-records-add-form #edit-submit{
color: white;
background-color: #6875e2;
height: 44px;
width: 150px;
border: none;
border-radius: 5px;
text-transform: uppercase;
}
#webform-submission-syllabus-enquiry-add-form #edit-actions {
margin-top: 30px;
}
#webform-submission-syllabus-enquiry-add-form .js-form-item select {
height: 30px;
}
.form-textarea-wrapper textarea {
border: 1px solid #b7b7b7;
background-color: #f7f6f6;
}
#webform-submission-syllabus-enquiry-add-form .form-type-textfield, #webform-submission-merge-candidate-records-add-form .form-type-textfield {
margin-bottom: 30px !important;
margin-top: 0px;
}
#webform-submission-syllabus-enquiry-add-form .form-item {
margin-top:0px;
}
#webform-submission-syllabus-enquiry-add-form label {
display: block;
}
#webform-submission-syllabus-enquiry-add-form .form-type-email {
margin-bottom: 30px !important;
}
#webform-submission-syllabus-enquiry-add-form .js-form-type-select select {
width: 112%;
}
#edit-does-you-query-relate-to---wrapper {
margin-top: 30px!important;
}
#webform-submission-syllabus-enquiry-add-form legend,
#webform-submission-merge-candidate-records-add-formlegend {
margin-bottom: 23px !important;
}
#webform-submission-syllabus-enquiry-add-form #edit-your-name--wrapper {
margin-bottom: 0px !important;
}
#edit-candidate-names--wrapper {
margin-bottom: 0px !important;
}
#webform-submission-merge-candidate-records-add-formlegend .js-form-item-date-of-birth {
margin-top: 0px !important;
}
#webform-submission-merge-candidate-records-add-form label {
margin-bottom: 13px;
font-weight: 400;
font-size: 0.9375rem;
font-family: "Ubuntu", sans-serif;
color: #525f7f;
line-height: 1.867;
text-align: left;
margin-bottom: 20px;
display: inline-block;
}
#edit-does-you-query-relate-to- .filter {
width: 50%;
padding: 20px;
box-sizing: border-box;
background-clip: content-box;
display: flex;
max-width: 50%;
padding-bottom: 0px;
padding-top: 0px;
}
#edit-does-you-query-relate-to- {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#edit-does-you-query-relate-to- label {
display: inline-block!important;
}
#edit-candidate-names--wrapper legend {
margin-bottom: 23px;
}
#edit-date-of-birth {
margin-bottom: 10px;
}
#edit-enroller-teacher-name--wrapper {
margin-bottom: 0px!important;
}
#webform-submission-merge-candidate-records-add-form #edit-submit {
margin-top: 5px;
}
#webform-submission-merge-candidate-records-add-form .js-form-item-enroller-teacher-number-if-known- {
margin-bottom: 10px!important;
}
#edit-candidate-names-first,
#webform-submission-merge-candidate-records-add-form.form-item-name-to-appear-on-certificate-new-name {
margin-bottom: 30px !important;
}
#webform-submission-merge-candidate-records-add-form .form-type-date {
margin-top: 0px !important;
}
#webform-submission-merge-candidate-records-add-form .form-type-date label {
display: block;
}
#edit-enroller-teacher-name--wrapper legend,
#webform-submission-merge-candidate-records-add-form .js-form-item-enroller-teacher-email {
margin-bottom: 20px !important;
}
#webform-submission-merge-candidate-records-add-form .form-type-email label {
display: block !important;
}
.views-field-field-course-badge #header-image {
margin-top: 0px;
max-width: none;
max-height: none;
}
nav#block-footernavigationmenu {
padding-top: 40px;
}
/* navigation on landscape*/
@media (min-width: 481px) and (max-width: 767px) {
.dropdown-menu.show {
width: 100vw !important;
background-color: white !important;
margin-left: 5px !important;
padding-left: 0vw !important;
}
#navbarNavDropdown{
overflow-y: scroll;
overflow-x: hidden;
}
.mob-contactus, .mob-search {
margin-top: 20px;
background-color: #e2e1e1;
padding-bottom:0px!important;
}
.menu--top-navigation-menu li {
margin-right: 0px;
padding-bottom:26px;
}
.menu--top-navigation-menu li:last-child {
padding-bottom:0px!important;
}
.navbar-nav > ul > li:last-child {
padding-bottom: 0px;
}
.menu--top-navigation-menu li {
line-height: 30px;
}
.navbar-nav > ul > li:last-child a {
line-height: 80px;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li {
padding-bottom: 10px !important;
}
.modal-body #accordion > ul > ul > li > div > div > ul > li > div ul li:last-child {
padding-bottom: 0px !important;
}
#navbarDropdownMenuLink {
width: 88%;
}
.navbar-light .navbar-toggler-icon {
background-image: none!important;
}
.bg-light{
background-color: white!important;
}
.first-item {
float: none;
width: 100%;
}
.first-item-mob > a {
color: #ffffff !important;
font-weight: 500;
line-height: 45px;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
position: relative;
}
#child li a {
font-weight: 400 !important;
line-height: 35px !important;
color: #bcbbbb !important;
text-transform: none;
text-decoration: none;
font-size: 16px;
}
#parent li {
list-style: none;
}
#parent > li {
list-style: none;
border-bottom: 1px solid #bcbbbb;
}
.main-footer p {
margin-bottom: 10px !important;
}
}
.exam-process-more-link {
text-align: center;
margin-top: 59px;
text-transform: uppercase;
font-size: 18px;
color: #4468fb;
}
.exam-icon {
color: #4468fb;
}
select:focus {
outline: none;
}
.contact-us a:hover {
text-decoration: none;
}
select::-ms-expand {
display: none;
}
.third-child > li > a:hover {
font-weight: 500;
}
.changes-this-year {
position: relative;
top: -250px;
right: 0;
z-index: 300;
}
.region.region-slider {
position: relative;
}
.field--name-field-changes-this-year {
padding-left: 24px;
}
/* desktop and laptop */
@media (min-width: 1025px) {
#home-page-slider .owl-item img {
display: block !important;
width: auto !important;
max-width: 460px !important;
max-height: 320px !important;
}
.views-field.views-field-title {
padding-left: 0px;
}
.field-content.select-instrument {
padding-right: 10px;
text-align: center;
justify-content: center;
margin-right: 10px;
}
}
.secondColumn a:hover {
font-weight: 500;
}
/* mobile portrait*/
@media (min-width: 320px) and (max-width: 480px) {
.changes-this-year {
top: -350px!important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
padding-left: 0px;
}
.animation-item {
width: auto;
}
.featurebox-section {
margin-top: -250px!important;
}
.field--name-field-changes-this-year a {
font-size: 13px;
}
.changes-icon {
width: 22px;
height: 22px;
font-size: 12px;
}
.field--name-field-changes-this-year {
padding-left: 0px !important;
padding-right: 0px !important;
}
.feature-block-section div .field--name-field-title {
font-size: 18px;
}
.feature-block-section div .field--type-text-with-summary p {
text-align: center;
}
}
/* mobile landscape*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: -10px !important;
}
.changes-this-year {
top: -200px !important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
padding-left: 0px;
}
.animation-item {
width: auto;
}
}
.featurebox-section {
margin-top: -157px;
}
.feature-block-txt {
min-height: 156px;
}
/* search */
.js-form-type-search label {
font-size: 25px;
line-height: 28px;
font-weight: 400;
text-transform: uppercase;
display: block;
color: #32325d;
}
.form-search {
margin-top: 46px;
border: none;
}
#edit-submit {
width: 156px;
height: 46px;
color: white;
background-color: #6875e2;
font-size: 20px;
line-height: 28px;
border: none;
border-radius: 5px;
text-transform: uppercase;
font-family: "Ubuntu", sans-serif;
}
.feature-block-txt a {
text-decoration: none !important;
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 767px) {
.featurebox-section {
margin-top: -110px;
}
}
.owl-carousel .owl-item .item {
margin-left: 1px!important;
}
.owl-carousel .owl-stage-outer {
height: 310px
}
@media (max-width: 767px) {
.owl-carousel .owl-stage-outer {
height: 620px;
}
}
.feature-block-txt:hover {
background-color: #e2f0ff;
}
.homepage-slider-bg {
z-index: 200;
position: absolute;
width:1580px;
margin-left: -50px;
}
#home-page-slider,
#animation-slider{
z-index: 300;
}
.contact-us-section {
z-index: 300;
}
.pathway h2 {
padding-bottom: 50px!important;
padding-top: 0px!important;
}
.exam-process-heading h2 {
padding-top: 0px!important;
padding-bottom: 40px!important;
}
button[disabled], html input[disabled] {
cursor: not-allowed;
}
.view-all-news .form-type-select {
padding-top: 35px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#block-homepagechangesthisyearurl .field--name-field-changes-this-year .col {
position: absolute;
background-color: rgba(0, 0, 0,.149);
border-radius: 20px;
width: auto;
}
}
.print-txt {
cursor: pointer;
width:auto;
}
/*yes/no buttons in webforms*/
.webform-custom-options-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible;
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
font-weight: normal/*{fwDefault}*/;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.webform-custom-options-button[data-option-value][aria-checked=true] {
border: 1px solid #003eff/*{borderColorActive}*/;
background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #ffffff/*{fcActive}*/;
}
.webform-custom-options-buttons {
display: inline-block;
}