/**
 * @file
 * CSS block element styles
 *
 * Includes styling for block elements
 *
 */

/**
 * Block Defaults
 */
.block { padding: 0 10px 10px; }
.block .block-title-wrapper h4 { 
  border-bottom: 2px solid #AAAAAA;
  font-size: 1.286em;
  line-height: 1.2;
  margin: 0 0 10px;
  padding: 5px 3px 6px;
}

/**
 * Block stacking by region
 */

/* Content Lead/Close Regions */
.region-content-lead .block,
.region-content-close .block {
  float: left;
  width: 100%;
}
.region-content-lead.block-count-2 .block,
.region-content-close.block-count-2 .block { width: 50%; }
.region-content-lead.block-count-3 .block,
.region-content-close.block-count-3 .block { width: 33.33%; }
.region-content-lead.block-count-4 .block,
.region-content-close.block-count-4 .block { width: 25%; }

/* Main Top/Bottom Regions Defaults */
.region-main-top .block,
.region-main-bottom .block {
  float: left;
  width: 100%;
}
/* Main Top/Bottom Regions no sidebars, block count = 2 */
#content.no-sidebars .region-main-top.block-count-2 .block,
#content.no-sidebars .region-main-bottom.block-count-2 .block { width: 50%; }

/* Main Top/Bottom Regions no sidebars, block count = 3 */
#content.no-sidebars .region-main-top.block-count-3 .block,
#content.no-sidebars .region-main-bottom.block-count-3 .block { width: 33.33%; }

/* Main Top/Bottom Regions no sidebars, block count = 4+ */
#content.no-sidebars .region-main-top.block-count-4 .block,
#content.no-sidebars .region-main-bottom.block-count-4 .block { width: 25%; }

/* Main Top/Bottom Regions one sidebar, block count = 2 */
#content.one-sidebar .region-main-top.block-count-2 .block,
#content.one-sidebar .region-main-bottom.block-count-2 .block { width: 50%; }

/* Main Top/Bottom Regions one sidebar, block count = 3+ */
#content.one-sidebar .region-main-top.block-count-3 .block,
#content.one-sidebar .region-main-top.block-count-4 .block,
#content.one-sidebar .region-main-bottom.block-count-3 .block,
#content.one-sidebar .region-main-bottom.block-count-4 .block {
  width: 33.33%;
}

/* Main Top/Bottom Regions both sidebars, block count = 2+ */
#content.both-sidebars .region-main-top.block-count-2 .block,
#content.both-sidebars .region-main-top.block-count-3 .block,
#content.both-sidebars .region-main-top.block-count-4 .block,
#content.both-sidebars .region-main-bottom.block-count-2 .block,
#content.both-sidebars .region-main-bottom.block-count-3 .block,
#content.both-sidebars .region-main-bottom.block-count-4 .block {
  width: 50%;
}

/**
 * Block layout classes, which can be added by users via block class module
 * (https://drupal.org/project/block_class) for now - will be ported to GT Tools module
 */
.block.full-width { width: 100% !important; }
.block.three-quarter-width { width: 75% !important; }
.block.two-thirds-width { width: 66.6% !important; }
.block.half-width { width: 50% !important; }
.block.third-width { width: 33.33% !important; }
.block.quarter-width { width: 25% !important; }
.block.row-break { clear: left; }

/* don't allow width alterations for sidebar regions */
#sidebar-left .block.three-quarter-width,
#sidebar-right .block.three-quarter-width,
#sidebar-left .block.two-thirds-width,
#sidebar-right .block.two-thirds-width,
#sidebar-left .block.half-width,
#sidebar-right .block.half-width,
#sidebar-left .block.third-width,
#sidebar-right .block.third-width,
#sidebar-left .block.quarter-width,
#sidebar-right .block.quarter-width { width: 100% !important; }

/**
 * Block style classes, which can be added by users via GT Tools module
 * (go to Configuration -> System -> GT Tools)
 */
 
 /* Gold stroke top/bottom w/ gray body bg */
