/**
 * ==============================================
 *  STYLE.CSS
 * ==============================================
 * Default child stylesheet
 *
 *
 * Theme Name: CCER
 * Theme URI: http://anfoundation.com
 * Author: (a)squaredstudio, New Leaf Web Solutions
 * Author URI: http://anfoundation.com/
 * Description: Custom theme for CCER
 * Version: 0.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: foundation, black, brown, white, neutral, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
 * Text Domain: anfoundation
 * Template: anfoundation
 *
 * This theme is the best.  Period.
 */


/**
 * ==============================================
 *  OVERRIDES
 * ==============================================
 */

body {
    background: #f3f3f3;
    font-weight: 600;
    font-family: 'Raleway';
}


.row {
    max-width: 1200px !important;
}

table {
    border: none !important;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    width: 100%;
}

.questions table tr th, .questions table tr td  {
    padding: 1.5em 2.3em 1.5em 2em !important;
    border-width: 1px 0 0 !important;
    border-top: 1px solid  #cad4e3;
    border-bottom: 1px solid #cad4e3;
    box-shadow: inset 0 1px 0 white, 0 1px 0 white;
    font-size: 1.1em;
}


table.gfield_list  {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    width: 100%;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fff !important;
}

table tr th {
    padding: 1.5em 2.3em .5em 2em !important;
}


table tr td {
    padding: 0 2.3em 1.5em 2em !Important;
}

table.gfield_list  tr th, table.gfield_list tr td {
    padding: 0 !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    margin: 0 0 0.3rem !important;
    font-weight: 400;
    font-size: 1.1em !important;
}

.school-title {
    padding: 0 1.5em;
    font-size: 1.3em !important;
}

.edit-school-title {
    /* padding-right: 1em; */
    /* padding-top: 91px; */
    top: 10px;
    position: relative;
    /* background: #000; */
    right: 14px;
    padding: 10px 13px;
    border: solid 1px #30d7b6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


#gform_wrapper_3 {
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    padding: 1.5em;
    background: #fff;
}


.home .home-none, .home .par img {
    display: none !important;
}


.page-template-default .home, .archive .home, .page-template-superintendent-dashboard .home, .page-template-page-login .home, .error404 .home {
    display: none;
}

.page-id-1253 .form-table{
    display: none;
}

/*-- END OVERRIDES--*/

/**
 * ==============================================
 *  HOME PAGE
 * ==============================================
 */

.home section {
    padding: 2.5em 0;
}

.home #slider {
    min-height: 565px;
/*
    background: url(images/background_home.jpg) no-repeat left top;
    background-size: cover;
*/
}

.home #slider .inner {
    background: rgba(61, 139, 255, 0.8);
    float: right;
    width: 40%;
    padding: 8em 2em 3em;
    height: 100%;
    overflow: hidden;
    min-height: 565px;
}

.home #slider .inner a {
    color: #fff;
    text-decoration: underline;
}

.home #slider .inner a:hover {
    text-decoration: none;
}

.home #slider .inner h1 {
    line-height: 45px;
    font-size: 2.2em;
}

.home #slider .inner h1:after {
    content:'';
    border-bottom: solid 4px #78cfe3;
    display: block;
    width: 50%;
    margin: 0.7em auto 0.7em;
}

.home #slider .inner h1, .home #slider .inner p {
    color: #fff;
    text-align: center;
}


.home #slider .inner p {
    font-style: italic;
}

.home p {
    font-size: 1.1em;
}

.home h2 {
    color: #3d8bff;
    font-size: 2em;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
    padding: 0 0 .6em;
}

.home .button.large {
    padding: 1em !important;
}

.home h3 {
    font-size: 1.5em;
}

.home #purposes {
    background: #fff !important;
}

.home #purposes img {
    margin: 0 0 1em 0;
}

.home #confidential {
/*
    background: url(images/bkg_confidential.jpg) no-repeat left top;
    background-size: cover;
*/
    min-height: 570px;
    padding: 3em 0;
    color: #fff;
}

.home #confidential h3 {
    color: #fff;
}


.home #home_resource {
/*
    background:url(images/bkg_resources.jpg) no-repeat left top;
    background-size: cover;
*/
    padding: 3.5em 0;
    color: #fff;
}

.home #home_resource h2 {
    color: #fff;
}


.home #use .use-title h2 {
    color: #fff !important;
    padding: .5em 0;
}


.home #tips ul li {
    list-style: none;
    background: url(images/home_check.png) no-repeat left top;
    margin: 1.5em 5.8em 2em 3.8em;
    padding: 0 0 0 4.8em;
}

.home #use .use-title {
    background: #ff5460;
}

.home #use .row {
    background: #fff;
    margin: -230px auto 0;
    position: relative;
    border: none !important;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
}

.home #use .row .padding {
    padding: 1em 3em;
    margin: 1.5em 0 1.15em 0;
}

/*-- END HOME PAGE --*/


/**
 * ==============================================
 *  THEME MY LOGIN
 * ==============================================
 */


