/* NSPRA COLORS */

:root{
	--nspra-main-blue: #252473;
	--nspra-main-teal: #00abb1;
	--nspra-main-red: #e0556f;
	--nspra-dark-teal: #007276;
	--nspra-light-blue: #6e6da2;
	--nspra-light-teal: #b4e6e8 ;
}


/* NSPRA STYLES */

.tags-list .tag-item:nth-of-type(1n):after{
	content: ",";
}

.tags-list .tag-item:last-of-type:after{
	content: "";
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.line-height{
	line-height: 1.5;
}

.dnnArticle{
  display: flex;
}

.dnnArticle img{
	/* width: 13%; */
	height: 120px;
  object-fit: cover;
  border-radius: 15px;
}


.bg-blue{
	background-color: var(--nspra-main-blue);
	color: #fff;
}

.bg-teal{
	background-color: var(--nspra-main-teal);
	color: #fff;
}

.event-date-tile{
	width: 120px;
}

/* ! ---------- =main --------------- */
/* overriding bootstrap colors */


.navbar{
	background-color: var(--nspra-main-blue);
}

.btn-primary {
  color: #fff;
  background: var(--nspra-main-teal) !important;
  border-color: var(--nspra-main-teal) !important;
}


.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  color: #fff;
  background-color: var(--nspra-dark-teal) !important;
  border-color: var(--nspra-dark-teal) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--nspra-main-teal) !important;
  border-color: var(--nspra-main-teal) !important;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--nspra-dark-teal) !important;
  border-color: var(--nspra-dark-teal) !important;
}

.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(94,0,105,0.5) !important;
}

.btn-outline-primary{
	color: var(--nspra-main-teal) !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: var(--nspra-main-teal) !important;
  border-color: var(--nspra-main-teal) !important;
}

.btn-blue {
  color: #fff;
  background: var(--nspra-main-blue) !important;
  border-color: var(--nspra-main-blue) !important;
}

.btn-blue:hover, .btn-blue:active, .btn-blue:visited {
  color: #fff;
  /* background-color: var(--nspra-dark-teal) !important;
  border-color: var(--nspra-dark-teal) !important; */
}



div.text-primary.bg-primary-light{
	background: var(--nspra-light-teal) !important;
}

.text-blue{
	color: var(--nspra-main-blue);
}

.alert-primary {
  background: var(--nspra-light-blue);
}

.alert-warning-2{
	color: #4c2d01;
}

.alert-warning-2 a:not(.btn) {
	color: #4c2d01;
  font-weight: bold;
}

.alert-warning-2 a:not([href]):not([tabindex]):hover{
	text-decoration: underline;
}

.cv-stepper li.active,
div .text-primary{
  color: var(--nspra-main-teal) !important;
}

a{
	color: var(--nspra-dark-teal);
}


a.text-primary:hover, a.text-primary:focus{
  color: var(--nspra-dark-teal) !important;
}

.progress-bar,
.cv-stepper li.active::before {
  background-color: var(--nspra-main-teal) !important;
}

/* rating bar styles*/
.rating_bar {
	width: 100px;
	background: url(../../../images/newstar_empty.png) repeat-x 0 0;
	display: inline-block;
}

.rating_bar div {
	height: 20px;
	background: url(../../../images/newstar_full.png) repeat-x 0 0;
}

/* changed because of NSPRA styles */

.editImageBubble i {
  margin-top: 0px !important;
}

.control-label.active {
  transform: translate(0, -12px) scale(0.85) !important;
}

select, select.form-control {
    padding: 0.7rem 0 !important;
}

@media(min-width:550px) {
 .dl-horizontal dt {
	 width: 222px !important;
 	/* float: left; */
 }
 .dl-horizontal dd {
  margin-left:242px
 }
}

/*! ---------- =NSPRA typography ---------- */

body {
  font:  18px/24px  'Merriweather Sans', sans-serif;
  color: #444;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 24px;
}
p:last-child,
ol:last-child,
ul:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
p,
ol,
ul {
  orphans: 2;
  widows: 2;
}
ol,
ul {
  margin-left: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Merriweather Sans', sans-serif;
  text-rendering: optimizeLegibility;
  color: #4b4a5d;
  font-weight: 500;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  display: inline-block;
  vertical-align: middle;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: block;
}
h1 {
  font-size: 60px;
  line-height: 60px;
  color: #242473;
}

@media (max-width: 767px) {
  h1 {
    font-size: 50px;
    line-height: 60px;
  }
}

@media (max-width: 479px) {
  h1 {
    font-size: 38px;
    line-height: 48px;
  }
}

h2 {
  font-size: 50px;
  /* line-height: 60px; */
}

@media (max-width: 767px) {
  h2 {
    font-size: 38px;
    line-height: 48px;
  }
}

h3 {
  font-size: 38px;
  line-height: 48px;
}

@media (max-width: 767px) {
  h3 {
    font-size: 30px;
    line-height: 36px;
  }
}

h4 {
  font-size: 30px;
  line-height: 36px;
}
h5 {
  font-size: 26px;
  line-height: 36px;
}
h6 {
  font-size: 22px;
  line-height: 24px;
}

.text-size {
  font-size: 18px;
  line-height: 24px;
}

.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}

.note {
  font-family: 'Merriweather Sans', sans-serif;
  opacity: 0.8;
  font-size: 16px;
}
pre + .note,
input + .note,
textarea + .note {
  margin-top: -12px;
}

.highlight {
  color: #00abb1;
}

.warn {
  color: #b20202;
}

.type-family-sample {
  font-size: 38px;
  line-height: 36px;
}


/* Euclid CSS overrides for NSPRA CSS doings*/
.flex-item{
	width: 300px;
	align-self: stretch;
}

.form-group {
  margin-bottom: 2.5rem !important;
}