/*
 * 12-column grid system
 */

/* Container */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{font-size:14px;}
body, p, strong{color: #000;}
.container {
    margin-left:auto;
    margin-right:auto;
}
.nested-container {
    width:102%;
    margin-left:-1%;
}

/* Grid units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{
    /*position:relative;*/
    display:inline;
    float:left;
    margin-left:1%;
    margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar 		{ width:31.52%; }
.grid-col3-main			{ width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
    display:table;
    width:100%;
}
.v-grid {
    float:none;
    display:table-cell;
    vertical-align:middle;
}

/* Utility classes
-------------------------------------------------------------- */
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }

/* Container: stretched, without side margin
-------------------------------------------------------------- */
/* Remove padding from stretched container (it is added for narrow screens via media queries) */
.container.stretched { width:96%; padding-left:0; padding-right:0; }

/* Stretch inner grid unit (full width) */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }

/* Grid units container: clears floats
   (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container: clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
    margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
    background-color: #eee;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    transition:			all 300ms ease-in-out;
    -moz-transition:	all 300ms ease-in-out;
    -webkit-transition:	all 300ms ease-in-out;
    -o-transition:		all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
    background-color: #F08080;
}

input[type=text], input[type=password], input.button, .button{
    border-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    padding: 10px 20px;
    font-size: 12px;
    margin:0;
    border: 1px solid #c6c6c6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type=text]:focus, input[type=password]:focus{border:1px solid #808082;}

h1, h2, h3, h4, h5, h6{color:#555555;}

.fullwidth a{color: #555555;}

/* hopefully temporary workaround for WYSIWYG editor inserting p tags into headings */
h1 p {
    font-size: inherit;
    line-height: inherit;
    margin: 0px;
}

/*******************************************/
/****************** HEADER *****************/
/*******************************************/

.container{width:100%}
#main-footer .container, #content-area .container{width:100%;}
body.home #et-logo{display:block}
#top-menu{ background-color: #d4d4d4!important; }

html #top-menu.et-fixed {
    position: relative;
}

#et-logo img {  max-height: 64px;  }

#top-menu .container {  padding: 0; }

#et-logo{z-index: 1;  position: relative;float: right;}
#header-diamond{
    width: 68px;
    height: 68px;
    background: #f6f6f6;
    margin: 3px 0 0 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    position: absolute;
    right: -70px;
    top: 25px;
    float: right;
}

#top-menu .container{position: relative;}

.white-bg{background:#f6f6f6}
.top-bar-colors{
    background:url(images/header-bar.png)repeat-x;width: 100%;
    height: 10px;
    display: block;}
#top-menu .container > div{padding: 22px 0 9px;}
#top-menu .container > div:first-child{padding: 32px 0 9px;margin-right: 70px;min-height: 55px;}
.logo{position:relative;}


.nav{background:#555555;clear: both;}
.nav li ul.sub-menu{background:#555555;}

.nav li:hover ul, ul.nav li.sfHover ul{left:0px; top:41px;}

#top-menu ul.nav > li > a , .nav li ul.sub-menu> li > a{
    padding: 14px 10px; text-transform: uppercase;font-size: 13px;
    font-weight: 700;
}

#top-menu ul.nav > li:last-child > a{background:#d37841}
#top-menu ul.nav > li > a:hover{background:#3c3c3c;}


.search-bar input[type=text]{   paddingx: 10px 20px 10px 40px; width: 60%;margin-left: -40px;}

.search-bar button i{color:#cacaca;  font-size: 17px;}
.search-bar button{    border: 0;
                       background: grey;
                       z-index: 9;
                       position: relative;
                       right: 60px;
                       top: 1px;
                       cursor: pointer;
}

.login-bar input[type=text], .login-bar input[type=password]{width: 70%;background:#FFF;color:#4e4e4e;  border: 1px solid #bbb;}
.login-bar input[type=text]:focus, .login-bar input[type=password]:focus{border: 1px solid #808082;}
.login-bar > form > div{text-align:top;}

.login-bar label, .login-bar a{font-size:11px;color:#000000!important;text-transform:uppercase;margin: 5px 0 0 10px!important; text-align:left;padding:0!important;float: left;}
.login-bar a{margin: 10px 0 0 10px!important; }

.login-bar .button, .button, a.button{background: #808082;
                                      color: #fff;text-transform: uppercase}
#top-menu .social-bar > * , .social-bar > *{vertical-align:top; margin-left:3px;}
#top-menu .social-bar a, .social-bar a{background:#ebebeb; color:#757575; display: inline-block;
                                       width: 20px;
                                       height: 22px;
                                       padding: 7px 6px 1px;
                                       border-radius: 100px;text-align:center;}

#top-menu .social-bar p{padding:0;   font-weight: 500;}
#top-menu .social-bar p, #top-menu .social-bar p strong{font-size:12px;}
#top-menu .social-bar p strong{    font-weight: bold;}
#top-menu .social-bar a:hover{
    background:#bcdcd1;
}
.social-bar{padding-top: 8px;  margin-top: -23px;}
.social-bar p:nth-last-child(2){  line-height: 10px;}

#top-menu .welcome {
    margin: 0!important;
    text-align: center;
    padding-bottom: 10px;

    line-height: 28px;
    font-size:16px;
    color:#000;
    padding-bottom: 0;

    padding-top: 7px!important;
    text-transform: none;
}

#top-menu #et_mobile_nav_menu > a {
    color: black;
}

#top-menu .slicknav_btn {
    display: none;
}
.slicknav_btn {
    background: transparent;
}
.slicknav_menu .slicknav_menutxt {
    text-shadow: none;
}
.slicknav_btn .slicknav_icon-bar,
.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    box-shadow: none;
}

.slicknav_menu {
    width: 100%;
    background: transparent;
    padding: 0;
}

.slicknav_nav form {
    padding: 1em 0;
}

.slicknav_nav form div {
    float: none;
}

#top-menu .slicknav_nav form a {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 13px;
    color: black;
}

#top-menu .slicknav_nav form input {
    width: 80%;
}

.slicknav_nav ul {
    margin: 0;
    padding-bottom: 10px;
}

#top-menu .slicknav_nav li {
    width: 20%;
    vertical-align: middle;
}

#top-menu #et_mobile_nav_menu .search-bar {
    width: 100%;
    float: none;
}

#top-menu #et_mobile_nav_menu .search-bar form {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 600px;
}

#top-menu #et_mobile_nav_menu .search-bar input {
    margin-left: 0px;
    padding-left: 20px;
    width: 85%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#top-menu #et_mobile_nav_menu .search-bar button {
    float: right;
    background: #555555;
    width: 15%;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px 0;
}


#top-area h1.title{
    color:#555555;
    background-image: none;
    padding-top: 10px;
    padding-bottom: 30px;
}

#top-area p a{
    font-size: inherit;
    color: #555555;
    text-decoration: underline;
}
#top-area { padding: 15px 0 0;}
.home #top-area {
    padding: 127px 0 68px;
}

#top-area h1.title, #top-area h1.title span{font-size: 30px;}

#top-area .banner-description,
#top-area p {
    width: 100%;
    margin: 0 auto;
    display: block;
    font-weight: 500;
    padding-bottom: 0;
}

#top-area p {
    width:90%;
    max-width:1280px;
}

#top-area p{width:100%}

.sorry{font-size:25px; padding:50px 0; text-align:center;}

#content-area .body{
    max-width:980px;
    margin:0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.body:after {
    content: ' ';
    display: block;
    clear: both;
}

#content-area.track-and-report-area h3 {
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    line-height: 29px;
    letter-spacing: 0.015em;
    margin-top: 30px;
}

#content-area.track-and-report-area .lists-horizontal {
    display: block;
    width: 100%;
    margin: 20px auto 0px;
    padding-bottom: 30px;
    border-bottom: #d4d4d4 1px solid;
    text-align: center;
}

#content-area.track-and-report-area .lists-horizontal:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#content-area.track-and-report-area .lists-horizontal li {
    box-sizing: border-box;
    display: inline-block;
    width: 20%;
    max-width: 280px;
    margin: 0px;
    padding: 0px;
    border: none;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #555;
}

#content-area.track-and-report-area .lists-horizontal strong {
    font-size: 15px;
    color: #555;
}

#menu-item-8290{display:none!important;} /*hack to hide menu Teacher management for anyone but schools.*/
.school-logged-in #menu-item-8290{display:block!important;}

.class-assigned #menu-item-8289{display:none!important}

.student-tracking.body > p:first-child, .print-copy.grid12-12 > div{font-weight:500;}

/*******************************************/
.tabs-left .et-tabs-content{max-width:960px}
.tabs-left .et-tabs-control, .tabs-left ul.et_shortcodes_mobile_nav, .et_left_tabs_bg{width: 115px;}
.tabs-left .et-tabs-control li a:hover, .tabs-left .et-tabs-control li.active a, .tabs-left .et-tabs-control li a{
    color:#000!important;
    text-shadow:none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.tabs-left .et-tabs-control li, .tabs-left ul.et_shortcodes_mobile_nav li{
    border:0;
    box-shadow:none;
}

.tabs-left .et-tabs-control li{margin-bottom:8px;}

.custom-tabs, .custom-tabs.tabs-left, .tabs-left{
    width: 85%;
    float: right;
    margin-bottom: 0;
    border:0;
    box-shadow:none;
}

.resources-box a{
    display: inline-block;
    min-width: 130px;
    max-width: 100px;
    min-height: 43px;
    padding: 20px 10px 10px 10px;
    background: #555555;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    line-height: 17px;
    margin-left: 14px;
    position: relative;
    margin-bottom: 28px;
}

.single .resources-box a{
    min-width: 100px;
    max-width: 140px;
    padding: 20px 10px 17px 10px;
}

.tracking-reporting-overview,
.banner-menu {
    display: block;
    width: auto;
    color: #fff;
    margin: 0px auto;
    text-align: center;
}

.tracking-reporting-overview {
    min-height: 500px;
}

.tracking-reporting-overview > li,
.banner-menu > li {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 285px;
    max-width: 22%;
    height: 70px;
    min-height: 70px;
    overflow: hidden;
    margin-left: 14px;
    border-radius: 8px;

    text-align: center;
    vertical-align: top;

    background: #555555 no-repeat 25px 17px;
    color: #fff;
    cursor: default;
}

.tracking-reporting-overview > li,
.banner-menu a {
    box-sizing: border-box;
    padding: 0px;
    padding-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
}

.tracking-reporting-overview > li > h3,
.banner-menu a {
    padding-left: 50px;
}

.tracking-reporting-overview > li {
    margin-bottom: 28px;
    overflow: hidden;
}

.banner-menu > li {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-bottom: 0px;
    height: 60px;
}

.banner-menu > .current {
    background-color: #d37841;
    overflow: visible;
}

.banner-menu > .current:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -13px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 27px;
    height: 27px;
    background-color: #d37841;
    z-index: 100;
    transform:  rotate(45deg);
}

.tracking-reporting-overview > li:hover,
.banner-menu > li:hover {
    overflow: visible;
    position: relative;
}

.js .tracking-reporting-overview > li,
.tracking-reporting-overview > li:hover {
    min-height: 70px;
    height: auto;
}

.banner-menu > li:hover {
    background-color: #d37841;
}

/* the specific background images for each button */
.tracking-reporting-overview > li:nth-child(1),
.banner-menu > li:nth-child(1) {
    background-image: url('/wp-content/themes/Vertex/images/student-tracking/class-setup.png');
}
.tracking-reporting-overview > li:nth-child(2),
.banner-menu > li:nth-child(2) {
    background-image: url('/wp-content/themes/Vertex/images/student-tracking/student-tracking.png');
}
.tracking-reporting-overview > li:nth-child(3),
.banner-menu > li:nth-child(3) {
    background-image: url('/wp-content/themes/Vertex/images/student-tracking/reports.png');
}
.tracking-reporting-overview > li:nth-child(4),
.banner-menu > li:nth-child(4) {
    background-image: url('/wp-content/themes/Vertex/images/student-tracking/school-management.png');
}

.tracking-reporting-overview h3,
.banner-menu a {
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    color: #fff;
    padding-left: 20px;
}

.banner-menu a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.banner-menu a:hover {
    text-decoration: none;
}

.banner-menu .current {
}

.tracking-reporting-overview p {
    font-family: 'Open Sans', Arial, sans-serif;
    margin: 40px 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0.05em;
}

.tracking-reporting-overview .box {
    display: inline-block;
    margin: 0px;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #d37841;
    border-radius: 7px;
    letter-spacing: 0.05em;
}

.tracking-reporting-overview .box:hover {
    text-decoration: none;
}

.banner-menu + * {
    padding-top: 30px;
}

h2.title-tab{
    background: url(images/line-title.png) no-repeat;
    background-position: center bottom;
    margin-bottom: 20px;
    background-size: auto;
    width: auto;
    display: inline-block;
    clear: both;
    line-height: 24px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.single-post h2.title-tab{
    margin: 20px auto;
    display: block;
    float: none;
    width: 220px;
    padding-top: 20px;
}
.buttons-banner{padding:15px 0;}
.buttons-banner a{
    display: inline-block;
    text-align: center;
    width: 175px;
    padding: 14px 28px;
    border: 1px solid #555555;
    border-radius: 8px;
    font-size: 13px;
    font-weight: bold;
    color: #555;
    text-transform: uppercase;margin-right:15px;
}

.buttons-banner a,
.banner-description > .buttons-banner a {
    margin-bottom: 10px;
}

#content-area{
    padding: 0;

    background-color: #fff;
}

#content-area > :first-child {
    padding-top: 10px;
}
#content-area > :last-child {
    padding-bottom: 80px;
}