.tml {
    margin: auto;
    max-width: 100%;
}

.tml .tml-submit-wrap input {
    width: 100%;
}


/*-- END THEME MY LOGIN--*/


/**
 * ==============================================
 *  DASHBOARD
 * ==============================================
 */


#welcome {
    padding: 5em 10em 5em 0;
    height: 100%;
    overflow: hidden;
}

#welcome .title {
    color: #fff;
}

#welcome h1 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 4.5em;
}

#welcome h4 {
    color: #a7b4ea !important;
}

#page-nav a {
    border-bottom: solid 5px transparent;
    font-size: 1.3em;
    font-weight: 400;
    padding: 0 0 0.5em 0;
    margin: 0 20px 0 0;
}

#page-nav a:hover {
    border-bottom: solid 5px #ff5460;
}

#quick-nav {
    margin: 0 0 1.5em 0;
}

#quick-nav > .row {
    padding: 1em 0;
}

#quick-nav .active-year-label {
    color: #fafafa;
    font-weight: 600;
    background: #1f82d4;
    padding: .3em 1em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.bevel {
    border-left: 1px solid #cad4e3;
    box-shadow: inset 1px 0px 0 white;
}

.panel {
    padding: 0 !important;
}

.box {
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    background: #fff;
    padding: 2.8em 0 0 0;
    border-top: 10px solid transparent!important;
}

.box-agg .pad {
    padding: 0.8em 0 0 1.5em !important;
}

.box_resource {
    height: 100%;
    clear: both;
    overflow: hidden;
    border: none !important;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    background: #fff;
    padding: 2.8em 2.8em 2.8em;
    margin: 0 0 2em 0;
}

.box_resource li {
    list-style: none;
    margin: 0 0 0.8em 0;
}

.box-agg {
    border: none !important;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    background: #fff;
    padding:0;
    margin: 0 0 1.8em;
}

.box .bottom {
    background: #3d8bff;
    margin: 2.5em 0 0 0;
}

.box-chart {
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    background: #fff;
    border-top: solid 3px #3d8bff;
    padding: 1.3em;
    margin-bottom: 1.5em;
    margin-top: 0.8em;
}

.box-login {
    border: none !important;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    background: #fff;
    padding: 2em;
}

.switch input:checked+label {
    background: #30d7b6 !important;
}

.switch label {
    color: transparent;
    background: #ff5460 !Important;
}

.box .switch {
    margin: 0.8em 0 0 0;
}



/*-- END DASHBOARD --*/


/**
 * ==============================================
 *  REPORT DETAILS
 * ==============================================
 */

#report-high-level.stuck {
    padding: .5em 0 0;
    -webkit-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px -1px rgba(0,0,0,0.19);
}

#report-high-level.stuck .rounds {
     width: 70px;
    height: 70px;
    font-size: .9em;
    padding: 1.4em;
}


#report-high-level.stuck hr {
    margin: .8rem 0 1.1875rem;
}


.rounds {
    width: 130px;
    height: 130px;
    background: transparent;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
    text-align: center;
    margin: 0 auto .3em;
    color: #012b66;
    padding: .9em;
    font-size: 2.2em;
    font-weight: 400;
    -webkit-transition: all ease 0.4s;
   -moz-transition: all ease 0.4s;
   -o-transition: all ease 0.4s;
   transition: all ease 0.4s;
}

.data {
    color: #09886e;
    font-size: 1.4em;
    font-weight: 400;
}

.rounds.points {
    border: solid 4px #ff5460;
}

.rounds.collected {
    border: solid 4px #30d7b6;
}

.section-links a {
    font-weight: 400;
    padding-bottom: 0.7em;
    font-size: 1.2em;

}

/*-- END REPORT DETAILS--*/


/**
 * ==============================================
 *  TYPOGRAPHY AND BUTTONS AND COLORS
 * ==============================================
 */


h1 {

}

h2 {
    color: #012b66;
    font-size: 1.5em;
    text-transform: capitalize;
    font-family: 'Raleway', sans-serif;
}

.box-agg h2 {
    text-align: center;
    margin: 1em auto;
}

h3 {
    color: #3d8bff;
    text-transform: uppercase;
    font-size: 1.3em;
    font-family: 'Raleway', sans-serif;
}

h4 {
    font-family: 'Raleway', sans-serif;
}

h5 {

}

.title {
    font-family: 'Raleway', sans-serif;
}

.button {
	font-weight: 400!important;
    text-transform: uppercase;
}

