:root {
	 --red: rgb(166, 25, 46);
	 --gold: rgb(255, 184, 28);
	 --nordic: rgb(0, 49, 60);
	 --gray: rgb(83, 86, 90);
	 --gray-soft: rgb(217, 217, 214);
	 --blue-light: rgb(165, 208, 220);
	 --blue-sky: rgb(98, 181, 229);
}
 .hh-directory .row {
	 display: block;
}
 .hh-directory .panel {
	 background: #fff;
	 border: 1px solid #ddd;
	 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
 .hh-directory .panel-body {
	 padding: 15px;
}
 .hh-directory .panel-footer {
	 padding: 10px 15px;
	 background-color: #f5f5f5;
	 border-top: 1px solid #ddd;
	 border-bottom-right-radius: 3px;
	 border-bottom-left-radius: 3px;
}
 .hh-directory a {
	 color: var(--red);
	 text-decoration: none;
	 border-bottom: 1px solid var(--nordic);
	 transition: all 0.2s linear;
	 -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	 -ms-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
}
 .hh-directory a:hover {
	 color: var(--nordic);
	 border-bottom-color: var(--gold);
	 text-decoration: none;
}
 .hh-directory .dirItem .panel .panel-title > a {
	 color: var(--red);
	 border-bottom: none;
}
 .hh-directory .dirItem .panel .panel-title > a:hover {
	 color: var(--nordic);
	 border-bottom: none;
}
 .hh-directory .pagination > li > a, .hh-directory .pagination > li > span {
	 color: var(--nordic);
}
 .hh-module .pagination > li > a:hover, .hh-module .pagination > li > span:hover, .hh-module .pagination > li > a:focus, .hh-module .pagination > li > span:focus {
	 background-color: var(--gray-soft);
	 color: var(--nordic);
}
 .hh-directory .pagination > .active > a, .hh-directory .pagination > .active > a:focus, .hh-directory .pagination > .active > a:hover, .hh-directory .pagination > .active > span, .hh-directory .pagination > .active > span:focus, .hh-directory .pagination > .active > span:hover {
	 background-color: var(--blue-sky);
	 border-color: var(--blue-sky);
}
 .hh-directory .dirItem.bgImage .panel-body .row {
	 height: auto;
}
 .hh-directory .panel-footer {
	 background-color: var(--gray-soft);
}
 .hh-directory .secondary-button {
	 color: var(--red);
	 background-color: #fff;
	 border: solid 1px var(--red);
	 -webkit-box-shadow: none;
	 box-shadow: none;
}
 .hh-directory .secondary-button:hover, .hh-directory .secondary-button:focus {
	 color: #fff;
	 background-color: var(--red);
	 border: solid 1px var(--red);
}
 .hh-directory .primary-button {
	 color: #fff;
	 background-color: var(--red);
	 border: solid 1px var(--red);
	 -webkit-box-shadow: none;
	 box-shadow: none;
}
 .hh-directory .primary-button:hover, .hh-directory .primary-button:focus {
	 color: var(--red);
	 background-color: #fff;
	 border: solid 1px var(--red);
}
 .hh-directory.hh-profile .tags {
	 background-color: var(--gray-soft);
}
 .hh-directory .profile-title .h3 {
	 font-size: 20px !important;
	 margin: 0;
}
/* ---------- */
 .profile-container{
	 margin:0;
	 padding:0;
}
 .profile-container .sidebar-left {
	 float: right;
}
 .profile-container .h4{
	 font-size: 18px !important;
}

 @media only screen and (min-width: 992px) {
	 .profile-container .sidebar-left, .profile-container .sidebar-right {
		 min-height: 75vh;
	}
}
 @media only screen and (max-width: 767px) {
	 .profile-container {
		 display: flex;
		 flex-flow: column wrap;
	}
	 .profile-container .sidebar-left, .profile-container .sidebar-right {
		 float: none;
	}
	 .profile-container .profile-btn {
		 clear: both;
	}
}
 .profile-container .profile-btn {
	 padding-top: 1rem;
	 padding-bottom: 1rem;
	 display: inline-block;
}