.home #content-area > :last-child {
    padding-bottom: 0px;
}

#content-area > #wpadminbar {
    padding-bottom: 0px;
}

.circle-menu a {
    display: inline-block;
    width: 43px;
    padding: 27px 21px 0;
    background: #bcdcd1;
    margin-right: 40px;
    font-size: 9px;
    color: #555555;
    border-radius: 110px;
    height: 54px;
    vertical-align: top;
}

.circle-menu a strong{font-size: 15px;color: #555555;}

.circle-menu a:nth-child(3) strong, .circle-menu a:nth-child(5) strong{  margin-left: -13px;}
.circle-menu a:nth-child(2) strong, .circle-menu a:nth-child(4) strong{  margin-left: -3px;}

.circle-menu{text-align: center;
             margin: 50px 0 0 0;}

.circle-menu i{font-size: 25px;
               clear: both;
               line-height: 39px;
               color: #fff;display: block;}

.circle-menu a:hover,
.buttons-banner.bottom a:hover{opacity:0.8; text-decoration: none;}
.buttons-banner.bottom a.light:hover{   /* background:#828282;  color:#fff;*/ }
.circle-menu a.home {
    background: #f0f0f0;
    color: #a2a2a2;height: 60px;
    padding: 23px 21px 0;font-size: 14px;
}

.circle-menu a.home i{ color: #a2a2a2; font-size: 50px;}

.teaching-theme.maths, .teaching-theme.peda{
    padding: 37px 20px 0;
    height: 46px;
    background:#bcdcd1!important;
}

.teaching-theme.maths strong{  font-size: 10px;
                               position: relative;
                               left: -14px;}
.teaching-theme.peda strong{
    font-size: 13px;
    position: relative;
    left: -13px;
}

.buttons-banner.bottom{text-align: center;    margin-top:-30px;padding-bottom:30px}

.buttons-banner.bottom .light{
    /*background:#d4d4d4;
    color:#555;
    border:0;*/

}

.single-post .resources-box{text-align:center;padding:40px 0;}

.resources-box .box i{
    display: block;
    position: absolute;
    right: 35%;
    bottom: -18px;
    background: #c2c2c2;
    color: #818181;
    padding: 10px 13px;
    font-size: 15px;
    text-align: center;
    margin: 0 auto;
    border-radius: 100px;
}

.resources-box .box.download i{font-size: 25px;padding: 5px 8px;}

.resources-box.category{
    display: inline-block;
    clear: none;
    vertical-align: top;
    width: 14%;
    max-width: 240px;
}

.banner-description {
    padding: 0;
}

.banner-description > div {display: inline-block;  vertical-align: top;  width: 70%;}
.banner-description > div:nth-child(2){text-align:left;}

.bottom-text{
    width: 80%;
    margin: 40px auto 0;
    /* max-width: 980px;*/
    text-align: left;
    font-weight: bold;
    /*border: 2px dashed #818181;*/
    clear: both;
    padding: 20px;

    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.teaching-theme .bottom-text{
    background: #f3d0cf;
}
.learning-theme .bottom-text {
    background: #c9e3da;
}
form[name="loginform"]{position: relative;}
form[name="loginform"] .status{    font-size: 11px;
                                   position: absolute;
                                   top: -21px;
                                   width: 480px;
                                   line-height: 10px;
                                   padding: 4px 2px;
                                   font-weight: bold;
                                   height: 10px;
                                   display: block;
                                   color: red;
                                   border-radius: 7px;
                                   leftx: 36px;}


/*******************************************/
/********* LEARNING  *************/
/*******************************************/
.et-tabs-control a{cursor: pointer;}
.learning-theme .custom-tabs, .learning-theme .custom-tabs.tabs-left, .learning-theme .tabs-left .et-tabs-content, .learning-theme .tabs-left{background: #f2faf6;}
.learning-theme{padding: 0 0 80px;}
.learning-theme .tabs-left .et-tabs-control li a:hover, .tabs-left .et-tabs-control li.active a, .tabs-left .et-tabs-control li a{
    color:#000!important;
    text-shadow:none;
    background: #d7e8e0!important;
}
.learning-theme .tabs-left .et-tabs-control li.active a, .tabs-left .et-tabs-control li a:hover{
    background:#f2faf6!important;
    font-weight:500;
}

.learning-theme > div.fullwidth{
    background:#c2e2d7;
}

.learning-theme .custom-tabs .et_left_tabs_bg{
    border-right: 0;
    border-left: 0;
    background: #c2e2d7!important;
}

.learning-theme .custom-tabs .tabs-left .et-tabs-control li.active a {
    background: #f2faf6;
}

.learning-theme .resources-box a:hover{background:#88bdab; text-decoration:none;}
.learning-theme .resources-box a:hover i{color:#88bdab; background:#888}

#top-area {
    background-color: #f2f2f2;
}

#top-area .container{text-align:center;}
#top-area .banner-name.title, h2.page-title{
    margin-bottom: 8px;
    margin-top: 20px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.075em;
}

#top-area .banner-name.title span{font-weight: normal;}

.hub-page.learning-theme .buttons-banner a.current{  border: 1px solid #555555;  color: #555;background: transparent;}
.learning-theme .buttons-banner a.current, .learning-theme .buttons-banner a:hover, .hub-page.learning-theme .buttons-banner a:hover{
    border:1px solid #88bdab;
    background:#88bdab;
    color:#fff;
    text-decoration: none;
}
.circle-menu a.learning-theme {
    background: #bcdcd1;
    color: #555555;
}


.fixed-width{
    max-width: 960px;
    margin: 0 auto;
}

.fixed-width > div {text-align: left;}

/*******************************************/
/********* TEACHING  *************/
/*******************************************/
.circle-menu a.teaching-theme {
    background: #efbdbc;
    color: #555555;
}

.teaching-theme > div.fullwidth {
    background: #eebcbb;
}

.teaching-theme .resources-box a:hover{background:#efbdbc; text-decoration:none;}
.teaching-theme .resources-box a:hover i{color:#efbdbc; background:#888}


.teaching-theme .buttons-banner a.current, .teaching-theme .buttons-banner a:hover{
    border:1px solid #efbdbc;
    background:#efbdbc;
    color:#fff;
    text-decoration: none;
}

.teaching-theme .custom-tabs, .teaching-theme .custom-tabs.tabs-left, .teaching-theme .tabs-left .et-tabs-content {
    background: #fbf6f6;
}

.teaching-theme .tabs-left .et-tabs-control li a:hover, .teaching-theme .tabs-left .et-tabs-control li.active a, .teaching-theme .tabs-left .et-tabs-control li a{
    background:#f4dcdc!important;
}

.teaching-theme .tabs-left .et-tabs-control li.active a, .teaching-theme .tabs-left .et-tabs-control li a:hover {
    background: #fbf6f6!important;
    font-weight: 500;
}

.teaching-theme .custom-tabs .et_left_tabs_bg {
    border-right: 0;
    border-left: 0;
    background: #eebcbb!important;
}

.posts-list ol{
    list-style-type:none;
    margin-left: 0px;
}
.posts-list li{padding-bottom:14px;}
.posts-list li a{
    color:#555555;
    font-size: 14px;
    font-weight:200;
}
.posts-list li a:hover {
    text-decoration: none;
    color:#000;
}

.teaching-theme
/*******************************************/
/****************** PEDAGOGY / PAGE *****************/
/*******************************************/

.pedagogy-theme .custom-tabs .et_left_tabs_bg, .pedagogy-theme .tabs-left .et-tabs-control{
    background: #d4d4d4;
}

.pedagogy-theme .custom-tabs, .pedagogy-theme .custom-tabs.tabs-left, .pedagogy-theme .tabs-left .et-tabs-content{
    background: #f2f2f2;
}

.pedagogy-theme .tabs-left .et-tabs-control li a:hover, .pedagogy-theme .tabs-left .et-tabs-control li.active a, .pedagogy-theme .tabs-left .et-tabs-control li a
{background: #dddddd!important;}
.pedagogy-theme .tabs-left .et-tabs-control li.active a{
    background: #f2f2f2!important;
}

.pedagogy-theme .resources-box a:hover {
    background: #d37841;
    text-decoration: none;
}

.pedagogy-theme .resources-box a:hover i{
    color: #d37841;
    background: #888;
}

.clearfix:after {
    content: '';
    visibility: hidden;
    display: block;
    clear: both;
}

.pedagogy-theme .fullwidth.clearfix > div{padding:20px 0;}

.mathematics .et-tabs-content-wrapper div:not(:first-child) h2.title-tab{background-image: url(images/line-title.png); background-size: 75%;
                                                                         background-position: center bottom;
                                                                         padding-bottom: 10px;}
.woocommerce-checkout .pedagogy-theme .fullwidth.clearfix > div{padding:0;}

.page-id-1102 .pedagogy-theme > div.fullwidth,
.page-id-1102 .et_left_tabs_bg{background:#d4d4d4!important;border-left: 1px solid #d4d4d4;}
.page-id-1102 .tabs-left{background:#f2f2f2;}
.page-id-1102 .fullwidth.clearfix > div{background: #fff;
                                        padding: 0;}

.order-again{display:none;}

/************** CHECKOUT ****************/
.woocommerce-checkout .pedagogy-theme > div.fullwidth{background:#fff;}
.woocommerce-checkout #opc-product-selection{background:#f2f2f2;}
/*.woocommerce-checkout .opc-pricing-table-wrapper{width: auto;
    float: left;
    margin: 0 auto;
    displaY: inline-block;
    position: relative;
    left: 37%;
    padding: 40px 0;
}*/

.page-id-890.woocommerce-checkout .opc-pricing-table-wrapper{left: 29%;padding:30px 0;}

.opc-pricing-table-wrapper > div:nth-child(2){

}
.opc-wrapper{
    display: block;
    margin: 0 auto;
    position: relative;
    width: auto;
    text-align: center;
}
.woocommerce-checkout .opc-pricing-table-product{
    width: 243px;
    border: 1px solid #acacac;
    background: #fff;
    margin-top: 10px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
}

.woocommerce .col2-set, .woocommerce-page .col2-set, #order_review_heading, #order_review, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error{
    padding: 30px 0;
    max-width: 920px;
    margin: 0 auto!important;
}

#order_review_heading{padding:0;}

.opc-pricing-table-product-attributes, .opc-pricing-table-product-dimensions{border-top:0;padding-top: 1em;}
.opc-pricing-table-product-attributes > *{
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    padding: 9px 0 !important;
}

.opc-pricing-table-product-attributes > *:nth-child(odd) {
    background:#555555;
}
.opc-pricing-table-product-attributes > *:nth-child(even) {
    background:#5f5f5f;
}
.opc-pricing-table-product-price .subscription-details,.opc-pricing-table-product-price p {
    font-size: 12px;
    line-height: 25px;
}

.opc-pricing-table-product-price .amount{font-size: 30px;
                                         font-weight: 700;
                                         color: #d37841;line-height: 32px;display:block}
.wc-south.opc-complete-order{display:none}
.opc-pricing-table-product-price {
    font-size: 1.5em;
    line-height: 1em;
    width: 90px;
    margin: 5px auto;
    display: block;
    background: #ebebeb;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 22px 10px 0;
    height: 86px;
    border: 7px solid #fff;
}


.opc-pricing-table-product-title {
    font-size: 14px;
}

.price-text{font-weight: 600;
            line-height: 16px;
            font-size: 11px;}
.after-price{  margin-top: -7px;
               font-size: 12px;
               font-weight: 600;
               line-height: 15px;
               padding: 0 20px;}
.price-text span{font-weight: 400;clear:both;display:block;line-height: 16px;  font-size: 11px;}

#top-menu .social-bar a.button,
.login-bar a.button, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button
,.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover,
.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt,
a.button.orangebg{
    margin: 0;
    line-height: 1em;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    overflow: visible;
    padding: 11px 24px;
    text-decoration: none;
    -webkit-border-radius: 2px;
    left: auto;
    color: #FFF;
    text-shadow: none;
    border: 1px solid #d37841;
    background: #d37841;
    background: -webkit-gradient(linear,left top,left bottom,from(#d37841),to(#d37841));
    background: -webkit-linear-gradient(#d37841,#d37841);
    background: -moz-linear-gradient(center top,#d37841 0,#d37841 100%);
    background: -moz-gradient(center top,#d37841 0,#d37841 100%);
    white-space: nowrap;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 13px;
    border-radius: 8px;
}

.login-bar a.button{
    color: #FFF!important;
    padding: 11px 3%!important;
}

a.button:hover, .login-bar a.button:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover,
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover{
    background: #FFF;
    background: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#FFF));
    background: -webkit-linear-gradient(#FFF,#FFF);
    background: -moz-linear-gradient(center top,#FFF 0,#FFF 100%);
    background: -moz-gradient(center top,#FFF 0,#FFF 100%);
    text-decoration: none;
    border: 1px solid #b4b4b5;
    color: #585858;
}

.login-bar a.button:hover{
    border: 1px solid #b4b4b5!important;
    color: #585858!important;
}

.woocommerce #payment, .woocommerce-page #payment{background:#fff;}
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods, .woocommerce table.shop_table, .woocommerce-page table.shop_table{border-radius: 0;border: 1px solid #acacac;}
.woocommerce table.shop_table tr, .woocommerce-page table.shop_table tr{border-bottom: 1px solid #acacac;border-radius: 0;}

.woocommerce table.shop_table thead th, .woocommerce-page table.shop_table thead th{background:#ebebeb;}
.checkout-pric-bg {
    background: #cccccc;
    padding: 10px 0 0;
    height: 85px;
    margin-bottom: 130px;
    position:relative;
}

.page-id-874 .checkout-pric-bg {  margin-bottom: 70px;}

.opc-pricing-table-product-header {
    padding: 0;
}

#cc-cvc{padding: 10px 5px;}

.choose-sub{
    margin-bottom: 8px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-align:center;
    padding-top: 20px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea{
    border: 1px solid #a5a5a5;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label,
.woocommerce-page #order_review.opc_order_review .product-details,.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th
,.woocommerce-page table.shop_table tfoot td strong{color:#555555}
.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row{padding:1em 0;}

.quantity_select{float: none!important;
                 text-align: center;}
.quantity_select select{height: 33px;
                        font-size: 11px;}

.most-pop{
    position:absolute;
    left:0;
    top:0;
    width: 76px;
}

.opc-pricing-table-product .quantity.buttons_added{visibility:hidden;position:absolute;}

#et-login .et-protected{
    margin:50px auto;
}

.header-message{text-align:center;}
.woocommerce .order_details, .woocommerce-page .order_details{padding: 20px;
                                                              background: #f5f6f8;
                                                              text-align: center;}
.woocommerce .order_details li, .woocommerce-page .order_details li{float: none;display: inline-block;
                                                                    vertical-align: top;}
.woocommerce .order_details li .refunded-total{color: #a00;}

.woocommerce .order_details h3{font-weight: 600; font-size:17px;padding:0 0 10px 0;}
.customer_details{min-width: 500px;
                  display: inline-block;
                  vertical-align: top;}

.page-id-6 .woocommerce p{text-align:center;padding-bottom:10px;}
.order_item a{color: #555555;}
.quantity_select p{font-size:11px;}

/*******************************************/
/*************** SPECIFIC PAGES ***********/
/*******************************************/

.single .resources-box a:hover{background: #ccc;}
.page-id-123 .resources-box a {
    width: 150px;
    min-height: 50px;
    font-size: 16px;
    line-height: 19px;
    margin: 0 auto;
}
.page-id-123 .resources-box a:nth-child(2) {
    padding-top: 19px;
    min-height: 49px;
}

.page-id-123 .resources-box > div {
    display: inline-block;
    width: 25%;
    font-size: 13px;
    text-align: center;
    vertical-align: top;
}

.page-id-123 .resources-box > div:nth-child(2) {
    width: 30%;
}

.page-id-123 .resources-box > div img {
    display: block;
    margin: 0px auto;
    padding-bottom: 15px;
}

.page-id-123 .resources-box > div:nth-child(2) img {
    padding-top: 5px;
}

.page-id-123 .resources-box span {
    display: block;
    /* border-bottom: 1px dashed; */
    padding-bottom: 8px;
    margin-bottom: 8px;
    color: #555555;
}

.page-id-123 #top-area {
    padding: 30px 0 0;
}

.page-id-123 .single-post .resources-box {
    text-align: center;
    padding: 20px 0;
}

.page-id-123 #content-area {
    padding: 10px 0 0px;
}
.teacher-registration > div.fullwidth{background:#fff;}
.teacher-registration .gform_wrapper ul li.gfield{clear:none;min-height:94px;}
#field_1_2{min-height:100%;}
.teacher-registration #gform_wrapper_1{max-width: 980px;  margin: 0 auto;}
#field_1_1{
    padding: 20px 0 30px;
    text-align: center;
    background: #d4d4d4;
    margin: 0;
    width: 100%;
}
#field_1_1 input{
    width: 140px;
    height: 30px;margin-top: 6px;
    text-align: center;
    font-size: 14px;
    color: #d4d4d4;}

.float-left,.float-right{float:left; vertical-align:top;min-height: 79px;}
li#field_1_14 > * {
    display: inline-block;
    vertical-align: top;
}

.teacher-registration .gform_wrapper .gform_footer{text-align: right;}
.gform_wrapper select{height: 26px;margin-top: 0;}

.page-id-27 .fullwidth{text-align:center}
.page-id-27 #top-area{padding: 20px 0 0 0;}

.quote {


    background-color: #f2f2f2;

}

.quote div {
    max-width: 360px;
    background: url(/wp-content/themes/Vertex/images/quote1.png) left top no-repeat, url(/wp-content/themes/Vertex/images/quote2.png) right bottom no-repeat;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 30px 120px; background-size: 90px;
}

.page-id-27 table{max-width: 980px;
                  margin: 0 auto;
                  text-align: left;}

.page-id-27 .fullwidth ul{list-style: disc;margin-left: 20px;}

.search-results #sidebar,.search-results .meta-info {display:none!important;}
.search-results #main-area {
    float: none!important;
    margin-right: 60px!important;
    width: 100%!important;
    margin: 0 auto!important;
    max-width: 980px!important;
}

.search-results .alt-description h2 a {
    color: #555555!important;
    font-size: 20px;
    font-weight: 600;
}
.search-results .alt-description h2{padding: 0!important;}

.search-results .alt-description{margin-bottom:0;}

.search-results article.entry{
    margin-bottom: 15px;
    border-bottom: 1px solid #555555;
    padding-bottom: 15px;
}

.error404 #main-area p{font-size:16px;
                       text-align:center!important;
                       margin:20px 0;
                       font-weight:500}

/*******************************************/
/****************** DASHBOARD *****************/
/*******************************************/

.dashboard {
    background-color: #f2f2f2;
    color: #555;
}

.dashboard,
.dashboard p,
.dashboard li {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.dashboard .title-tab{
    width: 100%;
    margin: 30px 0 0px;
    font-size: 30px;
    letter-spacing: 0.075em;
    line-height: 50px;
    font-weight: 600;
    background: none;
    text-align: center;
    text-transform: uppercase;
}

.dashboard #main-area {
    background-color: #fff;
    padding-bottom: 30px;
}

.dashboard h2.page-title{font-size:18px;}

.dashboard h2 {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-transform: uppercase;
}

.dashboard h3 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.subscription-dets > div{
    text-align: left;
    padding: 10px 0;
    background: #fff;
    width: 100%;
    margin: 10px 0;
    float: left;
}
.subscription-dets{margin:0; width:100%;}

.subscription-dets h2, .page-title.assigned{text-align:left;}
.page-title.assigned{padding: 20px 0 0 0;
                     clear: both;}

.subscription-dets > div > div p{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.subscription-dets > div > div:last-child {
    text-align:right;
}

#main-area .main-wrapper {
    max-width:980px;
    margin: 0 auto;
}

/*
 * New subscription-magagement styling
 *
 * NOTE: much of this was copied from the Primary Maths website, but
 * made specific to subscription management on this site.
 *
 * Also, I apologize for the terrible coding here, but I don't have
 * much time for this job, and everything else is already a mess
 * anyway.
 */

.dashboard .banner-menu {
    margin-top: 10px;
}

.dashboard .banner-menu > li {
    width: 315px;
    height: 60px;
    min-height: 0px;
    max-width: 31%;
}

.dashboard .banner-menu > li:first-child {
    margin-left: 0px;
}

.dashboard .banner-menu li:nth-child(n) {
    background-image: none;
}

.dashboard .banner-menu li a {
    padding-top: 25px;
    padding-left: 10px;
}

.dashboard h3 {
    display: block;
    clear: both;
    font-size: 20px;
    line-height: 30px;
    margin: 20px 0px 10px;
}

.dashboard h4 {
    font-size: 18px;
    line-height: inherit;
    font-weight: bold;
    margin: 4px 0px;
}

.dashboard
h5 {
    font-size: 16px;
    line-height: inherit;
    font-weight: 600;
    margin: 0px;
}

.dashboard
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0px;
}

.dashboard .payments {
    width: 100%;
    table-layout: fixed;
}

.dashboard .payments,
.dashboard .payments * {
    font-size: 16px;
}

.dashboard .payments thead {
    font-weight: bold;
    color: #000;
}

.dashboard .payments tr {
    height: 45px;
    border-color: #dbdbdb;
    border-width: 1px;
    border-bottom-style: solid;
}

/* if there's a row as the first child, it should have a border on the
top too */
.changes .payments > tbody:first-child tr,
.changes .payments > tr:first-child {
    border-top-style: solid;
}

.dashboard .payments td:nth-child(odd) {
    text-align: left;
    width: 80%;
}

.dashboard .payments td:nth-child(even) {
    text-align: right;
    width: 20%;
}

.dashboard .payments .total {
    height: 55px;
}

.dashboard .payments .total,
.dashboard .payments .total * {
    text-align: right;
    font-size: 20px;
}

.dashboard form,
.dashboard .section {
    padding: 10px 20px 0px;
    margin: 10px 0px 20px;

    background-color: #f1f1f1;
}

.dashboard .section:after,
.dashboard form:after {
    content: '';
    display: table;
    clear: both;
}

.dashboard .section {
    padding-top: 30px;
    padding-bottom: 30px;
}

.dashboard .section #primary-maths-logo {
    margin-top: 10px;
}

.dashboard fieldset {
    margin: 0px;
    padding: 0px;
    padding-bottom: 20px;
    border: 0px;
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
}

.dashboard fieldset * {
    text-align: left;
}

.dashboard fieldset:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.dashboard legend {
    width: 100%;
    float: left;
    font-size: 25px;
    line-height: 50px;
    letter-spacing: -0.01em;
    font-weight: 600;
    text-transform: uppercase;
}

.dashboard label,
.dashboard .group {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 25px;
    width: 31.5%;
    font-weight: bold;
    color: #000;
}

.dashboard .batch_licenses label{
    width: 23%;
    vertical-align: top;
}

.batch_licenses input[type="checkbox"]{
    margin-top:10px;
}

.dashboard .group label {
    width: 46%;
    margin-bottom: 0px;
}

.dashboard .group label:last-child {
    float: right;
}

.dashboard .group:after {
    content: '';
    display: table;

}

/* update credit-card button */
.dashboard .update,
.dashboard .group .update {
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
}

.dashboard .wide {
    display: inline-block;
    width: 63%;
}

.dashboard button,
.dashboard .btn,
.dashboard select,
.dashboard input {
    height: 55px;
}

.dashboard .add-more,
#content-area .dashboard .add-more {
    margin-top: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dashboard button,
.dashboard .btn,
.dashboard input[type="button"],
.dashboard input[type="reset"],
.dashboard .btn-white,
.dashboard input[type="submit"] {
    display: inline-block;
    float: right;
    margin: 0px;
    padding: 0px 60px;
    border: none;
    border-radius: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;

    text-align: center;
    font-size: 15px;
    letter-spacing: 0.04em;
    font-weight: bold;
    text-transform: uppercase;

    background: #d37841;
    color: #fff;
}

.dashboard input[type="reset"],
.dashboard .cancel,
.dashboard .cancel:visited,
.dashboard .btn.cancel,
.dashboard .btn.cancel:visited,
.dashboard input.cancel,
.dashboard .btn-white {
    background: #fff;
    color: #ec747d;
    width: 31.5%;
    padding: 0px;
}

.dashboard .cancel.btn {
    box-sizing: border-box;
    padding: 0px;
}

.dashboard .btn {
    display: inline-block;
    line-height: 55px;

    /* make sure borders don't throw off line-height */
    box-sizing: content-box;
    text-decoration: none;
}

.dashboard .default-btn {
    background-color: #f3f3f3;
    border-color: #ccc;
    color: #ed9035;
}

.dashboard button.default-btn:hover,
.dashboard button.default-btn:active,
.dashboard button.default-btn:focus {
    background-color: #f6f6f6;
    color: #fda045;
}

.dashboard .btn-block {
    display: block;
    width:100%;
}

.dashboard button:hover,
.dashboard .btn:hover,
.dashboard input[type="button"]:hover,
.dashboard input[type="submit"]:hover {
    background: #e38851;
}

.dashboard input[type="reset"]:hover,
.dashboard input[type="reset"]:active,
.dashboard input[type="reset"]:focus,
.dashboard .cancel:hover,
.dashboard .cancel:active,
.dashboard .cancel:focus,
.dashboard input.cancel:hover,
.dashboard input.cancel:active,
.dashboard input.cancel:focus,
.dashboard .btn-white:hover,
.dashboard .btn-white:active,
.dashboard .btn-white:focus {
    background: #fff;
    color: #fc848d;
    width: 31.5%;
}

.dashboard .btn-white:focus,
.dashboard .btn-white:active,
.dashboard .btn-white:hover{}
.dashboard button:focus,
.dashboard .btn:focus,
.dashboard input[type="button"]:focus,
.dashboard input[type="reset"]:focus,
.dashboard input[type="submit"]:focus,
.dashboard button:active,
.dashboard .btn:active,
.dashboard input[type="button"]:active,
.dashboard input[type="reset"]:active,
.dashboard input[type="submit"]:active {
    background: #e38851;
}

.dashboard .btn:visited {
    color: #f3f3f3;
}

.dashboard input[type="text"],
.dashboard input[type="email"],
.dashboard input[type="url"],
.dashboard input[type="password"],
.dashboard input[type="search"],
.dashboard select,
.dashboard textarea {
    box-sizing: border-box;
    width: 100%;
    margin-top: 3px;
    border: none;
    border-radius: 3px;
    padding-left: 10px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: inherit;
    font-weight: 600;
    color: #555;
}

.dashboard select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url('images/icons/arrow-down.png');
    background-repeat: no-repeat;
    background-position: 93% 50%;
}

.dashboard input:disabled {
    background-color: #e2e2e2;
}

.dashboard input[type="text"]:focus,
.dashboard input[type="email"]:focus,
.dashboard input[type="url"]:focus,
.dashboard input[type="password"]:focus,
.dashboard input[type="search"]:focus,
.dashboard textarea:focus {
    color: #111;
}

.dashboard input[type="text"],
.dashboard input[type="email"],
.dashboard input[type="url"],
.dashboard input[type="password"],
.dashboard input[type="search"] {
}

.dashboard ::-webkit-input-placeholder  { color: #aaa; }
.dashboard :-moz-placeholder            { color: #aaa; opacity: 1; }
.dashboard ::-moz-placeholder           { color: #aaa; opacity: 1; }
.dashboard :-ms-input-placeholder       { color: #aaa; }

.dashboard input[type="radio"],
.dashboard input[type="checkbox"] {
    display: inline-block;
    width: 38px;
    height: 38px;
    margin-right: 10px;
    border: #d6d5d5 1px solid;
    vertical-align: middle;

    background: #f1f1f1;
}

.dashboard input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
}

.dashboard input[type="radio"]:checked {
    background-image: url('images/icons/radio.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

@media (min-resolution: 2dppx),
(min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2) {
    .dashboard input[type="radio"]:checked {
        background-image: url('images/icons/high-res/radio.png');
    }
}

.dashboard textarea {
    padding-left: 3px;
    width: 100%;
}

.dashboard form ul {
    padding: 0px 0px 20px;
}

.dashboard form li {
    list-style-type: disc;
    margin-left: 1.3em;
    margin-bottom: 0px;
}

.dashboard form li:last-child {
    margin-bottom: 0px;
}

.dashboard form li label {
    width: 100%;
}

.dashboard .renew.btn,
.dashboard button.renew {
    margin-top: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dashboard .access-keys {
    display: block;
    width: 49%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: top;
}

.dashboard .access-keys:nth-of-type(even) {
    float: right;
}

.dashboard .access-keys:after {
    content: '';
    display: block;
    clear: both;
}

.dashboard .access-keys h4 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin: 0px;
}

.dashboard .access-keys p {
    margin: 0px;
}

.dashboard .access-keys .btn,
.dashboard .access-keys button {
    float: left;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    color: #555;
}

.dashboard .access-keys .btn {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dashboard .access-keys button:hover,
.dashboard .access-keys .btn:hover,
.dashboard .access-keys button:active,
.dashboard .access-keys .btn:active,
.dashboard .access-keys button:focus,
.dashboard .access-keys .btn:focus {
    background-color: #fff;
    color: #777;
}

.dashboard .help {
    margin-bottom: 20px;
    padding: 15px;
    padding-bottom: 10px;
    background-color: #e4e4e4;
}

.dashboard .help strong,
.dashboard .help p {
    font-size: 16px;
    color: #2f485b;
}

.dashboard .help strong {
    color: #ec747d;
}

#content-area .dashboard .message {
    margin-top: -10px;
    padding: 7px 0px 4px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #403f3f;
}

#content-area .dashboard form .message {
    text-align: left;
}

.dashboard .message a {
    color: #403f3f;
    text-decoration: underline;
}

.dashboard .error {
    color: #ec747d;
    font-weight: 500;
    margin: 0px;
}

#content-area .dashboard .error.message {
    color: #403f3f;
    background-color: #efbdbc;
}

#content-area .dashboard form .error.message {
    padding-left: 10px;
    border-radius: 10px;
    background-color: transparent;
}

.dashboard .error.message:before {
    content: url('images/icons/error.png');
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.dashboard fieldset.single label {
    margin-top: 10px;
    margin-bottom: 0px;
}

.dashboard fieldset.entry {
    display: table;
    margin-bottom: 15px;
    padding: 10px;
    table-layout: fixed;
    background: #fff;
}

.dashboard fieldset.entry > * {
    display: table-cell;
    width: auto;
    vertical-align: bottom;
    font-size: 15px;
    margin-bottom: 0px;
}

.dashboard fieldset.entry.teachers > * {
    display: block;
    float: left;
    clear: none;
    margin-bottom: 0px;
}

.dashboard fieldset.entry.teachers > :last-child {
    float: right;
    width: 22%;
}

.dashboard fieldset.entry.teachers > :last-child > input,
.dashboard fieldset.entry.teachers > :last-child > select {
    width: 100%;
}

.dashboard fieldset.entry:after {
    content: none;
}

.dashboard fieldset.entry input,
.dashboard fieldset.entry select,
.dashboard fieldset.entry textarea,
.dashboard fieldset.entry button,
.dashboard fieldset.entry .btn {
    box-sizing: border-box;
    border-radius: 3px;
    height: 39px;
    margin: 0px;
    line-height: 39px;
}

.dashboard fieldset.entry > button,
.dashboard fieldset.entry > .btn {
    width: 20%;
    max-width: 79px;
    padding: 0px;
}

.dashboard fieldset.entry .spacer,
.dashboard fieldset.entry .remove.btn {
    width: 148px;
    height: 39px;
    max-width: 100%;
}

.dashboard fieldset.entry .remove.btn {
    background-image: url('images/icons/red-cross.png');
}

.dashboard fieldset.entry label.remove.btn,
.dashboard fieldset.entry label.remove.btn:hover,
.dashboard fieldset.entry label.remove.btn:active,
.dashboard fieldset.entry label.remove.btn:focus {
    float: none;
    text-align: center;
    padding-right: 25px;
    padding-left: 0px;
}

/* if a label is pretending to be a button, its child input should be hidden */
.dashboard fieldset.entry label.remove.btn input {
    display: none;
}

.dashboard fieldset.entry input[type="text"],
.dashboard fieldset.entry input[type="email"],
.dashboard fieldset.entry input[type="url"],
.dashboard fieldset.entry input[type="password"],
.dashboard fieldset.entry input[type="search"],
.dashboard fieldset.entry select,
.dashboard fieldset.entry textarea {
    background-color: transparent;
    border: #e1dfdf 1px solid;
    width: 180px;
    max-width: 90%;
}
.dashboard fieldset.entry input.email_input{
    width: 300px;
}
.dashboard input.display,
.dashboard fieldset.entry input.display {
    border: 0px;
    padding-left: 0px;
    cursor: default;
    width: 140px;
}

.dashboard label.display{
    color:#798792;
    font-size:15px;
    font-weight:normal;
}

.dashboard fieldset.entry input.contact_person{
    width: 112px;
}
.dashboard fieldset label.text-only{
    line-height: 37px;
    float: left;
    padding-left: 0;
}

.dashboard fieldset .default-btn {
    float: right;
}

.dashboard .remove.btn,
.dashboard label.remove.btn,
.dashboard .remove.btn:hover,
.dashboard .remove.btn:active,
.dashboard .remove.btn:visited {
    width: 148px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
    padding-right: 25px;
    font-size: 16px;
    line-height: 39px;
    text-align: left;
    vertical-align: middle;
    background: #f1f1f1 url('images/icons/red-cross.png') no-repeat 90% 50%;
    color: #ec747d;
}

@media (min-resolution: 2dppx),
(min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2) {
    .dashboard .remove.btn {
        background-image: url('images/icons/high-res/red-cross.png');
    }
}

.dashboard .close {
    text-indent: 100%;
    white-space: nowrap;
    background: transparent url('images/icons/close.png');
    width: 35px;
    height: 35px;
    padding: 0px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.page-template-page-dashboard #fancybox-close {
    top: 15px;
    right: 15px;
    width: 31px;
    height: 31px;
    background-image: url('images/icons/close-grey.png');
    background-size: 31px;
    background-position: 0px 0px;
}

.page-template-page-dashboard #fancybox-overlay {
    opacity: 0.675 !important;
    background-color: #000 !important;
}

#fancybox-outer.dashboard {
    border-radius: 3px;
    background: #f1f1f1;
}

#fancybox-outer.dashboard .fancybox-bg {
    display: none;
}

#fancybox-outer.dashboard #fancybox-content {
    border-color: #f1f1f1;
    border-style: none;
    margin-right: 0px !important;
    min-width: 100%;
}

.changes {
    /* NOTE: the dimensions are set here to give fancybox a hint about the
         ultimate size of the box, without constraining it to this
         size */
    width: 488px;
    height: 500px;
    max-width: 100%;
    margin: 10px 0px 20px;
    padding: 10px 20px 0px;
    background-color: #f1f1f1;
}

/* remove the explicit sizes (see .changes above) when the
   form is within the fancybox */
#fancybox-outer .changes {
    width: auto;
    height: auto;
}

.changes,
.changes * {
    box-sizing: border-box;
    font-size: 15px;
}

.changes h3 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 600;
}

.changes h3 + p {
    margin-top: 2em;
}

.changes p {
    margin: 0em 0px;
}

.changes p + button,
.changes p + .btn,
.changes p + input[type="submit"] {
    margin-top: 1.5em;
}

.changes label + h3 {
    margin-top: 30px;
}

.changes img {
    margin: 10px 0px 15px;
    margin-right: 40px;
    vertical-align: middle;
}

.changes label,
.changes .group {
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.changes .group {
    text-align: justify;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.changes .group:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.changes label input,
.changes label select {
    width: 100%;
    letter-spacing: -0.01em;
    font-weight: 600;
    color: #798792;
}

.changes .group label select {
    background-position-x: 88%;
}

.changes .group label {
    display: inline-block;
    float: none;
    width: 27.5%;
    margin: 0px;
    vertical-align: baseline;
    text-align: left;
}

.changes .group label:last-child {
    float: none;
}

.changes .group button {
    width: 48%;
}

.changes .group button:after {
    margin-left: 10%;
    vertical-align: middle;
}

.changes input[type="submit"],
.changes button {
    float: none;
    width: 100%;
    border-radius: 3px;
    background-color: #ed9035;
}

.changes input[type="submit"]:hover,
.changes button:hover,
.changes input[type="submit"]:active,
.changes button:active,
.changes input[type="submit"]:focus,
.changes button:focus {
    background-color: #fda045;
}

.changes .help {
    float: right;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    font-size: 15px;
    color: #e29204;
}

#response .message {
    padding: 20px;
    font-size: 20px;
    letter-spacing: 0.03em;
}


.summary {
    padding: 20px 0px;
}

.summary:after {
    content: '';
    display: block;
    clear: both;
}

.summary,
.summary * {
    font-size: 15px;
    line-height: 26px;
}

.summary dt {
    box-sizing: border-box;
    float: left;
    width: 80%;
    margin: 0px;
    font-weight: normal;
    margin-bottom: 10px;
}

.summary dd {
    box-sizing: border-box;
    float: right;
    width: 20%;
    margin: 0px;
    margin-bottom: 10px;
    text-align: right;
}


/*
 * End subscription management pages
 */


.print-copy {
    padding: 40px 20px;
    width: 96%;
    margin: 10px 0;
    text-align: center;
}

.print-copy .button.download{
    font-size: 16px;
    padding: 20px 30px 20px 60px;
    background: url(/wp-content/themes/Vertex/images/button-download.png)no-repeat 17px #808082;
    background-size: 26px;
    top: 30px;
    position: relative;
    color:#fff;
}

.print-copy .button.download:hover{background-color:#3c3c3c;color:#fff;}
.assigned-licenses, .class-management table{
    width: 100%;
    margin: 10px 0 20px;
    border-radius: 10px;
    overflow: hidden;
}

.print-copy {
    font-size: 15px;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.01em;
    color: #555;
}

.print-copy h2 {
    font-weight: bold;
}

#dashboard_form td, .class-management table td {
    padding: 15px 5px;
    font-size:13px;
    color:#000;
}
#dashboard_form tr:nth-child(odd), .class-management table tr:nth-child(odd){
    background:#e7e7e7;
}

#dashboard_form tr:nth-child(even), .class-management table tr:nth-child(even){
    background:#e1e1e1;
}
#dashboard_form td:nth-child(1){
    font-weight:800;
    color:#959494;
}

#dashboard_form tr:last-child, .class-management table tr:last-child{  background:#d7d7d7;  }

.assigned-licenses thead td, .class-management table thead tr:first-child td{
    background: #838383;
    color: #fff!Important;
    font-weight:800;
    text-transform:uppercase;
}
#dashboard_form input#submit, .class-management table input#submit{
    background: #FFF;
    color: #808082;
}
#dashboard_form input#submit:hover, .class-management table input#submit:hover{
    background: #808082;
    color: #fff;
}

#content-area.home-theme{
    padding:0 ;
}

.home-theme .black-bar{
    background: #353535;
    text-align: center;
    padding: 15px 0;
    margin-top:-2px;
}

.home-theme .black-bar span, .home-theme .black-bar{
    font-size: 23px;
    color: #fff;
    font-weight: 700;

}

.home-banner img {
    width: 100%;
}

#content-area .slides {
    width: 100%;
    background: #f1f1f1;
}

#content-area .slides .slide {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 25%;
}

#content-area .slides .background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    height: auto;
    max-width: 20%;
    max-height: 90%;
    margin: auto;
}

#content-area .slides .background:nth-of-type(odd) {
    left: -65%;
}

#content-area .slides .background:nth-of-type(even) {
    right: -65%;
}

#content-area .slides .content {
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: auto;
    width: 40%;
    border-radius: 4px;
    margin: 60px auto;
    text-align: center;
    font-weight: bold;
    background-color: #41c1aa;
    padding: 44px 30px;
    color: #fff;
}

#content-area .slides .content h1,
#content-area .slides .content h2,
#content-area .slides .content h3,
#content-area .slides .content p,
#content-area .slides .content * {
    color: #fff;
}

#content-area .slides .content :first-child {
    margin-top: 0px;
}

#content-area .slides .content h1 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
}

#content-area .slides .btn {
    box-sizing: border-box;
    display: block;
    width: 162px;
    margin: 30px auto 0px;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: inherit;
    text-align: center;
    letter-spacing: 0.02em;
    line-height: 45px;
    border: #fff 3px solid;
    color: #fff;
}

#content-area .slides .content.with-video .btn {
    display: inline-block;
}

#content-area .slides .content.with-video .btn:first-of-type {
    margin-right: 2%;
}

