/*
 * Custom CSS
 *
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 *
 */

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

a.about-title {
	display: block;
	margin-bottom: 36px !important;
}

.inline {
	display: inline !important;
}

.title {
	text-transform: uppercase;
}

.menu-item a {
	font-size: 13px !important;
}

.info_image_section.section {
	padding: 0;	
}

hr {
	height: 2px !important;
	background: #ddd !important;
	border: 0 !important;
}

.footer-links {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
	text-align:	center;
}

.header-image .site-header .title-area {
	background-size: contain;
}

.navbar-brand {
	display: none !important;
}

h2.sub-page-title {
	text-transform: uppercase;
}

.btn.btn-primary {
	color: rgba(155, 89, 182, 0.7) !important;
    background: #fff;
    border-color: #fff;
	border-radius: 6px;
}

.btn.btn-primary:hover, .btn.btn-primary:focus{
	color: #fff !important;
    background: none;
    border-color: #fff;
}

a:not(.external):hover {
	color: rgba(206, 140, 233, 1) !important;
}

.blox-wrap {
	padding-top: 123px;
}
#blox_global_221 .blox-wrap {
	padding-top: 0 !important;
}

.blox-wrap .blox-image-container .blox-image-wrap.blox-image-background{
	display: flex !important;
	align-items: center !important;
	position: static !important;
}

.blox-wrap .blox-image-container .blox-image-wrap.blox-image-background .blox-caption-container{
	position: static !important;
	z-index: 10;
}

.blox-wrap .blox-image-container .blox-image-wrap.blox-image-background .blox-caption-container .blox-caption-wrap{
	background: transparent !important;
}

.blox-caption-wrap h2{
	color: #ffffff;
	text-transform: uppercase;
}

.blox-wrap .blox-image-container {
  	position: relative !important;
}

.blox-wrap .blox-image-container::before {
  	position: absolute !important;
	content:" " !important;
  	top:0 !important;
  	left:0 !important;
  	width:100% !important;
  	height:100% !important;
  	background-color: rgba(155, 89, 182, 0.7) !important;
	z-index: 9;
}

.site-inner {
	padding: 0 !important;
}

span.wpcf7-list-item { display: flex; align-items: center; margin-left: 0 !important; margin-bottom: 6px;}

input {
	height: 41px;
	max-width: 450px;
	border: 1px solid #d0d0d0 !important;
	margin-top: 6px;
}

input:focus {
	border-color: #4eb0da !important;
}

input[type='submit'] {
	display: inline-block;
    padding: 12px 24px;
	line-height: 1;
    color: #4eb0da !important;
    font-size: .9em !important;
    background: #fff;
    background-image: none !important;
    border: 2px solid #4eb0da;
    border-radius: 6px;
    text-transform: uppercase;
    transition: background-color 0.65s ease, border 0.65s ease;
}

input[type='submit']:hover {
	color: #fff !important;
    background: #4eb0da;
}

input[type='radio'] {
	cursor: pointer;
	margin-right: 10px;
	margin-top: 0 !important;
	width: 22px;
    height: 22px;
    border-radius: 100%;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-shadow: none;
	border: 1px solid #d0d0d0 !important;
}
input[type='radio']:checked:after {
    background: #4eb0da;
    border: 3px solid #fff;
    width: 20px;
    height: 20px;
	display: block;
    border-radius: 100%;
    box-sizing: border-box;
    content: '';
}

/* Media Queries */
@media screen and (min-width: 1025px) {
	h2 {
		font-size: 39px !important;
	}
	.main-header .title {
		font-size: 56px !important;
	}
	.main-header .subtitle {
		letter-spacing: 5px;
		word-wrap: break-word;
	}
	.main-header .container {
		width: 50%;
	}
	.container-fluid {	
		display:  flex;
		align-items:  center;
		justify-content:  space-between;
	}
	.container::before {
		display: none;
	}
	.container::after {
		display: none;
	}
}

@media only screen and (max-width:767px) {
	.column_wrapper.row {
		display: flex !important;
		flex-direction: column-reverse;
	}
	.main-header .title, .subtitle {
		font-size: 2em !important;
	}
	.site-header {
		padding: 8px 15px !important;
	}
	.mobile_menu button {
		margin-right: 0 !important;
	}
	.title-area, .site-title, .site-title a {
		height: 50px !important;
		width: 80px !important;
	}
	.navbar-brand {
		margin: 0 !important;
	}
	#blox_global_67 .blox-wrap .blox-image-container .blox-image-wrap {
		height: 600px !important;
	}
	.site-inner .row {
		margin: 0 !important;
	}
	#blox_global_67 .blox-wrap {
		padding-top: 0 !important;
	}
}

@media only screen and (max-width:480px) {
	.site-header {
		padding: 8px 15px !important;
	}
	.mobile_menu button {
		margin-right: 0 !important;
	}
	.title-area, .site-title, .site-title a {
		height: 50px !important;
		width: 80px !important;
	}
	.navbar-brand {
		margin: 0 !important;
	}
	#blox_global_67 .blox-wrap .blox-image-container .blox-image-wrap {
		height: 600px !important;
	}
	.site-inner .row {
		margin: 0 !important;
	}
}