/**
	* Filename:     custom.css
	* Version:      1.0.0 (2017-02-16)
	* Website:      dtcenter.org
	* Description:  Custom Styles
	* Author:		Lara Ziady
					ziady@ucar.edu
**/

body {
	color:#666666;
	font-family: Open Sans;

}
a {
	color: #297abe;
}
a:hover {
	color: #e2c720;
}
p a, li a {
  border-bottom: dotted 2px;
}
em {
  font-style: italic;
}
strong { font-weight: 800; }
.allcaps {
	text-transform:uppercase;
}
button a, a button {
	margin: 1em;
	width: 10em;
	background: #50bfbb;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
}
blockquote {
    margin-left:4em;
    margin-bottom:1em;
}

ol li, ul li {
	margin-bottom: .2em;
}
ol[type="a"] li {
	list-style: lower-alpha;
}
ol[type="i"] li {
	list-style:lower-roman;
}
ul li ul li {
	list-style-type: circle;
}
#block-views-block-taxonomy-testing-eval-block-1,
#block-views-block-news-block-1,
#block-views-block-taxonomy-community-code-block-1
{
  background: #fff;
}
#block-views-block-taxonomy-forum-block-1 h3,
#block-views-block-taxonomy-forum-block-1 h3 a
{
    display: none !important;
}
.block-views-blocktaxonomy-testing-eval-block-3 .title,
.community-code-home .title {
  background: #444 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 2em;
  left: 30px;
  padding: 10px 30px;
  position: absolute;
  text-transform: uppercase;
  top: 30px;
  width: auto;
}
@media (max-width:575px) {
.block-views-blocktaxonomy-testing-eval-block-3 .title,
.community-code-home .title {
  position: relative;
  top:0;
  left:0;
}
}
.fontyourface h1 {
  font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
  font-size: 1.8em;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}
.region-page-title h1 {
  border-bottom: 4px solid #50bfbb;;
}

h2, .h2 {
  font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
  font-size: 2.2em;
  font-weight: bold;
  padding-top: 0.5em;
  line-height: 1.4em;
}

h2 a {
	border-bottom:#e2c720 solid 2px;
	color:inherit;
}
.btn, input[type="submit"] {
  background: #66cccc none repeat scroll 0 0;
}
.btn:hover, input[type="submit"]:hover {
  background: #e2c720 none repeat scroll 0 0;
}
.region-content h2 {
  color: #50bfbb;
  text-transform: capitalize;
}
.region-content .block-views-blockstaff-list-block-4 h2,
.region-content .views-field-field-publications h2 {
	border-top: 4px solid #bcbec0;
}
.sidebar .region h2.title,
.sidebar .region h2 {
  border-bottom: 3px solid;
  font-size: 1.4em;
  line-height: 1.1em;
  margin: 20px 20px 0;
  padding: 0 0 5px;
  text-transform: uppercase;
}
h3, .h3 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 1.2em 0 0 0;;
}
div.views-field-field-tagline,
div.views-field-field-tagline p {
  font-family: "Open Sans";
  text-transform: capitalize;
  font-size: 1.3em;
  line-height: 1.2em;
}

