/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
    background: #fff;
    height: 100%;
}


body {
    /*font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif;*/
    font-family: "Helvetica", Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    color: #666666;
    height: 100%;
}


/* =============================================================================
 *   Fonts
 * ========================================================================== */

@font-face {
    font-family: 'FontAwesome';
    src:url('../fonts/FontAwesome.eot');
}
@font-face {
    font-family: 'FontAwesome';
    src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
        url(data:application/x-font-ttf;charset=utf-8;base64,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EBooCAMIAgwBBgUPFyU3KSErOxYPCR0WCAwRHRUSDGkRGxdfOjRYNDQAAAAAAQAA/8ABwAGAACUAACUiByc2NCc3FjMyNjQmIgYVFBcHJiMiBhQWMzI3FwYVFBYyNjQmAXoeFL0BAb0UHh0pKTopAb0UHh0pKR0eFL0BKTopKUwVXgUMBV4VKTopKR0GBV4VKTopFV4FBh0pKTopAAEAAABQAQAA4AANAAAkFA8BBiIvASY0NjsBMgEABXAFDAVwBQoG4AbWDAVwBQVwBQwKAAABAAAAQAEAANAADQAAJBQGKwEiJjQ/ATYyHwEBAAoG4AYKBXAFDAVwVgwKCgwFcAUFcAAAAQAQACAAoAEgAA0AABMVFAYiLwEmND8BNjIWoAoMBXAFBXAFDAoBEOAGCgVwBQwFcAUKAAEAAAAgAJABIAANAAA2FA8BBiImPQE0NjIfAZAFcAUMCgoMBXCmDAVwBQoG4AYKBXAAAAAAAAwAlgABAAAAAAABAAsAGAABAAAAAAACAAcANAABAAAAAAADACcAjAABAAAAAAAEAAsAzAABAAAAAAAFAAsA8AABAAAAAAAGAAsBFAADAAEECQABABYAAAADAAEECQACAA4AJAADAAEECQADAE4APAADAAEECQAEABYAtAADAAEECQAFABYA2AADAAEECQAGABYA/ABGAG8AbgB0AEEAdwBlAHMAbwBtAGUAAEZvbnRBd2Vzb21lAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAEYAbwBuAHQAQQB3AGUAcwBvAG0AZQAgADoAIAAxADIALQA5AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IEZvbnRBd2Vzb21lIDogMTItOS0yMDEzAABGAG8AbgB0AEEAdwBlAHMAbwBtAGUAAEZvbnRBd2Vzb21lAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABGAG8AbgB0AEEAdwBlAHMAbwBtAGUAAEZvbnRBd2Vzb21lAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHAAAAAEAAgECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaB3VuaUYwMDAHdW5pRTAwMAd1bmlFMDAxB3VuaUUwMDIHdW5pRTAwMwd1bmlFMDA0B3VuaUUwMDUHdW5pRTAwNgd1bmlFMDA3B3VuaUUwMDgHdW5pRTAwOQd1bmlFMDBBB3VuaUUwMEIHdW5pRTAwQwd1bmlFMDBEB3VuaUUwMEUHdW5pRTAwRgd1bmlFMDEwB3VuaUUwMTEHdW5pRTAxMgd1bmlFMDEzB3VuaUUwMTQHdW5pRTAxNQd1bmlFMDE2B3VuaUUwMTcAAAAAAAH//wACAAEAAAAOAAAAGAAAAAAAAgABAAMAGwABAAQAAAACAAAAAAABAAAAAMmJbzEAAAAAzleZIgAAAADOV5ki) format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'FontAwesome';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-facebook, .icon-twitter, .icon-rss, .icon-linkedin, .icon-instagram, .icon-youtube, .icon-arrow-up, .icon-arrow-right, .icon-arrow-down, .icon-arrow-left, .icon-arrow-left-2, .icon-arrow-down-2, .icon-arrow-up-2, .icon-arrow-right-2, .icon-globe, .icon-circle, .icon-circle-blank, .icon-google-plus, .icon-pinterest, .icon-share, .icon-caret-down, .icon-caret-up, .icon-caret-left, .icon-caret-right {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-facebook:before {
    content: "\e000";
}
.icon-twitter:before {
    content: "\e001";
}
.icon-rss:before {
    content: "\e002";
}
.icon-linkedin:before {
    content: "\e003";
}
.icon-instagram:before {
    content: "\e004";
}
.icon-youtube:before {
    content: "\e005";
}
.icon-arrow-up:before {
    content: "\e006";
}
.icon-arrow-right:before {
    content: "\e007";
}
.icon-arrow-down:before {
    content: "\e008";
}
.icon-arrow-left:before {
    content: "\e009";
}
.icon-arrow-left-2:before {
    content: "\e00a";
}
.icon-arrow-down-2:before {
    content: "\e00b";
}
.icon-arrow-up-2:before {
    content: "\e00c";
}
.icon-arrow-right-2:before {
    content: "\e00d";
}
.icon-globe:before {
    content: "\e00e";
}
.icon-circle:before {
    content: "\e00f";
}
.icon-circle-blank:before {
    content: "\e010";
}
.icon-google-plus:before {
    content: "\e011";
}
.icon-pinterest:before {
    content: "\e012";
}
.icon-share:before {
    content: "\e013";
}
.icon-caret-down:before {
    content: "\e014";
}
.icon-caret-up:before {
    content: "\e015";
}
.icon-caret-left:before {
    content: "\e016";
}
.icon-caret-right:before {
    content: "\e017";
}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h1 {}

h2 {
  position: relative;
  display: inline-block;
  width: auto;
  font-family: 'Arvo', serif;
  font-size: 1.3em;
  font-weight: normal;
  padding: 5px 35px 5px 10px;
  margin: 0 0 20px 0;
  color: #fff;
  background-color: #960115;
}
.page-user h2,
.page-user-login h2 {
  padding: 5px 12px 5px 10px;
}

h3 {}

h4 {}

h5 {}

h6 {}

p {}

b,
strong {}

i,
em {}

dfn {}

sup {}

sub {}

del {}

ins {}

blockquote {}

cite {}

q {}

address {}

ul {}

ol {}

li {}

dl {}

dd {}

dt {}

abbr {}

acronym {}

pre,
code,
tt,
samp,
kbd,
var {
    font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

.fullwidth {
    width: 100%;
    height: 100%;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */

/*
 * Page wrapper, includes the .container class which sets the overall page or section width
 * Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!
 */
#page {
    min-height:100%;
    position:relative;
}
#page .container {}

#page #top-bar, #footer-wrapper #bottom-bar {
    width: 100%;
    height: 10px;
}

#page #top-bar div, #footer-wrapper #bottom-bar div {
    width: 20%;
    height: 100%;
    display:inline-block;
    float:left;
}
div.blue {
    background-color: #012270;
}
div.yellow {
    background-color: #f4c200;
}
div.red {
    background-color: #960115;
}
div.grey {
    background-color: #a0a0a0;
}