.promo-block .block-title-wrapper { padding: 5px; }
.promo-block .block-title-wrapper h4 {
  border: none;
  margin: 0;
}
.promo-block .block-body {
  background-color: #f1f1f1;
  border-bottom: 4px solid #EEB211;
  border-top: 4px solid #EEB211;
  padding: 10px 10px 5px;
}

/* GT gold bg on title w/ gray body bg */
.block.related-info-block .block-title-wrapper {
    background: none repeat scroll 0 0 #EEB211;
    color: inherit;
    display: block;
    margin: 0 0 3px;
    padding: 10px;
}
.block.related-info-block .block-title-wrapper h4 {
    border: none;
    font-size: 1.286em;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
.block.related-info-block .block-body {
  background: none repeat scroll 0 0 #E6E6E6;
  padding: 10px;
}

/* Block title icons */
.block.icon-alert-title .block-title-wrapper h4,
.block.icon-download-title .block-title-wrapper h4,
.block.icon-info-title .block-title-wrapper h4,
.block.icon-link-title .block-title-wrapper h4 { padding: 8px 3px; }
.block.icon-alert-title .block-title-wrapper h4:before,
.block.icon-download-title .block-title-wrapper h4:before,
.block.icon-info-title .block-title-wrapper h4:before,
.block.icon-link-title .block-title-wrapper h4:before {
  color: inherit;
  display: inline-block;
  float: left;
  font-family: FontAwesome;
  font-size: 30px;
  margin: -6px 6px 0 0;
}
.block.icon-alert-title .block-title-wrapper h4:before { content: "\f06a"; }
.block.icon-download-title .block-title-wrapper h4:before { content: "\f01a"; }
.block.icon-info-title .block-title-wrapper h4:before { content: "\f05a"; }
.block.icon-link-title .block-title-wrapper h4:before { content: "\f14c"; }

/**
 * Nodeblock tweaks
 */
/* Hide extra contextual links */
.block-nodeblock .node .contextual-links-wrapper { display: none; }


/*----- Menu - GT Menu Styles 1-2-3 ----- */
.gt-menu-style-1.block .block-body,
.gt-menu-style-2.block .block-body,
.gt-menu-style-3.block .block-body {
  padding: 0;
}
.gt-menu-style-1.block .block-title-wrapper,
.gt-menu-style-2.block .block-title-wrapper,
.gt-menu-style-3.block .block-title-wrapper {
  padding-bottom: 0;
}
.gt-menu-style-1.block.block-menu .block-title-wrapper h4,
.gt-menu-style-2.block.block-menu .block-title-wrapper h4,
.gt-menu-style-3.block.block-menu .block-title-wrapper h4 {
  font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size: 1.3em;
  padding: 1.16em;
  font-weight: 700;
  border: none;
  margin: 0;
}
.gt-menu-style-1.block-menu .menu li,
.gt-menu-style-2.block-menu .menu li,
.gt-menu-style-3.block-menu .menu li {
  border-top: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.gt-menu-style-1 ul.menu li a:link,
.gt-menu-style-1 ul.menu li a:visited,
.gt-menu-style-2 ul.menu li a:link,
.gt-menu-style-2 ul.menu li a:visited,
.gt-menu-style-3 ul.menu li a:link,
.gt-menu-style-3 ul.menu li a:visited {
  display: block;
  font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  text-indent: 0;
  line-height: 1.25;
  transition-property: all;
  transition-duration: 0.8s;
}
.gt-menu-style-1.block-menu .menu li a:link,
.gt-menu-style-2.block-menu .menu li a:link,
.gt-menu-style-3.block-menu .menu li a:link {
  padding: 1em
}
.gt-menu-style-1 ul.menu li a:hover,
.gt-menu-style-2 ul.menu li a:hover,
.gt-menu-style-3 ul.menu li a:hover {
  text-decoration: none;
}
.gt-menu-style-1 ul.menu li a:before,
.gt-menu-style-2 ul.menu li a:before,
.gt-menu-style-3 ul.menu li a:before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f054";
  font-size: 1.2em;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  float: right;
  margin-right: .5em;
}
.gt-menu-style-1 .menu a:after,
.gt-menu-style-2 .menu a:after,
.gt-menu-style-3 .menu a:after {
  display: none;
}
/* ----- Side Bar Menu Tweaks -----*/
#sidebar .gt-menu-style-1 .menu a:after,
#sidebar-right .gt-menu-style-1 .menu a:after,
#sidebar-left .gt-menu-style-1 .menu a:after,
#sidebar .gt-menu-style-2 .menu a:after,
#sidebar-right .gt-menu-style-2 .menu a:after,
#sidebar-left .gt-menu-style-2 .menu a:after,
#sidebar .gt-menu-style-3 .menu a:after,
#sidebar-right .gt-menu-style-3 .menu a:after,
#sidebar-left .gt-menu-style-3 .menu a:after {
  display: none;
}
/**/