#content-area .slides .content.with-video .btn:last-of-type {
    margin-left: 2%;
}

#content-area .slides .content .video {
    background-position: 10% 50%;
    padding-left: 6%;
    padding-right: 0px;
    background-repeat: no-repeat;
}

#content-area .slides .content .video {
    background-image: url('images/icons/video.png');
}

#content-area .slides .continue:hover,
#content-area .slides .video:hover,
.slides .btn:focus {
    background-color: #0e957d;
}

/*#content-area .owl-theme .owl-page span {
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
    background: #fff;
}*/

#content-area .owl-theme .owl-dots {
    text-align: center;
}

#content-area .owl-theme .owl-dot{
    display: inline-block;
    zoom: 1;

}
#content-area .owl-theme .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #fff;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
}
#content-area .owl-theme .owl-dot.active span {
    background: #bbc3c9;
}
#content-area .owl-theme .owl-page.active span {
    background: #bbc3c9;
}

/*#content-area .owl-theme .owl-buttons div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;
    height: 50px;
    margin: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: no-repeat 50% 50%;
    background-size: 50px;
    opacity: 1;
}*/
#content-area .owl-theme .owl-nav div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;
    height: 50px;
    margin: auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: no-repeat 50% 50%;
    background-size: 50px;
    opacity: 1;
}
/*#content-area .owl-theme .owl-buttons .owl-prev {
    left: 15px;
    background-image: url('images/icons/circle-arrow-left.png');
    color:transparent;
}

#content-area .owl-theme .owl-buttons .owl-next {
    right: 15px;
    background-image: url('images/icons/circle-arrow-right.png');
    color:transparent;
}*/