/*
 * Wraps all header elements - branding and .region-header
 */
#header {
    margin: 25px 0 0 0;
    position: relative;
}

/*
 * Wraps the sidebars the content column
 */
#columns {}

/*
 * Main content column wrapper
 */
#content-column {}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column
 */
#main-content {}

/*
 * Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style
 */
#content {
}
.not-front #content {
    padding: 20px 5px;
}
body.front #content {
    background-color: #f5f5f5;
}
/*
 * Footer wrapper
 */
#footer {}

/*
 * Panels may need additional margin wrangling when in the $content region
 */
#content .panel-display {
    margin-left: 0;
    margin-right: 0;
}

/*
 * Full Width Wrappers
 * These are used in the optional page--full-width-wrappers.tpl.php template.
 * All have internal .container classes. In the full width wrapper template the
 * .container classes set the width or max-width of the contained element - you
 * can style this but never add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps #page
 */
#page-wrapper {}
#page-wrapper .container {}

/*
 * Wraps the leaderboard
 */
#leaderboard-wrapper {}
#leaderboard-wrapper .container {}

/*
 * Wraps the header
 */
#header-wrapper {
    /* Debug styles, is this working */
    background: rgba(255, 192, 203, 0.5);
}
#header-wrapper .container {}

/*
 * Wraps the nav elements
 */
#nav-wrapper {}
#nav-wrapper .container {}

/*
 * Wraps breadcrumb
 */
#breadcrumb-wrapper {}
#breadcrumb-wrapper .container {}

/*
 * Wraps messages and help
 */
#messages-help-wrapper {}
#messages-help-wrapper .container {}

/*
 * Wraps the secondary content/preface region
 */
#secondary-content-wrapper {}
#secondary-content-wrapper .container {}

/*
 * Wraps the main content column
 */
#content-wrapper {}
#content-wrapper .container {}

/*
 * Wraps the tertiary content/postfix region
 */
#tertiary-content-wrapper {}
#tertiary-content-wrapper .container {}

/*
 * Footer wrapper
 */
#footer-wrapper {
    /* Debug styles, is this working? */
    min-height: 80px;
    width: 100%;
    /* position:absolute; */
    bottom:0;
    width:100%;
    height:280px;   /* Height of the footer */
}
#footer-wrapper #footer {
    padding: 15px 20px;
    color: #282828;
    background-color: none;
    height: 100%;
}
#footer-wrapper #footer .copyright {
    padding: 10px;
    width: 70%;
    float: left;
    font-size: 12px;
}
#footer-wrapper #footer .social {
    float: left;
    border-left: 1px solid #646464;
    padding: 5px 0px 20px 20px;
}
#footer-wrapper #footer .social  {

}
#footer-wrapper #footer .social a {
    font-size: 22px;
    margin-right: 18px;
    width: 22px;
    height: 22px;
    color: #282828;
    text-align: center;
    float: left;
}
#footer-wrapper #footer .social a:hover {
    color: #ccc;
    text-decoration: none;
}
#footer-wrapper .container {}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Wraps all the branding elements, logo, name and slogan
 */
#branding {}

/*
 * Logo
 */
#header #logo {
    width: 172px;
    height: 57px;
    padding: 1px 24px 2px 20px;
    border-right: 1px solid #cbcbcb;
    float: left;
}

#logo a {
}

#logo img {
    vertical-align: bottom;
}

/*
 * Wrapper for the site name and slogan (hgroup)
 */
#header #name-and-slogan {
    float: left;
    margin: 14px 0 0 25px;
    width: 432px;
    height: 41px;
    background: url('/sites/all/themes/ah_theme/images/tagline.png') no-repeat;
}

#header #name-and-slogan a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
 * Site name (h1)
 */
#site-name {
    margin: 0;
}


#site-name a {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

#site-name a:link,
#site-name a:visited {
    text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
    text-decoration: underline;
}

/*
 * Site slogan (h2)
 */
#site-slogan {
    margin: 0;
}

/* Displayed on print pages only */
#print-slogan {
    display: none;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * Main content header wraps the page title, tabs and actions links
 */
#main-content-header {}

/*
 * The main page title (h1)
 */
#page-title {
    margin: 0;
}
/* Logout */
.logout {
  color: #333333;
  position: absolute;
  right: 27px;
  top: -10px;
}
/* SEARCH */
#header #search {
    position: absolute;
    right: 0;
    top: 20px;
}
#header #search .search-form label {
    /*display: none;*/
}
#header #search .search-form input {
    background-color: #f3f3f3;
    border: 0;
    color: #999;
    padding: 11px 11px 8px 11px;
    width: 150px;
    margin-right: 25px;
}
#header #search .search-form input.search-icon {
    display: none;
}

#header #language {
    width: 160px;
    position: absolute;
    /*top: 67px;*/
    margin-top: 82px;
    right: 30px;
    padding: 0;
    background-color: #fff;
    z-index: 9;
}

#header #language li {
    list-style: none;
}
#header #language li a {
    color: #333;
}
#header #language li a:hover{
    color: #fff;
    font-weight: bold;
}
#header #language li:hover {
    cursor: pointer;
}
#header #language li:hover > ul {
    display: block;
}
#header #language ul.main > li span.globe:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    content: "\e00e";
    margin-right: 5px;
    line-height:30px;
    vertical-align:middle;
}
#header #language ul.main > li span.arrow:after {
    font-family: 'FontAwesome';
    font-size: 17px;
    content: "\e00b";
    margin-left: 5px;
    line-height:30px;
    vertical-align:middle;
}
#header #language  ul.main {
    padding:0;
    margin:0;
}

.main ul.dropit-submenu a:hover {
    background: #960115;
    color: #fff;
    text-decoration: none;
}