/* ----- Menu Colors ----- */
.gt-menu-style-1.block.block-menu .block-title-wrapper h4 {
  color: #454545;
  background: #eeb211;
}
.gt-menu-style-2.block.block-menu .block-title-wrapper h4 {
  color: #fff;
  background: #00254c;
}
.gt-menu-style-3.block.block-menu .block-title-wrapper h4 {
  color: #fff;
  background: #000;
}
.gt-menu-style-1 .menu li {
  background-color: #646464;
}
.gt-menu-style-2 .menu li {
  background-color: #eeb211;
}
.gt-menu-style-3 .menu li {
  background-color: #f3f3f3;
}
.gt-menu-style-1 ul.menu li a:link,
.gt-menu-style-1 ul.menu li a:visited {
  color: #fff;
  border-bottom: 1px solid #4B4949;
  border-top: none;
}
.gt-menu-style-2 ul.menu li a:link,
.gt-menu-style-2 ul.menu li a:visited {
  color: #454545;
  border-bottom: 1px solid #00254c;
  border-top: none;
}
.gt-menu-style-3 ul.menu li a:link,
.gt-menu-style-3 ul.menu li a:visited {
  color: #545454;
  border-bottom: 1px solid #ccc;
  border-top: none;
}
.gt-menu-style-1 ul.menu li a:hover {
  color: #000;
  background-color: #ccc;
}
.gt-menu-style-2 ul.menu li a:hover {
  color: #fff;
  background-color: #454545;
}
.gt-menu-style-3 ul.menu li a:hover {
  color: #fff;
  background-color: #454545;
}
.gt-menu-style-1 .menu a:after {
  color: #fff;
}
.gt-menu-style-1 .menu a:hover:after {
  color: #000;
}
.gt-menu-style-2 .menu a:after {
  color: #454545;
}
.gt-menu-style-2 .menu a:hover:after {
  color: #fff;
}
.gt-menu-style-3 .menu a:after {
  color: #fff;
}
/**/

/* No Link Styling */
.gt-menu-style-1 .menu .nolink,
.gt-menu-style-2 .menu .nolink,
.gt-menu-style-3 .menu .nolink {
  font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  padding: 1.2em 0 1.2em .3em;
  border: medium none;
  margin: 0;
  width: 100%;
  display: block;
}
.gt-menu-style-1 .menu .nolink {
  color: #454545;
  background-color: #eeb211;
}
.gt-menu-style-2 .menu .nolink {
  color: #fff;
  background-color: #00254c;
}
.gt-menu-style-3 .menu .nolink {
  color: #fff;
  background-color: #454545;
}
/**/