#search-block-form input.form-submit {
  background: #666 url("../images/search.png?1452238642") no-repeat scroll center center;
}
figure.align-right {
  float: right;
  display: block;
  width: 500px;
  height: auto;
  background: #fff;
  padding: 5px;
}
figure.align-left {
  float: left;
  display: block;
  width: 500px;
  height: auto;
  background: #fff;
  padding: 5px;
}
figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  text-align: justify;
  padding: 5px;
  color: #999;
}
.paragraph > .paragraph__column {
	padding-bottom: 0;
}
.paragraph--type--image-with-caption,
.paragraph--type--image {
	font-size: 0.9em;
	max-width: 75%;
	height: auto;
	text-align: center;
	margin: 5px auto;
    color:#999;
}
.paragraph--type--pull-quote {
	display: block;
	width: 80%;
	margin: 20px auto;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #0066B3;
	font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
	border-bottom: solid 1px #0066b3;
	border-top: solid 1px #0066b3;
	padding: 20px;
}
.views-field-field-article-summary {
	border-bottom: 1px #0066B3 solid;
	font-style: italic;
	color: #0066B3;
}
.field-content.subtitle {
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
}
/*navigation*/
.region-primary-menu li.active a {
  color: #66cccc;
}
#main-menu li a,
#main-menu li {
  font-size: 0.9em;
  text-transform: uppercase;
  z-index:200;
}
#main-menu li a:hover,
#main-menu li.active a.is-active,
#main-menu li a:focus {
	border-bottom:3px solid #66cccc;
	color: #66cccc;
}
p.anchor-menu {
    font-size: 0.8em;
    margin: 0 0 30px;
}
#block-minornavigation .menu-item > a,
#block-dtc-theme-minornavigation .menu li.menu-item a {
  border: none;
  text-transform: uppercase;
  background:none;
  color:#666;
}
/* multi-level side nav */
.sidebar .region .comm-top .content {
	padding-bottom: 0;
}
.region-sidebar-second .comm-top ul {
	margin-bottom: 0;
}
.region-sidebar-second .comm-top.block {
	margin-bottom: -3px;
}
.sidebar .region .comm-nav .content {
	padding: 0 0 10px 0;
}
.sidebar .region .menu-item.menu-item--collapsed ::after {
	content: "\002B";
	font-size: 1.4em;
	float: right;
	margin-left: 5px;
}
.menu li.menu-item--active-trail ul.menu {
	margin-left: 2em;
}
.menu-item.menu-item--active-trail a.highlighted,
.menu-item.menu-item--active-trail a.is-active
/*.menu-item--expanded .menu-item--active-trail*/
{
  background: #e2c721 none repeat scroll 0 0;
  border-bottom: 2px solid #66cccc;
  color: #fff;
  padding: 5px 10px;
}

/* home page */
.path-frontpage .content_layout {
  max-width: 100%;
  overflow: hidden;
  padding: 20px 0;
  text-align: center;
}
.block-views-blockcarousel-block-1 {
  display: block;
  height: 100%;

}
.views_slideshow_pager_field div {
  display: block;
  float: left;
  }
.views-slideshow-controls-bottom.clearfix {
  margin-top: -3em;
  position: absolute;
  right: 1em;
  width: 15em;
  z-index: 1000;
}
.views_slideshow_pager_field_item .views-field-counter {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 50%;
  color: rgba(41, 122, 190, 0.8);
  font-size: 1px;
  height: 25px;
  margin: 0 7px 0 0;
  opacity: 0.9;
  width: 25px;
}
.views_slideshow_pager_field_item.active .views-field-counter   {
  background: #e2c720;
  color: #e2c720;
}
div.carousel-text {
        background: #000 none repeat scroll 0 0;
        display: block;
        height: auto;
        left: 50px;
        padding: 15px;
        position: absolute;
        top: 10%;
        width: 35%;
    }

.carousel-text h1 {
        border-bottom: 3px solid #50bfbb;
        color: #fff;
        font-size: 1.8em;
        font-weight: bold;
        line-height: 1.2em;
        padding-bottom: 10px;
        text-transform: uppercase;
    }
.carousel-text h1 a {
  color: #f1f2f2;
}
.carousel-text p {
  color: #fff;
  font-size:1.2em;
}
div.box {
  background: #0066B3 none repeat scroll 0 0;
  display: block;
  padding: 20px 80px;
  color:#fff;
  text-align:center;
}
div.box-light {
  background: #FFF none repeat scroll 0 0;
  display: block;
  padding: 20px 80px;
  color:#999;
  text-align:center;
}
.box > p {
  font-size: 1.6em;
  line-height: 1.2em;
  font-family: Open Sans, helvetica,sans-serif;
}
/* Smaller devices - custom */
@media (max-width: 575px) {
.views-field.views-field-field-carousel-image img {
	display: none;
}
div.carousel-text {
	background: #000 none repeat scroll 0 0;
	display: block;
	height: auto;
	left: 0;
	padding: 5px;
	position: relative;
	top: 10%;
	width: 90%;
}
div.box {
	background: #fff;
	color: #999;
	display: inline;
	padding: 20px 50px;
}
}