.main ul.dropit-submenu {
    background-color: #fff;
    padding: 6px 0;
    margin: 3px 0 0 1px;
    text-align: center;
}

#header #language li > ul {
    display: none;
    /* text-align: center; */
    margin-top: 5px;
    padding-bottom: 10px;
}

#header #language li span {
    color: #333333;
}

/* =============================================================================
 *   Main Menus
 * ========================================================================== */
#header #main-menu {
    clear: both;
    position: relative;
    color: #333;
    border-bottom: 6px solid #ddd;
    padding: 5px 0px 0px 0;
    /*z-index: 1;*/
}
#footer-menu {
    position: relative;
    margin-bottom:10px;
}
#header ul.menu, #footer-menu ul.menu {
    margin: 15px 0 0 0;
    padding-left: 0;

}
#footer-wrapper #footer-menu ul.menu {
    background-color: #fff;
    /*padding: 25px 20px 20px 20px;
    border-top: 1px solid #999;*/
}
#header #main-menu ul.menu li,
#footer-wrapper #footer-menu ul.menu li {
    float: left;
    padding: 5px 19px 5px 19px;
    list-style: none;
}
#header #main-menu ul.menu li:hover,
#footer-wrapper #footer-menu ul.menu li:hover {
    background-color: #ededed;
}
#header #main-menu ul.menu li a:after,
#footer-wrapper #footer-menu ul.menu li a:after {
    font-family: 'FontAwesome';
    font-size: 17px;
    margin-left: 5px;
    vertical-align:middle;
    line-height:30px;
    /* Keep the content, but hide visibility in parent. */
    content: "\e00b";
    visibility:hidden;
}

#header #main-menu ul.menu li.expanded a:after,
#footer-wrapper #footer-menu ul.menu li.expanded a:after {
    content: "\e00b";
    visibility:visible;
}

#header #main-menu ul.menu li.leaf a:after,
#footer-wrapper #footer-menu ul.menu li.leaf a:after,
#header #main-menu ul.menu ul.login li a:after,
#footer-wrapper #footer-menu ul.menu ul.login li a:after{
    content: "";
}

#header #main-menu a,
#footer-wrapper #footer-menu a {
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: normal;
}
#header #main-menu a:hover,
#footer-wrapper #footer-menu a:hover {
    text-decoration: none;
}
/* Submenu styling */
#header #main-menu ul.menu li ul,
#footer-wrapper #footer-menu ul.menu li ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 25px 0 0 0;
    width: 100%;
    left: 0;
    background-color: #ededed;
    border-top: 0;
    z-index: 999;
}
#header #main-menu ul.menu li ul {
    top: 60px;
}

#header #main-menu ul.menu li ul li,
#footer-wrapper #footer-menu ul.menu li ul li {
    margin-left: 20px;
    padding: 0;
}
#header #main-menu ul.menu li:hover > ul,
#footer-wrapper #footer-menu ul.menu li:hover > ul {
    display: block;

}
#header #main-menu ul.menu li ul li a:after,
#footer-wrapper #footer-menu ul.menu li ul li a:after {
    content: "";
}

/* Breadcrumbs / user login info */
#header #secondary-menu {
    padding: 8px 20px;
}
#header #secondary-menu a {
    color: #333;
    font-size: 13px;
}
#header #secondary-menu li:after {
    content: "/";
    padding-left:13px;
}
#header #secondary-menu li.last:after {
    content: "";
}

/* Mobile only nav items */
#header #main-menu a.mobile-only-nav-item,
#header #main-menu ul.menu li.expanded a.mobile-only-nav-item:after {
    display: none;
}

/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Feed icons
 */
.feed-icon {}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
    display: inline;
    float: none;
    margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
    display: inline;
    margin: 0;
}

/*
 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
ul.links {
    margin: 0;
    padding: 0;
}

ul.links.inline {
    display: block;
}

ul.links li {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
    margin: 0;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
 */
.region {}

/*
 * Regions have an inner div - perfect for adding margin, padding or borders
 */
.region-inner {}

/*
 * Regions can be nested, such as when using Panels
 */
.region-inner .region-inner {}

/*
 * Header region, embedded in the #header
 */
.region-header {}

/*
 * Generally used to output Drupals help block, if the help module is enabled
 */
.region-help {}

/*
 * Secondary content
 */
.region-secondary-content {}

/*
 * Sits above the main content header, like a content-top region
 */
.region-highlighted {}

/*
 * Sits below the main content, like a content-bottom region
 */
.region-content-aside {}

/*
 * Sidebars - targets both
 */
.sidebar {}

/*
 * First sidebar
 */
.region-sidebar-first {}

/*
 * Second sidebar
 */
.region-sidebar-second {}

/*
 * Tertiary content
 */
.region-tertiary-content {}

/*
 * Footer region
 */
.region-footer {}
#footer-wrapper {
    background-color: #fff;
    border-top: 1px solid #999;
}


/* =============================================================================
 *   Links
 * ========================================================================== */

a {
    text-decoration: none;
}

a:link,
a:visited {}

a:active,
a.active {}

a:hover,
a:focus {
    text-decoration: underline;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

/*
 * Use one of the following id's for granular control:
 *  - #menu-bar (menu bar region)
 *  - #primary-menu (main menu)
 *  - #secondary-menu (secondary/user menu)
 * You can target all of these with .nav or div[id$="menu-bar"]
 */
.nav {
    clear: both;
    margin: 10px 0;
}

.nav ul,
.nav ul.menu {
    margin: 0;
    padding: 0;
}

.nav li,
.nav ul.menu li {
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav li a,
.nav ul.menu li a {
    display: block;
    white-space: nowrap;
    padding: 0 10px;
}

.nav li a:visited,
.nav ul.menu li a:visited {}

.nav li a:hover,
.nav li a:focus,
.nav ul.menu li a:hover,
.nav ul.menu li a:focus {}

.nav .block {
    margin-bottom: 0;
}


/* =============================================================================
 *   Superfish
 * ========================================================================== */

ul.sf-menu {
    margin-bottom: 0;
}

ul.sf-menu a {
    border-left: 0;
    border-top: 0;
    padding: 0 10px;
    text-decoration: none;
    height: 2.5em;
    line-height: 2.5em;
}

ul.sf-menu a:link,
ul.sf-menu a:visited {}

ul.sf-menu li {}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
    outline: 0;
}

ul.sf-menu a {}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
    outline: 0;
}

