@font-face {
}

@font-face {
}
h1,h2{
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	color: #333;
}
h2
{
	line-height: 120%;
  color: #008296;
  margin-bottom: 10px;
}
p {
	line-height: 180%;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control 
{
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.error-msg, .text-red
{
	color: #a94442;
}
.page {
	min-height: 100vh;
}	
.landing-page .landing-top-header img {
  margin: -10px auto 0px auto;
}
.landing-page .demo-footer {
  background-color: #000000;
  background-color: #7566A0 ;
  background-color: #3D3B39 ;
  padding-bottom: 125px;
  
}
.landing-page .top-footer img.logo {
    width: auto;
    padding: 2px;
    height: 180px;
    border: none;
    border-radius: 0px;
}
.landing-page .demo-footer .top-footer img
{
	border: none;
}
.landing-page .feature-1 ul.footer-social-list  i {
  font-size: 1rem;
}
.landing-page .feature-1 ul.footer-social-list a {
  font-size: 14px;
  color: #fff;
}
.landing-page .feature-1 ul.footer-social-list a {
  border: 1px solid rgba(255, 255, 255, 1);
}

.landing-page {
  padding-top: 81px !important;
  padding-top: 35px !important;
  padding-top: 55px !important;
  padding-bottom: 0px;
}
.landing-page .top {
  border-bottom: 0px solid transparent;
}
.landing-page .demo-screen-headline {
  /*  padding-top: 40px !important;   */
}
/* *********************
COLOURS
Dark grey: #7b8191;
********************** */

.form-group label.control-label {
  color: #7b8191;
}
/* *********************
COLOURS FOR BRANDING
societies purple: #7566A0;
********************** */
.landing-page .border-primary {
  border: 1px solid #00a9b7 !important;
}



.text-primary
{
	color: #00a9b7 !important;
}
.btn-secondary {
  color: #fff !important;
  background-color: #EB5793 !important;
  border-color: #EB5793 !important;
}
.text-secondary
{
	color: #EB5793 !important;
}
body .buy-now {
  background-color: #e984b1;
}
/* *******************************
 MENU 
******************************* */
 .horizontal .side-menu > li > a {
   color: #fff;
   font-weight: 400;
 }
.landing-page .header-family::before,
.landing-page .side-menu__item .side-menu__label::before {
  background: #fff;
}
#calendarModal h3
{
	font-size: 1.20rem;
}
/* *******************************
 HEADER  
******************************* */
.landing-page .app-sidebar.horizontal-main.fixed-header {
  background-color: #7566A0 !important;
}
.header-brand-img {
  height: 3rem;
  line-height: 3rem;
}
/* ******************************
RIGHT SIDE BAR 
****************************** */

.sidebarCard
{
	
}
.sidebarCardTop
{
	background-position: center center; 
	background-size: cover;
	height: 250px;
	padding: 10px;
	box-shadow: 2px 80px 64px -70px rgba(0,0,0,0.26) inset;
-webkit-box-shadow: 2px 80px 64px -70px rgba(0,0,0,0.26) inset;
-moz-box-shadow: 2px 80px 64px -70px rgba(0,0,0,0.26) inset;
	
}
.sidebarCardTop h4
{
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.sidebarCardBody
{
	color:#fff;
	background: #004C6C;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}
.sidebarCardBody a
{
	color: #fff;
}
.footer-logo
{
	text-align: right;
}
.landing-page .top-footer img.footer-logo-img,
.top-footer img.footer-logo-img,
img.footer-logo-img
{
	width: auto;
	height: 60px;
	border-radius: 0px;
}

@media (min-width: 992px) {
  .horizontal .main-sidemenu {
    overflow: visible;
  }

  .footer-logo
	{
		text-align: center;
		padding: 20px;
	}
}
@media (max-width: 991.98px) {
  .horizontal.app .app-sidebar {
    top: 57px;
  }
}
@media (max-width: 991px) {
	.landing-page .demo-screen-headline {
	    padding-top: 0px !important;   
	} 
	  .footer-logo
	{
		text-align: center;
		padding: 20px;
	}
}