button.large, .button.large {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.box-agg button.large, .box-agg  .button.large {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.button.rounded-two {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.button.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #fff;
    color: #1f82d4;
}

.button.rounded:hover {
    background-color: #1f82d4;
    color: #fff;
}

a, .button {
	transition: all 0.3s ease;
}

a:hover {
	text-decoration: none !important;
}

a[href^=tel]{
	text-decoration:none;
}

a[href^=tel]:hover {

}

a.button {
	line-height: 1;
	padding: .8em 1.1em;
	font-size: .9em;
}


hr {
	border-width: 1px 0 0 !important;
	clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
    border-top: 1px solid  #cad4e3;
    border-bottom: 1px solid #cad4e3;
    box-shadow: inset 0 1px 0 white, 0 1px 0 white;
}

.top-bar-section, .alert-box, #menu-main-menu-1 {
    display: none !important;
}

label {
    color: #012b66;
    font-size: 1em;
}

.description {
    color: #012b66;
    font-style: italic;
}


/*-- END TYPOGRAPHY AND BUTTONS AND COLORS --*/




/**
 * ==============================================
 *  HEADER
 * ==============================================
 */

.home #header {
    padding: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#022861+0,093a85+100 */
    background: rgb(2,40,97); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(2,40,97,1) 0%, rgba(9,58,133,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(2,40,97,1) 0%,rgba(9,58,133,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(2,40,97,1) 0%,rgba(9,58,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022861', endColorstr='#093a85',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 4px #FF5461;
}

#header .row.collapse {
	padding: 0 0 1em;
}

#header-right-sidebar .widget {
	margin-top: 1.3em;
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
}

#header a {
    color: #fff !important;
}

#header .logo {
    padding: 1em 0 0 0;
}


#header img, .off-canvas-menu img {
   -webkit-transition: all ease 0.4s;
   -moz-transition: all ease 0.4s;
   -o-transition: all ease 0.4s;
   transition: all ease 0.4s;
}

#header img:hover, .off-canvas-menu img:hover {
	opacity: 0.4;
}

h1.site-name {
	margin: 2em 0;
}

#header .sidebar.right {
    color: #fff;
    font-weight: 400;
}

#header .sidebar.right .button {
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: transparent;
    border-left: solid 2px #3d8bff;
    border-bottom: solid 2px #3d8bff;
    border-right: solid 2px #3d8bff;
}

#header .sidebar.right .button:hover {
    border-left: solid 2px #3d8bff;
    border-bottom: solid 2px #3d8bff;
    border-right: solid 2px #3d8bff;
    background: #3d8bff;
}



/*-- END HEADER --*/



/**
 * ==============================================
 *  MENU
 * ==============================================
 */

.top-bar .divider {
    display: none;
}

reset
.top-bar,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section ul li {
    background: transparent;
}

.top-bar {
    margin-top: 1.6em;
    display: none;
}

.menu-wrap {
    position: relative;
    z-index: 9;
}

normal state
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button){
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
    padding: .7em 1em;
    border: 3px solid #fff;
    font-family: Oswald;
    width: 170px;
    min-height: 60px;
    line-height: 1.4;
    word-spacing: 100%!important;
    padding-left: 3.8em;
    position: relative;
    text-shadow: 1px 1px 1px rgba(0,0,0, .3);
    margin-right: 1em;
}

.top-bar-section li.menu-item-951 a {
    font-size: 1em;
    word-spacing: 1!important;
    padding: .95em 0!important;
    text-align: center;
}

.top-bar-section li:not(.has-form) a:not(.button):before {
    position: absolute;
    left: 12px;
    font-size: 2.1em;
    top: 8px;
    transition: all 0.3s ease;
    text-shadow: 1px 1px 1px rgba(0,0,0, .3);
}

.top-bar-section .menu-item-925 a:before {
    content: '01';
}

.top-bar-section .menu-item-925 a:hover,
.top-bar-section li.menu-item-925.active:not(.has-form) a:not(.button) {
    background: #d5a000!important;
}

.top-bar-section .menu-item-924 a:before {
    content: '02';
}

.top-bar-section .menu-item-924 a:hover,
.top-bar-section li.menu-item-924.active:not(.has-form) a:not(.button) {
    background: #b11133!important;
}

.top-bar-section .menu-item-923 a:before {
    content: '03';
}

.top-bar-section .menu-item-923 a:hover,
.top-bar-section li.menu-item-923.active:not(.has-form) a:not(.button) {
    background: #5d2fc7!important;
}


.top-bar-section .menu-item-951 a:before {
    content: '04';
}


.top-bar-section .menu-item-951 a:hover, .top-bar-section li.menu-item-951.active:not(.has-form) a:not(.button) {
    background: #dd6300!important;
}

hover state
.top-bar-section li:not(.has-form) a:not(.button):hover {
    padding-left: 4em;
}


.top-bar-section li:not(.has-form) a:not(.button):hover:before {
    left: 10px;
}

active menu:hover state
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #000;
}

parent active state
.top-bar-section ul li:hover:not(.has-form)>a {
    background: #999;
}

drop down normal
.top-bar-section .dropdown li:not(.has-form)>a:not(.button) {
    background: #ff0000;
}

drop down hover
.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button) {
    background: #00ff00;
}

carat normal state
.top-bar-section .has-dropdown>a:after {
    border-top-color: #fff;
}

carat hover state
.top-bar-section .has-dropdown>a:hover:after {
    border-top-color: #000;
}