/*
 * Superfish blocks
 */
.block-superfish {}

.block-superfish .block-inner .content {}

.block-superfish ul {
    margin: 0 !important;
    padding: 0 !important;
}

.block-superfish ul ul {}

.block-superfish ul ul ul {}

.block-superfish ul ul ul ul {}

.block-superfish li {
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Vertical style
 */
.sf-vertical {
    width: 100%;
}

.sf-vertical li {
    width: 100%;
}

.sf-vertical li.last {}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
}

.sf-vertical li a {
    padding: 0 10px;
}

/*
 * Navbar style
 */
.sf-navbar {
    padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
.sf-menu.sf-style-default a {
    padding: 0 10px;
}


/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
    padding-left: 15px;
}

ul.menu ul {
    padding-left: 15px;
}

ul.menu ul ul {}

ul.menu ul ul ul {}

ul.menu li {
    margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {}

ul.menu li a {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:active,
ul.menu li a.active {}

ul.menu li a:hover,
ul.menu li a:focus {}

ul.menu li.active a,
ul.menu li.active-trail a {}

ul.menu li.first,
ul.menu li.last {}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
    padding: 0;
}


/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */

.book-navigation {}

.book-navigation .page-links {}

.book-navigation .page-previous {}

.book-navigation .page-next {}

.book-navigation .page-up {
    /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
    min-width: 2em;
    white-space: nowrap;
}

.book-navigation .menu {
    margin-left: 0;
}


/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {
    margin: 9px 0 0 25px;
    font-size: 12px;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
    font-size: 1em;
    display: inline;
    padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
    content: ":";
}

#breadcrumb ol {
    margin: 0;
    padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
    display: inline;
}

#breadcrumb li {
    list-style: none;
    display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a,
#breadcrumb strong {
    padding-right: 7px;
    padding-left: 7px;
    text-decoration: none;
    color: #666666;
}

#breadcrumb a:first-child {
  padding-left: 0;
}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
    clear: both;
    margin: 0;
    text-align: center;
}

.item-list ul.pager li {
    margin: 0;
}

ul.pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: .5em;
}

ul.pager li.pager-current {
    font-weight: 700;
}

.block ul.pager li {
    margin: 0;
}

/*
 * Theme the various states of pager links
 */
ul.pager li {}

ul.pager li a {}

ul.pager li a:link,
ul.pager li a:visited {}

ul.pager li a:active,
ul.pager li a.active {}

ul.pager li a:hover,
ul.pager li a:focus {}

ul.pager li.pager-item {}
ul.pager li.first {}
ul.pager li.last {}
ul.pager li.pager-current {}
ul.pager li.pager-first {}
ul.pager li.pager-previous {}
ul.pager li.pager-next {}
ul.pager li.pager-last {}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
    left: 50%;
    margin-left: -6.5em;
    margin-top: 0;
    padding: 0 0.5em;
    position: absolute;
    width: 12em;
    z-index: 50;
}

#skip-link a {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
    background: #444;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    line-height: 2;
    padding: 0;
    text-align: center;
    text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
    outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
    margin-bottom: 15px;
}

ul.primary {
    border-bottom-color: #ccc;
    margin: 20px 0;
    padding: 0 0 0 5px;
}

ul.primary li {
    display: block;
    float: left;
    margin: 0 1px -1px;
}

ul.primary li a {
    background-color: #f5f5f5;
    border-color: #ccc;
    margin-right: 1px;
    padding: 0 10px;
    display: block;
    float: left;
    height: 1.5em;
    line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
    background-color: #eee;
    border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
    background-color: #fff;
    border-bottom-color: #fff;
}

ul.secondary {
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0;
    padding: 0 .3em 1em;
}

ul.secondary li {
    border-right: 0;
    list-style: none;
    padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
    border-bottom: none;
    text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
    margin: 20px 0 0;
    list-style: none;
}

ul.action-links li {}

/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Wrapper for any field
 */
.field {}

/*
 * Above and inline classes are on the field wrapper
 */
.field-label-above {}

/*
 * When labels are set to inline in field display settings the clearfix class is automatically added
 */
.field-label-inline {}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
.field-label {
    font-size: 1em;
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    margin-bottom: 0;
}


/*
 * Field types (Core)
 */

/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
.field-type-image {}

.field-type-image .caption {}

.field-type-image .full-caption {}

.field-type-image .teaser-caption {}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
    /* The same bottom margin as p, blockquote, ul, ol and dl */
    margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
    margin: 0;
    padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
    display: inline;
    list-style: none;
    padding: 0 10px 0 0;
}

/*
 * Text
 */
.field-type-text {}

/*
 * Long text
 */
.field-type-text-long {}

/*
 * Text with summary
 */
.field-type-text-with-summary {}

/*
 * File
 */
.field-type-file {}

/*
 * Number/Integer
 */
.field-type-number-integer {}

/*
 * Decimal
 */
.field-type-number-decimal {}

/*
 * Number float
 */
.field-type-number-float {}

/*
 * List
 */
.field-type-list-text {}

/*
 * List boolean
 */
.field-type-list-boolean {}

/*
 * List integer
 */
.field-type-list-integer {}

/*
 * List float
 */
.field-type-list-float {}

/*
 * Field types (Contrib)
 */
.field-type-datetime {}

.field-type-node-reference {}

.field-type-user-reference {}

/*
 * Named fields
 */
.field-name-body {}

.field-name-field-image {}

.field-name-field-tags {}

/*
 * Underscores in field name are replaced with dashes
 */
.field-name-field-FIELDNAME {}

/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */

.float-left{
    float: left;
}

.float-right{
    float: right;
}

.ia-n .field-type-image,
.iat-n .field-type-image {}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
    margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
    margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
    margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
.block {
    margin-bottom: 20px;
}
body.front  .region .block {
    min-height: 335px;
}

/* Image Only block */
body .region .block .block-image-only {
    /*background-image: url('/sites/all/themes/ah_theme/images/mapp_program.png') no-repeat;*/
}
.block.ippa {
    background-image: url('/sites/all/themes/ah_theme/images/front_ippa.png') no-repeat;
}
body.front .region .block.block-image-only h2 {
    display: none;
}
/*
 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
 */
.block-inner {
    margin: 0;
    overflow: hidden;
}

/*
 * The first block in the region
 */
.block.first {}

/*
 * The last block in the region
 */
