/* CSS Document */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css");

body {
    font-family: aller, sans-serif; 
	color: #333;
	background-color: #FDFEFC;
}

h1,h2,h3,h4,h5 {
	color: #00529C;
    font-family: museo-slab, serif; 
	font-weight: normal;
}

.h1, h1 {
	font-size: 3rem;
}

.h2, h2 {
	font-size: 2.25rem;
}

.accent {
	font-family: 'Caveat', cursive;
}

.textonimage {
	text-shadow:
    0 0 1px #000,
	0 0 50px #000;
}

.jumbotron {
	background-color: #E7E8E9; 
	background-image: url('../images/Jumbotron-w.jpg');
	background-position: center;
	background-size: cover;
}

.jumbotronvote {
	background-color: #E7E8E9; 
	background-image: url('../images/JumbotronVote-w.jpg');
	background-position: center;
	background-size: cover;
	color: #fff;
}

.jumbotronpave {
	background-color: #E7E8E9; 
	background-image: url('../images/Jumbotron-w-Pave.jpg');
	background-position: center;
	background-size: cover;
	color: #fff;
}

.imgbreak {
	background-color: #E7E8E9; 
	background-image: url('../images/together.jpg');
	background-position: bottom;
	background-size: cover;
}

.gradientBG {
	background: rgb(2,83,156);
	background: linear-gradient(120deg, rgba(2,83,156,1) 0%, rgba(111,30,85,1) 100%);
	color: #fff;
	scrollbar-color: rgba(256,256,256,0.8) rgba(2,83,156,0);
}

.blueBG {
	background-color: #00529C;
	color: #fff;
	scrollbar-color: rgba(256,256,256,0.8) rgba(2,83,156,0);
}

.gradientBG a, .gradientBG a:hover, .gradientBG a:focus {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.gradientBG h2, .gradientBG li {
	color: #fff;
}

.pagebreak {
	height: 3px;
	background: rgb(2,83,156);
	background: linear-gradient(120deg, rgba(2,83,156,1) 0%, rgba(111,30,85,1) 100%);
	width: 25%;
	margin: 40px auto 80px auto;
	opacity: 0.8;
}

.gradientRule {
	height: 1px;
	background: rgb(2,83,156);
	background: linear-gradient(120deg, rgba(2,83,156,1) 0%, rgba(111,30,85,1) 100%);
	margin: 40px 0;
	border: none;
	opacity: 0.8;
}

.greyBG {
	background-color: #f2f2f2;
}

.list-group-item {
	background: none;
}

.list-group-flush.QAList > .list-group-item {
	padding-top: 40px;
	padding-bottom: 40px;
}

.bluetext {
	color: #00529C;
}



.plumtext {
	color: #6E1D55;
}

a {
	color: #6E1D55;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #5B1846;
}

.navbar-brand {
	padding-top: 0;
}

.navbar-expand-lg {
	padding-bottom: 0;
}

.navbar-nav .nav-link {
	font-weight: normal;
	padding-bottom: 14px;
}

#mainNav {
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
}

.navbar-nav .nav-link, .navbar-nav .nav-link {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-bottom: 3px solid rgba(255,255,255,0.00);
}

.navbar-nav .nav-link:hover {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	border-bottom: 3px solid #333;
}

.navbar-toggler {
	margin-bottom: 10px
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
	color: #5B1846;
	border-bottom: 3px solid #5B1846;
	font-weight: bold;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
	color: #6E1D55;
}

.nav-fill .nav-item .nav-link.active, .nav-justified .nav-item .nav-link.active {
	color: #fff;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: #6E1D55;
}

.btn-primary {
	background-color: #6E1D55;
	border-color: #6E1D55;
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #5B1846;
	border-color: #5B1846;
	color: #fff;
}

.btn.btn-primary.btn-lg.disabled {
	background-color: #5B1846;
	border-color: #5B1846;
	color: #fff;
}

.btn-primary:active {
	background-color: #50153E !important;
	border-color: #50153E !important;
}