.top-bar-section #menu-item-952 {
    float: right;

}
.top-bar-section #menu-item-952 a, ul.off-canvas-list li.menu-item-952 a{
    text-indent: -99999px;
    background: url(images/bkg_full_evaluation.png) center center no-repeat;
    border: 0;
    margin-right: 0!important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.top-bar-section #menu-item-952 a:hover {
    opacity: 0.8;
}
.menu-wrap {
    background: rgba(21,62,124, .9);
    padding: .5em 0;
}

.menu-wrap.stuck {
    position: fixed;
    z-index: 99;
}

.menu-wrap .menubottom{
    margin-top: 0;
    height: auto;
}

.off-canvas-button a:hover {
    color: #fff !important;
}


/*-- END MENU --*/



/**
 * ==============================================
 *  OFF CANVAS MENU
 * ==============================================
 */


.off-canvas-button {
	text-align: center;
	text-transform: uppercase;
}

.off-canvas-button p {
	margin-bottom: 0;
	font-size: .7em;
	line-height: 1;
	color: #fff;
}

.off-canvas-button i {
	line-height: 1;
	font-size: 2.8em;
}

.off-canvas-menu {
	background: #121f38 url(images/bkg_header.png) center top;
}

ul.off-canvas-menu {
	padding: 0 1em;
}

ul.off-canvas-list li a {
	font-family: "Oswald";
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	border-bottom: solid 1px #20324e;
	padding: 1em 0;
}

ul.off-canvas-list li a:hover {
	background: #1c3a75;
}

#offcanvas-sidebar .widget_search {
	padding: .8em .6em;
	border-bottom: 1px solid #262626;
}

#offcanvas-sidebar .widget_search input,
#offcanvas-sidebar .widget_search #searchsubmit {
	line-height: 1!important;
	font-size: .7em;
	text-transform: uppercase;
	height: 30px;
}

#offcanvas-sidebar {
	margin: 0.8em auto;
}

#offcanvas-sidebar img {
	margin: 0.9em auto !important;
}


ul.off-canvas-list li.menu-item-952 a{
	text-indent: -99999px;
	background: url(images/bkg_self_evaluation_offcanvas.png) center center no-repeat;
	border: 0;
	margin-right: 0!important;
	margin-top: -10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul.off-canvas-list li.menu-item-952 a:hover {
	text-indent: -99999px;
	background: url(images/bkg_self_evaluation_offcanvas.png) center center no-repeat;
	border: 0;
	margin-right: 0!important;
	margin-top: -10px;
	opacity: 0.4;
}


/*-- END OFF CANVAS MENU --*/



/**
 * ==============================================
 *  MORE FOOTER
 * ==============================================
 */


.footer-wrap {
	background: url(images/bkg_how.png);
	padding-top: .8em;
	border-top: 1px solid #fff;
}

.footer-wrap > .inner {
	background: url(images/bkg_header.png);
	padding: 2em 0 0;
}

#more-footer {
/*	padding: 0 0 1.5em;*/
}

#more-footer a img{
   -webkit-transition: all ease 0.4s;
   -moz-transition: all ease 0.4s;
   -o-transition: all ease 0.4s;
   transition: all ease 0.4s;
}

#more-footer a img:hover{
	opacity: 0.4;
}

#main-footer {
	background: rgba(255,255,255, .04);
}

#text-6 {
	text-align: center;
	color: #fff;
	font-family: Oswald;
	font-style: italic;
	font-size: .8em;
	margin: 0 0 .4em;
}

#text-7 {
	color: #fff;
	font-size: 0.9em;
}

#main-footer {
/*	padding: 1em 0 .6em;*/
}

#main-footer .menu a {
	color: #6ff2f0;
	text-transform: uppercase;
	font-size: 0.8em;
	text-decoration: underline;
}

#main-footer a:hover {
	text-decoration: none;
}

#main-footer .menu li {
	margin-top: 0;
	margin-bottom: 0;
}


/*-- END MORE FOOTER --*/



/**
 * ==============================================
 *  FOOTER
 * ==============================================
 */



/*-- END FOOTER --*/


*/

/**
 * ==============================================
 *  HOMEPAGE
 * ==============================================
 */

 #guidebook {
    background: url(images/bkg_how.png);
    padding-top: .7em;
    position: relative;
}

#guidebook:before {
    content: url(images/img_arrow_down.png);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}

#guidebook .inner {
    border-top: 1px solid #fff;
    background: url(images/bkg_how_inner.png);
    padding: 2em 0;
    border-bottom: 3px solid #143a72;

}

#guidebook .inner:after {
    content: url(images/img_down_arrow.png);
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -37px;
}

#guidebook h3 {
    color: #1e7fcf;
    font-weight: 400;
    margin: 0;
    line-height: 1;
}

#guidebook h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: rockwell;
    text-shadow: 1px 1px 1px #3b81a9;
    display: inline-block;
    position: relative;
}

#guidebook .content {
    font-size: .85em;
    line-height: 1.8;
    margin-bottom: 1em;
    font-style: italic;
}

