/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/

/* Top line */
.titretop {
	font-size: 12px;
	color: white;
	text-align: center;
	margin-bottom: 2px;
}


#smartbanner {
	position: relative;
}

nav.nav-primary {
	position: relative;
}

.navbar .link-goalmap-site-custom a{
    color: #7044E7 !important;
		font-size:12px !important;
	  padding: 1px 8px !important;
}

.navbar .link-goalmap-site-custom a:hover{
    color: #fff !important;
}

.home p#breadcrumbs {
  display: none;
}

.btn{display:inline-block;font-weight:500;color:#1e2022;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:2px solid transparent;padding:.75rem 0.25rem !important;font-size:0.75rem;line-height:1.5;margin-top:10px; border-radius:.3125rem;transition:all .2s ease-in-out}

.btn-outline-primary {
  color: #7044E7;
  border-color: #7044E7;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #7044E7;
  border-color: #7044E7;
}

.btn-outline-secondary {
	color: #7044E7;
	background-color: #fff;
	border-color: #7044E7;
}

.btn-outline-secondary:hover {
	color: #fff;
	background-color: #7044E7;
	border-color: #7044E7;
}

.btn-area {
	width:80%;
	margin: 0;
	padding: 1.5rem !important;
	font-size: 1.5rem !important;
	font-weight: 500 !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(112, 68, 231, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #7044E7;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #7044E7;
  border-color: #7044E7;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(112, 68, 231, 0.5);
}

.footer-html-block {
	padding:40px !important;
}

.list-group {
  list-style: none;
	text-align:left !important;
}

.list-group .list-group-item {
  font-size: 1.25rem;
	font-weight:500;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	text-decoration: none !important;
}

.list-group .list-group-icon {
  min-width: 1rem;
  max-width: 1rem;
  color: #77838f;
  text-align: left;
  margin-right: .5rem;
}

.list-group .disabled .u-icon {
  color: #77838f;
  background-color: rgba(119, 131, 143, 0.1);
}

/* Border Radius */
.list-group-rounded-0 .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group-rounded-0 .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Transparent */
.list-group-transparent .list-group-item {
  border-color: transparent;
  background-color: transparent;
}

/* White */
.list-group-white .list-group-item,
.list-group-white .list-group-item-action {
  color: #fff;
}

.list-group-white .list-group-item[href],
.list-group-white .list-group-item-action[href] {
  color: rgba(255, 255, 255, 0.7);
}

.list-group-white .list-group-item[href]:hover,
.list-group-white .list-group-item-action[href]:hover {
  color: #fff;
	background-color:transparent;
}

.list-group-white .active > .list-group-item {
  color: #fff;
}

/* Flush */
.list-group-flush .list-group-item {
  padding-left: 0;
  padding-right: 0;
}

.list-group-flush .list-group-item.active {
  color: #7044E7;
  background-color: transparent;
  border-color: transparent;
}

/* Borderless */
.list-group-borderless .list-group-item {
  border: none;
}

/* form */
._form_68 {
	text-align:left !important;
}

._form_element {
	margin-left:0 !important;
}

._form_68 ._form-content ._form_element ._form-label {
	margin-bottom:5px;
	color:hsla(0,0%,100%,.7) !important;
	font-size: 1.35rem;
	font-weight:500;
}

._form_68 ._form-content ._form_element ._field-wrapper input {
	color: #8c98a4;
	opacity: 1;
	width: 80%;
	background-color: #f8f6fd;
	padding: .625rem 1.125rem;
	font-size: 1.35rem;
	line-height: 1.5;
	border-radius: 0.5rem;
	margin-bottom:5px;
}

._form_68 ._form-content ._button-wrapper button{
	margin-top:1.5rem;
	background-color: #77838f;
	border-color: #77838f;
	padding: 1.0rem 1.5rem;
	font-size: 1.6rem;
	line-height: 1.5;
	border-radius: .5rem;
	font-weight:500;
}

.footer-wrapper .footer-black .row{
	padding-left:2.5rem;
}

/* Sidebar */

.post-sidebar {
	position: sticky;
	top: 0;
}
.card {
	height: 100% !important;
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:#fff;
	background-clip:border-box;
	border:1px solid #e7eaf3;
	border-radius:.3125rem
}

.card-img-top {
	width: 100%;
	height: 100px!important;
	border-top-left-radius: calc(.3125rem - 1px);
	border-top-right-radius: calc(.3125rem - 1px);
	object-fit: cover;
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.font-size-1 {
	font-size: 1.2rem;
}

.card-photo {
	height: 90px;
	border-width: 2px;
	margin:2rem;
}