.block.last {}

/*
 * Zebra striping for each block in the region
 */
.block.odd {}

/*
 * Zebra striping for each block in the region
 */
.block.even {}

/*
 * Block title
 */
.block-title {
    margin: 0;
}

/*
 * Block content wrapper
 */
.block-content {}

/*
 * Match item list and block menu margin and padding
 */
.block-content {}

.block-content ul,
.block-content ol {
    padding: 0 0 0 15px;
}

.block-content li {
    margin: 0;
    padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
#block-aggregator-category-1 {}

/*
 * Block for the latest news items in the first feed
 */
#block-aggregator-feed-1 {}

/*
 * First block created with "Add block" link
 */
#block-block-1 {}

/*
 * "Recent blog posts" block
 */
#block-blog-recent {}

/*
 * "Book navigation" block for the current book's table of contents
 */
#block-book-navigation {}

/*
 * "Recent comments" block
 */
#block-comment-recent {}

/*
 * "Active forum topics" block
 */
#block-forum-active {}

/*
 * "New forum topics" block
 */
#block-forum-new {}

/*
 * Language switcher block
 */
#block-locale-language {}

/*
 * Custom menu block
 */
#block-menu-menu-NAME {}

/*
 * "Recent content" block
 */
#block-node-recent {}

/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
#block-node-syndicate {}

/*
 * "Most recent poll" block
 */
#block-poll-recent {}

/*
 * "Author information" block for the profile of the page's author
 */
#block-profile-author-information {}

/*
 * "Search form" block
 */
#block-search-form {}

/*
 * "Shortcuts" block
 */
#block-shortcut-shortcuts {}

/*
 * "Popular content" block
 */
#block-statistics-popular {}

/*
 * "Main menu" block
 */
#block-system-main-menu {}

/*
 * "Management" block for Drupal management menu
 */
#block-system-management {}

/*
 * "Navigation" block for Drupal navigation menu
 */
#block-system-navigation {}

/*
 * "User menu" block for Drupal user menu
 */
#block-system-user-menu {}

/*
 * "System help" block
 */
#block-system-help {}

/*
 * "Main page content" block
 */
#block-system-main {}

/*
 * "Powered by Drupal" block
 */
#block-system-powered-by {}

/*
 * "User login form" block
 */
#block-user-login {}

/*
 * "Who's new" block for a list of the newest users
 */
#block-user-new {}

/*
 * "Who's online" block for a list of the online users
 */
#block-user-online {}


/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
    margin-bottom: 20px;
}

.node.node-promoted {}

.node.node-sticky {}

.node.node-by-viewer {}

.node.node-teaser {}

.node.node-full {}

.node.odd {}

.node.even {}

.node .node-title {
    margin: 0;
}

.node .user-picture {}

.node .submitted {}

.node .submitted .username {}

.node .submitted time {}

.node .node-content {}

.node ul.links {}

.node ul.links li {}

.node ul.links li a {}

.node ul.links li.node-read-more a {}

.node ul.links li.comment-add a {}

.node ul.links li.comment-comments a {}

.node ul.links li.comment-new-comments a {}

.node ul.links li.blog-sernames-blog a {}

.node ul.links li.print-html a {}

.node ul.links li.print-email a {}

.node ul.links li.print-pdf a {}

.preview .node {}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-page {}

.node-article {}

.node-book {}

.node-forum {}

.node-poll {}


/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
    margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
    margin: 0;
}

#comments h2.comment-form {
    margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
    margin-bottom: 20px;
}

.comment.first {}

.comment.last {}

.comment.odd {}

.comment.even {}

.comment .user-picture {}

.comment .submitted {}

.comment .submitted p {}

.comment .submitted .username {}

.comment .submitted time {}

.comment .user-signature {}

.comment ul.links {}

/*
 * Comment title
 */
.comment-title {
    margin: 0;
}

/*
 * Comment states
 */
.comment-new {}

.comment-by-anonymous {}

.comment-by-node-author {}

.comment-by-viewer {}

.comment-title-hidden {}

.comment-with-picture {}

.comment-with-signature {}

/*
 * Preview of the comment before submitting new or updated comment
 */
.comment-preview {}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
    color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
    margin-left: 40px;
}


/* =============================================================================
 *   Forms
 * ========================================================================== */

/*
 * Wrapper for a form element (or group of form elements) and its label
 */
.form-item {}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
    border: 1px solid #c00;
}

.form-item label {
    font-weight: 700;
}

.form-item label.option {}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
    color: #c00;
}

.form-item .description {
    font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}

/*
 * The submit button
 */
.form-submit {}

.container-inline div,
.container-inline label {
    display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
    border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
    margin: 0;
}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

table.sticky-header {
    z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
    border-color: #ccc;
}

table,
td,
th {
    vertical-align: middle;
}

caption,
th,
td {
    text-align: left;
}

thead tr {
    font-weight: 700;
    background-color: #e5e5e5;

}

td,
th {
    border-bottom: 0;
    margin: 0;
    padding: 5px 7px;
}

tbody {}

tbody tr {
    border-top: 1px solid #ccc;
}

tr.odd {
    background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
    border-bottom: 0;
    background-color: #f5f5f5;
}

tr.drag {}

tr.drag-previous {}

tr.odd td.active {
    background-color: #eee;
}

tr.even td.active {
    background-color: #ebebeb;
}

.col-1 { width: 30%; }
.col-2 { width: 40%; }
.col-3 { width: 10%; }
.col-4 { width: 10%; }
.col-5 { width: 10%; }

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
}

.lt-ie9 .ah_logo {
    display: none;
}

.lt-ie9 #search {
    width: 220px;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {}

#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
    white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
    margin-bottom: 10px;
    margin-top: 10px;
}

div.messages ul {
    margin-top: 0;
    margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
    color: pink;
    color: rgba(239, 170, 170, 0.4);
    font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
    font-size: 75px;
    font-weight: bold;
    height: 0;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: center;
    text-transform: uppercase;
    word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
    position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
    padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
    margin: 0;
}

.db-offline {}

.db-offline .container {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    max-width: 960px;
}

.db-offline div.messages {
    margin: 20px 0 0;
}

.db-offline #content {
    padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
    margin: 0;
    padding: 0;
}

/*
 * Devel Module
 */
.dev-query {
    background: #eee;
    padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
    padding: 0 10px;
}

