/**
 * @file
 * Subtheme specific CSS.
 */

/*
Table of Contents
=================
-- General HTML Elements
----- Headings
----- Form Elements
-- Global Classes
-- Navigation
-- Header
-- Footer
----- Social Media Row-Bar and Icons
----- Accessibility Modal CSS
-- Content
----- Tablesaw
*/

/* General HTML Elements */

/* Headings */

/* Form Elements */

/* !---------- section heading ---------- */

/* Global Classes  */

#main-wrapper a:link {color: #285e71;}
/* #main-wrapper .collection-block a:link, a:visited {color: #FFF;} */
#main-wrapper a.ext:visited {color: #800080;}
#main-wrapper a.RUcoreicon svg {display: none;}

/* !---------- section heading ---------- */

/*  Navigation */
.nav-item a.nav-link, .nav-item .link {
	color: #285e71 !important;
}

#page-wrapper a:link {text-decoration: none;}
#page-wrapper a:hover, #page-wrapper a:focus {text-decoration-line: underline; text-decoration-thickness: 1.6px;}
/* !---------- section heading ---------- */

/* Header */

.navbar-toggler {display:none;}
#navbar-main {background-color:#285e71 !important;}
#navbar-main {padding:0;}  /* to get logo background to the corner */
#rul-logo {
    display: inline;
    height: 111px;
    width: 100%;
    padding: .6em 1.5em .6em 1em;
}
.rul-logo-A:hover, .rul-logo-A:focus {
  text-decoration: none;
}
.rul-logo-A {
  display: inline-flex;
  align-self: center;
}
.rul-logo-A #rul-logo-mobile {
  height: 9em;
  width: 100%;
}
.rul-logo-A #rul-logo-mobile ~ span {
  top: 1.5em;
  position: relative;
  min-width: fit-content;
  font-size: 2em;
}
@media (max-width: 878px) {
  .rul-logo-A #rul-logo-mobile {
    height: 8em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.2em;
    font-size: 2em;
  }
}
@media (max-width: 768px) {
  .rul-logo-A #rul-logo-mobile {
    height: 7em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.6em;
    font-size: 1.5em;
  }
}
@media (max-width: 648px) {
  .rul-logo-A #rul-logo-mobile {
    height: 6em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.3em;
    font-size: 1.5em;
  }  
}
@media (max-width: 576px) {
  .rul-logo-A #rul-logo-mobile {
    height: 6em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.5em;
    font-size: 1.3em;
  }  
}
@media (max-width: 528px) {
  .rul-logo-A #rul-logo-mobile {
    height: 5em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.7em;
    font-size: 1em;
  }
}
@media (max-width: 378px) {
  .rul-logo-A #rul-logo-mobile {
    height: 4em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: 1.3em;
    font-size: 1em;
  }
}
@media (max-width: 338px) {
  .rul-logo-A #rul-logo-mobile {
    height: 3em;
    width: 100%;
  }
  .rul-logo-A #rul-logo-mobile ~ span {
    top: .5em;
    font-size: .7em;
    min-width: auto;
  }
}



.navbar-brand {font-size:2em; white-space: normal !important; line-height: 1.2em;}  /* size of site name */

#block-rul-project-rulbranding {background-color: #36404e;} /* grey behind logo */

.region-rulsite-name a:hover.navbar-brand,
.region-rulsite-name a:focus.navbar-brand {text-decoration: none !important;}

.region-rulsite-name a,
.region-rulsite-name a:hover, 
.region-rulsite-name a:focus, 
.region-rulsite-name .link:hover, 
.region-rulsite-name .link:focus,
#top-rt-links-m a {color: #FFF !important;}

#top-rt-links    {width:300px;float:right;text-align:right;margin: -2em 1em 0 0;font-size: 14.4px;color:#FFF}
#top-rt-links a {    display: inline-block;padding-left: .3em;}
#top-rt-links a:first-child {display: inline-block;padding-left: 0em;padding-right: .3em;}

#top-rt-links-m  {float:right;text-align:right;     font-size: 14.4px;color: #FFF;}

.navbar-nav {padding-left:1em;}  /* nav aesthetics */

#CollapsingNavbar {justify-content: normal !important;}
#navbar-top {padding:0; background-color:#fff !important;}


/* !---------- section heading ---------- */

