/*--
    Fonts
    --*/

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

.icon-star:before {
    content: "\66";
    color: #666;
    vertical-align: middle;
}

.star-gradient {
    font-size: 1.75395em;
    line-height: 1px;
    position: relative;
    position: relative;
    top: 2px;
    text-shadow: 0 4px 0 rgba(0, 0, 0, .2);
    font-family: 'icomoon';
}

/*--
    General
    --*/

body {
    font-family: 'Helvetica, Arial', sans-serif;
}
.navbar-default.hidden-med,
.navbar-default.visible-med,
.navbar-default.visible-xs,
.sub-nav
{
    display: none;
}

.hero-intro .page-head
{
    margin: 0; 
    padding: 0;
    text-align: left;
    background-image: none!important;
}
.page-head .cta-double-border .featured-post
{
    position: static;
    text-align: center;    
}

/* Hide Cluster */
.hero-intro .page-head hr, .access, .advertisement, .utils .text-sizer, 
.utils .expert, .m-utils-extra .back, .main-content .sidebar, .hero .flexslider, #map, .tab-content .form-row,
.btn-container, .join-benefits caption.visible-xs, .join-benefits th:before, .join-benefits th small, 
.join-benefits .visible-xs, .join-benefits .hidden-xs, .join-benefits .info button, .publication-filter, 
.article-meta .icon-star, .subscription-card, .form-group, .secondary-nav, .content-well .goals, 
.coming-events .m-event .event-type, .article-type, .btn {
    display: none;
}
/* Hide Cluster */

h1 {
    border-bottom: solid 1px #333;
}

h5, h6 {
    font-size: 1.25em;
    margin: 10px 0;
}

/*--------------------
    Home
---------------------*/

.home .hero-intro .page-head .featured-post {
    position: relative;
    text-align: center;
}

.hero-intro .page-head h2 {
    text-align: center;
}

.home .action {
    position: relative;
}

.home .action .container {
    padding: 0 15px;
    background: none;
}

.home .action .m-bordered-header {
    margin: 0 15px;
}

.main-content {
    clear: both;
    margin: 20px auto;
}


.m-bordered-header span {
    position: relative;
    padding: 0 20px;
    background: #fff;
}

.m-bordered-header, .member-benefits h2, .m-banner-heading h2 {
    margin-bottom: 20px!important;
    border-bottom: solid 1px #666;
}

.m-bordered-header span {
    padding:0;
}

.m-benefit-featured h3, .m-related-item .featured-post  {
    margin-bottom: 15px!important;
    border-bottom: solid 1px #666;
}

.m-featured-publication .image-frame {
    display: inline-block;
    width: 33%;
    margin-right: 1%;
}

.m-featured-publication .m-related-item {
    display: inline-block;
    width: 60%;
    vertical-align: top;
}

.action-items {
    margin: 20px auto;
}

.action-items .m-related-item {
    width: 100%;
    display: block;
}

.action-items .m-related-item h2 {
    text-decoration: none;
    font-size: 18px;
}

.member-benefits {
    font-family: 'Arial, Helvetica', sans-serif;
}

.m-benefit-featured img {
    width: 100%;
    height: auto;
}

.coming-events {
    padding:0 2.5%;
}

.coming-events .m-event {
    padding: 0 2.5%;
}

.coming-events .event-title {
    font-size: 16px;
}

.coming-events .event-meta, .coming-events p {
    font-size: 14px;
}

.slick-track {
    max-width: 100%;
    transform: translate3d(0,0,0)!important;
}

.slick-slide {
    width:100%!important;
}


/* Amanda's Styles */
.home .hero-intro .page-head .container > .cta-double-border
{
    width: 100%;
    margin: 0;
}
.home .hero-intro .page-head .container > .cta-double-border:before,
.home .hero-intro .page-head .container > .cta-double-border:after
{
    display: none;
}
.home .hero-intro .page-head .container > .cta-double-border .content
{
    padding: 0;

    border: 0;
}
.home .hero-intro .page-head .container > .cta-double-border .content:before,
.home .hero-intro .page-head .container > .cta-double-border .content:after
{
    display: none;
}
/* Amanda's Styles */

/*--
    Benefits Sub Page
    --*/

.benefits-subpage .tab-subnav, .benefits-subpage .calculators {
    display: none;
}

.benefits-subpage section {
    margin-bottom: 20px;
}

.benefits-subpage .question {
    margin-left: 40px;
}

.benefits-subpage .question .question-container {
    font-weight: 700;
}

.benefits-subpage .question .header-question, .benefits-subpage .question .header-answer {
    display: none;
}

/*--
    Blog Listing
    --*/

.blog-list .blog-search {
    display: none;
}

/*--
    Modules
    --*/

.m-stats {
    padding:0 2.5%;
}

.m-stats .cta-double-border {
    display: inline-block;
    width: 30%;
    border: 5px solid #999;
    vertical-align: top;
}

.m-stats h2 {
    margin-bottom: 50px;
}

.m-stats .cta-double-border .content {
    margin: 5px;
    padding: 15px 15px 30px;
    border: 1px solid #999;
    height: 160px;
}

.m-stats .cta-double-border:nth-child(3) {
    margin-left: 1.25%;
    margin-right: 1.25%;
}

.m-stats .cta-double-border h3 {
    font-size: 1.32875em;
    font-weight: normal;
    margin-top: -45px;
    color: #000;
    text-align: center;
}