#content-area .owl-theme .owl-nav .owl-prev {
    left: 15px;
    background-image: url('images/icons/circle-arrow-left.png');
    color:transparent;
}

#content-area .owl-theme .owl-nav .owl-next {
    right: 15px;
    background-image: url('images/icons/circle-arrow-right.png');
    color:transparent;
}
.owl-carousel .owl-item img{width:auto;}
.teach-learn{
    background:url(/wp-content/themes/Vertex/images/teach-learn-bg.jpg) no-repeat;
    background-size:100%;
    float:left;
    width:100%;
    padding: 40px 0;
}

.teach-learn > div{
    max-width:980px; margin:0 auto;
    text-align: center;
}

.teach-learn .black-overlay{
    box-sizing: border-box;
    display: inline-block;
    background:url(/wp-content/themes/Vertex/images/black-overlay.png) repeat;
    padding:30px;
    text-align:center;
    border-radius:10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow:hidden;
    width: 44%;
    vertical-align: top;
    float: none;
}

.teach-learn .black-overlay h2{font-size: 30px;  font-weight: 800;}
.teach-learn .black-overlay.learning h2{color:#bcdcd1; }
.teach-learn .black-overlay.teaching h2{color:#f5c3c2;}
.teach-learn .black-overlay p, .teach-learn .black-overlay strong{font-weight: 600; color:#fff;padding:0;}

.teach-learn .black-overlay a{
    display: inline-block;
    padding: 7px 12px;
    color: #555;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-bottom: 10px;
    width: 35%;
    margin-right: 5px;
    font-weight: 600;
    font-size: 12px;
}
.teach-learn .black-overlay a:nth-child(even){
    margin-right:0;
}

.teach-learn .black-overlay h2 a{
    font-size: 30px;
    font-weight: 800;
    color: #FFF;
    background: transparent;
    width: auto;
    color: #bcdcd1;
    padding: 0;
    margin: 0;
}

.teach-learn .black-overlay h2 a:hover {
    background:transparent!important;
    color: #fff!important;
}

.teach-learn .black-overlay.teaching h2 a{
    color: #f5c3c2;
}

.teach-learn .black-overlay > div{padding-top:15px;}

.teach-learn .black-overlay.learning > div.grade a:nth-child(2),
.teach-learn .black-overlay.teaching > div.grade a:nth-child(2){
    width:87%;
}
.teach-learn .black-overlay.learning > div:last-child a,
.teach-learn .black-overlay.teaching > div:last-child a{
    width:87%;
    padding: 7px 0px;margin-right: 0;
}

.teach-learn .black-overlay.learning a:hover{
    background:#bcdcd1; text-decoration:none;
}

.teach-learn .black-overlay.teaching a:hover{
    background:#f5c3c2; text-decoration:none;
}

.curriculum{clear:both;
            max-width:100%;
            margin:0 auto;
            display:block;
            padding: 0;
}

.curriculum .curriculum-wrap{  width: 980px;
                               margin: 0 auto;
                               display: block;
                               float: none;}

.curriculum h2, .testimonials h2 {
    margin-bottom: 15px;
    background-size: 100%;
    width: auto;
    display: inline-block;
    clear: both;
    line-height: 24px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

.curriculum-wrap .grid12-6{
    float: none;
    display: inline-block;
    vertical-align: top;
}

.curriculum p{
    display: inline-block;
    width: 95%;
    vertical-align: top;
    font-size: 14px;
    line-height: 21px;
    text-align: center;

}
.curriculum-wrap .grid12-4 {  width: 25%;
                              margin: 0 auto;
                              text-align: left;

                              padding: 25px 25px;
                              border: 4px dashed #e1e1e1;}

.curriculum-wrap > *{  padding: 0px 0 60px;}
.curriculum p.image{display:inline-block; width: 88px;vertical-align:top;}
.curriculum a{color:#d37841; text-decoration:underline;}

.curriculum h2{margin-bottom:5px;  padding: 0;}
.mem-tracking{clear:both}
.mem-tracking > div{position: relative;}

.mem-tracking .members, .curriculum .assess-light {
    background: url(/wp-content/themes/Vertex/images/icon-home.png) #eebcbb left no-repeat;
    background-size: auto 189%;
}

.mem-tracking > div > div{
    min-height: 242px;
}
.mem-tracking .members > div, .curriculum .assess-light > div{
    max-width: 356px;
    padding-right: 60px;
    float: right;
    padding: 30px 80px 30px 0;    text-align: center;
    min-height: 300px;
}

.mem-tracking .assess, .curriculum .members-light {
    background: url(/wp-content/themes/Vertex/images/icon-light.png) #bcdcd1 right no-repeat;
    background-size: auto 189%;
}
.mem-tracking .assess > div, .curriculum .members-light > div{
    max-width: 356px;
    padding-left: 60px;
    float: left;
    padding: 30px 0 30px 80px;
    cursor: default;
    min-height: 300px;
}

.curriculum .assess-light{   background: url(/wp-content/themes/Vertex/images/icon-light.png) #dfeee7 left no-repeat;
                             background-size: auto 189%; }
.curriculum .members-light{  background: url(/wp-content/themes/Vertex/images/icon-home.png) #eed0ce right no-repeat;
                             background-size: auto 189%;}

.curriculum h2.title-tab, .mem-tracking h2.title-tab {
    background-position: center bottom;
    background-size: 68%;
    padding: 0 0 3px 0;
    float: none;
    width: auto;
    padding-top: 0px;
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 10px;
    clear: both;
    display: block;
    text-align: center;
}
/**/


.become-member{
    position: absolute;
    right: -84px;
    width: 170px;
    top: -26.9%;
    z-index: 1;
}

.become-member a:hover img{opacity:0.9}

.mem-tracking ul{padding-top: 40px;color:#000;text-align: left;}
.mem-tracking ul li{font-size:12px;}
.mem-tracking .members ul li{
    padding: 0 0 8px 60px;
    background: url(/wp-content/themes/Vertex/images/icon-arrow.png) no-repeat left;
    background-size: 36px;
    line-height: 22px;
}

.mem-tracking .assess ul li {
    padding: 0 0 8px 60px;
    background: url(/wp-content/themes/Vertex/images/icon-check.png) no-repeat top left;
    background-size: 36px;
    line-height: 23px;
}

.mem-tracking > div > div p{text-align:center; line-height: 21px;}
.mem-tracking p a, .curriculum p a{ont-weight: bold; text-decoration: none;
                                   font-size: 11px;color:#555555;border:0;box-shadow: 0px 2px 3px #888888;}
.mem-tracking .assess p a, .curriculum .assess-light p a{background:#d7e8e0;position: relative;
                                                         bottom: -20px;}
.mem-tracking .members p a, .curriculum .members-light p a{background:#f4dcdc; position: relative;
                                                           bottom: -20px;}

.testimonials {
    clear:both;
    margin-top: 20px;
    padding:40px 0;
    text-align:center;

    background-color: #f1f1f1;
}

.testimonials .testi{max-width: 670px;
                     margin: 0 auto;
                     /*background: url(/wp-content/themes/Vertex/images/quote1.png) left center no-repeat, url(/wp-content/themes/Vertex/images/quote2.png) right center no-repeat;
                     background-size: 120px;*/}

/*******************************************/
/****************** ANALYTICS *****************/
/*******************************************/

.analytics-theme .gray-wrapper{
    background:#f2f2f2;padding: 20px 0;float: left;
    width: 100%;
}
.analytics-theme .gray-wrapper > div{ max-width: 920px; width:90%; }

.analytics-theme .banner-name.title{background-image: url(images/line-title.png);
                                    background-size: 75%;
                                    background-position: center bottom;
                                    width: auto;
                                    display: inline;
                                    background-repeat: no-repeat;
                                    padding-bottom: 15px;
                                    font-size: 23px;
                                    display: inline-block;
}

.einstein-block{
    background: url(/wp-content/plugins/mindarc-analytics/images/einstein-left.png) no-repeat top left;
    min-height: 289px;
    padding-left: 181px;
    z-index: 2;
    position: relative;

}

.einstein-block > div{border: 3px solid #4c4c4c;
                      min-height: 240px;
                      z-index: 0;
                      position: relative;
                      padding: 20px 20px 20px 80px;
                      border-left: 0;
                      width: 82%;
}

.einstein-block li {
    float: none;
    line-height: 30px;
    color: #555555;
    padding-bottom: 7px;
    font-size: 13px;
    clear:both
}

.einstein-block .compress-school li {
    line-height: 18px;
    padding-bottom: 13px;
    font-size: 13px;
}

.compress-school span.num {line-height: 30px;  margin: 0 10px 10px 0;}

.einstein-block .button{
    line-height: 30px;
    text-align: center;
    display: block;
    margin:0 auto 0 30%;
    width: 140px;}

span.num {
    background: #525252;
    color: #fff;
    border-radius: 100px;
    margin: 0 8px 0 0;
    font-size: 12px;
    float: left;
    margin-top: 8px;
    padding: 8px 10px;
}

.einstein-block a.button{background: #d37841;}
.einstein-block a.button:hover{background: #fff;}
.einstein-sub{font-style: italic;
              font-weight: 600;
              line-height: 22px;
              max-width: 790px;
              padding-left: 181px;
              padding-top: 13px;
              width: 90%;

}

.einstein-block span.num{  padding: 0px 11px;}

.einstein-block span.num.empty{  padding: 0px 2px;min-height: 9px;
                                 min-width: 5px;display:inline-block;margin-top: 12px;}

.lists-horizontal li {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1em;
    border-right: 1px dashed #e0dadf;
    padding-right: 2em;
}

.lists-horizontal li strong {
    display: block;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1.5em;
}

.lists-horizontal h3,
.body h3 {
    font-weight: 500;
    font-size: 17px;
    padding: 0 0 10px 0;
}

.body.student-tracking h3:first-child{text-align:center}

#teacher-assignment h3{
    font-weight: 800;
}

#teacher-assignment > label, #teacher-assignment > div > div:first-child{
    width: 180px;
    display: inline-block;
    padding: 10px 0;
}
#teacher-assignment > label:nth-child(4){
    width: 339px;
}

#teacher-assignment #teacherName-0{  border: 0;
                                     background: #e1e1e1;}


#teacher-assignment > div > div{
    display: inline-block;
    padding: 0px 0!important;
    vertical-align: top;
}

#teacher-assignment > div{
    displaY: block;
    padding-bottom: 10px;
}
#teacher-assignment select {border-radius: 6px;
                            border-top-left-radius: 6px;
                            border-top-right-radius: 6px;
                            border-bottom-right-radius: 6px;
                            border-bottom-left-radius: 6px;
                            padding: 10px 20px;
                            font-size: 12px;
                            margin: 0;
                            border: 1px solid #c6c6c6;
                            height: 39px;
                            width: 230px;}

#teacher-assignment em{color:red;}

.teach-emails{display: inline-block;
              width: auto;margin-top: 10px;  }
.teach-emails span {color:#555; padding-left:10px;}

.unhappyMessage{display: block;
                color: red;
                font-size: 11px;
                text-align: left;
                padding-left: 10px;}

#teacher-assignment select, #teacher-assignment input{vertical-align:top;color:#959494;}
#teacher-assignment span.optional{clear:both; font-size:9px;  display: block;}
#teacher-assignment p{font-size:12px;}
#teacher-assignment input[type=submit]{color:#fff;}

#teacher-assignment .unhappyMessage{text-align:center;}

.class-setup{max-width: 680px;
             margin: 0 auto;}
.class-setup .input_fields_wrap > div{padding-bottom:10px;clear:both}
.class-setup .input_fields_wrap > div > input{margin-left: 8px;}
.class-setup .dob{display: inline-block;margin-left: 8px;}

.add_field_button{
    margin: 12px 0 0 46px;
    display: block;
    clear:both;
    float: left;
}

.add_field_button, .class-setup .remove_field{font-size:12px;}
.add_field_button .plus, .class-setup .remove_field{color: #fff;
                                                    border-radius: 100px;
                                                    padding: 2px 7px;
                                                    margin: 0 8px 0 0;
                                                    text-align: center;
                                                    background: #d37841;
}

.class-management .add_field_button{font-weight: 700;}

.add_field_button:hover{text-decoration: none;cursor: pointer;}

.add_field_button .plus:hover, .class-setup .remove_field:hover{cursor: pointer;
                                                                text-decoration: none;
                                                                background: #555;}
.class-setup .remove_field{margin: 0 0 0 8px;position: relative;
                           top: 10px;
}
.class-setup .input_fields_wrap > div:nth-child(2) span.num{margin: 0 4px 0 0;}
.class-setup h3{text-align:center;}

.class-setup .titles{
    margin-left: 50px;
    margin-top: 15px;
}

.class-setup .titles > div {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    min-width: 176px;
}

.class-setup div p{display:inline-block;margin-left: 2px;vertical-align:top;}
.class-setup div p > span:nth-child(3){display:none}
.class-setup .unhappyMessage{font-size: 9px;
                             text-align: left;
                             padding-left: 10px;

                             line-height: 11px;}
.class-setup .dob .unhappyMessage{padding: 0; width: 55px;}

.analytics-theme .lists-horizontal li{text-align: left;}

.classsetup-btn {
    text-align:center;
    float: right;
}

.classsetup-btn .button {
    border-radius: 10px;
    width: 170px;
    max-width: 100%;
    height: 44px;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.04em;
    background-color: #d37841;
    border: none;
}

#chooseclass{  font-size: 16px;
               height: 40px;
               width: 300px;}

.num.grid12-1, .grid12-1.remove_field{  width: auto;  padding: 6px 9px;}

.class-setup input[type=text]{width:69%; padding: 10px 15px;}
.class-setup .dob input{  width: auto;}

#opentip{cursor: pointer}
.conceptlvl-head{text-align:center; text-transform: uppercase}
.student-tracking-form{position: relative; text-align:center;    overflow-x: auto; z-index:5;}

.class-tracking-page .body.student-tracking{width:790px;}

.einstein-message{background: url(/wp-content/plugins/mindarc-analytics/images/einstein-right-message.png) no-repeat;
                  background-position: 100% 10%;
                  background-size: 160px;
                  padding-right: 0;
                  width: 200px;
                  height: 240px;
                  position: absolute;
                  top: 30%;
                  right: -153px;}

.einstein-message .button{
    position: absolute;
    bottom: 10px;
    left: 51px;
    width: 134px;
    background: #d37841;
    z-index:1;
}

.click-this{  width: 16px;
              padding-right: 10px;
}

.einstein-message .button:hover{
    background: #808082;color: #fff;
}
#student-tracking{  margin: 0 auto;}
.student-tracking > p{text-align: center;}

#student-tracking td{padding:0px; border:1px solid #c2c2c2; text-align:center;   width: 43px;background:#fff; min-width: 40px;}
#student-tracking tr:nth-child(even) > td:first-child{background:#ebebeb;     min-width: 180px; width: 180px;   padding: 8px;}
#student-tracking tr:nth-child(odd) > td:first-child{background:#f9f9f9;   width: 180px;   padding: 8px;}
.student-profile#student-tracking tr > td:first-child{background: #fff;     width: 43px;   padding: 0px;}
#student-tracking tr:first-child > td{background:#838383; padding:0;  }
#student-tracking tr:first-child > td a{color:#fff; background:#838383; font-weight: bold;
                                        display: block;
                                        padding: 8px;}

#student-tracking tr:first-child > td:first-child{background:transparent;border:0px;}
.student-tracking-form input[type="submit"]{  padding: 10px 20px;
                                              border: 0;
                                              font-size: 13px;
                                              border-radius: 8px;
                                              color: #fff;
                                              background: #838383;
                                              text-align: center;
                                              display: inline-block;
                                              margin: 0 50%;
                                              float: none;
                                              margin-top: 20px;
                                              cursor: pointer;
}

.analytics-theme .student-tracking .resources-box a{  border: 1px solid #555555;  background: transparent;  color: #555555;   font-size: 11px;min-width: 64px;}
.analytics-theme .student-tracking .resources-box a:hover{text-decoration: none;}

.analytics-theme #student-tracking tr:first-child > td a:hover{ text-decoration:none;background:#8f8e8e; }
.analytics-theme #student-tracking td.chk {background:#f9f9f9;}
.analytics-theme #student-tracking  tr:nth-child(3n+3) > td.chk,
.track-legend > div:first-child .grid12-2:nth-child(1) {background:#969696;}
.analytics-theme #student-tracking  tr:nth-child(3n+2) > td.chk,
.track-legend > div:first-child .grid12-2:nth-child(2) {background:#ebebeb;}
.analytics-theme #student-tracking  tr:nth-child(3n+1) > td.chk,
.track-legend > div:first-child .grid12-2:nth-child(3) {background:#f9f9f9;}

.analytics-theme.green #student-tracking tr:first-child > td a:hover,
.analytics-theme.green .resources-box a:hover,
.analytics-theme.green .resources-box a.current{ background:#c4df9b; border:1px solid #c4df9b;}
.analytics-theme.green #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.green .track-legend > div:first-child .grid12-2:nth-child(1) {background:#b0d774;}
.analytics-theme.green #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.green .track-legend > div:first-child .grid12-2:nth-child(2)  {background:#ccf194;}
.analytics-theme.green #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.green .track-legend > div:first-child .grid12-2:nth-child(3)  {background:#dbf2b9;}
.analytics-theme.green #student-tracking tr:first-child > td {  border-top: 7px solid #c4df9b;}

.analytics-theme.yellow #student-tracking tr:first-child > td a:hover,
.analytics-theme.yellow .resources-box a:hover,
.analytics-theme.yellow .resources-box a.current{ background:#fff799; border:1px solid #fff799;}
.analytics-theme.yellow #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.yellow .track-legend > div:first-child .grid12-2:nth-child(1) {background:#f6ea5c;}
.analytics-theme.yellow #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.yellow .track-legend > div:first-child .grid12-2:nth-child(2) {background:#f8ef88;}
.analytics-theme.yellow #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.yellow .track-legend > div:first-child .grid12-2:nth-child(3)  {background:#fef8b5;}
.analytics-theme.yellow #student-tracking tr:first-child > td {  border-top: 7px solid #fff799;}

.analytics-theme.orange #student-tracking tr:first-child > td a:hover,
.analytics-theme.orange .resources-box a:hover,
.analytics-theme.orange .resources-box a.current{ background:#fdc689; border:1px solid #fdc689;}
.analytics-theme.orange #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.orange .track-legend > div:first-child .grid12-2:nth-child(1)  {background:#f1a756;}
.analytics-theme.orange #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.orange .track-legend > div:first-child .grid12-2:nth-child(2)  {background:#f4b56f;}
.analytics-theme.orange #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.orange .track-legend > div:first-child .grid12-2:nth-child(3)  {background:#ffcb92;}
.analytics-theme.orange #student-tracking tr:first-child > td {  border-top: 7px solid #fdc689;}

.analytics-theme.pink #student-tracking tr:first-child > td a:hover,
.analytics-theme.pink .resources-box a:hover,
.analytics-theme.pink .resources-box a.current{ background:#f5989d; border:1px solid #f5989d;}
.analytics-theme.pink #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.pink .track-legend > div:first-child .grid12-2:nth-child(1) {background:#ee878d;}
.analytics-theme.pink #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.pink .track-legend > div:first-child .grid12-2:nth-child(2) {background:#fa989d;}
.analytics-theme.pink #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.pink .track-legend > div:first-child .grid12-2:nth-child(3) {background:#fdadb1;}
.analytics-theme.pink #student-tracking tr:first-child > td {  border-top: 7px solid #f5989d;}

.analytics-theme.purple #student-tracking tr:first-child > td a:hover,
.analytics-theme.purple .resources-box a:hover,
.analytics-theme.purple .resources-box a.current{ background:#a65ea9; border:1px solid #a65ea9;}
.analytics-theme.purple #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.purple .track-legend > div:first-child .grid12-2:nth-child(1) {background:#be8bc0;}
.analytics-theme.purple #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.purple .track-legend > div:first-child .grid12-2:nth-child(2) {background:#d5a2d7;}
.analytics-theme.purple #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.purple .track-legend > div:first-child .grid12-2:nth-child(3) {background:#dbb2dc;}
.analytics-theme.purple #student-tracking tr:first-child > td {  border-top: 7px solid #a65ea9;}

.analytics-theme.blue #student-tracking tr:first-child > td a:hover,
.analytics-theme.blue .resources-box a:hover,
.analytics-theme.blue .resources-box a.current{ background:#5674b9;border:1px solid #5674b9;}
.analytics-theme.blue #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.blue .track-legend > div:first-child .grid12-2:nth-child(1) {background:#6882bf;}
.analytics-theme.blue #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.blue .track-legend > div:first-child .grid12-2:nth-child(2) {background:#7995d6;}
.analytics-theme.blue #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.blue .track-legend > div:first-child .grid12-2:nth-child(3) {background:#96acdf;}
.analytics-theme.blue #student-tracking tr:first-child > td {  border-top: 7px solid #5674b9;}

.analytics-theme.red #student-tracking tr:first-child > td a:hover,
.analytics-theme.red .resources-box a:hover,
.analytics-theme.red .resources-box a.current{ background:#f45157; border:1px solid#f45157;}
.analytics-theme.red #student-tracking  tr:nth-child(3n+3) > td.chk,
.analytics-theme.red .track-legend > div:first-child .grid12-2:nth-child(1) {background:#e53943;}
.analytics-theme.red #student-tracking  tr:nth-child(3n+2) > td.chk,
.analytics-theme.red .track-legend > div:first-child .grid12-2:nth-child(2) {background:#f75e66;}
.analytics-theme.red #student-tracking  tr:nth-child(3n+1) > td.chk,
.analytics-theme.red .track-legend > div:first-child .grid12-2:nth-child(3) {background:#fa8c92;}
.analytics-theme.red #student-tracking tr:first-child > td {  border-top: 7px solid #f45157;}

.track-legend .grid12-2{
    padding: 10px;
    max-width: 30px;
    max-height: 10px;
    height: 14px;
}
.track-legend{    margin-top: 30px;   height: 40px;  width: 90%;
                  margin: 0 auto;}

.track-legend > div:last-child .grid12-2{background:#fff;border: 1px solid #adadad;}
.track-legend .grid12-6, .track-legend .grid12-8{font-size:12px; font-style: italic;  padding-top: 10px;}
.analytics-theme #student-tracking.classes tr:first-child > td:first-child{border-top:7px solid transparent;}
.student-profile#student-tracking{  margin:0;
                                    width: auto;
                                    overflow-x: auto;
                                    text-align: left;}

.student-profile-wrapper{overflow-x:auto; width:100%; margin: 0 0 25px 0;}
.analytics-theme .student-profile#student-tracking tr > td{  height: 30px;}
#student-tracking td.fillin{background:#d9d9d9;border-right: 1px solid #d9d9d9;}
#student-tracking tr:first-child > td.fillin{background:#838383;border-right: 1px solid #838383;}

.student-tracking .print-copy{text-align:center;margin-top:30px;}
.student-reports{width:100%;  max-width: 710px;  text-align: center;
                 margin: 0 auto}

.student-reports td{
    min-height: 30px;
    height: 52px;
    padding: 0 10px;
    color:#000000;  font-weight: 400;
}
.student-reports tr:first-child > td{color:#818181;  font-weight: bold;}
.student-reports tr > td:nth-child(3){width: 125px;} .student-reports tr > td:nth-child(4){width:192px;}

.student-reports .button{background: #FFF;
                         color: #585858; border:1px solid #585858;  }

.student-reports .button:hover{background: #d37841; border:1px solid #d37841;
                               color: #fff;  }

.student-reports .button.download{  background: #808082;
                                    color: #fff;  padding: 10px 20px 10px 40px;
                                    background: url(/wp-content/themes/Vertex/images/button-download.png)no-repeat 17px #808082;
                                    background-size: 16px; border:1px solid #808082;}
.student-reports .button.download:hover{  background: #5e5e5e;
                                          color: #fff;  padding: 10px 20px 10px 40px;
                                          background: url(/wp-content/themes/Vertex/images/button-download.png)no-repeat 17px #5e5e5e;
                                          background-size: 16px; border:1px solid #5e5e5e;}

.add-student{
    padding-top: 20px;
    margin-top: 10px;
}

.class-management .moveclass{  width: 90%;
                               height: 35px;}

.class-management table{width:100%;text-align:center;}
.body.student-tracking .student-profile#student-tracking tr > td:first-child{width:43px;min-width:43px;}

.alert-school{
    display: block;
    width: 98%;
    padding: 10px;
    background: #d37841;
    color: #fff;
    border-radius: 9px;
    text-align: center;
    margin: 15px 0;
    clear: both;
}

.checkout .blockUI.blockOverlay{  background-size: 50px!important;   position: fixed!important;}

#dropdownclick, #dropdownclicktwo{
    position: absolute;
    z-index: 99;
    background: #d37841;
    padding: 20px 10px;
    width: 310px;
    color: #fff;
    font-weight: 600;
    bottom: 0px;
}

#dropdownclicktwo{  width: 330px;
                    bottom: -9px;}

#dropdownclicktwo strong{
    color:#fff;
}

.refresh-cache, .refresh-cache strong, .refresh-cache p{
    font-size: 11px;
    white-space: nowrap;
}

.refresh-cache{  text-align: left;
                 padding: 2px 0 0 10px;
                 text-transform: uppercase;}

#dropdownclick span, #dropdownclicktwo span {
    position: absolute;
    right: -10px;
    top: -6px;
    background: #555555;
    padding: 8px 9px;
    border-radius: 30px;
    font-size: 8px;
    border: 1px solid #fff;
}


.blog-list, .single.single-post #content-area .container{
    width: 980px;
    margin: 0 auto;
}
.blog-list, .single.single-post #content-area.blog-content .container{
    width: 100%;
    margin: 0 auto;
}

#et_pt_blog .thumbnail {
    float: right;
    margin-left: 20px;
    margin-top: 8px;
}

#content-area.blog-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0 65px;
}

div.et_pt_thumb span.overlay{background:none!important;overflow: visible;}
.et_pt_blogentry a.readmore span {
    background: #d37841!important;
    padding: 8px 20px!important;
    color: #fff;
    text-shadow: none!important;
    border-radius: 9px;
    font-weight: bold;
    text-transform: uppercase;
}

.et_pt_blogentry a.readmore {
    background: none!important;
    color: #282828!important;
    padding-right: 0!important;
    text-shadow: none!important;
}

.blog-content .aside-blog-list p.et_pt_blogmeta {
    color: #555;
    line-height: 23px;
    border-top: 0px;
}

.blog-content .aside-blog-list .category-text a {
    font-size: 15px;
}

.sidebar .sidebar_menu ul li a {
    font-size: 15px;
    font-weight: 600;
}

.sidebar .sidebar_menu ul li:first-child {
    margin-top: 0px;
}

h2.et_pt_title {
    border-bottom: #d4d4d4 1px solid;
}

h2.et_pt_title a{
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    font-weight: 600;
}

.et_pt_blogentry a.readmore:hover span{
    text-decoration:none!important;
    border: 1px solid #b4b4b5!important;
    color: #585858!important;
    background:#fff!important;
}

.blog-main{
    width:100%!important;
    margin-right:0!important;
}

.blog-title{
    color: #555555;
    padding:20px 0 10px 0;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #EBEBEB;
}

.thumbnail-blog {
    display: block;
    float: none;
    max-width: 100%;
}

.blog-list h1{  font-size: 36px;
                text-align: center;
                font-weight: bold;
                margin: 15px 0;}
.teach-learn .black-overlay > p{
    line-height: 16px;
    font-size: 12px;
    padding-top: 10px;
}

/*******************************************/
/****************** FOOTER *****************/
/*******************************************/

#main-footer{
    padding: 30px 0 10px;
    float: left;
    width: 100%;
    background: #555555;
}
#main-footer .footer-left{text-align:center;}
#main-footer .social-bar a{
    background:#828282; color:#414141;
}
#main-footer .social-bar{clear:both;padding:15px 0; }
#main-footer .social-bar a:hover{background:#bcdcd1;}

#main-footer #et-logo{width: 100%;}

.footer-right .menu li{padding-bottom: 8px;}
.footer-right .menu li a{font-size: 14px;}


#restrict_message{text-align: center;
                  font-size: 18px;
                  padding: 3%;
                  border: 3px dashed rgb(129, 129, 129);
                  position: relative;
                  top: 7%;
                  display: block;}

#restrict_message strong{  font-size: 18px;}

a.button, input.button{cursor: pointer!important;}

.schoolsreg-description{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    max-width: 852px;
    padding: 25px 25px;
    border: 4px dashed #e1e1e1;
}

#top-area .schoolsreg-description p, .schoolsreg-description li, .seo-text p , .seo-text strong{
    margin: 0;
    width: auto;
    line-height: 19px;
    font-size: 13px;
    color: #555555;
}

#top-area .schoolsreg-description strong{line-height: 19px;
                                         font-size: 13px;}

.schoolsreg-description ul{
    list-style-type: disc;
    margin: 0 0 0 17px;
}

.schoolsreg-description ul ul{
    list-style-type: circle;
    margin: 0 0 0 17px;
}

.dashboard .schoolsreg-description{
    max-width: 922px;  width: 100%;
}

.on-page.resources-box{  padding: 0 0 10px;}

.concept-scope-button .box.download{
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    color: #fff;
    border-radius: 9px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:10px;
    margin-left: 14px;
}

.concept-scope-button .box.download:hover{
    text-decoration: none;
    border: 1px solid #555555;
    color: #555;
    background:none;
    padding:9px 19px;
}

.concept-scope-button .box.download .icon-download{  font-size: 17px;
                                                     padding-left: 10px;}

.teaching-theme .concept-scope-button .box{background: #eebcbb;}
.learning-theme .concept-scope-button .box{background: #88bdab;}

.seo-text{width:100%;  margin-top: -20px;
          padding: 35px 0;}

.seo-text > div {
    max-width: 1280px;
    margin: 20px auto;
    width: 80%;
}

.learning-theme .seo-text{
    background: #c2e2d7;
}

.teaching-theme  .seo-text{
    background: #eebcbb;
}


.seo-text p, .seo-text strong{font-size:12px;line-height: 17px;}
.error404 #main-area h2, .error404 #main-area p{text-align:center;}
.error404 #main-area h2{
    font-size: 30px;
    padding-top: 50px;
    font-weight: bold;
}

@media (min-width: 1201px) {
    #top-menu .login-bar .membership.button {
        display: none;
    }
    .logged-in #top-menu #searchform {
        padding-top: 10px;
    }
}

@media only screen and (min-width: 769px) {
    #TopMenu .slicknav_menu {
        display: none;
    }

    #top-menu .social-bar .membership.button {
        display: none;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    #content-area .slides .slide {
        padding-bottom: 32%;
    }

    #content-area .slides .content {
        padding: 32px 30px;
    }

    #content-area .slides .btn {
        margin: 0px auto 0px;
    }
}

@media only screen and (max-width: 1200px) {
    #top-menu.et-fixed #et_mobile_nav_menu,
    #top-menu #et_mobile_nav_menu {
        display: block;
        position: static;
    }

    .login-bar input[type=text], .login-bar input[type=password]{padding:10px;}

    #top-menu .container > div {
        padding: 0;
    }

    #top-menu nav {
        display: none;
    }

    /* remove the desktop search */
    .search-bar { display: none; }
    #et_mobile_nav_menu .search-bar { display: block; }

    #top-menu #login-popup-btn,
    #top-menu #menu-popup-btn {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    #top-menu #menu-popup-btn {
        display: inline-block;
        width: 30px;
    }

    #menu-popup-btn span {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 3px;
        background-color: black;
        margin: 5px 0;
    }
    #top-menu ul.nav > li > a,
    .nav li ul.subm-menu > li > a {
        border-radius: 8px;
        line-height: 22px;
        padding: 10px 5px;
    }

    #top-menu ul.nav > li:last-child {
        width: 30%;
    }

    /* the shortcuts for refreshing the cache aren't relevant for mobile */
    .refresh-cache {
        display: none;
    }

    .sidebar {
        width: 228px;
        margin-left: 20px;
        margin-right: 0px;
    }

    .sidebar_heading h2 {
        line-height: 49px;
    }

    #content-area .slides .slide {
        padding-bottom: 38%;
    }

    #content-area .slides .content h1 {
        font-size: 30px;
    }

    #content-area .slides .content {
        width: 40%;
    }

    #content-area .slides .content {
        padding: 20px 30px;
    }

    #content-area .slides .btn {
        margin: 0px auto 0px;
    }

    #top-menu .social-bar > * {
        margin-left: 8px;
    }

    .fixed-width > div,
    .resources-box .fixed-width > div {
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
    #top-menu #login-popup-btn {
        display: none;
    }

    #top-menu #menu-popup-btn {
        position: absolute;
        top: 10px;
        padding-top: 6px;
        right: 5px;
    }

    #top-menu .container > .grid12-8 {
        width: 62%;
        padding-top: 10px;
    }

    #top-menu .login-bar,
    #top-menu .social-bar {
        clear: both;
        width: 100%;
        text-align: center;
    }

    #top-menu .login-bar {
        text-align: center;
    }

    #top-menu .social-bar {
        margin-top: 1px;
    }

    #top-menu .login-bar div:first-of-type {
        width: 28%;
    }
    #top-menu .login-bar div:first-of-type + div {
        width: 38%;
    }

    #top-menu .grid12-2 {
        width: 10%;
    }

    #top-menu .grid12-2 input {
        padding-left: 0px;
        padding-right: 0px;
    }

    #top-menu #loginform {
        padding-top: 0px;
        vertical-align: top;
    }

    #top-menu .login-bar a {
        display: inline-block;
        float: none;
    }

    #top-menu .login-bar .membership.button {
        margin-top: -3px !important;
        margin-right: 1%;
    }

    #top-menu .login-bar .button + .membership.button {
        margin-top: 0px !important;
    }

    #top-menu .login-bar input {
        width: 80%;
    }

    #top-menu .login-bar input[type="password"] {
        float: left;
        width: 60%;
        margin-right: 2%;
    }

    #top-menu .login-bar a {
        display: inline-block;
        width: 20%;
        margin: 0px !important;
        text-align: center;
        position: relative;
        top: 5px;
    }

    #top-menu .login-bar > a {
        width: auto;
        max-width: 40%;
        margin: 0px 1% 4px !important;
    }

    .social-bar p {
        display: inline-block;
        vertical-align: middle;
    }
    .social-bar p:last-of-type {
        display: none;
    }

    .banner-menu > li:nth-child(n) {
        background-image: none;
    }

    .banner-menu > li a {
        padding-left: 2px;
        padding-right: 2px;
    }

    #top-menu .menu-item-880 {
        display: none;
    }

    .et-tabs-content-wrapper table,
    .et-tabs-content-wrapper table p {
        font-size: 12px;
    }
    .et-tabs-content-wrapper table span {
        font-size: 12px !important;
    }

    #customer_details,
    #order_review_heading,
    #order_review,
    .pedagogy-theme .banner-description {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width: 1060px) {
    .main-content {
        width: 68%;
    }
}

