/* Add here all your css styles (customizations) */
.u-icon-v1 > em, .u-icon-v2 > em, .u-icon-v3 > em, .u-icon-v4 > span > em {
    position: relative;
    top: 50%;
    left: 2px;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.bg-img2 {height: 140%; background-image: url(/export/sites/simplyhomeschool/images/bg-login.jpg)}

select.form-control {height:42.5px}

/* Dark Blue */
.u-btn-primary {background-color:#003464}
.u-btn-primary:hover, .u-btn-primary.active,.g-bg-primary--hover:hover  {border-color: #1c66ab;background-color: #1c66ab!important;}

.u-btn-outline-primary {color: #003464;border-color: #003464;}
.u-btn-outline-primary:hover {background-color: #1c66ab;}

.btn-reddish {background-color: #d09680;border-color: #d09680;color:#FFF}
.btn-reddish:hover, .btn-reddish.active  {border-color: #AE745E;background-color: #AE745E;}

/* Yearly Planner Button */
.u-btn-planner {background-color:#e5cfd2}
.u-btn-planner:hover, .u-btn-planner.active,.g-bg-planner--hover:hover  {border-color: #cab3b6;background-color: #cab3b6!important;}

.yearly-planner a div {height: 180px;background-repeat:no-repeat;background-size:contain}
@media (max-width:1109px) {
	.yearly-planner a div {height: 120px;background-size:cover}
}
@media (max-width:735px) {
	.yearly-planner a div {height: 100px;background-size:contain}
}

.g-brd-primary {border-color: #003464 !important;}
.g-color-primary {color: #003464 !important;}
.g-bg-primary {background-color: #003464 !important;}

.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open, .u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
    color: #003464;
}

/* Blue */
.g-bg-shs1-opacity-0_9--after::after {
    background-color: rgba(0, 52, 100, 0.9) !important;
}
/* Gold */
.g-bg-shs2-opacity-0_9,.g-bg-shs2-opacity-0_9--after::after {
    background-color: rgba(171, 139, 60, 1) !important;
}

/* Colour3 */
.g-bg-shs3-opacity-0_9--after::after {
    background-color: rgba(68, 68, 62, 0.9) !important;
}
/* Gold */
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {color: #AB8B3C !important;}
a {color: #AB8B3C;}
a:focus, a:hover {color: #ceaa51;}

/* Gradient */
.g-bg-shs-gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(171, 139, 60, 1)), to(rgba(232, 232, 232, 1)));
    background-image: -webkit-linear-gradient(top, rgba(171, 139, 60, 1) 0%, rgba(232, 232, 232,1) 100%);
    background-image: -o-linear-gradient(top, rgba(171, 139, 60, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background-image: linear-gradient(to bottom, rgba(171, 139, 60, 1) 0%, rgba(232, 232, 232, 1) 100%);
    background-repeat: repeat-x;
}

.max-width-600 { max-width:600px;margin-left:auto;margin-right:auto}