/* modules */
/* COLORS */

/* DIMENTIONS */
@font-face {
    font-family: 'aileron';
    src: url('/fonts/aileron-light-webfont.eot');
    src: url('/fonts/aileron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aileron-light-webfont.woff2') format('woff2'),
         url('/fonts/aileron-light-webfont.woff') format('woff'),
         url('/fonts/aileron-light-webfont.ttf') format('truetype'),
         url('/fonts/aileron-light-webfont.svg#aileronlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aileron';
    src: url('/fonts/aileron-bold-webfont.eot');
    src: url('/fonts/aileron-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aileron-bold-webfont.woff2') format('woff2'),
         url('/fonts/aileron-bold-webfont.woff') format('woff'),
         url('/fonts/aileron-bold-webfont.ttf') format('truetype'),
         url('/fonts/aileron-bold-webfont.svg#aileronbold') format('svg');
    font-weight: bold;
    font-style: bold;

}

@font-face {
    font-family: 'merriweather_light';
    src: url('/fonts/merriweather_light-webfont.eot');
    src: url('/fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/merriweather_light-webfont.woff2') format('woff2'),
         url('/fonts/merriweather_light-webfont.woff') format('woff'),
         url('/fonts/merriweather_light-webfont.ttf') format('truetype'),
         url('/fonts/merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* TEXT SIZES */

/* partials */
h4 {margin-top:24px;}
h5 {margin-top:18px;}
table {border-collapse:collapse; margin:12px 0;}
th,td {padding:4px 8px; border:1px solid #ccc;}
.container li {margin-bottom:4px;}
code {padding:0; background:none;}
code.one {color:#4dc624;}
code.two {color:#244dc6;}
.navbar-nav, .navbar-right {padding-top:16px;}
.page-header {padding-top:0.5em;}
.footer-links .menu li {margin-left:20px;}
#menu-item-109 a, #menu-item-27 a {background-image:url('/img/twitter-icon-20x16.png'); background-repeat: no-repeat; background-position: left center; padding-left:24px;}
#menu-item-109 a {margin-left:12px;}
.nav > li > a {padding-left:12px; padding-right:12px;}
h1, .lead {text-align:center;}
.lead {margin-bottom:32px;}
.post_content {line-height:150%;}
.search-query {width:10em;}
.addthis_counter {visibility:hidden;}
/* HERO SECTION */
h1, h2 {
	font-family: 'merriweather_light', Georgia, serif;
	text-align: center;
}

h2 {
	font-size: 2.4rem;
	line-height: 3.6rem;
}

@media (min-width: 768px) {
    h2 {
        font-size: 2.7rem;
    }
}

h1 {
	color: white;
	font-size: 2.4rem;
	line-height: 3.6rem;
}

@media (min-width: 768px) {
    h1 {
        font-size: 3.6rem;
        line-height: 5.4rem;
    }
}

/*
.homepage-highlight {
	background-color: #522FEB;
}
*/

.heroSection {
	background-color: #522FEB;
	padding: 16.2rem 0rem;
	background-image: url('hero-image.png');
	background-size: cover;
	background-position: center;
}

.heroSection-button {
	background-color: #321D8C;
	border: 1px solid #321D8C;
}

.heroSection-button:hover {
    background-color: #321D8C;
    border: 1px solid #fff;

}

.homepage-lead {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
    .homepage-lead {
        width: 70%;
    }
}

h4 {
	font-family: 'aileron', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2.4rem;
}

.homepageSection {
	margin-top: 10rem;
}

.homepageSection-double {

	margin: 5rem 0;
}

@media (min-width: 768px) {
    .homepageSection-double {
        margin: 20rem 0;

    }

}

.homepage-h4 {
	margin-bottom: 3.6rem;
	position: relative;
	text-align: center;
}

.homepage-h4:after {
    content: "";
    position: absolute;
    display: block;
    margin-top: 1.8rem;
    background-color: #522FEB;
    height: 4px;
    width: 33%;
    margin-left: 33%;

}

@media (min-width: 768px) {
    .homepage-h4 {
        text-align: left;

    }
    .homepage-h4:after {
        margin-left: 0;

    }

}

.homepage-paragraph {

	text-align: center;
}

@media (min-width: 768px) {
    .homepage-paragraph {
        text-align: left;

    }

}

.homepageImage {
	width: 15rem;
	height: 15rem;
	padding: 0;
}

@media (min-width: 768px) {
    .homepage-pull-right {
        float: right;
    }
}

.homepage-h4-centered {
	margin-top: 7.2rem;
}

@media (min-width: 768px) {
    .homepage-h4-centered {
        margin-top: 0;
        text-align: center;

    }
    .homepage-h4-centered:after {
        margin-left: 33%;
    }
}

.homepageSection-features-2 {
	padding: 5.4rem 0rem 9rem 0rem;
	background-color: #E0F0FF;
	text-align: center;
}

.homepage-media {
	margin-top: 3.6rem;
}

.homepage-media .homepage-mediaImage {
	width: 100%;
}

/* Subscribe section */

.homepageSection-subscribe {
	padding: 9rem 0rem 14.4rem 0rem;
	background-color: #E0F0FF;
	text-align: center;
}


#mce-EMAIL, .btn {
	font-family: 'aileron', Helvetica, sans-serif;
	padding: 1.8rem 3.6rem;
}

#mce-EMAIL {
	display: block;
	width: 60%;
	height: 5.4rem;
	float: left;
	border-radius: 4px 0px 0px 4px;
	border: none;
}

@media (min-width: 768px) {
    #mce-EMAIL {
        width: 75%;

    }

}

#mc-embedded-subscribe {
	width: 40%;
	height: 5.4rem;
	border-radius: 0px 4px 4px 0px;	
	padding: 1.8rem;
	background-color: #F26666;
	font-weight: bold;
	color: #fff;
	border: none;
}

#mc-embedded-subscribe:hover {
    background-color: #C34646;
    border: none;

}

@media (min-width: 768px) {
    #mc-embedded-subscribe {
        width: 25%;

    }

}