@media (max-width: 991px) {
    #top-menu .login-bar div:first-of-type {
        width: 24%;
    }
    #top-menu .login-bar div:first-of-type + div {
        width: 40%;
    }
    #top-menu .login-bar input[type="password"] {
        width: 55%;
    }
    #top-menu .login-bar div:first-of-type + div a {
        width: 25%;
    }

    #content-area .slides .slide {
        padding-bottom: 50%;
    }
    #content-area .slides .content {
        padding: 20px 30px;
        width: 42%;
    }
    #content-area .slides .content h1{
        font-size: 30px;
    }
    #content-area .slides .btn {
        width: 150px;
        margin: 0 auto;
    }
    #content-area .slides .content.with-video .btn {
        padding: 0px;
        width: 140px;
    }

    #content-area .slides .content.with-video .video {
        padding-left: 30px;
    }

    #content-area .circle-menu a {
        margin-right: 20px;
    }

    #customer_details {
        box-sizing: border-box;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 800px) {
    #top-menu .login-bar {
        width: 95%;
    }

    #top-menu .login-bar div:first-of-type {
        width: 30%;
    }

    #top-menu .login-bar div:first-of-type + div {
        width: 30%;
    }

    #top-menu .login-bar input[type="password"] {
        width: 80%;
    }

    #top-menu .login-bar div:first-of-type + div a {
        display: none;
    }

    .sidebar {
        float: none;
        width: 90%;
        height: auto;
        max-width: 285px;
        margin-left: auto;
        margin-right: auto;
    }

    #content-area .slides .slide {
        width: 100%;
        height: auto;
        padding-bottom: 61%;
    }
    #content-area .slides .content {
        padding: 15px 30px;
        width: 50%;
    }
    #content-area .slides .content h1{
        font-size: 30px;
    }

    #content-area .slides .btn {
        width: 145px;
        margin: 0 auto;
    }

    .main-content {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    .aside-blog-list h2.et_pt_title{text-align:left;}
    .main-content h1, .blog-list .aside-blog-list h1 {
        margin-top: 1em;
    }
}