.brackets {
    display: inline-block;
    text-transform: uppercase;
    color: #194791;
    font-family: Oswald;
    transition: all 0.2s ease;
}

.brackets:before {
    content: url(images/img_bracket_left.png);
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s ease;
}

.brackets:after {
    content: url(images/img_bracket_right.png);
    display: inline-block;
    vertical-align: middle;
    transition: all 0.2s ease;
}

.brackets:hover {
    color: #0a274f;
}

.brackets:hover:before{
    padding-right: .5em;
}

.brackets:hover:after{
    padding-left: .5em;
}

#calltoaction {
	background: #1e56a3; /* Old browsers */
	background: -moz-linear-gradient(top, #1e56a3 0%, #153b76 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e56a3), color-stop(100%,#153b76)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e56a3 0%,#153b76 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e56a3 0%,#153b76 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e56a3 0%,#153b76 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e56a3 0%,#153b76 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e56a3', endColorstr='#153b76',GradientType=0 ); /* IE6-9 */
}

#calltoaction > .inner {
	background: url(images/bkg_services.png) center bottom no-repeat;
	background-size: cover;
}

#calltoaction > .inner > .inner {
	background: url(images/bkg_ruler.png) center top repeat-x;
	padding: 3em 0;
}

.cta-item a:before {
	float: right;
	color: #fff;
	background: #1f82d4;
	border-radius: 999px;
	font-weight: 400;
	font-size: 2em;
	font-family: Oswald;
	width: 60px;
	height: 60px;
	line-height: 1.6;
	border: 3px solid #83f4f2;
	box-shadow: 0px 0px 10px rgba(255,255,255, .9);
	transition: all 0.3s ease;
}

.cta-item:nth-child(1) a:before {
	content: '01';
}

.cta-item:nth-child(2) a:before {
	content: '02';
}
.cta-item:nth-child(3) a:before {
	content: '03';
}
.cta-item:nth-child(4) a:before {
	content: '04';
}

.cta-item a {
	display: block;
	background-size: cover!important;
	border: 6px solid #fff;
	padding: 1em 1em 2em 1em;
	box-shadow: 0px 0px 4px rgba(0,0,0, .4);
}

.cta-item a:hover {
	padding-left: 2em;
}

.cta-item a:hover:before {
	margin-right: .4em;
}

.cta-item a h3 {
	padding-top: 2em;
	text-align: left;
	color: #fff;
	word-spacing: 320px;
	width: 320px;
	line-height: 1;
	font-family: rockwell;
	display: block;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0, .4);
}

.cta-item a h3:first-line {
	font-family: "oswald";
	font-size: .8em;
	line-height: 1;
	text-transform: normal;
}


/*
.button i {
	background: #6ef1ef;
	border-radius: 999px;
	width: 25px;
	height: 25px;
	line-height: 1.3;
	display: inline-block;
	vertical-align: middle;
	border: 3px solid #fff;
	margin-left: .3em;
	color: #153b73;
    padding: .3em;
}
*/

#news {
	background: url(images/bkg_news.png);
	padding-top: .5em;
}

#news > .inner {
	background: url(images/bkg_news_inner.png);
	padding: 2em 0;
}

#news .primary {
	font-family: rockwell;
	text-transform: uppercase;
	color: #1e55a0;
	line-height: 1;
}

#news .secondary {
	font-family: lato!important;
	color: #1f82d4;
	line-height: 1;
	font-style: italic;
}

#news img {
	vertical-align: bottom;
}

#news .button {
	padding: 0;
	line-height: 1;
	padding: .3em 1em;
	margin-top: 1em;
}

.rss-feed {
	list-style: none;
	margin-bottom: 0;
}

.rss-feed li {
	margin-bottom: 1em;
}

.rss-feed li:last-child {
	margin-bottom: 0;
}

.rss-feed a {
	color: #194791;
	font-style: italic;
	text-decoration: underline;
}





/*-- END HOMEPAGE --*/



/**
 * ==============================================
 *  DEFAULT PAGE TEMPLATE
 * ==============================================
 */

#middle {
	box-shadow: inset 1px 4px 9px -6px;
	padding: 0 0 2.5em;
	background: #f4f4f4;
	position: relative;
	z-index: 1;
}

.page-template-default #middle, .page-template-page-login-php #middle, .author #middle {
    padding: 2.5em 0;
}
.page-template-default .top-header {
	min-height: 248px;
	padding: 4em 0 0 0;
}

.page-template-default .slider-navigation {
	background: url(images/bkg_how.png) center bottom repeat-x;
	padding-bottom: .81em;
	margin-bottom: 2em;
	margin-top: -0.5em;
}


h1.title {
	line-height: 1;
	margin-top: 0;
}

.top-header {
	padding: 2em 0 0;
	background-size: cover;
}