.btn-outline-primary {
	border-color: #6E1D55;
	color: #6E1D55;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
	background-color: #5B1846;
	border-color: #5B1846;
	color: #ffffff;
}

.btn-outline-primary:active {
	background-color: #50153E !important;
	border-color: #50153E !important;
	color: #ffffff;
}

.btn-primary:active {
	background-color: #50153E !important;
	border-color: #50153E !important;
}

.gradientBG .btn-primary, .jumbotronvote .btn-primary {
	background-color: rgba(255,255,255,0.00);
	border-color: #fff;
}

.gradientBG .btn-primary:focus, .gradientBG .btn-primary:hover, .jumbotronvote .btn-primary:focus, .jumbotronvote .btn-primary:hover{
	background-color: #6E1D55;
	border-color: #fff;
}

.page-link {
	color: #6E1D55;
	text-decoration: underline;
}

.active > .page-link, .page-link.active {
	background-color: #6E1D55;
	border-color: #5B1846;
}

.active > .page-link:hover, .active > .page-link:focus {
	color: #fff;
}

.page-link:hover, .page-link:focus  {
	color: #5B1846;
}

.accordion-button:not(.collapsed) {
	background-color: #fff;
}

.multi-line-text-truncate {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.updateitem {
	text-align: left;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,0.25);
	padding-bottom: 1rem;
}

.updateitem h3 {
	font-weight: bold;
	font-size: 1.2rem;
	text-align: left;
	color: #fff;
}

/* Timeline */

.timeline {
    width: 100%;
    position: relative;
    padding: 1px 0;
    list-style: none;
    font-weight: 500
}

.timeline .timeline-item {
    padding-left: 0;
    padding-right: 30px
}

.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    padding-left: 30px;
    padding-right: 0
}

.timeline .timeline-item .timeline-event {
    width: 100%
}

.timeline:before {
    border-right-style: solid
}

.timeline:before,
.timeline:after {
    content: " ";
    display: block
}

.timeline:after {
    clear: both
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%!important;
    margin-left: 2px;
    border-right-width: 4px;
    border-right-style: solid;
    border-right-color: #f2f2f2;
}

.timeline .timeline-label .label {
    /*background-color: #00529C;*/
	background: rgb(2,83,156);
	background: linear-gradient(120deg, rgba(2,83,156,1) 0%, rgba(111,30,85,1) 100%);
    border-radius: .5rem;
	box-shadow: 0 0 0 5px #f2f2f2;
    color: #fff;
    display: inline;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    padding: .65rem 1.4rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

.timeline.timeline-line-solid:before {
    border-right-style: solid
}

.timeline.timeline-line-dotted:before {
    border-right-style: dotted
}

.timeline.timeline-line-dashed:before {
    border-right-style: dashed
}

.timeline .timeline-item {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    margin-bottom: 20px
}

.timeline .timeline-item:before,
.timeline .timeline-item:after {
    content: "";
    display: table
}

.timeline .timeline-item:after {
    clear: both
}

.timeline .timeline-item:last-child {
    margin-bottom: 0!important
}

.timeline .timeline-item.timeline-item-right>.timeline-event,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event {
    float: right!important
}

.timeline .timeline-item.timeline-item-right>.timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before,
.timeline .timeline-item.timeline-item-right>.timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after {
    right: auto!important;
    border-left-width: 0!important
}

.timeline .timeline-item.timeline-item-right>.timeline-event:before,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:before {
    left: -15px!important;
    border-right-width: 15px!important
}

.timeline .timeline-item.timeline-item-right>.timeline-event:after,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-event:after {
    left: -14px!important;
    border-right-width: 14px!important
}

.timeline .timeline-item>.timeline-event:before {
    top: 10px;
    right: -15px;
    border-top: 15px solid transparent;
    border-left-width: 15px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 15px solid transparent
}

.timeline .timeline-item>.timeline-event:after {
    top: 11px;
    right: -14px;
    border-top: 14px solid transparent;
    border-left-width: 14px;
    border-left-style: solid;
    border-right-width: 0;
    border-right-style: solid;
    border-bottom: 14px solid transparent
}

.timeline .timeline-item>.timeline-point {
    top: 25px
}

.timeline .timeline-item:nth-of-type(2) {
    margin-top: 40px
}

.timeline .timeline-item.timeline-item-left,
.timeline .timeline-item.timeline-item-right {
    clear: both!important
}

.timeline .timeline-item.timeline-item-right,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
    float: right;
    clear: right
}