.gt-menu-style-1 hr {
  border: 2px solid #eeb211;
  margin: 0;
}
.gt-menu-style-2 hr {
  border: 2px solid #00254c;
  margin: 0;
}
.gt-menu-style-3 hr {
  border: 2px solid #454545;
  margin: 0;
}
.gt-menu-style-1.block-menu .menu .menu,
.gt-menu-style-2.block-menu .menu .menu,
.gt-menu-style-3.block-menu .menu .menu {
  padding: 0;
}
.gt-menu-style-1.block-menu .menu li li:before,
.gt-menu-style-2.block-menu .menu li li:before,
.gt-menu-style-3.block-menu .menu li li:before {
  padding-left: 1em;
  margin-top: 0.5em;
}
.gt-menu-style-1.block-menu .menu li li:before {
  color: #fff;
}
.gt-menu-style-2.block-menu .menu li li:before {
  color: #454545;
}
.gt-menu-style-3.block-menu .menu li li:before {
  color: #454545;
}
/**/

/* Sub Menus */
.gt-menu-style-1.block-menu .menu li.active-trail,
.gt-menu-style-2.block-menu .menu li.active-trail,
.gt-menu-style-3.block-menu .menu li.active-trail {
  padding-left: 0;
  font-weight: 500;
}
.gt-menu-style-1.block-menu .menu li.collapsed a:link,
.gt-menu-style-2.block-menu .menu li.collapsed a:link,
.gt-menu-style-3.block-menu .menu li.collapsed a:link {
  padding-left: 1.7em;
}
.gt-menu-style-1.block-menu .menu li.active-trail li.leaf a:link,
.gt-menu-style-2.block-menu .menu li.active-trail li.leaf a:link,
.gt-menu-style-3.block-menu .menu li.active-trail li.leaf a:link {
  padding-left: 3em;
}
.gt-menu-style-1.block-menu .menu li li:before,
.gt-menu-style-2.block-menu .menu li li:before,
.gt-menu-style-3.block-menu .menu li li:before {
  left: 1em;
}
.gt-menu-style-1.block-menu .menu li li:hover:before,
.gt-menu-style-2.block-menu .menu li li:hover:before,
.gt-menu-style-3.block-menu .menu li li:hover:before {
  transition-property: all;
  transition-duration: 0.8s;
}
/**/

/* Sub Menus  Colors */

/* Menu Style 1 */
.gt-menu-style-1.block-menu .menu li.active-trail,
.gt-menu-style-1.block-menu .menu li.active-trail a:hover {
  color: #454545;
  background: #ccc;
}
.gt-menu-style-1.block-menu .menu li.collapsed a:link,
.gt-menu-style-1.block-menu .menu li.active-trail li.leaf a:link {
  color: #fff;
}
.gt-menu-style-1.block-menu .menu li.collapsed a:hover,
.gt-menu-style-1.block-menu .menu li.active-trail a:link,
.gt-menu-style-1.block-menu .menu li.active-trail li.leaf a:hover,
.gt-menu-style-1.block-menu .menu li li:hover:before {
  color: #454545;
}
.gt-menu-style-1.block-menu .menu li.active-trail.leaf a:link,
.gt-menu-style-1.block-menu .menu li.active-trail.active.leaf a:link {
  color: #454545;
  background: #ccc;
}
.gt-menu-style-1.block-menu .menu li li.active-trail a:link,
.gt-menu-style-1.block-menu .menu li li.active-trail:before {
  color: #454545 !important;
}
/**/

/* Menu Style 2 */
.gt-menu-style-2.block-menu .menu li.active-trail {
  color: #fff;
  background: #454545;
}
.gt-menu-style-2.block-menu .menu li.collapsed a:link,
.gt-menu-style-2.block-menu .menu li.active-trail li.leaf a:link {
  color: #454545;
}
.gt-menu-style-2.block-menu .menu li.active-trail li.leaf a:hover,
.gt-menu-style-2.block-menu .menu li li:hover:before {
  color: #fff;
}
.gt-menu-style-2.block-menu .menu li.collapsed a:hover,
.gt-menu-style-2.block-menu .menu li.active-trail a:link {
  color: #fff;
}
.gt-menu-style-2.block-menu .menu li.active-trail.leaf a:link,
.gt-menu-style-2.block-menu .menu li.active-trail.active.leaf a:link,
.gt-menu-style-2.block-menu .menu li.active-trail a:hover {
  color: #fff;
  background: #454545;
}
.gt-menu-style-2.block-menu .menu li li.active-trail:before,
.gt-menu-style-2.block-menu .menu li li.active-trail a:link {
  color: #fff !important;
}
/**/