@media (min-width: 576px) and (max-width: 767px) {
.views-field.views-field-field-carousel-image img {
	display: block;
}
div.carousel-text {
	background: #000 none repeat scroll 0 0;
	display: block;
	height: auto;
	left: 0;
	padding: 5px;
	position: relative;
	top: 10%;
	width: 100%;
}
div.box {
  background: #0066B3 none repeat scroll 0 0;
  display: block;
  padding: 20px 50px;
  color:#fff;
}
}
@media (min-width: 768px) and (max-width: 991px) {
div.carousel-text {
	background: #000 none repeat scroll 0 0;
	display: block;
	height: auto;
	min-height:165px;
	left: 0;
	padding: 5px;
	position: relative;
	top: 10%;
	width: 100%;
}
div.box {
  background: #0066B3 none repeat scroll 0 0;
  display: block;
  padding: 20px 50px;
  color:#fff;
}
}
/*Research to Operations*/
.block-views-blockresearch-to-operations-block-1 {
  background: #f1f2f2 none repeat scroll 0 0;
  display: block;
  float: left;
  padding: 25px 25px 40px 25px;
  width: 62%;
}
.block-views-blockresearch-to-operations-block-1 header {
  display: block;
  width: 200px;
  float: left;
  height: 200px;
  margin: 10px 5px;
  padding-top: 40px;
}
.region-content header h2 {
  border-bottom: 5px solid #e2c720;
  font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2em;
  padding-bottom: 5px;
  color: #444;
  border-top:none;
}
header p {
  font-size: 1.2em;
}
.field-content.r2o {
  margin: 20px 20px 20px 10px;
  width: 180px;
  display: block;
  float: left;
  height:190px;
}
.field-content.r2o > h1 a {
	background: #58595b none repeat scroll 0 0;
	border-top: 5px solid #e2c720;
	color: #fff;
	display: block;
	height: 80px;
	line-height: 1.2em;
	padding: 5px;
	margin-top: -6px;
	text-align: left;
}

    /* home sidebar nav*/
    /* sidebar nav*/

nav h2 {
	display: block;
}
.region.region-content > nav #block-softwareandtools-menu, #block-dtc-theme-softwareandtools-menu,
#block-softwareandtools-3  {
  display: block;
  float: left;
  margin-left: 40px;
  color: #444;
  text-transform: uppercase;
  width: 28%;
}
#block-softwareandtools > h2,
#block-softwareandtools-3 > h2 {
  font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
  font-size: 2em;
  border-bottom: 4px solid #50bfbb;
  border-top: medium none;
  text-align:left;
  font-weight: bold;
  color: #444;
}
#block-softwareandtools ul.menu,
#block-softwareandtools-3 ul.menu {
  display: block;
  float: left;
  padding: 0;
  text-align: left;
}
/* Smaller devices - custom */
@media (max-width: 767px) {
.block-views-blockresearch-to-operations-block-1 {
	width: 100%;
	padding: 5%;
}
.block-views-blockresearch-to-operations-block-1 header {
	display: inline;
	width: auto;
	float: none;
	height: auto;
	margin: 5% auto;
	padding-top: 0;
}
.region.region-content > nav #block-softwareandtools-menu {
	margin-left: 5px;
	width: 100%;
}
#block-softwareandtools ul.menu {
	margin-left: 10px;
	padding: 5%;
	width: 100%;
}
.field-content.r2o {
	margin: 5%;
	width: 95%;
}
.views-field.views-field-field-image img {
	width: 100%;
	height:auto;
	max-height: 180px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.block-views-blockresearch-to-operations-block-1 header {
	display: inline;
	width: 100%;
	height:auto;
	margin: 0;
	padding-top: 0;
}
.block-views-blockresearch-to-operations-block-1 {
	width: 68%;
	padding: 5%;
}
.field-content.r2o {
	margin: 10px 10px 20px 10px;
}
.region.region-content > nav #block-softwareandtools-menu {
	margin-left: 20px;
	width: 27%;
}
#block-softwareandtools ul.menu {
	margin-left: 10px;
	padding: 0;
	width: 27%;
}
}
    /* sidebar nav*/