.top-header > .inner {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.top-header.case-study {
	padding: 2em 0 8em !important;
}

.top-header h1 {
	word-spacing: 320px;
	font-family: rockwell;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
}

.top-header h1:first-line {
	font-family: oswald;
	text-transform: none!important;
	font-weight: 100;
}

.slider-navigation {
	background: url(images/bkg_how.png) center bottom repeat-x;
	margin-top: 2em;
	padding-bottom: .81em;
}

.slider-navigation .inline-list>li {
	list-style: none;
	float: left;
	margin-left: 0 !important;
	display: block;
}

.slider-navigation > .inner {
	background: rgba(255,255,255, .4);
}

.slider-navigation .inline-list {
	margin: 0;
}
.slider-navigation ul a {
	font-family: oswald;
	color: #fff;
	text-transform: uppercase;
	padding: 1em 0.7em;
	position: relative;
	z-index: 999;
	display: block;
	font-size: 13.5px;
}

.slider-navigation ul a:not(.inactive):hover {
	background: rgba(0,0,0, .6);
}

.slider-navigation ul a:not(.inactive):after {
	content: url(images/img_arrow_up.png);
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1.2em;
	z-index: 999;
	text-align: center;
	transition: all 0.5s ease;
	opacity: 0;
}

.slider-navigation ul a.inactive {
	color: rgba(255,255,255, .5);
	cursor: default;
}
.slider-navigation ul a.active:after,
.slider-navigation ul a:not(.inactive):hover:after {
	opacity: 1;
}

.slider-navigation ul.inline-list {
	z-index: 9;
	position: relative;
	overflow: visible;
}


.yellow .slider-navigation ul a.active {
	background: rgba(213,160, 0, .6);
}

.yellow .intro h3.title {
	color: #e8ae01;
}

.yellow .resources>.inner {
	background: #d5a000;
}

.red .slider-navigation ul a.active {
	background: rgba(177,17,51, .6);
}

.red .intro h3.title {
	color: #b11133;
}

.red .resources>.inner {
	background: #b11133;
}

.purple .slider-navigation ul a.active {
	background: rgba(87,51,171, .6);
}

.purple .intro h3.title {
	color: #5733ab;
}

.purple .resources>.inner {
	background: #5733ab;
}

.intro {
	position: relative;
	padding: 1em 0 1em 0;
	margin-top: 1.5em;

}

.intro h3.title {
	line-height: 1;
	margin: 0 0 .4em;
	text-transform: uppercase;
	font-weight: 500;
}

.intro .content {
	font-style: italic;
}

.resources>.inner{
	background: #ddd;
}

.resources h5 {
	text-transform: uppercase;
	color: #fff;
	padding: 1em 1em 0;
}

.resources ul {
	list-style: none;
	padding: 0 1em 1em;
	margin: 0;
}

.resources a.button.blue {
	text-transform: uppercase;
	font-style: normal;
	text-decoration: none !important;
	font-size: .79em;
	padding: 1.3em .5em;
}

.resources ul li {
	border-bottom: 1px solid rgba(255,255,255, .4);
}
.resources ul li a,
.resources ul li.no-resources {
	color: #fff;
	font-style: italic;
	padding: 1.3em 0;
	display: block;
	font-size: .9em;
	padding-left: 3.6em;
}

.resources ul li.no-resources {
	padding-left: .5em;
}

.resources ul li.pdf_download {
	background: url(images/bkg_resource_pdf.png) center left no-repeat;
}

.resources ul li.modal_box {
	background: url(images/bkg_resource_external.png) center left no-repeat;
}

.resources ul li.external_link {
	background: url(images/bkg_resource_chain.png) center left no-repeat;
}

.resources ul li a:hover {
	padding-left: 4em;
}

#question-holder .content {
    margin: 0 0 1.5em 0;
}

#question-holder h3 {
    margin: 2em 0 0.5em 0;
}

.questions {
	border: none;
	background: none;
}

.questions th {
	font-family: oswald;
	text-transform: uppercase;
	color: #13457a;
}
.cool-class h6,
.questions th:first-child {
	color: #0e519d;
	font-style: italic;
	text-transform: none;
	font-family: lato;
	font-weight: bold;
}

.cool-class h6 {
	font-size: .9em;
}

.questions tbody tr:nth-child(odd){
	-webkit-print-color-adjust: exact;
}

.questions tbody tr:nth-child(even){
    background: #fbfbfb !important;
	-webkit-print-color-adjust: exact;
}

.cool-class .questions tr {
	background-color: transparent!important;
}

.cool-class .questions tbody td ul {
	font-size: 1em!important;
}

/* .questions td a {
    color: #000;
}

.questions td a:hover {
    color: #333;
    text-decoration: underline;
}

.questions tr td:first-child {

}
 */
.questions tr td:nth-child(2) {
	width: 260px;
	vertical-align: top;
	text-align: right;
}

.questions tr td:last-child label {
	margin-right: .5em;
	display: inline-block;
}

.questions label {
    font-size: 1.3em !important;
}

.resources {
	margin-top: 1em;
	list-style: none;
	margin-left: 0;
    color: #e2dede;
}

 .resources li {
    font-size: .8rem;
    display: inline;
     margin-right: 1em;
}