body {background: #36404e !important;}

/* Footer */

.site-footer {padding:0;margin-top:8em; background: #36404e !important;}
.site-footer .container-fluid {padding:0;}
.site-footer .content {color: #FFF;}
.site-footer .block {border:none;margin:0;}
.site-footer .content a, 
.site-footer .content a:hover,
.site-footer .content a:focus, 
.site-footer .content a.link:hover, 
.site-footer .content a.link:focus {color: #FFF;}

.site-footer__top .region:last-child, .site-footer__top .region:first-child {
  padding: 0 0.65% !important;
}

/* Social Media Row-Bar and Icons */
.region-footer-first {background-color: #285e71; width:100% !important;}
.site-footer__top .content li a {padding: 0em 2px 0em 20px;}
.site-footer__top p {margin-top: 0.5em; margin-bottom: 0em;}
.connect-with-us {
    font-size: 1.14285714286em;
    float: right;
    margin: 0;
}
.connect-with-us  a {
    color: #fff;
    text-decoration: none;
    border-bottom:none !important;
}
.connect-with-us li:first-child {
    display: inline;
    float: left;
    font-size: 14px;
}
.connect-with-us li {
    display: inline;
    list-style: none;
    margin: 0 5px;
    margin: 5px;
float:left;
}
.connect-with-us li svg {
    vertical-align: middle;
    height: 24px;
    width: 24px;
}

#block-footerlinks,
#block-copyright { padding: 0; margin: .25em 0 0 .25em; font-size:90%}
#copyright {font-size:100%; color:#FFF;}

#block-footerlinks {padding:0;}
.footerLinksDiv a {border-bottom: 1px solid #FFF;}

#accessibilitystatement p {color: #FFF !important;}
#accessibilitystatement p a {color: #FFF !important; font-weight: 400;}
#contactUsLink     {float:left;font-size:100%;margin-top:5px;}
.site-footer__top .region:first-child {padding-left: 0.3%;}

/* I don't much like this one, but it was the only way I could get it to work */
@media (max-width: 1200px) { 
   #contactUsLink  {text-align:left;}
   .region-footer-links {width:100% !important;max-width:100%;}
 }

/* Accessibility Modal CSS */
.ui-dialog a,
.ui-dialog a:hover, 
.ui-dialog a:focus, 
.ui-dialog .link:hover, 
.ui-dialog .link:focus {color:#0090e4;border-bottom:1px solid #0090e4;}

.ui-dialog {z-index: 101;} /* keeps modal on top else no clickable in some browsers */

@media (max-width: 768px) {  /* DRUP-45 */
.ui-dialog {max-width: 92% !important; min-width: 92% !important;}
}

 /* adds the X in the modal close for firefox; needed a little adjustment in position */
/*
.ui-dialog-titlebar-close {
    background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_777777_256x240.png);
    background-position: -95px -128px;
}
*/
.ui-dialog-titlebar-close {
  background-image: url(/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_777777_256x240.png);
  background-position: -95px -128px;	
  min-height: 1em !important;
}

.ui-button-icon-only .ui-icon {margin-top: -9px;margin-left: -8px;}

.region-footer-copyright {width:100% !important;}


/* !---------- section heading ---------- */

/* Content */

/*  set a generalized minimum height. might preferentially be set per size of device using a media query */
#main-wrapper {min-height: 41em;}


/* Tablesaw */
.tablesaw-cell-label { width: 50% !important;}  
   @media (max-width: 39.9375em) {.tablesaw-stack tbody tr:nth-child(2n), tr.even {display:inline-block;}
}
tr:nth-child(odd), tr.odd {background-color: #fff;}
tr:nth-child(even), tr.even{background-color: #f2f2f2;}

tr:nth-child(2n+1) td, tr.odd td {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

table tr th {background:#DEE2E6 !important; color: #000 !important; font-weight: bold !important;}
table tr th a {color: #285e71 !important; font-weight: bold !important;}
.tablesort--desc, .tablesort--asc {background-color: transparent;}
.table-hover tbody tr:hover {color: #212529; background-color: #f2f2f2;}
.tablesort--asc {background-image: url(/themes/custom/rul_project/images/rul-down.svg);}
.tablesort--desc {background-image: url(/themes/custom/rul_project/images/rul-up.svg);}

/* !---------- contact-us ---------- */
#s-la-askform-section-3879 legend {display:none}
.s-la-widget fieldset {margin-bottom:24px !important}
.s-la-widget-embed {border:none !important;padding:0 !important}
.s-la-widget .form-horizontal .control-label {text-align:left;font-weight:400}
.s-la-widget label {color:#333}
.s-la-widget .form-control {
  border-radius: 0px !important;
  height: auto !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
}
#s-la-askform-section-3879 {background:none;border: none !important}
button,input[type="reset"],input[type="submit"],input[type="button"] {text-shadow:none;min-height:2.5em !important}
.s-la-widget legend {
  font-family: 'Quattrocento Sans',Candara,'Gill Sans',Optima,Helvetica,sans-serif;
  font-size: 28px !important;
  line-height:24px !important;
  font-weight:700;
  color: #333 !important;
  min-width: 450px;
  height: 1.5em;
  border:none !important;
  margin:0
}
#s-la-askform-submit-2861 {
  background: #36404e !important;
  border-color: #1859B7 !important;
  text-shadow: 0 1px 1px #001B38;
  color: #FFF;
  width: 7em !important;
  height: 2.5em !important;
  position: relative;
  font-size: 16px !important;
  font-weight: 400 !important;
  padding: 2px 5px !important;
  margin: 0 !important;
  border-radius: 5px !important;
  font-family: 'Montserrat','Segoe UI','Century Gothic',Verdana,sans-serif
}
.s-la-widget .form-horizontal .control-label {
  text-align: left !important;
  display: block;
  clear: both;
  width: 100%;
  padding:0 !important;
  font-family:'Montserrat','Segoe UI','Century Gothic',Verdana,sans-serif;
  font-size:1rem;
  font-weight:500;
  line-height:1.5rem
}
.s-la-widget .form-horizontal .form-group {margin:0 0 1em 0 !important}
.s-la-widget .col-md-8 {padding:0 !important}
.reqnote {color:#cc0033}
#val7_2861 {
  -webkit-appearance:menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important
}
/* !---------- contact-us ---------- */

/* !---------- default button css ---------- */
.btn-primary, .btn {color:#fff !important; background:#36404e !important; border-color:#36404e !important;}
.btn-primary:hover, .btn-primary:focus, .btn:hover, .btn:focus {color:#fff !important; background:#285e71 !important; border-color:#285e71 !important;}

hr {border-top: 1px solid #000;} 

/* !---------- breadcrumb ---------- */
.breadcrumb-item.active {
color: #42474C; /* DRUP-31 */
}

/* !---------- content ---------- */
h1.title {padding: 1px 0px;}  /* DRUP-38 */

.path-frontpage h1.title {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;} /* DRUP-39 */

.visually-hidden, .visually-hidden-focusable {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}  /* DRUP-40 */

#content A {border-bottom: 1px solid #285e71;}  /* DRUP-42 */
.content p a:link, a:visited {color: #285e71;font-weight: 400 !important;}

/* !---------- views ---------- */
div.views-row {border-bottom:1px solid #000; margin:0em 0em 1em 1em;padding-bottom:2em;}  /* CB-116 */
.view-filters .views-exposed-form .fieldset-legend {font-size:1rem;font-weight: 400;}
.field__label {
	font-weight: 700 !important;
	width: 10em;
	display: inline-block;
	text-align: right;
	padding-right: .5em !important;
}
.field__label::after {
	content: ": ";
}
.field--label-inline .field__label, .field--label-inline .field__item, .field--label-inline .field__items, .field--type-entity-reference {
	display: inline-block;
}

/* !---------- pager ---------- */
.pagination {justify-content: center; flex-wrap: wrap;} /* DRUP-47 */
.page-item.active .page-link {
	background-color: #285e71 !important;
	border-color: #285e71 !important;
}

/* !---------- image ---------- */
/* DRUP-46 */
.zoom {
  display: inline-block;
  overflow: hidden;
  transition: 0.5s all ease-in-out;   
}

.zoom:hover {
  transform:scale(1.5);
  -ms-transform:scale(1.5); /* IE 9 */
  -moz-transform:scale(1.5); /* Firefox */
  -webkit-transform:scale(1.5); /* Safari 3-8 and Chrome */
  -o-transform:scale(1.5); /* Opera */
}

/* !---------- book ---------- */
.node--type-book .inline__links {clear: both;}
.book-navigation {clear: both;}
.sidebar #block-booknavigation.block {background-color: inherit; border-color: transparent;}
/* .menu-item--active-trail a {font-weight: 700;}
.menu-item--active-trail li a {font-weight: 400;} */
#block-booknavigation ul.menu li {list-style: none !important;list-style-image:none;}
#block-booknavigation ul.menu li a::before {
  content: "\BB\20";
  display: inline-block;
  text-indent: -15px;
}
#main a {color: #285e71;}

#block-booknavigation .menu-item--active-trail.is-active > a {font-weight: 700 !important;}

.sidebar .block .content {line-height: 1.65;}

@media (min-width: 408px) {
}

/*  Small devices (landscape phones, 576px and up) - mobile */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) - narrow */
@media (min-width: 768px) {	
}

/* Large devices (desktops, 992px and up) - normal */
@media (min-width: 992px) {
    #block-booknavigation {margin-top: 0.6em;}
    .book-navigation {padding: 0 1em 0 1em;}
}

/* Large devices (desktops, 1597px and up) - wide */
@media (min-width: 1597px) {
}

/* !---------- Paragraph ---------- */
.paragraph .field--type-entity-reference {display:block !important;}

/* !---------- General ---------- */
div:focus-visible, li:focus-visible, a:focus-visible {outline: transparent !important;}