/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 5, 2017 */
@font-face      {
  font-family   : 'optimusprincepsregular';
  src           : url('optimusprinceps-webfont.woff2') format('woff2'),
                  url('optimusprinceps-webfont.woff') format('woff');
  font-weight   : normal;
  font-style    : normal;
}

/* Widget Home Featured */
.home-featured h1     {
  xfont-family         : 'optimusprincepsregular';
  margin-bottom       : 0;
}
.cls-bruu-logo-text  {
  margin-right        : 0.5em;
  text-align          : right;
}
.cls-bruu-logo-text1  {
  font-family         : 'optimusprincepsregular';
  xfont-size           : 2.5em;
}
.cls-bruu-mission     {
  color               : #006073;
  font-weight         : bold;
  text-align          : center;
}


@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}


/**************************/
/* Widget 2 side bar */

@media only screen and (min-width: 1200px) { /* When two widgets side-by-side */
}


/**************************/
/* UUA Feature Box Widget hover */

/* Center image in uuafbw widget  */
/* Don't crop tall images;
    So need to keep w/h ratio below 1.5
*/
section.uuafbw_widget .thumbnail img {
  margin              : auto;
  max-height          : 100%;
  width               : auto;
}
/* Center text in the uuafbw widget title  and other headers*/
section.uuafbw_widget .thumbnail .caption h4  ,
section.uuafbw_widget .thumbnail .caption h5  ,
section.uuafbw_widget .thumbnail .caption h6  {
      text-align          : center;
}
/* Fix font size in the uuafbw widget, so that all text is smaller, not just <P>*/
section.uuafbw_widget .thumbnail .caption p     {
  font-size           : 100%;
}
section.uuafbw_widget .thumbnail .caption      {
  font-size           : 90%;
}

/*div.home-feature .thumbnail:hover      {*/
section.uuafbw_widget .thumbnail:hover      {
  margin-top          : -12px;
  margin-bottom       : 36px;
  transition          : 0.4s;
}
div.home-feature:nth-of-type(odd) .thumbnail:hover      ,
div.home-events                   .thumbnail:hover      {
  box-shadow          : 0px 0px 50px #3c3a73;
}
div.home-feature:nth-of-type(even) .thumbnail:hover     ,
div.home-news                      .thumbnail:hover     ,
div.home-testimonials              .thumbnail:hover     {
  box-shadow          : 0px 0px 50px #ab1b42;
}
/* Override the parent theme style - the even color goes with the original theme */
div.home-feature:nth-of-type(odd) .thumbnail:hover  p.box-link ,
div.home-feature:nth-of-type(odd) .wp-caption:hover p.box-link ,
div.home-events                   .thumbnail:hover  p.box-link ,
div.home-events                   .wp-caption:hover p.box-link {
    border-color      : #6663b0;
    background        : #3c3a73;
}
/* Override the parent theme style, which has color stay dark for small screens  */
div.home-feature      .thumbnail:hover  p.box-link ,
div.home-feature      .wp-caption:hover p.box-link ,
div.home-news         .thumbnail:hover  p.box-link ,
div.home-news         .wp-caption:hover p.box-link ,
div.home-testimonials .thumbnail:hover  p.box-link ,
div.home-testimonials .wp-caption:hover p.box-link ,
div.home-events       .thumbnail:hover  p.box-link ,
div.home-events       .wp-caption:hover p.box-link {
    color             : white;
}
/* In the widgets, do not underline text, because it's all one big link */
.uuafbw_widget a   {
  text-decoration     : none;
}
/* In the widgets, do not outline on focus, because it's all one big link */
.uuafbw_widget a:focus  ,
main .uuafbw_widget a:focus img         {
    outline             : none;
}

x.thumbnail p.box-link,
x.wp-caption p.box-link,
x.wp-caption p.box-link {
    background    : white;
    color         : #5e7321;  /* This is darker to get enough color contrast for small text */
}

/* The theme file templates/template_home.php can place an announcement on the home page. */
.cls-home-page-announcement   {
  border          : 8px solid orange;
  background-color: lightyellow;
  padding         : 1em;
}

/* Counteract P margin-bottom for list inside a homepage widget where space is tight*/
section.uuafbw_widget p+ul{
  margin-top: -12px;
}