#styleguide-header .item-list {
    font-family: inherit;
    margin: 0 20px 20px 0;
    min-height: 260px;
    width: auto;
}

.debug-regions #main-content #content,
.debug-regions .region .block-inner,
.debug-regions #menu-bar nav {
    background: white;
    border: 2px black solid;
    position: relative;
    opacity: 0.6;
    min-height: 40px;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}


/* =============================================================================
 *   Homepage
 * ========================================================================== */

/* SLIDER */
.theme-default .nivoSlider {
    background-color: #f5f5f5;
}
body.front #slider {
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom:15px;
    position: relative;
}
.slider-wrapper {
    position: relative;
}
.nivo-controlNav {
    padding: 0;
    position: absolute;
    /*top: 340px;*/
    bottom: 10px;
    right: 25px;
    z-index: 20;
}
/* NIVO slider customizations */
/* Admin */
#nivo-slider-slide-configuration-form img {
    width: 100%;
}
.nivoSlider {
    box-shadow: none !important;
}
#content .nivo-controlNav a.nivo-control {
    width: 15px;
    height: 14px;
    background:url('/sites/all/themes/ah_theme/images/dots.png') no-repeat;
    margin-right: 10px;
}
#content .nivo-controlNav a.nivo-control.active,
#content .nivo-controlNav a.nivo-control:hover
{
    background-position: 0 -14px !important;
}
.nivo-caption {
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12pt;
    height: auto;
    top: 10%;
    width: 34%;
    padding: 20px;
    background-color: #960115;
    bottom: auto;
}
#content .nivo-caption p {
    color: #fff;
}
.nivo-caption h2, .nivo-caption h2 a {
    font-family: 'Arvo', Helvetica, Arial, sans-serif !important;
    font-size: 2.650em !important;
    font-weight: normal;
    padding: 0 !important;
    color: #fff !important;
    margin: 0;
}
.nivo-caption h3 {
    font-family: 'Arvo', Helvetica, Arial, sans-serif !important;
    font-size: 18pt;
    font-weight: normal;
    padding: 10px 0;
    padding: 0;
    margin: 0;
}
/* Hide elements from homepage */
body.front #header #main-menu {
    border-bottom: 0;
}
body.front #secondary-menu {
    display: none;
}
/* =============================================================================
 *   Blocks
 * ========================================================================== */

.block img {
    height: auto;
}

.block.custom img {
    height: auto;
    width: 100%;
    max-height: 294px;
}

.panel-separator {
    /*margin: 20px 0;*/
}
body .region-inner .block h2 {
    display: inline-block;
    width: auto;
    font-family: 'Arvo', serif;
    font-size: 1.3em;
    font-weight: normal;
    padding: 5px 35px 5px 10px;
    margin: 0;
    color: #fff;
    background-color: #960115;
}
body.page-testcenter .region-inner .block h2,
body.node-type-questionnaires .region-inner .block h2 {
  padding: 5px 12px 5px 10px;
}
body .region-inner .block.custom h2 {
    position: absolute;
}
body .region-inner .block h2.flag {
    /*position: relative;*/
    position: absolute;
    display: inline-block;
    width: auto;
    font-family: 'Arvo', serif;
    font-size: 1.3em;
    font-weight: normal;
    padding: 5px 35px 5px 10px;
    margin: 0;
    color: #fff;
    /*background-color: #960115;*/
    background: rgba(150, 1, 21, .85);
}
body .region-inner .block h2.flag.blue {
    /*background-color: 	#012270;*/
    background: rgba(1, 34, 112, .85);
}
body .region-inner .block h2.flag:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    right: -19px;
    width: 0;
    height: 0;
    border-top: 19px solid #960115;
    border-bottom: 18px solid #960115;
    border-right: 19px solid transparent;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    /* IE 5-7 */
    filter: alpha(opacity=85);
    /* Netscape */
    -moz-opacity: 0.85;
    /* Safari 1.x */
    -khtml-opacity: 0.85;
    /* Good browsers */
    opacity: 0.85;
}
body .region-inner .block h2.flag.blue:after {
    border-top: 19px solid #012270;
    border-bottom: 18px solid #012270;
}

body .region-inner .block .image {
    min-height: 45px;
}

body .region-inner .block {
    position: relative;
    background-color: #fff;
    margin: 5px 15px 0 15px;
}
body .region-inner .block.nopad {
    margin: 0;
}
body .region-inner .block a.arrow {
    bottom: 0;
    right: 0;

}
body .region-inner .bgimage .pane-content {
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 13px;
    padding: 0 10px;
    padding-bottom: 6px;
}

.pane-content img {
    width: 100%;
}

body .region-inner .block a.arrow:before {
    content: ' ';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border-right: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid #012270;
    border-left: 50px solid transparent;
}
body .region-inner .block a.arrow:after {
    content: ' ';
    position: absolute;
    bottom: -1px;
    right: -1px;
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #fff;
    content: "\e007";
    margin-right: 8px;
    line-height:30px;
    vertical-align:middle;
}
body .region-inner .block .block-content {
    padding: 0 15px 0 15px;
    font-size: 1.03m;
    color: #333;
}
body .region-inner .block.nopad .block-content,
body .region-inner .block.nopad {
    padding: 0;
    margin: 0;
}

/* NEWS BLOCK */
.block {
    position: relative;
}
.block .pane-content {
    padding: 0;
}
.block.custom .pane-content {
    min-height: 294px;
    max-height: 294px;
}
.block .pane-content .text {
    padding: 0 10px;
    font-size: 13px;
}