.timeline .timeline-item.timeline-item-right>.timeline-point,
.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left)>.timeline-point {
    left: -14px
}

.timeline .timeline-item>.timeline-event {
    position: relative;
    float: left
}

.timeline .timeline-item>.timeline-event:before {
    border-left-color: #6E1D55;
    border-right-color: #6E1D55
}

.timeline .timeline-item>.timeline-event:after {
    border-left-color: rgba(52, 40, 104, .04);
    border-right-color: rgba(52, 40, 104, .04)
}

.timeline .timeline-item>.timeline-event:before,
.timeline .timeline-item>.timeline-event:after {
    content: "";
    display: inline-block;
    position: absolute
}

.timeline .timeline-item>.timeline-point {
    color: #6E1D55;
    background: #6E1D55;
    right: -14px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: 8px;
    margin-right: 8px;
    position: absolute;
    z-index: 100;
    border-width: 3px;
    border-style: solid;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 0 0 5px #f2f2f2;
}

.timeline .timeline-label {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    margin-bottom: 20px;
    top: 1px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center
}

.timeline .timeline-label:before,
.timeline .timeline-label:after {
    content: "";
    display: table
}

.timeline .timeline-label:after {
    clear: both
}

.timeline .timeline-label:last-child {
    margin-bottom: 0!important
}

.timeline .timeline-label + .timeline-item {
    margin-top: 0
}

.timeline .timeline-label + .timeline-item + .timeline-item {
    margin-top: 40px
}

.timeline .time-right {
    color: rgba(52, 40, 104, .5);
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .85rem;
    font-weight: 500
}

.timeline .time-left {
    color: rgba(52, 40, 104, .5);
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: .85rem;
    font-weight: 500
}

.timeline .widget-header .user-image {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.07rem
}

.timeline .widget-header .user-image img {
    width: 50px
}

.timeline .widget-header .title {
    color: #2c304d;
    font-size: 1rem
}

.timeline .widget-header .username {
    color: #e76c90
}

.timeline .widget-header .time {
    font-size: .85rem
}

.timeline .widget-body {
    padding: 1rem 1.4rem
}

.timeline .widget-footer {
    border-top: 1px solid #eee;
    margin: 0 1.4rem;
    padding: 1.07rem 0
}

.timeline .users-like {
    padding: 0
}

.timeline .users-like a {
    margin: 0 -1.6rem 0 0;
    transition: all 0.4s ease
}

.timeline .users-like a:hover {
    margin-right: -.3rem
}

.timeline .users-like img {
    width: 40px;
    border: .25rem solid #fff
}

.timeline .users-like a.view-more {
    background: #5d5386;
    color: #fff;
    width: 40px;
    height: 40px;
    border: .25rem solid #fff;
    border-radius: 50%;
    vertical-align: middle;
    font-size: .85rem;
    text-align: center;
    line-height: 30px;
    margin-right: 0
}

.timeline .widget-footer .meta li {
    display: inline-block;
    margin-right: .5rem
}

.timeline .widget-footer .meta li:last-child {
    margin-right: 0
}

.timeline .widget-footer .meta li a {
    color: rgba(52, 40, 104, .3)
}

.timeline .widget-footer .meta li a:hover {
    color: rgba(52, 40, 104, .9)
}

.timeline .widget-footer .meta li i {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-right: .3rem
}

.timeline .widget-footer .meta li .numb {
    vertical-align: middle
}

