/* DEPRECATED */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300);#main-content,.clearfix,.clearfix:after,article,aside,footer,header{display:block}a,h1,h2,h3{color:#000000}.mh-group:after,.mh-section{clear:both}a{text-decoration:none}.header-sub{text-transform:uppercase}input[type=submit]{-webkit-border-radius:0;-webkit-appearance:none}a,article,aside,b,body,div,footer,form,h1,h2,h3,h4,header,html,i,img,ins,li,p,span,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.button,.header-sub,.menu-item,.widget-list li,body,h1,h2,h3,h4{font-family:'Open Sans',Helvetica,Arial,sans-serif}h4{font-size:12px}i{font-style:italic}ul{list-style:none}#mh-wrapper,.footer-widgets .menu-item,.widget-list li,a,h1,h2,h3,h4{-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}html{font-size:100%;-ms-text-size-adjust:none;-webkit-text-size-adjust:none}

body{font-size:15px;line-height:25px;word-wrap:break-word;background:#efefef}#mh-wrapper{width:95%;max-width:1180px;margin:0 auto;padding:0 20px 20px;overflow:hidden;background:#fff}.wrapper-inner{width:95%;max-width:1180px;margin:0 auto}

/* MODIFIED 02 08 2019 */
#main-content{width:65.83%;overflow:hidden}
#main-content a, a:hover{text-decoration:none} 

.home-sidebar{display:block;float:left;width:31.66%}
.home-sidebar-flush-top {margin-top:-10px;display:block;float:left;width:31.66%}
@media only screen and (max-width:960px) {.home-sidebar-flush-top {width:100%}}

.mh-right-sb #main-content{float:left;margin-right:2.5%}
.mh-section{padding:0;margin:0}
.mh-separator{margin-bottom:20px;padding-bottom:10px;border:0;border-bottom:1px dotted #cdcdcd}

.clearfix:after{content:".";clear:both;visibility:hidden;line-height:0;height:0;margin:0;padding:0}h4{margin-bottom:5px}

h1{font-size:28px;margin-top:-20px;margin-bottom:10px}



h4{margin-top:10px;color:#000000;}
h1,h2,h3{line-height:1.3;font-weight:400}b{font-weight:900}

/* MODIFIED 01 08 2019 */
.rubrics-plain-extra{font-size:16px;margin-top:5px;margin-bottom:5px}
.rubrics-plain-extra-indent{font-size:16px;margin-top:5px;margin-bottom:5px;margin-left:10px}
.rubrics-plain-extra p, .rubrics-plain-extra-indent p a:hover {color:#000000!important;text-decoration:none!important;}

.para-spacer-lite {padding:2.5px}
.para-spacer {padding:5px}
.para-spacer-deep {padding:10px}
.para-spacer-deeper {padding:20px}

code,pre{margin-bottom:1.875rem;background:#f7f7f7;border:1px solid #F2F3F7}



.mh-col{display:block;float:left;margin-left:2.5%}
.mh-col:first-child{margin-left:0}.mh-group:after,.mh-group:before{content:"";display:table}.mh-2-3{width:65.83%}
.mh-1-2{width:48.75%}
.mh-1-3{width:31.66%}
.mh-header{margin-bottom:20px}


.header-sub{display:block;overflow:hidden;background:#efefef}

.cp-title-small {
font-size: 14px; line height:10px;
overflow: hidden; margin:0;
}

.entry-meta{font-size:11.5px;margin-bottom:5px;text-transform:uppercase;}.entry-tags{display:block;overflow:hidden;font-size:15px;font-size:.9375rem}
.home-columns .mh-fp-large-widget{margin-bottom:-20px}
.home-2,.home-3{width:48.07%}.home-3{margin-left:3.86%}
@media only screen and (max-width:767px){.home-2,.home-3{width:100%;margin:0}}


.widget-title{text-transform:uppercase}
.widget-title{background:#4D4D4D;}
.widget-title span{background:#4D4D4D}

img{max-width:100%}input{border:1px solid #d7d8d8}input{padding:.3125rem}input{font-size:12px;font-size:.75rem;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}input[type=text]{width:60%}input[type=text]:hover{border:1px solid #666}

input[type=submit]{color:#fff;padding:6px 14px 6px 14px;cursor:pointer;background:#4D4D4D;display:inline-block;border:0;border-radius:0}input[type=submit]:hover{background:#4D4D4D;color:#fff;border:0;padding:6px 14px 6px 14px}

/*  ALIGN IMAGES FOR BULLETS - 01 07 2018 */
img{vertical-align:middle}

.mh-footer,.mh-footer a{color:#fff}.button{display:block}
.mh-footer{background:#4D4D4D;overflow:hidden}
/*  BOTTOM MARGIN ADJUSTED - 19 07 2020 */
.sb-widget{margin-bottom:25px;overflow:hidden}

.TopSegment {background: #EFEFEF;padding-top: 20px;border-style: solid;border-width: 1px !important;border-color: #CCCCCC !important;}
/*  SET BACKGROUND COLOUR FOR AD CONTAINER DIV - RH BACKGROUND NEEDS TO MATCH AD */
.BackgroundColour {background-color: #EFEFEF;background-size: auto;background-repeat: no-repeat;height: 280px !important;min-width: 700px;margin-bottom: 20px;}

@media only screen and (max-width:1224px) 
{.BackgroundColour{height:0;display:none}}

/*  SET BACKGROUND IMAGE FOR AD CONTAINER DIV - RH BACKGROUND NEEDS TO MATCH AD */
.BackgroundImage {
background-size: auto;
background-repeat:no-repeat;
height:280px;
min-width:338px;
margin-bottom:20px;
}

@media only screen and (max-width:1224px) 
{.BackgroundImage{height:0;display:none}}

.image-spot{padding-top:12px;padding-bottom:8px;background:#efefef}
.img-featured{min-height:250px;;max-height:280px;max-width:300px;margin-left:auto; margin-right:auto}
.featured-img-credit {font-size:11px;text-align:center;color:#666} 

.widget-title{font-size:14px;font-size:.875rem;font-weight:400;color:#fff;background:#4D4D4D;padding:10px 0;margin-bottom:0;overflow:hidden}
.widget-title span{padding:20px;background:#4D4D4D}.widget-list li{list-style-type:none;display:block}
.widget-list>li{padding:10px 0;border-bottom:1px dotted #dcdcdc}.widget-list li:hover{background:#fdfdfd;padding-left:10px}.footer-widgets .widget-list li:hover{background:0 0}

.footer-widgets{font-size:15px;font-size:.9375rem;margin:30px 0}
.footer-widget{margin:20px;overflow:hidden}
.footer-1,.footer-2,.footer-3{background:#4D4D4D}
.mh-footer a:hover{color:#FFFFFF}

.cp-small{padding-bottom:4px}
.cp-thumb-small{float:left;margin:5px 20px 0 0}
.footer-widgets ul>.menu-item{padding:10px 0;border-bottom:1px dotted #dcdcdc}
.footer-widgets ul .menu-item:hover{background:0 0}

.ad-spot{padding:18px;background:#EFEFEF}
.ad-spot{text-align:center!important;overflow:hidden}


.footer a:{color:#FFF!important}

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.NewLessons {color: #000000;}
.WrdUpBold{font-weight:600}
.WrdUpGrey{color:#A2A0A0}
.WrdUpGreyBold{color:#A2A0A0;font-weight:bold;}
.WrdUpRed{color:#CC3300}
.WrdUpRedBold{color:#CC3300;font-weight:bold;}
.WrdUpPink{color:#FF4D88}
.WrdUpPinkBold{color:#FF4D88;font-weight:bold;}
.WrdUpGreen{color:#5C8A00;}
.WrdUpGreenBold{color:#5C8A00;font-weight:bold;}
.WrdUpCyan{color:#0099CC}
.WrdUpCyanBold{color:#0099CC;font-weight:bold;}
.WrdUpYellow{color:#CC9900}
.WrdUpYellowBold{color:#CC9900;font-weight:bold;}
.WrdUpBlack {color: #000000;}
.WrdUpBlackBold{color:#000000;font-weight:bold;}
.WrdUpGold{color:#996600}
.WrdUpGold a:visited{color:#996600;font-weight:bold;}
.WrdUpGoldBold{color:#996600;font-weight:bold;}
.WrdUpGoldBold a:visited{color:#996600;font-weight:bold;}
.WrdUpPurple{color:#611BBD}
.WrdUpPurpleBold{color:#611BBD;font-weight:bold;}
.WrdUpPurple a:visited{color:#996600;font-weight:bold;}
.WrdUpBlue{color:#06C}
.WrdUpBlue a:visited{color:#996600;font-weight:bold;}
.WrdUpBlueBold{color:#06C;font-weight:bold}

.greyline {height: 1px;background-color:#CCCCCC;
padding: 0;margin-top: 0;margin-bottom: -10px;width: 100%;}


.intro-title{font-size:26px;margin-bottom:10px}
.intro-title-smaller{font-size:24px;margin-bottom:10px}
.intro-title-smallest{font-size:22px;margin-bottom:10px}
.intro-title-micro{font-size:16px;margin-bottom:10px}
.intro-title-bigger{font-size:28px;margin-bottom:10px}

.cp-small{padding-bottom:4px}

.cp-thumb-small{float:left;max-width:140px;margin:0 20px 0 0;border-style:solid;border-width:1px;border-color:#CCCCCC;}

.mh-separator-white {margin-bottom:10px;padding-bottom:10px;border:0;border-bottom:1px dotted #FFFFFF}

.searchbox {float:left;margin-bottom:10px;background-color:#FFFFFF;}

.para-spacer {padding:5px}
.para-spacer-deep {padding:10px}

.textbox-palegrey{background: #F4F4F4; margin-top: 10px;margin-bottom: 10px;padding:15px;line-height:27px;}
.textbox-palegrey p {padding:10px}
.textbox-lightgrey{background: #E6E6E6; margin-top: 10px;margin-bottom: 10px;padding:15px;line-height:27px;}
.textbox-lightgrey p {padding:10px}
			
.GreyBoxDotBorder{background: #F4F4F4; margin-top: 30px;margin-bottom: 20px;padding:20px;border-style: dotted;border-width:1px;border-color:#909090}
	
.related-links-white {background-color:#FFFFFF;color:#404040;font-size:14px;padding-top:3px;padding-bottom:3px;}

.mh-header{margin-bottom:20px;background:#4D4D4D;}

.header-logo {margin-top:30px;margin-bottom:20px;margin-left:0px}

.TopLevelLinks{font-family:'Open Sans',Helvetica,Arial,sans-serif;line-height:1;color:#000000;padding-top:10px; padding-bottom:10px;padding-left:3px;overflow:hidden}
.TopLevelLinks a {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:none;margin-right:40px}
.TopLevelLinks a:hover {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:underline!important}
.TopLevelLinks {background:#4D4D4D;}
.TopLevelLinks a:visited {font-size:13px;font-weight:normal;color:#FFFFFF;text-decoration:none}
@media only screen and (max-width:980px){.TopLevelLinks{display:none}}

/* TOP PADDING ADDED - 16 2 2016 - SLJ */
#mh-wrapper{width:95%;max-width:1180px;margin:0 auto;padding:20px 20px 20px;overflow:hidden;background:#fff;}

.searchbox {font-family:'Open Sans',Helvetica,Arial,sans-serif;}

.RelNavMobile {padding:0 0 0 0;background:#FFFFFF;}

@media only screen and (min-width:960px){.RelNavMobile{display:none}}

.RelNavDesktop{padding:0 0 0 0;background:#FFFFFF;}
/* MAX WIDTH CHANGED FROM 1024 to 960 - 21 3 2016 - AJ */
@media only screen and (max-width:960px){.RelNavDesktop{display:none}}

.submenu {text-align: left;line-height: 10px;margin-top: 20px;}


/* NEW CLASS - 29 01 2021 */
.submenu-compact {text-align:left;line-height:10px;margin-top:0;box-sizing:none; }
.submenu-compact li {font-size:16px;color:#000000;list-style:none;margin-top:0;margin-bottom:0;line-height:30px;word-wrap:break-word;}


.submenu h1{ color:#000000;}
.submenu h2 {color:#000000;font-size:20px;font-weight:bold;margin-top:14px; word-wrap:break-word;}
.submenu-condensed h2 {color:#000000;font-size:20px;font-weight:bold;margin-top:14px; word-wrap:break-word;}
.submenu a:hover {color:#000000;text-shadow: 2px 3px 3px #000;}

.submenu-preamble p {font-size: 16px;}
.submenu-preamble {font-size: 16px;list-style: none;margin-top: 10px;margin-bottom: 10px;line-height: 30px;word-wrap: break-word;}

.submenu li {font-size: 16px;color: #000;list-style: none;margin-top: 10px;margin-bottom: 10px;line-height: 35px;word-wrap: break-word;}

.submenu-condensed a:hover, a:active, a:focus {border:none;outline:0;}
.btn:focus, .btn:hover {border:none;outline:none!important;}

.pic-submenu-title {font-size: 14px;font-weight:bold;line height:10px;overflow: hidden; margin-bottom:10px;}
.pic-submenu {float:left;margin:5px 20px 0 0}
.pic-submenu-info {margin-top:10px;font-size: 14px; line height:14px;overflow: hidden; margin:0;font-style:italic}
.pic-submenu-links {margin-top:10px;font-weight:bold;}

.textbox-submenu{background: #F2F2F0;margin-top:10px;margin-bottom: 10px;padding:10px}
.textbox-submenu-end{background: #F2F2F0;margin-top:10px;margin-bottom: 10px;padding-top:10px;padding-left:10px;padding-right:10px;box-sizing:none}

.btn-primary-outline-plain {font-family: 'Glyphicons Halflings'; color:#404040;background-color:#FFFFFF;border:none!important;outline-color:#FFFFFF;text-decoration:none;box-sizing:none;padding:0}



/* ELIMINATE DROPDOWN BEHAVIOUR GLITCHES - MODIFIED 01 07 2018  */
.drop-it {padding:2px;}
.btn.hover {outline: none!important;}

/* SCPRMCNGTS */
.extra {}

.credit-sources {font-size:14px;color:#000000}

/* CODE FOR FEATURED LINKS  */
.related-links-white-top {background-color:#FFFFFF;color:#000;font-size:14px;padding-bottom:10px;}





.panel-group-condensed {
    margin-bottom: 0;
}
	
/* LOGO STYLING */
.LogoContainer {width:320px;height:70px;margin-top:5px}
.LogoText{font-size:40px;color:#ECF2FF;padding-right:10px;letter-spacing:3px;}
.CoursesText{font-size:40px;color:#CCCCCC;letter-spacing:2.5px;}
.StraplineText{font-size:14px;color:#FFFFFF;letter-spacing:3.6px;padding-left:3px;padding-top:5px;font-weight:bold}

/* STYLE LABELS FOR BOOTSTRAP BUTTONS */
.label {font-family: inherit;display: inline;padding-left:10px;padding-right:10px;margin-left:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label-more {font-family: inherit;display:inline;padding:6px 12px;margin-left:0;margin-top:10px;margin-bottom:10px;font-size: 14px;font-weight:400;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
/* MODIFIED 02 08 2019 */
.label a:hover {color:#F4F4F4}
.label a {text-decoration: none !important}
.label-green{background-color: #5C8A00;}
.label-purple {background-color:#611BBD;}
.label-yellow {background-color: #E4A102;}
.label-cyan{background-color: #0099CC;}
.label-blue{background-color: #0066CC;}
.label-red{background-color: #CC0000;}
.label-brown{background-color:#B36B00}
.label-grey{background-color: #A6A6A6;}
.label-black{background-color: #404040;}

.desktop-label-green{background-color: #5C8A00;}
.desktop-label-purple {background-color:#611BBD;}
.desktop-label-yellow {background-color: #E4A102;}
.desktop-label-cyan{background-color: #0099CC;}
.desktop-label-blue{background-color: #0066CC;}
.desktop-label-red{background-color: #CC0000;}
.desktop-label-brown{background-color:#B36B00}
.desktop-label-grey{background-color: #A6A6A6;}
.desktop-label-black{background-color: #404040;}

/* HIDE FEATURED LABELS ON SMALLER SCREENS */
@media only screen and (max-width:767px)
{.desktop-label-green{display:none;width:1px;height:1px}
.desktop-label-purple{display:none;width:1px;height:1px}
.desktop-label-yellow{display:none;width:1px;height:1px}
.desktop-label-cyan{display:none;width:1px;height:1px}
.desktop-label-blue{display:none;width:1px;height:1px}
.desktop-label-red{display:none;width:1px;height:1px}
.desktop-label-brown{display:none;width:1px;height:1px}
.desktop-label-grey{display:none;width:1px;height:1px}
.desktop-label-black{display:none;width:1px;height:1px}}


/* LEGACY PICTURE IMAGE MENUS WITH THUMBNAILS -  DISPLAY X4 ON DESKTOP, X2 ON MOBILE */
.picturemenu-stripx4 {clear: both;margin-bottom: 10px;max-width: 750px}
/* SET MARGINS AND SIZES FOR INDIVIDUAL FEATURED IMAGES ON PICTURE VOCABULARY MENU PAGES */
.picturemenu-img {width:170px;height:130px;margin-top:15px;margin-bottom:5px;margin-right:7.5px;}
/* CENTRE ALIGNMENT */
.center-content{text-align: center}

/*  ADDED 27 6 2018 */
@media only screen and (max-width:1224px) 
{.TopSegment{height:0;display:none;background-color:#FFFFFF}}
/* CONTAINER FOR  RESPONSIVE AD - NEEDS TO FLOAT LEFT - LEFT MARGIN AND PADDING REMOVED 05 10 2019 - SLJ */
.RightAdRes {max-width:338px!important;max-height:280px!important;background-color:#EFEFEF;float:left;}

/* STYLE H2 FOR TABBED STYLE LESSONS - EDITED 01 07 2018 SLJ */
.tabbed-browsing>h2, a:link{text-decoration: none!important;}

/* REMOVE BUTTON OUTLINE ON SEE MORE LESSONS DROPDOWN - ADDED 01 07 2018 SLJ */
.btn:focus,.btn:active {outline: none !important;box-shadow: none;}



/* OVERWRITE LEGACY PAGE CODE - ADDED 01 07 2018 SLJ */
.textbox-submenu {background: #FFFFFF;margin-top:10px;margin-bottom:0;padding:0;}
.panel.panel-submenu {background:#FFFFFF;border-top: none;box-sizing: none; box-shadow: none;}
.panel.panel-submenu .panel-heading-submenu {background: #FFFFFF;color: #000;border: none;box-sizing: none;box-shadow: none;line-height: 20px;}
.panel-heading-submenu h5 {background:#FFFFFF;font-size:0;margin-top:10px;padding:0;line-height:0;}
hr {margin-top: 0;margin-bottom: 0;border: 0;border-top-width: 0px;border-top-style: none;border-top-color: currentcolor;border-top: 1px solid #FFFFFF;}
.yellowline, .cyanline, .blueline, .greenline, .redline, .purpleline, .pinkline {background:#FFFFFF;color:#FFFFFF;margin-bottom: -20px;}

@media only screen and (max-width:1224px) {.cp-thumb-small{display:none;}}

/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:960px){#mh-wrapper,.wrapper-inner{width:100%}.header-ad .textwidget{text-align:center;margin-top:20px}.logo-wrap{text-align:center}.mh-col,.mh-right-sb #main-content{margin:0}#main-content,.home-sidebar,.mh-1-3,.mh-2-3{width:100%}.footer-1,.footer-2{margin-bottom:20px}
.ad-spot{background:0 0}
/* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom: 0px!important;margin-left: 0px!important;}}
/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:580px){#mh-wrapper,.wrapper-inner{width:100%!important}
/* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom: 0!important;margin-left: 0px!important;}}
/* WIDTH ON MOBILE ADJUSTED 21 11 2018 SLJ */
@media only screen and (max-width:450px){#mh-wrapper, .wrapper-inner{width:100%!important}.header-ad .textwidget{margin-top:10px}.ad-spot{padding:0;background:0 0}.cp-thumb-small{display:none;} /* ADDED 21 11 2018 SLJ */
.header-logo {margin-top: 20px!important;margin-bottom:0!important;margin-left: 0px!important;}}

/* FIX MISALIGNED BULLETS - 07 01 2019 SLJ */
.bullet-list{ vertical-align: -7px;}

/* APPLY SCROLL UP BUTTON - 20 01 2019 SLJ */
.DivFix{position:sticky;top:0; margin-left:225px;margin-top:10px;}

/* SET MAX SIZE AND WIDTH FOR PIXIE IMAGE - 26 01 2019 SLJ */
.pixie img {max-width:1px!important;max-height:1px!important;}

/* SET LINE HEIGHT FOR WORKSHEET EMBED TITLES - 24 02 2019 SLJ */
.panel-group {line-height:25px}

/* SEARCH ON DESKTOP  - 25 4 2019 SLJ */
.header-search {float:right;font-family:'Open Sans',Helvetica,Arial,sans-serif;width:300px;padding-top:40px;}


/* MODIFIED 26 02 2022 - STRAPLINE TEXT CODE REMOVED */
@media only screen and  (max-width:767px){.LogoContainer {height:40px;margin-bottom:0;padding-bottom:0}}
@media only screen and  (max-width:960px){.LogoContainer {height:50px;margin-bottom:0;padding-bottom:0}}
/* HEIGHT MODIFIED 26 02 2022 */
@media only screen and  (max-width:1024px){.LogoContainer {height:80px;margin-bottom:0;padding-bottom:0}}

/* SEARCH ON DESKTOP  - 25 4 2019 SLJ */
.header-search {float:right;font-family:'Open Sans',Helvetica,Arial,sans-serif;width:300px;padding-top:40px;max-height:30px;}
/* ADDED 30 4 2019 SLJ  - SET BOTTOM MARGIN TO FIX BROWSER ISSUES */
@media only screen and (max-width:1024px){.header-search {float:left;width:300px;padding-top:10px;padding-bottom:20px;margin-left:23px}}
@media only screen and  (max-width:960px){.header-search {float:left;width:300px;padding-top:10px;padding-bottom:20px;margin-bottom: 40px;margin-left:23px}}
@media only screen and (max-width:767px){.header-search {float:left;width:250px;padding-top:10px;padding-bottom:20px;margin-bottom: 40px;margin-left:23px}}
@media only screen and (max-width:580px){.header-search {float:left;width:250px;padding-top:10px;padding-bottom:20px;margin-bottom: 40px;margin-left:23px}}
@media only screen and (max-width:420px){.header-search {float:left;width:250px;padding-top:10px;padding-bottom:40px;margin-bottom: 40px;margin-left:23px}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {.header-search {width:250px;padding-top:10px;padding-bottom:20px;margin-right:20px;margin-left:23px}}

/* MODIFIED 26 02 2022 - STRAPLINE TEXT CODE REMOVED */




/* H6 FOR BOOTSTRAP BUTTONS - ADDED 02 08 2019 */
h6{font-size:14px;color:#FFFFFF;text-decoration:none;margin-left:0;padding-left:0;}
h6 a{color:#FFFFFF;text-decoration:none}
h6 a:hover {color:#inherit;text-decoration:none}
h6 a:visited {color:#inherit;text-decoration:none}

/* LH SPACER TO ADJUST AD PLACEMENT - MODIFIED 14 09 2019*/
.LeftPic {max-width:338px!important;height:280px!important;padding:0;float:left;margin-right:45px}
.LeftPic img{width:338px!important;height:280px!important;margin-left:20px;}

/* DROP LH SPACER ON SMALLER SCREENS */
@media only screen and (max-width:1224px) 
{.LeftPic {display:none}}

/* STYLE H2 FOR TABBED STYLE LESSONS - PADDING MODIFIED 03 01 2023 */
.tabbed-browsing{font-size:16px;padding-top:0;padding-bottom:0;font-weight:normal;color:#000;vertical-align:top;}
/* STYLING FOR TABBED STYLE LESSONS */
.nav-tabs>li>a{background-color: #F4F4F4; border-color: #EFEFEF; color:#fff;margin-top:5px}
/* ACTIVE TAB */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff;background-color: #FFFFFF;text-decoration:none!important}
/* HOVER TAB */
.nav-tabs>li>a:hover {border-color: #EFEFEF;background-color: #FFFFFF;text-decoration:none!important}
/* STYLE PILLS ON MOBILE */
.nav-pills > li > a {background-color: #F4F4F4;margin-right:5px;margin-bottom:5px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
color: #FFFFFF;background-color:#404040;text-decoration:none!important}


/* NEW CLASS ADDED 14 07 2020 */
.tabbed-browsing-dropdown-options{font-size:16px;font-weight:normal;margin-top:2px;margin-bottom:5px; color: #000;}
.dropdown-divider {height:5px;border-bottom:1px solid #cdcdcd}

/* ADJUST STYLES ON SMALLER SCREENS - SLJ */
@media only screen and (max-width:1224px)
{#mh-wrapper,.wrapper-inner{max-width:1220px}
.footer-widget{margin:0}
.footer-widgets {margin-top:20px;padding-left:30px}
.footer-1,.footer-2{margin-bottom:0}}

/* CODE FOR DROPDOWN NAVIGATION ON DESKTOP - SLJ */
.dropdown-item {margin-bottom:7px;padding-left:5px}


/* RETURN TO THE TOP OF THE PAGE - SLJ */
.GoBackUp {display: block;line-height: 14px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;clear: both;padding-bottom: 15px;padding-top: 10px;}
.img-go-back-up {max-width: 12px;max-height: 12px;padding-left: 2px;}

.GreyLink {color:#000000; border-bottom: 2px solid #CCCCCC;text-decoration:none!important;}

/* DISABLE BUTTON OUTLINE - MODIFIED 30 10 2020 */
button:focus {outline:0!important;}
button:active {outline: none;border: none;!important}

/* ADD CLASSES FOR WOTD MENU - 12 01 2021  */
.banner-3-posts-item {float: left;box-sizing: border-box;width: 50%;padding: 0 1%;}
/* ADJUST SIZE ON SMALLER DEVICES  */
@media only screen and (max-width:580px){.banner-3-posts-item{width:360px;}}
.banner-3-posts-item{box-sizing: border-box;padding-bottom:2px;}
.banner-3-posts-item img{margin-top:0;padding:0;}
img.wotd-post-image {max-width: 100%;height: auto; }
.entry-header img.wotd-post-image {margin-bottom: 24px;margin-bottom: 1.714285714rem;}
img.wotd-post-image {border-radius: 0;box-shadow: none;}

/* STYLING FOR TABS WITH DROPDOWN NAVIGATION - JUNE 2020 */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #ffffff;background-color: #4D4D4D;}
.nav-pills > li.activity-grey > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #000000;background-color: #F4F4F4;}
.nav-pills > li.activity-grey-selected > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {color: #ffffff;background-color: #4D4D4D;}
.label-grey {color: #ffffff;background-color: #4D4D4D;}
.dropdown-item {margin-bottom:7px;margin-top:7px;padding-left:5px;}
/* WIDTH ADDED 15 02 2021 */
.tabbed-browsing-dropdown{min-width:200px!important;font-size:16px;font-weight:normal;margin-top:-10px;margin-bottom:7px;padding-left:15px}
/* STYLING FOR TABS WITH EXTRA WIDE DROPDOWN NAVIGATION - 29 03 2021 */
.tabbed-browsing-dropdown-wider{width:225px!important;}

/*ADDED 07 05 2021  */
.ToggleTabs {float:left;margin:0!important;max-width:300px!important;clear:both;border:0!border-color:#FFFFFF!important}



/*ADDED 14 05 2021  */
.topics-submenu-box-first {background: #F2F2F0 !important;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px!important;text-decoration: none !important;}
.topics-submenu-box {background: #F2F2F0 !important;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px !important;padding-right: 10px!important;text-decoration: none !important;}
.topics-submenu-box-title {font-size: 16px;font-weight: bold;line height: 10px;overflow: hidden;margin-bottom: 7px;margin-top: 3px;}

/*CUSTOM COLOURS FOR IN PAGE NAVIGATION BUTTONS - MODIFIED 29 06 2021  */
.btn-primary-red {font-size:12px!important;color: #fff!important;background-color: #C00!important;border-color: #d43f3a!important; background-image: none !important; border: 0 !important;}
.btn-primary-grey {font-size:12px!important;color: #fff!important;background-color: #404040!important;border-color: #666666!important; background-image: none !important; border: 0 !important;}
.btn-primary-green {font-size:12px!important;color: #fff!important;background-color: #008000!important;border-color: #438758!important; background-image: none !important; border: 0 !important;}
.btn-primary-mint-green {font-size:12px!important;color: #fff!important;background-color: #338960!important;border-color: #438758!important; background-image: none !important; border: 0 !important;}
.btn-primary-gold {font-size:12px!important;color: #fff!important;background-color: #BB7C0F!important;border-color: #438758!important; background-image: none !important; border: 0 !important;}
.btn-primary-purple {font-size:12px!important;color: #fff!important;background-color:#9512CC!important;border-color:#9512CC!important; background-image: none !important; border: 0 !important;}
.btn-primary-blue {font-size:12px!important;color: #fff!important;background-color:#377FC3!important;border-color:#377FC3!important; background-image: none !important; border: 0 !important;}

/* NEW CLASS WITH ZERO TOP MARGIN - 29 26 2021 - SLJ */
.submenu-flush {text-align: left;margin-top:0;}
.submenu-flush li {font-size: 16px;color: #000;list-style: none;margin-top: 10px;margin-bottom: 10px;line-height: 30px;word-wrap: break-word;}

/* CODE FOR ACCORDION DROPDOWNS - 29 06 2021 */
.accordion-header {margin-bottom: 0;}
.accordion-flush .accordion-item .accordion-button {border-radius: 0;}
/* FIX NEEDED FOR IOS 10 ISSUES WITH ACCORDION  */
.accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: 10px 0 10px 0;font-size: 24px;color: #212529;text-align: left;background-color: #fff;border: 0;border-radius: 0;overflow-anchor: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-r;}
/* CDN ADJUSTMENT - 03 01 2023 */
.accordion-button  {background: url(https://cdn.esolcourses.com/bootstrap/img/navigation/accordion-arrow-right.png) no-repeat calc(100% - 20px) center;background-size: 20px;cursor: pointer;}
.accordion-button collapsed {background: url(https://cdn.esolcourses.com/bootstrap/img/navigation/accordion-arrow-right.png) no-repeat calc(100% - 20px) center;background-size: 20px;cursor: pointer;}
.accordion-separator {padding-bottom: 10px;border: 0;border-bottom-color: currentcolor; border-bottom-style: none;border-bottom-width: 0px;border-bottom: 1px dotted black;
}

/* FONT WEIGHT MODIFIIED 02 10 2021 */
h2{font-size:24px;font-weight:700}
.h2-smaller {font-size:20px;font-weight:700;color:#000000}
.h2-smallest{font-size:18px;font-weight:700;color:#000000}
.submenu h2 {color: #000000;font-size: 20px;margin-top: 14px;word-wrap: break-word;}

/* CODE MODIFICATIONS - 11 12 2021 */
.img-responsive {display: block;width: 100%;height:100%;margin: auto;margin-top: 0;max-height: 175px!important;overflow: hidden;}  
.header-logo {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.LogoText {
    font-size: 40px;
    color: #ECF2FF;
    padding-left: 0;
    padding-right: 10px;
    letter-spacing: 3px;
}

.StraplineText {
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 3.6px;
    padding-left: 5px;
    padding-top: 5px;
    font-weight: normal;
}   

/* ADJUST HEADER STYLING ON SMALLER SCREENS - 29 1 2022  */
 @media only screen and (max-width: 320px){
.logo-wrap{padding-top:15px}.LogoContainer{height:auto;width:auto;margin-bottom:0;padding-bottom:15px}
.LogoText, .A2EsolText{font-family: 'Open Sans',Helvetica,sans-serif;font-size:31.5px;padding-left:10px;padding-right:10px;padding-bottom:0;;margin-bottom:0;letter-spacing:3px;}
.CoursesText, .A2CoursesText{font-family: 'Open Sans',Helvetica,sans-serif;font-size:31.5px;letter-spacing:2.5px;padding-bottom:0;margin-bottom:0;}
.StraplineText, .A2StraplineText {font-family: 'Open Sans',Helvetica,sans-serif;font-size:11px;letter-spacing:3.6px;padding-left:20px;padding-top:0;font-weight:normal}.TopLevelLinks{display:none} }

/* LOSE BOTTOM MARGINS ON H1 - 18 11 2022  */
.h1-condensed {margin-bottom: 0!important;}

/* LOSE TOP MARGIN ON SUBMENU DIV - 18 11 2022  */
.submenu-condensed {margin-top: 0!important;}

/* STYLING FOR LINKS - 18 11 2022  */
.submenu a:{color:#000000;text-shadow: 2px 3px 3px #000;}
.submenu-condensed a:hover{color:#000000;text-shadow: 2px 3px 3px #000;}
.submenu a:hover{color:#000000;text-shadow: 2px 3px 3px #000;text-decoration: underline!important;}
.submenu-condensed a:hover{color:#000000;text-shadow: 2px 3px 3px #000;text-decoration: underline!important;}
.submenu a:visited {color:#000000;}
.submenu-condensed a:visited {color:#000000;}



/* SET MINIMUM HEIGHT FOR TABBED CONTENT - MODIFIED 31 07 2023 */
.tab-content {min-height:500px}

/* SET MINIMUM WIDTH FOR CONTAINER - 31 07 2023 */
.container {max-width: 700px;}

/* CODE FOR PICTURE SUB MENU ITEMS - 31 07 2023 */
.picture-menu-items {margin:auto;padding:0;float:right}
.submenu-3-across-item {float: left; margin-left:17px;margin-right:17px;margin-bottom:5px}
.submenu-picturestrip-x3 {clear: both}
.submenu-picturestrip-x3 img {clear: both;min-width:180px;max-width: 100%;height:auto;}
.submenu-img  {min-width:30%;width:180px;height:120px;margin-top:5px;margin-bottom:5px;margin-left:5px;border: 1px solid #8C8C8C;}
.submenu-entry-meta-plus {text-align:center;font-size:14px;text-transform:uppercase;font-weight:bold;margin-left:0;margin-top:10px}

/* ADD CODE FOR PAGE NUMBERS - 31 07 2023 */
.task-navigation-top {background-color: #FFFFFF;color: #404040;font-size: 14px;padding-top: 6px;padding-bottom: 6px;margin-bottom: 10px;}

/* MODIFIED TO MATCH NEW STYLES - 23 11 2024 */
.sidebar-show-more {font-family: 'Open Sans',Helvetica,Arial,sans-serif;font-size: 14px; font-weight: bold; overflow: hidden;}
/*TEXT COLOUR SET TO BLACK TO FIX ISSUES  */
a,h1,h2,h3,h5,h6{color:#000}
/*ADJUST SEE MORE LESSONS DISPLAY  */
h3 {margin-bottom:5px;font-weight:bold;font-size:14px}
/* SEE MORE LESSONS - MODIFIED TO MATCH NEW THEME  */
.category-button {font-size: 12px;
color: #FFF !important;
display: inline-block;
padding: 2px 7px;
margin-top: 2px;
margin-bottom: 4px;
border-radius: 9px;
border: 0;
letter-spacing: 0.0735em;
background: #272727;
text-decoration: none !important;}
.category-button:hover,.category-button:focus,.category-button:active {background: #000;color:#FFF!important;}
.label-black-h5p {font-size: 14px;line-height: 1.2;margin: 0 0.5em 1em;padding: 0.75em 1.25em;border-radius: 2em;background: #000;color: #ffffff;cursor: pointer;border: none;box-shadow: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: inline-block;text-align: center;text-shadow: none;text-decoration: none;vertical-align: baseline;background-color: #000;color:#FFFFFF!important}
.label-default-h5p {background-color:#000;color:#FFFFFF!important}

/* MODIFIED TO FIX ISSUES IN CHROME */
sub{display:inline-block;padding-bottom: 14px;font-size:12px;color:red;text-shadow: 2px 2px 4px #000000;}
sub{vertical-align:sub;font-size:12px;padding-left:10px;bottom:9px}
/* DROP SUB SCRIPT ON SMALLER SCREENS TO SIDESTEP ISSUES WITH MOBILE DISPLAY */
@media only screen and (max-width:1224px) {sub {display:none}}

/* CONDENSED - LINE HEIGHT REMOVED 24 01 2025 */
.submenu-condensed {text-align:left;line-height:10px;margin-top:10px;box-sizing:none; }
.submenu-condensed li {font-size:16px;color:#000000;list-style:none;margin-top:10px;margin-bottom:10px;;word-wrap:break-word;}

/* EDIT PRINT STYLES */
@media print { body { display:none }}

/*LAST EDIT 24 01 2025  */