/* Menu Style 3 */
.gt-menu-style-3.block-menu .menu li.active-trail,
.gt-menu-style-3.block-menu .menu li.active-trail.leaf a:link {
  color: #fff !important;
  background: #646464;
}
.gt-menu-style-3.block-menu .menu li.collapsed a:link,
.gt-menu-style-3.block-menu .menu li.active-trail li.leaf a:link,
.gt-menu-style-3.block-menu .menu li.active-trail li.leaf a:hover {
  color: #454545;
}
.gt-menu-style-3.block-menu .menu li.collapsed a:hover,
.gt-menu-style-3.block-menu .menu li.active-trail a:link,
.gt-menu-style-3.block-menu .menu li li:hover:before {
  color: #fff;
}
.gt-menu-style-3.block-menu .menu li.active-trail.active.leaf a:link {
  color: #454545;
  background: #ccc;
}
.gt-menu-style-3.block-menu .menu li.active-trail a:hover {
  color: #fff!important;
  background: #454545;
}
.gt-menu-style-3.block-menu .menu li li.active-trail:before,
.gt-menu-style-3.block-menu .menu li li.active-trail a:link {
  color: #fff !important;
}
/**/
/* ------FONT AWESOME-----*/
.block.icon-university  .block-title-wrapper h4:before
.block.icon-graduation-cap .block-title-wrapper h4:before, {
  display: inline-block;
  color: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}
.block.icon-university  .block-title-wrapper h4:before {
  font-family: FontAwesome;
  content: "\f19c";
  margin: -1px 6px 0 0;
}
.block.icon-graduation-cap .block-title-wrapper h4:before {
  font-family: FontAwesome;
  content: "\f19d";
  margin-right: 0.3em;
}
/*END*/


/* -----GT Header Blocks------*/
.block-title-gt-blue.block .block-title-wrapper h4,
.block-title-gt-gold.block .block-title-wrapper h4,
.block-title-gt-grey.block .block-title-wrapper h4 {
  font-family: "FoundationSansCondensed", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  line-height: 1;
  border: none;
  padding: .8em;
  margin: 0;
}
/* -----Header Color-----*/
.block-title-gt-blue.block .block-title-wrapper h4 {
  color: #fff;
  background: #00254c;
}
.block-title-gt-gold.block .block-title-wrapper h4 {
  color: #1e1e1e;
  background: #eeb211;
}
.block-title-gt-grey.block .block-title-wrapper h4 {
  color: #fff;
  background: #7B7B7B;
}
/*END*/


/**
 * Media Query Breakpoints
 *
 * Breakpoints are calculated based on a browser default font-size of 16px and NOT what the base
 * font-size is set to be (which is ~14px in this case of this page.) Plus, if the user decides to
 * increase their default font size for their browser the layout will drop down to a lower
 * breakpoint (provided font size is increased enough), thus making for a more usable page!
 */

