/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
	#page-title .page-title > h1 {
		font-family: "helveticainserat", sans-serif;
		font-size: 50px;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 1rem;
		text-shadow: 2px 2px 4px #000000;
	}
	#page-title .page-title > span {
		font-weight: 600;
		font-size: 18px;
		text-shadow: 2px 2px 4px #000000;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
	color: #e12827;
}
#header .header-inner, #header #header-wrap {
    background-color: #34AFD9 !important;
}
 .mainMenu-open #header #header-wrap {
    background-color: #34AFD9 !important; }

/*Main Menu*/
#mainMenu nav>ul>li>a {
	font-family: "helveticainserat", "Helvetica", "Arial", sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.6px;
	color: #e12827 !important;
}

#mainMenu nav>ul>li>a:hover{
	color: #FFFFFF !important;
}

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
	color: #e12827 !important;
	font-size: 16px;
	font-weight: 300;
}
#mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
	color: #FFFFFF !important;
}
#mainMenu nav > ul > li .dropdown-menu {
	background-color: #34AFD9;
}
#footer .widget .widget-title, #footer .widget h4 {
	color: #e12827;
	margin-bottom: 2px;
	font-size: 16px;
}
#header .header-inner, #header #header-wrap {
    background-color: #34AFD9;
}

button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary
{
	background-color: #e12827;
	border-color: #e12827;
}

button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active,
    .btn:not(.close):not(.mfp-close).btn-primary:hover,
    .btn:not(.close):not(.mfp-close).btn-primary:focus,
    .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active,
    .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active,
    a.btn:not([href]):not([tabindex]).btn-primary:hover,
    a.btn:not([href]):not([tabindex]).btn-primary:focus,
    a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active,
    a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active {
	background-color: #FFFFFF;
	border-color: #e12827;
	color: #e12827;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex])
{
	background-color: #e12827;
	border-color: #e12827;
}

button.btn:hover, .btn:not(.close):not(.mfp-close):hover, a.btn:not([href]):not([tabindex]):hover
{
	background-color: #FFFFFF;
	border-color: #e12827;
	color: #e12827;
}

  button.btn.btn-link,
  .btn:not(.close):not(.mfp-close).btn-link,
  a.btn:not([href]):not([tabindex]).btn-link {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-width: 0; }

.post-item .post-item-description > h2 > a {
      color: #e12827;
}