.nav {
	font-family: 'aileron', Helvetica, sans-serif;
	font-size: 1.4rem;
}
/************** HEADER  ****************/

.navbar-default {
	background-color: #fff;
	border-bottom: 1px solid rgba(82,47,235,0.4);
	
}

.navbar-default .navbar-nav {
    padding-top: 0;

}

.navbar-default .navbar-nav li.menu-item {
    margin-bottom: 0;

}

.navbar-default .navbar-nav li a {
    padding-top: 22px;
    padding-bottom: 22px;

}

.navbar-default .navbar-nav .dropdown-menu li a {
    padding-top: 12px;
    padding-bottom: 12px;

}

.navbar-default .navbar-nav .search-query {
    border: none;
    border-bottom: 2px solid #F26666;
    border-radius: 0;
    margin-right: 1.8rem;
    padding-left: 0.9rem;
    box-shadow: none;

}

.navbar-default .navbar-nav .search-query::-webkit-input-placeholder {/* WebKit, Blink, Edge */
    color: #B6B6B6;

}

.navbar-default .navbar-nav .search-query:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
    color: #B6B6B6;
    opacity:  1;

}

.navbar-default .navbar-nav .search-query::-moz-placeholder {/* Mozilla Firefox 19+ */
    color: #B6B6B6;
    opacity:  1;

}

.navbar-default .navbar-nav .search-query:-ms-input-placeholder {/* Internet Explorer 10-11 */
    color: #B6B6B6;

}

.navbar-default li.menu-item-cta {
    background-color: #F26666;

}

.navbar-default li.menu-item-cta a, .navbar-default li.menu-item-cta a:hover {
    color: #fff;

}

.navbar-default li.menu-item-cta ul.dropdown-menu a {
    color: #F26666;

}

.navbar-default li.menu-item-highlight a, .navbar-default li.menu-item-highlight a:hover {
    color: #F26666;

}

.navbar-default .navbar-form {
    margin-top: 0;

}

.navbar-brand img {
	width: 162px;
	height: 34px;
}


body {
	color: #333;
	line-height: 1.8rem;
}

a {
	color: #321D8C;
}

a:hover {
    color: #522FEB;

}


/************** FOOTER  ****************/
footer {
	padding: 3.6rem 0 5.4rem 0;
	background-color: #522FEB;
	color: #fff;
}
footer a {
    color: #fff;

}
footer a:hover {
    color: #E0F0FF;

}
footer .footer-links {
    float: left;

}
@media (min-width: 768px) {
    footer .footer-links .menu li {
        margin-left: 0;
        margin-right: 2rem;

    }

}
footer .attribution {
    text-align: center;

}
@media (min-width: 768px) {
    footer .attribution {
        float: right;

    }
}