/* ~496px and less */
@media only screen and (max-width: 31em) {
  
  /**
   * Content Lead/Close Regions 
   * All go to 100%
   */
  .region-content-lead.block-count-2 .block,
  .region-content-lead.block-count-3 .block,
  .region-content-lead.block-count-4 .block,
  .region-content-close.block-count-2 .block,
  .region-content-close.block-count-3 .block,
  .region-content-close.block-count-4 .block { width: 100%; }
    
  /*
   * Main Bottom/Top Regions
   * All go to 100%
   */
  #content.no-sidebars .region-main-top.block-count-2 .block,
  #content.no-sidebars .region-main-top.block-count-3 .block,
  #content.no-sidebars .region-main-top.block-count-4 .block,
  #content.no-sidebars .region-main-bottom.block-count-2 .block,
  #content.no-sidebars .region-main-bottom.block-count-3 .block,
  #content.no-sidebars .region-main-bottom.block-count-4 .block,
  #content.one-sidebar .region-main-top.block-count-2 .block,
  #content.one-sidebar .region-main-top.block-count-3 .block,
  #content.one-sidebar .region-main-top.block-count-4 .block,
  #content.one-sidebar .region-main-bottom.block-count-2 .block,
  #content.one-sidebar .region-main-bottom.block-count-3 .block,
  #content.one-sidebar .region-main-bottom.block-count-4 .block,
  #content.both-sidebars .region-main-top.block-count-2 .block,
  #content.both-sidebars .region-main-top.block-count-3 .block,
  #content.both-sidebars .region-main-top.block-count-4 .block,
  #content.both-sidebars .region-main-bottom.block-count-2 .block,
  #content.both-sidebars .region-main-bottom.block-count-3 .block,
  #content.both-sidebars .region-main-bottom.block-count-4 .block { width: 100%; }
  
  /**
   * Block layout classes
   * All convert to full width
   */
  .block.three-quarter-width { width: 100% !important; }
  .block.two-thirds-width { width: 100% !important; }
  .block.half-width { width: 100% !important; }
  .block.third-width { width: 100% !important; }
  .block.quarter-width { width: 100% !important; }
  
}

/* ~496px to ~816px */
@media only screen and (min-width: 31em) and (max-width: 51em) {
  
  /**
   * Content Lead/Close Regions 
   * Keep 'em at 3 across max
   */
  .region-content-lead.block-count-2 .block,
  .region-content-close.block-count-2 .block { width: 50%; }
  .region-content-lead.block-count-3 .block,
  .region-content-close.block-count-3 .block { width: 33.33%; }
  .region-content-lead.block-count-4 .block,
  .region-content-close.block-count-4 .block { width: 33.33%; }
  
  /**
   * Main Bottom/Top Regions
   * Keep 'em at 2 across max
   */
  #content.no-sidebars .region-main-top.block-count-2 .block,
  #content.no-sidebars .region-main-top.block-count-3 .block,
  #content.no-sidebars .region-main-top.block-count-4 .block,
  #content.no-sidebars .region-main-bottom.block-count-2 .block,
  #content.no-sidebars .region-main-bottom.block-count-3 .block,
  #content.no-sidebars .region-main-bottom.block-count-4 .block,
  #content.one-sidebar .region-main-top.block-count-2 .block,
  #content.one-sidebar .region-main-top.block-count-3 .block,
  #content.one-sidebar .region-main-top.block-count-4 .block,
  #content.one-sidebar .region-main-bottom.block-count-2 .block,
  #content.one-sidebar .region-main-bottom.block-count-3 .block,
  #content.one-sidebar .region-main-bottom.block-count-4 .block,
  #content.both-sidebars .region-main-top.block-count-2 .block,
  #content.both-sidebars .region-main-top.block-count-3 .block,
  #content.both-sidebars .region-main-top.block-count-4 .block,
  #content.both-sidebars .region-main-bottom.block-count-2 .block,
  #content.both-sidebars .region-main-bottom.block-count-3 .block,
  #content.both-sidebars .region-main-bottom.block-count-4 .block { width: 50%; }
  
  /**
   * Sidebars
   * In "tablet" views, force blocks to 50% max-width if more than on in region
   * (does not apply to menu sidebar)
   */
  .region-right.block-count-2 .block,
  .region-right.block-count-3 .block,
  .region-right.block-count-4 .block,
  .region-right.block-count-2 .block,
  .region-right.block-count-3 .block,
  .region-right.block-count-4 .block {  
    float: left;
    width: 50%;
  }
  
  /**
   * Block layout classes
   * Convert 1/4 + 3/4 layouts to 1/3 + 2/3
   */
  .block.three-quarter-width { width: 66.6% !important; }
  .block.quarter-width { width: 33.33% !important; }
  
}

/* ~816px or more */
@media only screen and (min-width: 51em) {
  
  
}

/* ~1024px or more */
@media only screen and (min-width: 64em) {
  
  
}