div.region-sidebar-second div.block.block-views,
.region.region-sidebar-second > nav {
  background: #F1F2F2 none repeat scroll 0 0;
  padding-top: 5px;
}
.region-sidebar-second h2 {
  display: block;
}
.region-sidebar-second ul.menu {
  padding: 0;
  text-align: left;
}
ul.menu li.menu-item,
.region-sidebar-second ul.menu li {
  list-style-type: none;
  padding:0;
}
div.region-sidebar-second ul.menu li a:hover {
  background: #e2c721;
}
.menu li.menu-item a, ul.menu li a {
  border-bottom: 1px solid #bcbec0;
  color: #444;
  display: block;
  font-family: Open Sans;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0 0 0 20px;
  padding: 5px 0;
  width: 80%;
  text-transform: capitalize;
}
.menu li.recommended a {
	text-transform: none;
}

   /* this style used when main navigation is used in sidebar for subnav*/
.sidebar ul.menu-base-theme li a, .sidebar #main-menu li a {
	background: none;
	text-transform: capitalize;
	border-bottom: 1px solid #bcbec0;
	display: block;
	font-family: Open Sans;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0 0 0 20px;
	width: 80%;
	clear: both;
}


/* ++ */

select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-appearance: none;
	background-color: white;
	color: #444444;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1.5em;
	margin: 0;
	padding: 0.5em 2.5em 0.5em 0;
	background-image: linear-gradient(45deg, transparent 50%, #005bb7 50%), linear-gradient(135deg, #005bb7 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
	background-size: 10px 10px, 10px 10px, .15px 1.5em;
	background-repeat: no-repeat;
	line-height: 1.5em;
	border: none;
}
option {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-appearance: none;
}
div .ViewsJumpMenu {
  display: block;
  width: 260px;
}
div.sf-accordion-toggle a {
  width: 100%;
}
ul.sf-menu.sf-vertical,
.sf-depth-1.menuparent.sf-with-ul{
	width: 260px;
	margin: 0;
	padding: 0;
}
ul.sf-menu.sf-vertical li a
.sf-depth-1.menuparent.sf-with-ul li a{
	width: 260px;
	margin: 0;
	padding: 0;
}
ul.sf-menu .sf-sub-indicator {
	height: 1em;
	width: 1em;
}

.menu.sf-menu li.menu-item a, ul.menu.sf-menu li.sf-depth-1 a,
select.ViewsJumpMenu {
	border-bottom: #005bb7 solid 4px;
	font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
ul.menu.sf-menu li a {
	padding: 0.2em;
}
select.ViewsJumpMenu option
ul.menu.sf-menu li.sf-depth-2 a{
  font-weight: normal;
  text-transform:capitalize;
  font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
  font-size:1em;
}
ul.menu.sf-menu li.sf-depth-2 a {
	border: none;
	font-size: 1.2em
}
select:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.breadcrumb {
  background-color: #eee;
  list-style: outside none none;
  padding: 5px 10px;
  height: 35px;
}
.breadcrumb li {display: inline;}
.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}
.breadcrumb li a {color: #4ec0bc;}

.one-column,
.block-views-blockevents-calendar-list-block-1,
.block-views-blockevents-calendar-list-block-2,
.block-views-blockevents-calendar-list-block-3 {
  float: left;
  padding: 0 30px;
  width: 30%;
  display:block;
}
.block-views footer button {
  width: 100%;
  margin: 2em 0;
}
.block-views footer button:hover, a button:hover {
  background: #297abe;
  color: #fff;
}
/* footer */
.footer-menu {
  background: #414042 none repeat scroll 0 0;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.7rem;
  margin-top: 2em;
  padding-top: 2em;
}
.footer-menu h2 {
  border-bottom: 3px solid #4ec0bc;
  color: #fff;
  font-size: 1.2rem;

}
.footer-menu li, .footer-menu p {
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.4rem;
}
#block-subscribe-news-footer {
    float: right;
    width: 25%;
}
.footer-menu a {
	color: #dbe2e9;
	font-weight: 400;
}
/* Visitors section */