.resources li a {
}


.answers .unanswered {
	background-color: #ffdddd!important;
	-webkit-print-color-adjust: exact;
}

.answers td div {
	font-style: italic;
	margin-top: .5em;
	color: #666;
}

#see-report {
	margin-left: 1em;
}

.ribbon {
	font-family: rockwell;
	font-size: 1.3em;
	text-transform: uppercase;
	width: 70%;
	position: relative;
	background: #1e7dcd;
	color: #fff;
	text-align: center;
	padding: .5em 0; /* Adjust to suit */
	margin: .5em auto 2.5em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
	-webkit-print-color-adjust: exact;
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -.35em;
	border: 1em solid #0e519d;
	z-index: -1;
	-webkit-print-color-adjust: exact;
}
.ribbon:before {
	left: -2em;
	border-right-width: 3em;
	border-left-color: transparent;
	-webkit-print-color-adjust: exact;
}
.ribbon:after {
	right: -2em;
	border-left-width: 3em;
	border-right-color: transparent;
	-webkit-print-color-adjust: exact;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #17273f transparent transparent transparent;
	bottom: -.35em;
	-webkit-print-color-adjust: exact;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: .4em 0 0 2em;
	-webkit-print-color-adjust: exact;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: .4em 2em 0 0;
	-webkit-print-color-adjust: exact;
}

.output {
	padding-top: 3em;
	position: relative;
	z-index:10;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + span {
    display:inline-block;
    width:16px;
    height:16px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
     background:url(images/radio_sprites.png) left top no-repeat;
}

input[value="yes"]:checked + span {
    background:url(images/radio_sprites.png) left -16px no-repeat;
}

input[value="2"]:checked + span {
    background:url(images/radio_sprites.png) left -16px no-repeat;
}
input[value="1"]:checked + span {
    background:url(images/radio_sprites.png) left -16px no-repeat;
}
input[value="0"]:checked + span {
    background:url(images/radio_sprites.png) left -16px no-repeat;
}

input[value="no"]:checked + span {
    background:url(images/radio_sprites.png) left -32px no-repeat;
}


/*-- END DEFAULT PAGE TEMPLATE --*/


/**
 * ==============================================
 *  CASE STUDY PAGE
 * ==============================================
 */

.case_ribbon {
	font-family: rockwell;
	font-size: 1.3em;
	text-transform: uppercase;
	width: 70%;
	position: relative;
	background: #ed6a00;
	color: #fff;
	text-align: center;
	padding: .5em 1em; /* Adjust to suit */
	margin: 1.5em auto 1.5em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
	-webkit-print-color-adjust: exact;
}
.case_ribbon:before, .case_ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -.35em;
	border: 1em solid #c95000;
	z-index: -1 !important;
	-webkit-print-color-adjust: exact;
}
.case_ribbon:before {
	left: -2em;
	border-right-width: 3em;
	border-left-color: transparent;
	-webkit-print-color-adjust: exact;
}
.case_ribbon:after {
	right: -2em;
	border-left-width: 3em;
	border-right-color: transparent;
	-webkit-print-color-adjust: exact;
}
.case_ribbon .ribbon-content:before, .case_ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #692a00 transparent transparent transparent;
	bottom: -.35em;
	-webkit-print-color-adjust: exact;
}
.case_ribbon .ribbon-content:before {
	left: 0;
	border-width: .4em 0 0 2em;
	-webkit-print-color-adjust: exact;
}
.case_ribbon .ribbon-content:after {
	right: 0;
	border-width: .4em 2em 0 0;
	-webkit-print-color-adjust: exact;
}

.case_content {
	padding: 0.5em 2em 0.5em;
}

.case_content a.brackets {
	cursor: default !important;
}

.case_icon {
	height: 237px;
	width: 100%;
}

.case_icon img {
	top: 29%;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.case_icon img:hover {
	top: 18%;
}

h3.case {
	text-transform: uppercase;
	color: #1d3d70;
	font-size: 18px;
	padding: 0.3em 2em 1em;
}

h3.case_modal_title {
	color: #ffffff;
	text-transform: uppercase;
	color: #fff;
	font-size: 22px;
	padding: 2.5em 0 0 1.5em;
}

.case_modal_header {
	height: 180px;
}

.case_modal_inner .resources h5 {
	color: #1b73bb;
}

.case_modal_inner .resources ul {
	padding: 0em;
}

.case_modal_inner .resources ul li {
	border-bottom: 1px solid #dedede;
}
.case_modal_inner .resources ul li a,
.case_modal_inner .resources ul li.no-resources {
	color: #1b73bb;
	font-style: italic;
	padding: 1.3em 0;
	display: block;
	font-size: .9em;
	padding-left: 3.6em;
}

.case_modal_inner .resources ul li.no-resources {
	padding-left: .5em;
}

.case_modal_inner .resources ul li.pdf_download {
	background: url(images/bkg_resource_pdf.png) center left no-repeat;
}

.case_modal_inner .resources ul li.external_link {
	background: url(images/bkg_resource_chain.png) center left no-repeat;
}

.case_modal_inner .resources ul li a:hover {
	padding-left: 4em;
}


.case_modal_header img {
	margin: 2.5em 2.5em 0 0;
}

.reveal-modal {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding: 2rem !important;

}

.reveal-modal .case_modal_inner {
	padding: 1em 1.5em;
}

.reveal-modal-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #dd6300;
	background: rgba(221,99,0,0.45);
	z-index: 1004;
	display: none;
	left: 0;
}
/*-- END CASE STUDY--*/


