@font-face {
    font-family: 'source_serif_proregular';
    src: url('fonts/sourceserifpro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourceserifpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Memo Std Medium';
    src: url('fonts/MemoStd-Medium.eot');
	src: url('fonts/MemoStd-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/MemoStd-Medium.woff2') format('woff2'),
		url('fonts/MemoStd-Medium.woff') format('woff'),
		url('fonts/MemoStd-Medium.svg#MemoStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Memo Std';
    src: url('fonts/MemoStd-Regular.eot');
	src: url('fonts/MemoStd-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/MemoStd-Regular.woff2') format('woff2'),
		url('fonts/MemoStd-Regular.woff') format('woff'),
		url('fonts/MemoStd-Regular.svg#MemoStd-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
body {
    font-family: 'source_serif_proregular', 'Georgia', serif;
}
a, a:link, a:visited {
    color:#29427A;
    cursor:pointer;
}
.site {
    width:100%;
    background-image: url('images/bg-pattern-8.png');
    background-size: 45px;  
}
.site-header {
    padding:0 2%;
    display:flex;
    justify-content:space-between;
    width:100%;
    background:#fff;
}
.site-branding {
   width:100%;
    align-self:flex-start;
}
.logo {
    padding:10px 0 2px 0;
    width:600px;
}
.cd-hero ul {
    margin: 0;
    padding:0;
    list-style:none;
}
.social-media {
    padding:10px 0;
    align-self:flex-end;
    width:220px;
}
.social-media ul {
    margin:0;
    padding:0;
}
.social-media li {
    display:inline;
    padding:10px 0px;
}
h1, h2 {
    font-family: 'Memo Std', serif;
    font-weight:normal;
    color: #283e7b
}
.main-navigation {
    margin-bottom:20px;
    padding:15px 0;
    background:#29427A;
    width:100%;
}
.main-navigation {
    margin-bottom:20px;
    padding:15px 0;
    background:#29427A;
    width:100%;
    display:flex;
    justify-content:center;
    border-top:1px solid #3f588e; 
    border-bottom:1px solid #27385d;
}
/*==================================================
 * SHADOW Effect 6
 * ===============================================*/
.main-navigation, .site-main, .join, .news-and-events
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.main-navigation:before, .site-main:before, .join:before, .news-and-events:before .main-navigation:after, .site-main:after, .join:after, .news-and-events:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.main-navigation:after, .site-main:after, .join:after, .news-and-events:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
 /* ===============================================*/
.main-navigation a {
    color:#fff;
    font-size: 1.2rem;
}
.menu li {
    padding:0 10px;
}
/* Page Content */
.site-content {
   padding-bottom:50px;
   width:100%; 
}
.content-area {
 margin:0 auto;
 display:flex;
 width: 80%; /* 1000px / 1250px */
 font-size: 0.8125em; /* 13 / 16 */
 max-width: 92.3em; /* 1200px / 13 */
 align-items: flex-start;
}

.site-main, .news-and-events {
    margin:10px;
    padding:10px 20px;
    width:33.333%;
    flex-grow:1;
    border-radius:5px;
    background:#fff;
}

.join {
    margin:10px;
    padding:20px 20px 10px 20px;
    width:33.333%;
    flex-grow:1;
    border-radius:5px;
    background:#fff;
    border: #a2a2b2 solid 1px;
}

.entry-title {
    border-bottom: 1px solid #a2a2b2;
}

.cd-btn {
    display: inline-block;
    padding: .2em 1.4em;
    margin-top: .1em;
    background-color: rgba(212, 68, 87, 0.9);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
    border-radius: 5px;
    text-decoration: none;text-align: center;
}

.button-align .cd-btn {
    display: block;
    margin: auto;
}