/* width <= 768px */
@media only screen and (max-width: 768px) {
    /*
     * General layout
     */
    html, body {
    }

    .grid12-1,
    .grid12-2,
    .grid12-3,
    .grid12-4,
    .grid12-5,
    .grid12-6,
    .grid12-7,
    .grid12-8,
    .grid12-9,
    .grid12-10,
    .grid12-11,
    .grid12-12,
    .grid-full,
    .grid-col2-sidebar,
    .grid-col2-main,
    .grid-col3-sidebar,
    .grid-col3-main {
        width: 100% !important; /* Added "!important" to override units with "no-gutter" */
        margin-left: 0;
        margin-right: 0;
    }

    img.alignleft,
    img.alignright {
        display: block;
        float: none;
        margin: 10px auto;
    }

    /*
     * Header
     */

    #header-diamond {
        top: 14px;
        right: -32px;
        margin: 0px;
        width: 32px;
        height: 32px;
    }

    #et-logo {
        margin-bottom: 0px;
    }

    #top-menu .container > div:first-child {
        width: 160px !important;
        margin-right: 35px;
        min-height: 26px;
        padding-top: 17px;
        padding-bottom: 0;
    }

    #top-menu #et_mobile_nav_menu {
        text-align: right;
        padding-top: 9px;
    }

    #top-menu #et_mobile_nav_menu .popup {
        text-align: center;
    }

    #top-menu .slicknav_nav li {
        width: 45%;
        vertical-align: middle;
    }

    #top-menu ul.nav > li:last-child {
        width: 90%;
    }

    .search-bar                     {
        display: none;
    }
    #et_mobile_nav_menu .search-bar {
        display: block;
    }

    #top-menu .login-bar > * {
        display: none;
    }

    #top-menu .login-bar > * {
        display: none;
    }

    #et_mobile_nav_menu .login-bar  {
        display: block;
    }

    #et_mobile_nav_menu .login-bar > * {
        display: block;
    }

    .social-bar {
        margin-top: -38px;
        padding-top: 0px;
    }

    .social-bar p {
        display: none;
    }

    #top-menu .social-bar .membership.button {
        width: auto;
        height: 28px;
        margin-left: 20px;
        margin-right: -12%;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 28px;
    }

    /*
     * Content Area
     */

    #content-area > :first-child {
        position: relative;
        padding-top: 0px;
    }

    #content-area .body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home #content-area > div h1{
        margin-top: 40px;
    }

    #content-area .slides .content {
        box-sizing: border-box;
        position: relative;
    }

    #content-area .slides .content.with-video .btn:first-of-type,
    #content-area .slides .content.with-video .btn:last-of-type {
        padding: 0px;
    }
    #content-area .slides .content.with-video .btn.video {
        padding-left: 30px;
    }

    #content-area .slides .background {
        position: static;
        max-height: 45%;
    }

    .slides .background:nth-of-type(odd) {
        max-width: 27%;
        max-height: 50%;
        float: left;
    }

    .slides .background:nth-of-type(even) {
        max-width: 27%;
        float: right;
    }

    .slides .content {
        margin: 0;
        width: 100%;
        padding: 20px;
        border-radius: 0;
    }

    .slides .content h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .slides .content {
        font-size: 15px;
    }

    #content-area .slides .btn {
        width: 113px;
        font-size: 12px;
        margin: 0;
        height: 40px;
        line-height: 36px;
    }

    .owl-buttons, .owl-pagination {
        display: none;
    }

    #content-area .slides .slide {
        padding: 0px;
        height: 500px;
    }

    #content-area .slides .slide .slide-img .background {
        top: auto;
        margin-top: 20px;
        margin-bottom: 5%;
    }

    #content-area .slides .background:nth-of-type(odd){
        max-width: 40%;
        left: -50%;
    }

    #content-area .slides .background:nth-of-type(even){
        max-width: 40%;
        right: -50%;
    }

    #content-area .slides .content{
        margin: 0;
        width: 100%;
        padding: 20px;
        border-radius: 0;
    }

    #content-area .slides .content h1{
        font-size: 30px;
        line-height: 35px;
    }

    #content-area .slides .content{
        font-size: 15px;
    }

    #content-area .slides .btn{
        width: 140px;
        font-size: 12px;
        margin: 0px auto;
        height: 40px;
        line-height: 40px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #content-area .owl-buttons, .owl-pagination{
        display: none;
    }

    .black-overlay {
        margin-bottom: 15px;
    }

    .mem-tracking .members > div,
    .mem-tracking .assess > div,
    .curriculum .members-light > div,
    .curriculum .assess-light > div {
        max-width: 100%;
        padding: 15px 15px 30px;
        float: none;
    }

    .teach-learn {
        background: none;
    }

    .teach-learn .black-overlay {
        background: #353535;
        border-radius: 0px;
    }

    .teach-learn .black-overlay:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .teach-learn .black-overlay a {
        padding: 14px 12px;
    }

    .teach-learn .black-overlay.teaching > div:last-child a,
    .teach-learn .black-overlay.learning > div:last-child a {
        padding: 14px 0px;
    }

    .tabs-left ul.et_shortcodes_mobile_nav {
        display: none;
    }


    /*
     * Teaching Resources page
     */

    .et-tabs-content-wrapper .title-tab {
        display: block;
        width: 100%;
        text-align: center;
    }

    .custom-tabs {
    }

    .et-tabs-control,
    .tabs-left .et-tabs-control,
    .tabs-right .et-tabs-control {
        display: block;
        text-align: justify;
        width: 100%;
        padding-top: 10px;
    }

    .et-tabs-control:after,
    .tabs-left .et-tabs-control:after,
    .tabs-right .et-tabs-control:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

    .teaching-theme .et-tabs-control {
        background-color: #eebcbb;
    }

    .et-tabs-control li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        text-align: left;
    }
    .et-tabs-control li:nth-child(odd) a {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .et-tabs-control li:nth-child(even) {
    }

    .custom-tabs {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .et-tabs-control {
        order: 2;
    }

    .custom-tabs .et_left_tabs_bg {
        display: none;
    }

    .custom-tabs, .custom-tabs.tabs-left, .tabs-left {
        float: none;
        width: 100%;
    }

    .et-tabs-content,
    .tabs-left .et-tabs-content {
        margin: 0;
        -webkit-order: 1;
        order: 1;
    }

    .et-tabs-content-wrapper table {
        display: block;
        width: 100vw;
        height: auto !important; /* HACK: overwriting inline style */
        overflow-x: auto;

        /* undo .et-tabs-content padding */
        margin-left:  -30px;
        margin-right: -30px;
    }

    .teaching-theme .tabs-left .et-tabs-control li a {
        vertical-align: top;
    }

    .teaching-theme .tabs-left .et-tabs-control li.active a,
    .teaching-theme .tabs-left .et-tabs-control li a:hover {
        font-weight: 300;
    }

    .concept-scope-button {
        text-align: center;
    }

    .concept-scope-button .box.download {
        margin-left: auto;
        margin-right: auto;
    }

    .resources-box {
        text-align: center;
        width: 100%;
    }

    .resources-box a,
    .page-id-123 .resources-box a {
        text-align: center;
        min-width: 0px;
        max-width: none;
        min-height: 0px;
        width: 40%;
        margin-left: 0;
        margin-right: 0;
        padding: 10px 20px;
    }

    #content-area .circle-menu {
        padding-bottom: 20px;
    }

    /*
     * Learning Resources page
     */

    #top-area .banner-name.title,
    h2.page-title {
        padding-bottom: 10px;
    }

    .learning-theme .et-tabs-control {
        background-color: #c2e2d7;
    }

    .buttons-banner,
    .banner-description > .buttons-banner {
        width: 100%;
    }

    .learning-theme .tabs-left .et-tabs-control li.active a,
    .tabs-left .et-tabs-control li a:hover{
        font-weight: 300;
    }


    /*
     * Student Tracking and Reporting section
     */

    .tracking-reporting-overview li {
        max-width: 100%;
    }

    .banner-menu > li {
        background-position: 50% 50%;
        max-width: 19%;
    }

    .banner-menu a {
        box-sizing: border-box;

        /* hide text */
        text-indent: 100%;
        white-space: nowrap;
        overflow-x: hidden;
    }

    .banner-menu > .current:after {
        width: 16px;
        height: 16px;
        bottom: -8px;
    }

    .einstein-block {
        background: none;
        min-height: 0px;
        padding-left: 0px;
    }
    .einstein-block > div {
        min-height: 0px;
        margin: auto;
        border: 0px;
        padding: 0px;
        text-align: center;
    }

    .einstein-sub {
        box-sizing: border-box;
        padding-left: 0px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    /*
     * About page
     */

    .quote div {
        background-size: 58px, 58px;
        padding: 15px 30px;
    }

    .page-id-27 p {
        box-sizing: border-box;
        margin-left: 15px;
        margin-right: 15px;
    }

    .page-id-27 table {
        text-align: center;
    }
    .page-id-27 table ul {
        text-align: left;
    }
    .page-id-27 table ul li {
        padding-left: 15px;
    }

    .page-id-27 table td:last-child {
        display: none;
    }


    /*
     * Become a Member section / Dashboard
     */

    .page-id-123 .resources-box > div,
    .page-id-123 .resources-box > div:nth-child(2) {
        padding-top: 20px;
        width: 95%;
    }
    .page-id-123 .resources-box > div > strong {
        display: inline-block;
        width: 80%;
    }

    .woocommerce-billing-fields,
    .woocommerce-shipping-fields {
        padding: 10px;
    }

    #order_review_heading,
    .woocommerce-page #payment .form-row.terms,
    #payment .form-row.terms {
        padding: 0 10px;
    }

    .woocommerce-page #payment #place_order,
    #payment #place_order {
        width: 90%;
        display: block;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    #content-area .form-row {
        padding: 0px;
    }

    #content-area .form-row-first,
    #content-area .form-row-last {
        width: 100%;
    }

    #content-area .form-row input,
    #content-area .form-row select {
        height: 40px;
    }

    #content-area .eac-input-wrap {
        width: 100%;
    }

    .pedagogy-theme #top-area .banner-description {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    #customer_details {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*
     * Dashboard
     */

    .dashboard .banner-menu > li {
        max-width: 29%;
    }

    .dashboard .banner-menu li a {
        box-sizing: border-box;
        padding-top: 15px;

        /* unhide text */
        text-indent: 0px;
        white-space: normal;
        overflow-x: visible;

        padding-left: 13%;
        padding-right: 13%;
    }

    /* HACK: this is to make the third tab, with the text "payment"
         vertically centered on mobile */
    .dashboard .banner-menu li:nth-of-type(3) a {
        padding-top: 23px;
    }

    .dashboard label,
    .dashboard .group,
    .dashboard .wide,
    .dashboard input,
    .dashboard input[type="submit"],
    .dashboard .cancel,
    .dashboard .cancel:hover,
    .dashboard .cancel:active,
    .dashboard .cancel:focus,
    .dashboard .cancel.btn,
    .dashboard .cancel.btn:hover,
    .dashboard .cancel.btn:active,
    .dashboard .cancel.btn:focus,
    .dashboard input.cancel,
    .dashboard input.cancel:hover,
    .dashboard input.cancel:active,
    .dashboard input.cancel:focus {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .dashboard button {
        padding: 0px;
    }

    .dashboard .add-more,
    .dashboard .add-more.btn,
    .dashboard .add-more:hover,
    .dashboard .add-more.btn:hover,
    .dashboard .add-more:active,
    .dashboard .add-more.btn:active,
    .dashboard .add-more:focus,
    .dashboard .add-more.btn:focus {
        box-sizing: border-box;
        float: right;
        width: 37px;
        height: 37px;
        padding: 0px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background: transparent url('images/icons/add-grey.png') no-repeat;
        background-position: 3px 3px;
        border-radius: 50%;
    }

    #content-area .dashboard .message {
        margin-top: 0px;
    }

    .dashboard .access-keys,
    .dashboard .access-keys button {
        width: 100%;
    }

    .dashboard fieldset.entry > * {
        display: block;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .dashboard fieldset.entry input,
    .dashboard fieldset.entry input[type="text"],
    .dashboard fieldset.entry input[type="email"],
    .dashboard fieldset.entry input[type="url"],
    .dashboard fieldset.entry input[type="password"],
    .dashboard fieldset.entry input[type="search"],
    .dashboard fieldset.entry select,
    .dashboard fieldset.entry textarea {
        width: 100%;
    }


    fieldset.entry .remove.btn {
        float: left;
        margin-top: 10px;
    }

    /*
     * Blog
     */

    .sidebar {
        float: none;
        width: 90%;
        height: auto;
        max-width: 285px;
        margin-left: auto;
        margin-right: auto;
    }

    #main-area {
        width: 100%;
    }

    .main-content {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .main-content h1,
    .blog-list .aside-blog-list h1 {
        margin-top: 1em;
    }

    .main-content h1,
    .blog-list .aside-blog-list h1,
    .main-content h2,
    .main-content h3 {
        text-align: center;
    }


    #content-area.blog-content {

    }

    #comments .comment-head p {
        margin-left: 50px;
    }

    .reply {
        position: static;
        float: right;
    }

    /*
     * Footer
     */

    #main-footer ul {
        margin: 1em auto;
    }
    #main-footer li {
        text-align: center;
    }

    #main-footer .footer-right .grid12-3 {
        width: 50% !important;
    }
}