/* This element has a fixed height inline style.
 *  It contains a taller element that is floated.
 *  In Chrome, it overflows the containing element and bleeds onto the next row.
 * We remove the fixed height so the floated contents will
 *  push the following row down the page.
 */
.col-lg-5.home-widget-2.match {
  height: auto !important;
}

/******************************************************************************
 * On the home page we cannot use the Gutenburg blocks from the Kadence plugin
 *  We can only paste the generated HTML into a Custom HTML widget
 *  So we constructed the needed blocks on a dummy page to capture the HTML.
 * For the custom Kadence block to work, the dummy page loads CSS and JS code.
 *  The JS and standard CSS is loaded from files under the Kadence plugin directory.
 *  We can modify the functions.php file to enqueue the standard plugin files.
 *  Other CSS with user preferences is included in INLINE CSS.
 *  We need to add that code custom CSS into this home.css file.
 *  We get that inline code using the browser developer toolbar.
 *
 * Copied from the inline stylesheets from the dummy page we used to model
 *  the Gutenburg blocks from the Kadence plugin.
 *****************************************************************************/
 /* The tabs construct */
 .kt-tabs-id_c8ed9c-4b > .kt-tabs-content-wrap > .wp-block-kadence-tab {
  border-width:2px 2px 2px 2px;
  border-color:#bcbcbc;
  background:#ffffff;
 }
 .wp-block-kadence-tabs .kt-tabs-id_c8ed9c-4b > .kt-tabs-title-list li {
  margin:0px 8px -2px 0px;
 }
 .wp-block-kadence-tabs .kt-tabs-id_c8ed9c-4b > .kt-tabs-title-list li .kt-tab-title,
 .kt-tabs-id_c8ed9c-4b > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-tab-title {
  font-size:1.1em;
  line-height:1.4em;
  border-width:2px 2px 0px 2px ;
  border-radius:4px 4px 0px 0px ;
  padding:8px 20px 8px 20px ;
  border-color:#eeeeee;
  color:#444444;
  background:#ffffff;
 }
 .kt-tabs-id_c8ed9c-4b > .kt-tabs-title-list li .kt-tab-title:hover,
 .kt-tabs-id_c8ed9c-4b > .kt-tabs-content-wrap > .kt-tabs-accordion-title .kt-tab-title:hover {
  border-color:#e2e2e2;
  color:#444444;
  background:#ffffff;
 }
 .wp-block-kadence-tabs .kt-tabs-id_c8ed9c-4b > .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title,
 .wp-block-kadence-tabs .kt-tabs-id_c8ed9c-4b > .kt-tabs-content-wrap > .kt-tabs-accordion-title.kt-tab-title-active .kt-tab-title  {
  border-color:#bcbcbc;
  color:#444444;
  background:#ffffff;
 }
 /* The info.box */
 #kt-info-box_084fd6-aa .kt-blocks-info-box-link-wrap {
  border-color:rgba(6, 147, 227, 1);
  border-radius:20px;
  background:rgba(142, 209, 252, 0.5);
  padding:24px 24px 24px 24px;
  border-width:5px 5px 5px 5px;
 }
 #kt-info-box_084fd6-aa .kt-blocks-info-box-link-wrap:hover {
  border-color:rgba(238, 238, 238, 1);
  background:rgba(255, 255, 255, 1);
 }
 #kt-info-box_084fd6-aa .kt-blocks-info-box-media {
  color:#0693e3;
  background:#8ed1fc;
  border-color:#eeeeee;
  border-radius:200px;
  border-width:5px 5px 5px 5px;
  padding:0px 0px 0px 0px;
  margin:0px 20px 0px 0px;
 }
 #kt-info-box_084fd6-aa .kt-blocks-info-box-media img {
  border-radius:200px;
 }
 #kt-info-box_084fd6-aa .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media {
  color:#0693e3;
  background:#ffffff;
  border-color:#eeeeee;
 }
 #kt-info-box_084fd6-aa .kt-blocks-info-box-title {
  padding:0px 0px 0px 0px;
  margin:5px 0px 10px 0px;
 }

 /******************************************************************************
 * End of Kadence generated code.
 *****************************************************************************/