.pane-nivo-slider-nivo-slider .pane-content, .pane-nivo-slider-nivo-slider .pane-content .text {
    padding: 0;
}
.block .pane-content .item {
    margin: 0 0 17px 0;
}
/* Text only block, from a view */
.block .pane-content .text .item:first-child {
    padding-top: 50px;
}
.block .pane-content .item h3 {
    font-family: 'Arvo', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
    padding: 0;
    margin: 0;
}
.block .pane-content .item p {
    padding: 0;
    margin: 0;
    font-size: 12px;
}
.block .pane-content a.readmore {
    position: absolute;
    top: 5px;
    right: 15px;
}
.block .pane-content a.readmore.opportunities {
    top: 36px;
    right: 5px;
}
.pane-upenn-ah-homepage-opportunities-block .pane-content .text .item:first-child {
  padding-top: 60px;
}
.block .bgimage .pane-content a.readmore {
    top: -205px;
}
.block .pane-content a.readmore:hover {
    cursor: pointer;
    text-decoration: none;
}
.block .pane-content a.readmore:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    content: "\e00d";
    margin-right: 2px;
    line-height:30px;
    vertical-align:middle;
}
span.author {
    text-transform: uppercase;
    font-weight: bold;
}
.block form {
    padding: 0px;
}
/* custom select boxes */
.styled.hasCustomSelect {
    width: 222px;
    margin: 0 auto;
    height: 30px;
}
.dropdown {
    padding: 0;
    width: 222px;
    margin: 0 auto;
}
.customSelect {
    /* This is the default class that is used */
    /* Put whatever custom styles you want here */
    background-color: #012270;
    border: 1px solid #666;
    color: #fff;
    padding: 0 10px;

    display: block !important;
    width:200px;
    line-height: 28px;
}
.customSelect:before {
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #666;
    background-color: #dfdfdf;
    content: "\e014";
    margin:0;
    line-height:28px;
    vertical-align:middle;
    padding: 0 10px;
    margin-right: -10px;
    float: right;
}
.customSelect.customSelectHover {
    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
}

.customSelectInner {
    /* You can style the inner box too */
    width: auto !important;
}

/*
 BASIC LAYOUT PAGE
*/
#content .region-two-70-30-first h2,
#content .region-two-70-30-top h2{
    font-weight: bold;
    /*position: relative;*/
    display: inline-block;
    width: auto;
    font-family: 'Arvo', serif;
    font-size: 1.3em;
    font-weight: normal;
    padding: 5px 35px 5px 10px;
    margin: 0 0 20px 0;
    color: #fff;
    background-color: #960115;
}

.page-questionnaires-scores-results-score #content .region-two-70-30-first h2,
.page-questionnaires-scores-results-score #content .region-two-70-30-top h2{
  padding: 5px 12px 5px 10px;
}
#content p {
    color: #666666;
}
#content .region-inner .block .block-content {
    padding: 0;
}

.two-70-30 > .region-two-70-30-second {
    background: #f5f5f5;
}

.region.region-two-70-30-second .block {
    margin: 30px;
    /*margin-top: 20px;*/
    float: left;
    height: 100%;
    position:relative;
}

/*
 * Custom CSS for homepage.
 */

.main ul { display: none; } /* Hide before plugin loads */
.main ul.dropit-submenu {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-top-color: #fff;
    padding: 6px 0;
    margin: 3px 0 0 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}
.main ul.dropit-submenu a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #7a868e;
    padding: 0 18px;
}
.main ul.dropit-submenu a:hover {
    background: #960115;
    color: #fff;
    text-decoration: none;
}

.qblock ul { display: none; } /* Hide before plugin loads */

.content-questionnaires {
    min-width: 70%;
    top: 83%;
    left: 5%;
    padding-left: 5%;
    position: absolute;
    z-index: 3;
}

.content-learn-more {
    min-width: 70%;
    top: 83%;
    left: 5%;
    padding-left: 5%;
    position: absolute;
    z-index: 3;
}

.view-block-homepage li.dropit-trigger {
    list-style: none;
    cursor: pointer;
    padding: 0 5px 0 5px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* position: relative; */
    background: #012270;
    border: 1px solid #666666;
    color: #fff;
    width: 95%;

    transition: all 240ms ease-out;
    -webkit-transition: all 240ms ease-out;
    -moz-transition: all 240ms ease-out;
    -ms-transition: all 240ms ease-out;
    -o-transition: all 240ms ease-out;
}

.view-block-homepage li.dropit-trigger span:after {
    font-family: 'FontAwesome';
    font-size: 17px;
    color: #666;
    background-color: #dfdfdf;
    content: "\e014";
    margin:0;
    line-height:28px;
    vertical-align:middle;
    padding: 0 10px;
    margin-right: -10px;
    float: right;
}

.view-block-homepage ul.dropit-submenu {
    list-style: none;
    background-color: #012270;
    padding: 6px 0;
    margin: 3px 0 0 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
    max-height: 200px;
    overflow: auto;
}

.view-block-homepage ul.dropit-submenu a {
    display: block;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    padding: 0 10px;
    text-align: left;
}

.view-block-homepage ul.dropit-submenu a:hover {
    border-left: 2px solid #fff;
    color: #fff;
    text-decoration: none;
}

/*
* Block image on homepage.
*/
.ah-block-image {
    overflow: hidden;
}

.ah-video img,
.ah-block-image img{
    width: 100%;
}

a.ah-video {
    position: relative;
    display: block;
    max-width: 480px;
    max-height: 360px
}

/*
* Video Play button.
*/
.ah-video-image-block {
    background-image: url('/sites/all/themes/ah_theme/images/ah_play_button.png');
    position: absolute;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ah-video-image-mainpage{
    background-image: url('/sites/all/themes/ah_theme/images/ah_play_button.png');
    position: absolute;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*
* Extra block padding.
*/
.ah-block-padded {
    padding-top:50px;
}

/*
 * Rounded box in menu.
 */
.box {
    width: 25%;
    height: auto;
    right: 5%;
    top: 5%;
    border: 2px #fff solid;
    position: absolute;
    padding: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

select.answer-select{
    margin: 25px 0 25px 0;
    font-weight: normal;
    background: transparent;
    background-color: #012270;
    color: #fff;
    min-width: 268px;
    padding: 5px;
    line-height: 1;
    border: 1px #ccc solid;
    border-radius: 0;
    height: 33px;
    -webkit-appearance: none;
    font-family: 'FontAwesome';
}

.answer-select-container select {
    background: url(../images/down_arrow_select.jpg) no-repeat right #012270;
    max-width: 70%;
}

.question-no {
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #960115;
    display: inline;
    position: absolute;
    left: 42px;
    font-weight: bold;
    padding: 0;
}
.answer-radio-container .question-no,
span.fieldset-legend .question-no,
.answer-select-container .question-no {
  left: 5px;
}
@media only screen and (max-width:1024px) {
  .answer-radio-container .question-no,
  span.fieldset-legend .question-no,
  .answer-select-container .question-no {
    left: 0px;
  }
}

.node-type-questionnaires div.messages {
  padding-left: 70px;
}

.node-type-questionnaires div.messages ul li {
  list-style-type: none;
}

.node-type-questionnaires div.messages ul {
  margin: 0;
}
#upenn-questionnaires-form-wizard{
    margin-left: 40px;
    padding: 0 10px 0 0px;
}

#upenn-questionnaires-form-wizard label{
    font-weight: normal;
    padding: 10px 0 10px 0;
}

.ah-button {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none;
    background: transparent;
    background-color: #960115;
    border: 1px grey solid;
}

.questionnaire-actions {
    text-align: center;
}

.button-divider {
    margin: 10px 0 10px 0;
    border-top: 1px solid grey;
}

.questionnaire-body {
    font-size: 22px;
    padding: 5px 10px 5px 10px;
    margin-left: 20px;
}

.questionnaire-body p {
    padding: 0;
    margin: 0;
}
h1.faculty-name {
    display: inline;
}
.faculty-data {
    width: 65%;
    position: relative;
    float: left;
    padding: 5px;
}
.faculty-picture {
    width: 29%;
    float: right;
}
.field {
    margin: 25px 0 5px 0;
}
#upenn-questionnaires-child-register-select-form,
#upenn-questionnaires-child-register-form {
    padding: 10px;
    margin: 0 10px 0 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 2px #ccc solid;
}
.questionnaire-form-or {
    font-size: large;
    text-align: center;
    padding: 20px 0 20px 0;
}
#slider #playPauseButton {
    display: block;
    position: absolute;
    background-image: url('/sites/all/themes/ah_theme/images/btn-media-play.png');
    background-repeat: no-repeat;
    z-index: 9999;
    width: 150px;
    height: 150px;
    margin: auto;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity:0.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}