/**
 * ==============================================
 *  RESOURCES PAGE
 * ==============================================
 */



h2.tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}


h2.tag {
	background: #1f83d6 url(images/bkg_ruler_tag.png) repeat-x top left;
	color: #ffffff;
	font-size: 30px;
	display: inline-block;
	line-height: 30px;
	padding:0.8em 1.2em 0.5em;
	position: relative;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color 0.2s;
	text-shadow: 1px 1px 1px rgba(0,0,0, 1);
	border-right: 4px solid #6ff2f0;
	width: 85%;
}

h5 {
	color: #1b73bb;
	font-size: 22px;
}

.cool-class ul li {
	list-style-image: url(images/bullet_resources.png);
	margin: 0 0 0.7em 0;
}

hr.beautiful {
	background: url(images/hr_beautiful.png) no-repeat left top;
	border: none;
	border-top: none !important;
	height: 80px;
	background-size: contain;
}


/*-- END RESOURCES --*/


/**
 * ==============================================
 *  FULL WIDTH TEMPLATE
 * ==============================================
 */

/*content here*/

/*-- END FULL WIDTH TEMPLATE --*/



/**
 * ==============================================
 *  BLOG
 * ==============================================
 */

.blog {

}

.single {

}

/*-- END BLOG --*/



/**
 * ==============================================
 *  SIDEBAR
 * ==============================================
 */

.sidebar.column {
	font-size: .8em;
}

.widget_search,
.widget_search input{
	font-size: .9em;
}

/*-- END SIDEBAR --*/



/**
 * ==============================================
 *  SECONDARY SIDEBAR
 * ==============================================
 */

.sidebar_secondary {

}

/*-- END SECONDARY SIDEBAR --*/


.profile-status input[type=radio]{
	display: inline-block!important;
}

.search-info input {
	width: auto!important;
}

.search-info label,
.search-info input,
#report-high-level label {
	display: inline-block;
}

#report-high-level {
	padding: 2em 0 0;
	background: #fff;
}

.sticky-wrap {
	padding: 2em 0;
}

#quick-nav label {
    margin-right: 1em;
    float: left;
}

#report-archive .meta {
	text-transform: uppercase;
	color: #999;
	font-size: .8em;
	margin-top: 1em;
}

#report-archive input,
#report-high-level input {
	display: inline-block;
	margin-right: .3em;
	margin-bottom: 0;
}

#report-high-level .report-status-wrap {
	display: inline-block;
}

li .report-status-wrap {
	margin-bottom: 1em;
}

ul#report-archive li .panel {
    background: #fff;
    min-height: 350px;
}

.no-reports {
	padding: 5em 0;
}
.row,
.row .row {
	position: relative;
}

.inline-list {
	text-transform: uppercase;
	font-size: .8rem;
    margin: 0 !important;
}

.inline-list i {
	font-size: 1.4em;
	line-height: 1.2;
}

.inline-list>li {
    margin-left: 0 !important;
    margin-right: 1.3em !important;
}

  .ui-tooltip {
  	position: absolute;
    padding: 8px 15px;
    color: white;
    font: 12px "Open Sans", Sans-Serif;
    box-shadow: 0 0 7px black;
    margin-left: 10px;
    z-index: 9;
    background: #000;
}

.ui-helper-hidden-accessible {
	display: none;
}

#legend.stuck {
    padding: 1em 1em 0;
    background: #fff;
    border-bottom: solid 1px #ccc;
    text-align: center;
}
.color-box {
	width: 23px;
	height: 23px;
	display: inline-block;
}

.color-box.active {
	border: 4px solid #000;
}


.color-selector {
    /* padding-right: 1em; */
    /* padding-top: 91px; */

    position: relative;
    /* background: #000; */
    left: 14px;
    padding: 7px 12px;
    border: solid 1px #30d7b6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    display: block;
}

.f-dropdown li:hover, .f-dropdown li:focus {
	background: none;
}

.f-dropdown {
	outline: none;
	box-shadow: 2px 2px 6px rgba(0,0,0, .5);
	padding-bottom: 0!important;
}

.f-dropdown li {
	padding: 0 .4em 1.3em;
}


#report-sort input[type=radio] {
	display: inline-block!important;
}

#report-sort input[type=radio] {
	margin-right: 1em;
}

#report-sort label {
	float: none;
	margin: 0;
	display: inline;
	margin-right: .5em;
}