@media (max-width: 700px) {
    .social-bar .aus-flag {
        display: none;
    }
}

@media (max-width: 650px) {
    .social-bar {
        padding-left: 7%;
    }

    #top-menu .social-bar a,
    #top-menu .social-bar .aus-flag {
        display: none;
    }

    #content-area .circle-menu a {
        display: block;
        margin: 0px auto 40px;
        transform: scale(1.3);
    }
}

@media (max-width: 550px) {
    .social-bar {
        display: none;
    }
}

@media (max-width: 400px) {
    #content-area .slides .btn,
    #content-area .slides .slide .content.with-video .btn {
        display: block;
        margin: 10px auto;
    }

    .dashboard .banner-menu li a {
        font-size: 12px;
        padding-left: 7%;
        padding-right: 7%;
    }

    body #fancybox-wrap {
        padding: 0px;
        /* overwriting inline styles on fancybox so it can take up more screen
space */
        width: 95% !important;
        left: 0px !important;
        right: 0px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .changes .group label {
        width: 100%;
    }
}

#renew-subscription input{
    width: 63%;
}

#renew-subscription label{
    vertical-align: top;
}
#renew-subscription .checkbox_{
    margin-top: 0px;
}

#renew-subscription table{
    margin-bottom: 20px;
}

.vertical-align-top-image{
    vertical-align: top;
    width: 65px;
}

.indented-para{
    margin-left:20px;
}

form#teacher-management td.available-classes{
    width: 184px;
}

input#selectall {
    position: relative;
    vertical-align: middle;
    left: 6px;
}

input.inline-input {
    display: none;
}

// become a member
#top-area .opc-pricing-table-product-attributes p {
/*	padding-bottom: 9px !important;*/
}