/* Fonts live
 ========================================================================== */
body {
	font-family: 'Roboto', sans-serif;

p {
	line-height: 1.8em;
	color: #fff;
}

h1 {
	font-family: 'EB Garamond', serif;
	letter-spacing: -0.04em;
	font-size: 5em;
}


h2, h3.uk-card-title {
	font-family: 'EB Garamond', serif;
	letter-spacing: -0.02em;
	font-size: 2em;
}

h2 span, .custom-contact-section h2{
	font-size: 2.5em;
	color: rgba(148,187,233,1)
}

h3, .uk-accordion-title {
	font-family: 'EB Garamond', serif;
	letter-spacing: -0.02em;
	font-size: 1.6em;
}

h4 {
	font-family: 'EB Garamond', serif;
	letter-spacing: -0.02em;
	font-size: 1.6em;
}

div.headline h1 {
	line-height: 1em;
	color: #000;
}

div.headline h2 {
	color: #000;


}

div.custom-action-panel button, div.tint button, .uk-form-stacked button{
	border: none;
	background-color: #eeaeca !important;
	color: #000 !important;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32); 
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32);
}

.uk-form-stacked input[type=text], .uk-form-stacked textarea {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid rgba(148,187,233,1) !important;
	background: none !important;
	font-size: inherit;
	color: #fff !important;
}

.uk-form-stacked input:focus, .uk-form-stacked textarea:focus {
	
	border-bottom: none !important;
	background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%) !important;
	color: #000 !important;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32); 
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32);
}

@media only screen and (max-width: 600px) {
	h1{
		font-size: 3em;	
	}
}

div.footer a, div.footer p, h2 a {
	color: #000 !important;
}

div.footer a:hover {
	text-decoration: underline;
}

button.custom-cta {
	font-family: 'Roboto', sans-serif;
}

article li, .uk-accordion-content li {
	color: #fff;
}

span.custom-callout {
	font-size: 1.6em;
}

.tint span.custom-callout {
	color: white;
}

/* Blockquote main style */
blockquote {
    position: relative;	
    padding: 1em 0;
    z-index: 1;
    margin: 2em auto 0 auto;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

/* Blockquote right double quotes */
blockquote:after {
    position: absolute;
    content: "”";
    font-size: 5rem;
    line-height: 0;
    bottom: -23px;
    right: 30px;
}

div.uk-alert-danger {
	border: none;
	border-left: 2px solid rgba(238,174,202,1);
	background: none;
}

div.uk-alert-danger p {
	color: rgba(238,174,202,1);
}

.error, .success {
	padding: 1em;
	background-color: rgba(148,187,233,1);
	color: #000;
	display: none;	

}

/* nav modifiers
 ========================================================================== */

li.logo a{
	font-family: 'EB Garamond', serif;
	letter-spacing: -0.05em;
	font-size: 2.2em;
	color: #000;
	padding-left: 0 !important;
}

div.uk-navbar-right > ul > li > a, ul.uk-navbar-dropdown-nav > li > a {
font-family: 'Roboto', sans-serif;
font-size: 1em;
color: #000; 
}

div.uk-navbar-right > ul > li {
	background-color: white;
	margin-left: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32); 
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32);
	white-space: nowrap;
}

div.uk-navbar-right > ul > li:nth-child(4) {
	background-color: #eeaeca;
	margin-left: 2em;
}

ul.uk-navbar-nav li.uk-active {
	border-bottom: 2px solid black;
}


div.uk-navbar-dropdown {
	
	background: unset;
	box-shadow: unset;
	padding: unset;
	margin: unset;
}

ul.uk-navbar-dropdown-nav {
	
	background: unset;
	padding: unset;
	margin: unset;

}

ul.uk-navbar-dropdown-nav > li{
	background-color: #fff;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1.4em;
	padding-bottom: 1.4em;
	margin: 0.5em;
	margin-left: -1em;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32); 
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32);
}

.uk-navbar-toggle{
	color: black;
}

div.custom-side-nav div {
	border-top: 1px solid;
	border-color: rgba(148,187,233,1);
}

div.custom-active a	{
	font-weight: bold;
	color: #eeaeca !important;
}

div.custom-active a:hover	{
	text-decoration: none;
}

div.custom-active span	{
display: none;
}

li.uk-open a.uk-accordion-title, a.uk-accordion-title:hover {
	color: rgba(148,187,233,1) !important;
}

.custom-nav-header {
	background: red;
}

.uk-offcanvas-bar {
	-webkit-box-shadow: 10px 10px 01px 10px rgba(0,0,0,0.5); 
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.5);
}

.uk-offcanvas-bar ul li.nav-item {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

.red{
	background-color: red;
}
.green{
	background-color: green;
}

.blue{
	background-color: blue;
}
/* section modifiers
 ========================================================================== */

.custom-img-container {
	border-bottom: 2px solid rgba(148,187,233,1);
	-webkit-box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32); 
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.32);

}

 div.headline, div.nav, div.footer {
 	background: rgb(238,174,202);
	background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 100%);
 }

  div.tint {
 	background: rgb(131,105,117);
	background: linear-gradient(90deg, rgba(131,105,117,1) 0%, rgba(95,110,131,1) 100%);
 }

div.uk-card div.supplemental {
	border-top: 1px solid;
	border-color: rgba(148,187,233,1);
}

.uk-card {
	box-shadow: none !important;
	}

.custom-highlight {
	background: rgba(0,0,0,0.5);
}
.custom-stagger-top {
}

.custom-stagger-middle {
	margin-top: 4em;
}

.custom-stagger-bottom {
	margin-top: 8em;
}

.custom-stagger-copy
{ padding: 3em 2em 2em 2em;}