@media screen and (max-width:768px) {
    .timeline.timeline {
        width: 100%;
        max-width: 100%
    }
    .timeline.timeline .timeline-item {
        padding-left: 72px;
        padding-right: 0
    }
    .timeline.timeline .timeline-item.timeline-item-right,
    .timeline.timeline .timeline-item:nth-of-type(even):not(.timeline-item-left) {
        padding-left: 72px;
        padding-right: 0
    }
    .timeline.timeline .timeline-item .timeline-event {
        width: 100%
    }
    .timeline.timeline:before {
        left: 42px;
        width: 0;
        margin-left: -1px
    }
    .timeline.timeline .timeline-item {
        width: 100%;
        margin-bottom: 20px
    }
    .timeline.timeline .timeline-item:nth-of-type(even) {
        margin-top: 0
    }
    .timeline.timeline .timeline-item>.timeline-event {
        float: right!important
    }
    .timeline.timeline .timeline-item>.timeline-event:before,
    .timeline.timeline .timeline-item>.timeline-event:after {
        right: auto!important;
        border-left-width: 0!important
    }
    .timeline.timeline .timeline-item>.timeline-event:before {
        left: -15px!important;
        border-right-width: 15px!important
    }
    .timeline.timeline .timeline-item>.timeline-event:after {
        left: -14px!important;
        border-right-width: 14px!important
    }
    .timeline.timeline .timeline-item>.timeline-point {
        transform: translateX(-50%);
        left: 42px!important;
        margin-left: 0
    }
    .timeline.timeline .timeline-label {
        transform: translateX(-50%);
        margin: 0 0 20px 42px
    }
    .timeline.timeline .timeline-label + .timeline-item + .timeline-item {
        margin-top: 0
    }
    .timeline .time-right {
        left: 0
    }
}


.rounded-widget .widget {
    border-radius: 4px
}

.rounded-widget .widget-image {
    border-radius: 4px
}

.rounded-widget .widget-header {
    border-radius: 4px 4px 0 0
}

.rounded-widget .widget-footer {
    border-radius: 0 0 4px 4px
}

.widget {
    background: #fff;
    border-radius: .5rem;
    border: 2px solid #6E1D55;
    margin-bottom: 30px;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .3);
	
}

.widget-image {
    background: #fff;
    border-radius: 0;
    border: none;
    margin-bottom: 30px;
    position: relative
}

.widget-header {
    padding: .85rem 1.4rem;
    position: relative;
    width: 100%
}

.widget-header.bordered {
    border-bottom: .07rem solid #eee
}

.widget-header.no-actions {
    padding: 1.49rem
}

.widget-options .dropdown-toggle {
    color: #98a8b4;
    background: none;
    border: none;
    padding: 0;
    font-size: 1.7rem;
}

.widget-header h1,
.widget-header h2,
.widget-header h3,
.widget-header h4,
.widget-header h5,
.widget-header h6 {
    color: #2c304d;
    margin-bottom: 0
}

.section-title h1,
.section-title h2,
.section-title h3,
.section-title h4,
.section-title h5,
.section-title h6 {
    color: #2c304d;
    font-weight: 600;
    margin-bottom: 0
}

.widget-header h2 {
    color: #2c304d;
    font-size: 1.2rem;
    display: table-cell;
    vertical-align: middle;
    margin-right: auto
}

.widget-header h2 i {
    color: #aea9c3;
    font-size: 1.8rem;
    padding-right: .5rem;
    vertical-align: middle
}

.widget-body {
    padding: 1.4rem
}

.widget-image-footer {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.2rem 0;
    z-index: 1
}

.widget-footer {
    background: #fff;
    padding: 1rem 1.07rem;
    position: relative
}

.widget-footer.big {
    padding: 2.1rem 1.07rem
}

.no-border {
    border: 0 none!important;
}

.no-bg {
    background: none!important;
}

.list-group-item.active {
	background-color: #00529C;
	border-color: #00529C;
}