.views-exposed-form .form-item label {
	display: block;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.1em;
}
.views-exposed-form div.form-item {
	display: block;
	float: left;
	width: 250px;
}
.views-exposed-form div.form-item input {
	width: 250px;
}
form.views-exposed-form {
	background: ;
	display: block;
	clear: both;
	width: 100%;
	height: 170px;
}
.views-exposed-form div.form-actions {
	display: block;
	float: left;
	margin: 1em;
}
/* News section */
.news-home.views-row {
	display: block;
	clear: both;
	padding-top: 2em;
}

.news-home .views-field-field-carousel-image img {
	display: block;
	float: left;
	margin-right: 1em;
}
.date {
	text-transform: uppercase;
	font-size: 0.9em;
	color: #999;
}

/* Online Newsletter - "Transitions" */
.newsletter .main-header {
	border-bottom: #e6e6e6 solid 1em;
}
.newsletter #wrapper,
.newsletter.fontyourface.path-news {
	background: #e6e6e6;
}

.newsletter .container {
	background: #fff;
}
.newsletter .footer-menu .container {
	background: none;
}
#block-newsletterheader img {
	max-width:100%;
	height:auto;
	width: 700px;
}
.newsletter h1.news-cat {
    clear:both;
	display: block;
    background: #333333;
    color: #fff;
    width: 37%;
    padding: 5px 10px;
    text-align: center;
    margin: 10px auto;
    border-bottom: 3px solid #cccc33;
	text-transform: uppercase;
    font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
}
.newsletter h1 {
    text-transform: capitalize;
    font-family: Open Sans;
}
.newsletter hr {
    margin: 2em 0 3em;
    border: none;
    border-bottom: solid 3px #ccc;
}

.newsletter .region-page-title h1 {
    border-bottom: #cccc33 4px solid;
	margin:0;
}
.newsletter .col-md-12 .block-page-title-block {
	margin: 0;
}
.newsletter .header-l {
	display: block;
	width: 50%;
	margin-bottom: 2em;
	float: left;
	color: #999;
	letter-spacing: 1px;
}
.newsletter .header-r {
	width: 50%;
	display: block;
	float: right;
	margin-bottom: 2em;
	text-align: right;
	letter-spacing: 1px;
}
#block-simplenewssubscription {
	margin: 0;
}
#block-simplenewssubscription .form-email {
	width: 255px;
}
/* Forms */
.form-composite > .fieldset-wrapper > .description, .form-item .description {
font-size: 1em;
line-height: 150%;
}
/* CKEditor Styles */
.highlight, .cke_editable .highlight {
    background: #FF6;
    padding:0;
}
blockquote, .cke_editable blockquote {
    margin-left:4em;
    margin-bottom:1em;
}
div.paragraph--type--callout-box, div.callout {
	background: #e8e8e9;
	display: block;
	padding: .5em;
	margin: 2em 1em;
	word-wrap: break-word;
}
div.callout h2, div.paragraph--type--callout-box h2 {
	text-align: center;
	border-bottom: 3px solid #cccc33;
	text-transform: uppercase;
	font-family: "Open Sans Condensed", 'Arial Narrow Bold', sans-serif;
	font-size: 1.4em;
	color: #000;
	width: 40%;
	margin: 0 auto;
	letter-spacing: .1em;
}
div.callout h3, div.paragraph--type--callout-box h3 {
	text-align: left;
	font-weight: bold;
	color: #297abe;
	padding: .5em 1em;
	text-transform: initial;
}