.m-stats .cta-double-border h3 span {
    font-size: 1.75em;
    display: table;
    margin: 0 auto 9px;
    padding: 0 10px;
    letter-spacing: -.04em;
    background: #FFF;
}

.m-stats .cta-double-border .content a {
    display: none;
}

.m-further-action, .cta-container, aside {
    display: none;
}

aside.popular-events, aside.event-recap {
    display: block;
}

/* Author Meta */
.m-author-meta button {
    background: none;
    border: none;
    text-align: center;
    width: 100%;
}

.m-author-meta span {
    display: block;
}

.m-author-meta .icon-chevron, .m-author-meta .author-bio, .m-page-jump, .m-search-tabs, .m-paging, 
.m-event-meta .venue .view-map, .m-event-meta .venue li:first-of-type, .event-recap h2,
.m-event-sponsors p, .m-double-sponsor hr, .m-tabs, 
.m-top, .m-material a, .m-action-area .cta-poll, .m-action-area .cta-stars,
.m-action-area .action-btn, .m-action-area .btn, .show-more, .m-event .event-type {
    display: none;
}

.m-directory, .m-related-item, .speaker, .m-event {
    clear: both;
}

.m-directory .image-wrap, .m-related-item img, .m-speakers-list .speaker img, .event-agenda .speaker .img,
.m-event img, .m-event .event-image {
    margin-right: 10px;
    margin-bottom: 30px;
    width: 20%;
}

.m-speakers-list .speaker img, .event-agenda .speaker .img{
    width: 10%;
}

.event-agenda .speaker h3 {
    font-size: 16px;
}

.event-agenda .speaker .desc p, .m-event .event-content .event-meta, .m-event .event-content .event-meta p {
    font-size: 14px;
}

.m-directory .image-wrap img, .m-event .event-image img {
    width: 100%;
}

.m-directory .image-wrap, .m-directory h2, .m-related-item img, .m-directory .directory-meta, 
.m-related-item .article-meta, .m-related-item h2, .m-related-item .author-meta, .m-speakers-list .speaker img,
.event-agenda .speaker .img, .event-agenda .speaker .desc, .m-event img, .m-event .event-image, .m-event .event-content  {
    clear: none!important;
    float: left;
}

.m-directory h2, .m-directory .directory-meta, .m-related-item .article-meta, 
.m-related-item h2, .m-related-item .author-meta, .m-speakers-list .speaker h3, .m-speakers-list .speaker p, 
.event-agenda .speaker .desc, .m-event .event-content {
    margin-left: 5%;
    width: 65%;
}

.m-event .event-content {
    margin-left: 0;
}

.m-event .event-content h2, .m-event .event-content h3 {
    font-size: 18px;
    border-bottom: none!important;
    margin-top: 0;
}

.action-items .m-related-item .article-meta, .action-items .m-related-item h2, .action-items .m-related-item p{
    width: 100%;
    margin-left: 0;
}

.m-directory .image-wrap, .m-directory .directory-meta {
    margin-bottom: 30px;
}

.m-directory h2 {
    text-decoration: none!important;
}

.m-related-item, .m-directory, .m-speakers-list .speaker, .m-event, .m-material {
    margin-bottom: 30px;
}

.m-search-result {
    margin-bottom: 50px;
}

.m-action-area {
    margin-bottom: 60px;
}

.m-action-item {
    margin-bottom: 30px;
}

.m-action-item h4, .m-search-result h3, .speaker .desc h3 {
    margin-bottom: 5px;
}

.m-action-item p {
    margin-top: 0;
}

.m-related-item .featured-post {
    font-size: 1.5em;
}

.m-related-item .article-meta {
    color: #000;
}

.m-related-item h2, .m-directory h2 {
    text-decoration: underline;
    margin: 5px 0;
}

.m-speakers-list .speaker h3 {
    margin: 5px 0;
}


.m-speakers-list .speaker p {
    margin-top: 0;
}

.m-event-sponsors {
    text-align: center;
}

/* TODO: Make sure this isn't causing unintended conflicts with stuff that I want to underline; */
a:-webkit-any-link {
    text-decoration: none;
    color: #000;
}

/*--
    Event Detail
    --*/

.event-agenda th, .content-well th, .join-benefits th {
   border-bottom: solid 3px #CCC;
}

.join-benefits .basic, .join-benefits .premium, .join-benefits .life {
    text-align: center;
}

.event-agenda td {
    vertical-align: top;
}

.event-agenda td p, .event-agenda .speaker h3 {
    margin-top: 0;
}

.event-agenda td:first-of-type {
    width: 15%;
}

.event-agenda .speakers {
    width: 35%;
}

.event-agenda .speakers .speaker {
    width: 100%;
}



/*--
    Join MOAA
    --*/


/*--
    Layout
    --*/

.main-content main {
    height: auto!important;
}

.hero img, .content-well .full-width img {
    min-width: 100%;
    max-width: 100%;
}

.content-well .form {
    display: none;
}

.content-well h2 {
    clear: both;
    border-bottom: solid 1px #ccc;
    text-align: left;
    padding-bottom: 3px;
}

.content-well table {
    width: 100%;
}

blockquote footer span {
    display: block;
}

.featured-post {
    font-size: 2em;
}

.align-left {
    float: left;
    margin: 0 25px 10px 0;
}

.align-right {
    float: right;
    margin: 0 0 10px 25px;
}


/*--
    Footer
    --*/
    
.page-footer h2, .page-footer .site-info {
    text-align: center;
}

.page-footer .social ul, .page-footer .footer-links {
    display: none;
}