#slider #playPauseButton.pause {
    display: none;
    background-image: url('/sites/all/themes/ah_theme/images/btn-media-pause.png');
}
#slider #playPauseButton.pause:after {
    content: '';
    color: #fff;
}
#slider:hover #playPauseButton {
    display: block;
}
#featured-content {
    padding: 20px;
    background-color: #ededed;
    margin: 0;
}
section.pane-views {
    margin: 20px;
}
.ah-featured-image {
    max-width: 45%;
    float: left;
    margin: 0 20px 10px 10px;
}
.ah-featured-content-body {
    margin: 10px;
    font-weight: bold;
}
#landing-content {
    padding: 20px;
    margin: 0;
}
.ah-landing-image {
    max-width: 30%;
    float: left;
    margin: 0 20px 10px 0;
}
.ah-landing-body {
    margin: 15px 0 15px 0;
}
.separator {
    border-bottom: 1px solid #ccc;
}
#exposed-view-form {
    padding-top: 20px;
    margin: 0;
}
#exposed-view-form .ah-button{
    margin: 0;
}
.ah-landing-rows {
    margin: 20px 0 20px 0;
}
#exposed-view-form input {
    max-width: 60%;
}
.news-landing-title {
    font-family: 'Arvo', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: black;
    padding: 0;
    margin: 0;
    font-size: 22px;
}
#news-content .news-landing-title a{
    color: #333;
}
#news-view-content {
    padding: 10px 5px 20px 20px;
}
.news-author {
    color: #333;
    font-weight: bold;
}
.news-body {
    margin: 20px 0 20px 0;
}
.item-list .pager li.pager-next a,
.item-list .pager li.pager-previous a{
    padding: 5px;
    background-color: #960115;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    width: 75px;
}
.ah-content-title a{
    font-family: 'Arvo', Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: black;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 22px;
}
.ah-content-title {
    margin-bottom: 5px;
}
.ah-landing-rows-featured {
    margin: 5px 5px 5px 20px;
}
.view-content h3 {
 	color: 	#666666;
}
.separator-with-margin {
    border-bottom: 1px solid #ccc;
    margin: 20px 0 10px 0;
}
.padded-content-row {
    padding: 5px 5px 5px 10px;
}
input.ah-radio-scale {
    display: inline;
    margin: 2px;
}
.ah-radio-scale {
    margin: 20px 0 20px 10px;
}
#views-exposed-form-resources-landing-page-page-1 {
    padding: 0;
    padding-right: 40px;  /* Drop Apply submit button to new line. */
}

.page-resources #edit-keys,
 {
    line-height: normal;
}

.page-resources input#edit-submit-resources-landing-page {
    margin-top: 1.4em;
    height: 23px;
}

.page-resources .views-exposed-form .views-exposed-widget {
    padding: 0.5em 0em 0em 0em;
}

#views-exposed-form-videos-landing-page-page-1 {
    padding: 0;
    padding-right: 40px;
}

#views-exposed-form-opportunities-landing-page-page-1 {
    padding: 0;
    padding-right: 40px;
}

#views-exposed-form-faculty-profiles-page-1 {
    padding: 0;
    padding-right: 40px;
}

input[type="text"]{
    max-width: 80%;
}
#chart {
    width: 80%;
    margin: 20px 5px;
}
#footer .extra-footer-menu a, #footer .extra-footer-menu a:visited {
    font-size: 12px;
    color: black;
}
#footer .extra-footer-menu ul {
    margin: 0;
}
#footer .extra-footer-menu ul li {
    list-style: none;
    float: left;
    padding: 2px;
}
#footer .extra-footer-menu ul li:after{
    content: " |";
}
#footer .extra-footer-menu ul li.last:after{
    content: "";
}
.require-all-msg {
    margin: 10px 0;
    font-weight: bold;
}
.questionnaire-footer,.questionnaire-step-info {
    margin: 10px 0;
    text-align: center;
}

.two-70-30 > .region-two-70-30-second, .three-40-30-30 > .region {
  background-color: #f5f5f5;
}

.links .translation-link {
    display: none;
}

/* Stackable.js */
.st-key {
    text-align: left;
}

.stacktable {
    display: none;
}

.stacktable.sticky-enabled {
    display: table;
}

.score-slide {
  overflow: hidden;
  height: 0;
}

.score-slide-active {
  overflow: visible;
  height: auto;
}

.score-slide-show-more {
  display: none;
}

.score-wrapper {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid silver;
}

/* AH-290 */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .pane-upenn-ah-homepage-questionnaires-block p {
        height: 120px;
    }

    .content-questionnaires {
        position: relative;
        top: -40px;
        width: 75%;
    }

    .content-learn-more {
        position: relative;
        top: -10px;
        width: 75%;
    }
}

.childname {
	font-style: italic;
	text-indent: 20px;
}