div .blueblock, div .greyblock, div .yellowblock {
	display: block;
	padding: .5em 1em;
	margin: 1em;
	word-wrap: break-word;
}
div .blueblock {
    background: #F0F8FF;
	word-wrap: break-word;
}
div.greyblock {
    background:#DCDCDC;
	word-wrap: break-word;
}
div.yellowblock {
    background:#FFFACD;
	word-wrap: break-word;
}
div.codeblock, pre.codeblock, code, pre code, div.codeblock em {
	word-wrap: break-word;
    background: #666;
	border: none;
	border-radius: .25em;
	color: #FFF;
    font-style:normal;
    font-weight:bold;
    margin: 0 0 1em 1.4em;
	padding: .25em .5em;
    font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
}
div.codeblock a, pre.codeblock a, code a, pre code a {
    color:#0FF;
}

/* Community Code Section */
.tip::before {
    content:url("/sites/default/files/inline-images/tip.gif");
}

.region-content .views-field-field-release-notes h2,
.region-content .views-field-field-release-notes header h2 {
	clear: both;
}
tr.recommended {
    background-color:#dfd;
}
tr.other {
    background-color:#ffd;
}
tr.dev {
    background-color:#fdd;
}
.download .paragraph .paragraph, .download .paragraph .paragraph .paragraph {
	float: left;
	width: 16em;
}
.field-content.download .paragraph--type--file a,
.field-content.download .paragraph--type--link a {
	background-color: #7cbc48;
	border: 2px solid #7cbc48;
	color: white;
	display: block;
	font-size: 1.2em;
	padding: 1.125em;
	margin: 0.6em;
	max-width: 14em;
	text-align: center;
	text-decoration: none;
}
.card.panel.panel-default {
    margin: 1em;
}
.field-content.download a:hover {
	background-color: #367d02;
	border: 2px solid #367d02;
}
.file-link a::after {
	content: " | ";
}
/* forms */
form[style="niceform"] .form-composite > legend, .label {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
}
form[style="niceform"] label {
	display: block;
	float: left;
	font-weight: bold;
    margin-right: .5em;
}
form[style="niceform"] input, form[style="niceform"] select, form[style="niceform"] textarea {
	border: 1px solid #cecece;
	display: block;
	margin-left: 14em;
}
form[style="niceform"] input[type="submit"] {
	display: inline;
	margin-left: 1em;
}
form[style="niceform"] input.form-radio {
	display: inline;
	margin: 0;
}
label.form-required::after {
	color: red;
	content: "*";
}
.fieldset-legend {
	font-weight: bold;
	text-transform: uppercase;
}
/* Forums Section */
.tagItem {
	display: inline-block;
	max-width: 100%;
	padding: 0 6px 1px;
	margin: 0 0 2px;
	border-radius: 4px;
	font-size: 12px;
	color: #505050;
	background: #f5f5f5;
	border: 1px solid #d8d8d8;
}
.comment-wrap .author-comments p {
	margin-bottom: 5px;
}
.node--type-book .field.field--name-body {
	background: #fff;
	border: none;
}
.field-content.topic {
	background: #eef9fe;
	padding: 2em;
	border: 1px #d1d1d1 solid;
}
div.topic h2 {
	color: #205493;
	text-transform: none;
	font-family: open sans;
}
.button, a.button,
.btn, input[type="submit"] {
	cursor: pointer;
	white-space: nowrap;
	font-size: 13px;
	text-align: center;
	display: inline-block;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	-webkit-transition: background-color .25s ease;
	transition: background-color .25s ease;
	font-size: 13px;
	border-radius: 4px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: center;
	color: #ffffff;
	background: #205493;
	border-color: #205493 #165679 #165679 #205493;
	margin-bottom: 5px;
}
input[type="submit"]:hover, a.button:hover,
.button:hover, .btn:hover {
	background: #0069d9;
	color: #ffffff;
}
.message-attribution {
	color: #8c8c8c;
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e7e7e7;
}
.field-content.forum {
	background: #eef9fe;
	padding: 2em;
	border: 1px #d1d1d1 solid;
}
li.action-links {
	list-style: none;
}

/* accordion styling */
.panel-default {
	border-color: #fff;
}
.panel-title a:hover {
color: #000;
}

.panel-default > .card-header.panel-heading,
.panel-default>.panel-heading {
	color: #333;
	background-color: #b6e3e1;
	border-color: #fff;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1rem;
	color: inherit;
}