body {
    border-top: 8px solid #5d004a; color: #4f4f4f;
}
html,
body,
.container,
.pure-g h1,
.pure-g h2,
.pure-g h3,
.pure-g p,
.pure-button,
a ,
table {
    font-family: 'Nunito', sans-serif;
}
h2 { font-size: 34px; margin-top: 0; padding-top: 0;margin-bottom: 10px; padding-top: 5px; }
h2.mixed-weight { font-weight:300; }
h2.mixed-weight span { font-weight:800; }

h4.seperator {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-top: 40px;
}

h3 { font-size: 30px; margin-top: 0; }
h2.title { border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 15px; }
h2.title.no-seperator { border-bottom: 0; padding-bottom: 0; }
.pure-g-fix { margin-left: -15px; }
#top-menu { background-color: #3a3a3a; color: #fff; }
#header { background-color: #262626; color: #fff; min-height: 400px; }
#below-header { background-color: #5d004a; color: #c3b600; }
.container.alt { background-color: #f8f6f8; }
.pull-right { float:right; }
.pad-content { padding: 40px; }
.xpadding { padding-top: 60px; padding-bottom: 60px; }
.no-top-pad { padding-top: 0; }
.no-bottom-pad { padding-bottom: 0; }
.pad-sml-content { padding: 20px 40px; }
img.img-border.border-white { border: 4px solid #fff;}
a img { outline : none; }
p {
    line-height: 1.6em;
    font-size: 18px;
    margin-bottom: 30px;
    color:#777;
}
.widgt { background-color: #999999; margin-left: 15px; padding: 15px; }
.widgt h3,
.widgt p { margin: 0; padding: 0; }
.widgt h3 { margin-bottom: 10px; color: #4f4f4f; }
.widgt h3 a { color: #4f4f4f; text-decoration: none; }
.widgt p a { color: #fff; text-decoration: none; }
.widgt p { color: #fff; font-size: 15px; }

.img-shadow {
    -webkit-box-shadow: 0px 0px 6px 1px #ddd;
    -moz-box-shadow:    0px 0px 6px 1px #ddd;
    box-shadow:         0px 0px 6px 1px #ddd;
}

.mb0 { margin-bottom: 0!important; }
.pb0 { padding-bottom: 0!important; }
.pb30 { padding-bottom: 30px!important; }
.pdl30 { padding-left: 30px!important; }
.pdl50 { padding-left: 50px!important; }
.pdr30 { padding-right: 30px!important; }
.pdr50 { padding-right: 50px!important; }

.text-right { text-align: right;}
.text-left { text-align: left; }
.text-center { text-align: center; }

textarea.textarea-medium { height: 80px; }
textarea.textarea-large { height: 200px; }
textarea.textarea-vlarge { height: 400px; }

.cell h3 .info { float: right; font-size: 80%; font-weight: 300; }
#dashboard h3 { border-bottom: 1px solid #999999; }
.cell { margin-left: 15px; }
.pure-g { margin-bottom: 15px; }
.button-options { text-align: right; }

.em-block-quote {
    display: block;
    margin-left: 20px;
    border-left: 2px solid #ccc;
    padding-left: 20px;
    letter-spacing: 1px;
    padding:8px 20px;
    font-style: italic;
}

.intro-emphasis {
    display: block;
    margin-left: 0px;
    border-left: 2px solid #ccc;
    padding-left: 20px;
    padding:8px 20px;
}

/* headings, h1, h2 etc
   -------------------- */

h1 a, h2 a, h3 a, h4 a, h5 a { color: #4f4f4f; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: #550e48; }


/* PAGE STYLES
   ----------- */

    /* HEADER
       ------ */

    #full-width-header,
    #main-header { padding: 30px 40px 20px 40px; position: relative; }
    #full-width-header { padding: 30px 0 20px 0; }
    #full-width-header .logo,
    #main-header .logo { margin: 0; padding: 0; font-size: 52px; text-align: left; }
    #full-width-header .logo img,
    #main-header .logo img { height: 70px; width: auto; }
    #full-width-header .logo.mini img,
    #main-header .logo.mini img { height: 50px; width: auto; padding-bottom: 20px; margin-top: 0px; }
    #main-top-nav { padding-top: 0; padding-bottom: 5px!important; }
    #main-top-nav, #main-top-nav ul { text-align: right; }


    /* sticky header */
    body.sticky-header { padding-top: 177px; }
    body.sticky-header #full-width-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50000; padding: 0; box-shadow: 0 0 5px #888888; border-top: 4px solid #5d004a; }
    body.sticky-header #full-width-header #top-info-bar { display: none; }
    body.sticky-header #full-width-header .logo img { height: 40px; }

    #logged-in { position: absolute; right: 40px; top: 40px; }


    ul.nav-list.right  { text-align: right; }
    ul.nav-list,
    ul.nav-list li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    ul.nav-list { margin-top:-20px; border-bottom: 1px solid #5d004a; }
    ul.nav-list li { display: inline-block; }
    ul.nav-list li a { display:block; border: 1px solid #5d004a; border-bottom: 0; background-color: #5d004a; padding: 6px 8px; color: #fff; text-decoration: none; }
    ul.nav-list li.active a,
    ul.nav-list li a:hover { border: 1px solid #c3b701; border-bottom: 0; background-color: #c3b701; text-decoration: none; }
    ul.nav-list li.active a { cursor: default; }

    #header-links { position: absolute; right: 0px; top: 30px; }
    #header-links, #header-links li { text-align: right; margin:0; padding:0; list-style:none; }
    #header-links li { float: left; padding-left: 10px;  }
    #header-links li a {
        color: #4f4f4f; text-decoration: none;
        border: 2px solid #e9ebed;
        padding: 4px 18px;
        border-radius: 20px;
    }
    #header-links li.active a { border-color: #ad8ba4; }
    #header-links li a:hover { color: #5d004a; text-decoration: none; border-color: #ad8ba4; }
    #main-top-nav li.active i.unread,
    #main-top-nav li i.unread {
        font-size: .8%;
        position: relative;
        top: -8px;
        right: -5px;
        color: #c3b701;
    }
    #main-top-nav li a:hover i.unread {
        color: #5d004a;
    }

    #main-container { width: 1024px; margin: 0 auto; background-color: #ffffff; padding-bottom: 120px; }
    #full-width-header .container,
    #full-width-footer .container { width: 1024px; margin: 0 auto; position: relative; }
    #full-width-header,
    #full-width-footer { background-color:#fff; }
    #full-width-footer { margin-top:0; padding: 0; border-top: 4px solid #c3b701; }
    #full-width-footer p,
    #full-width-footer ul li { color: #999!important; }

    #top-info-bar {
        border-bottom: 1px solid #e9ebed;
        margin-top: -30px;
        margin-bottom: 20px;
    }
    #top-info-bar {
        text-align: right;
    }
    #top-info-bar a {
        padding: 10px;
        display: inline-block;
        border-left: 1px solid #e9ebed;
        border-right: 1px solid #e9ebed;
    }
    #bottom-info-bar {
        background-color: #fff;
    }
    #bottom-info-bar {
        text-align: right;
    }
    #bottom-info-bar a {
        padding: 20px 10px;
        display: inline-block;
        border-left: 1px solid #e9ebed;
        border-right: 1px solid #e9ebed;
    }


/* PAGE TITLES
   ----------- */

.page-content-title {
    background-color: #f9f9f9;
    padding: 30px 40px 40px 40px;
    margin-left: -40px;
    margin-right: -40px;
    margin-top: -25px;
    margin-bottom: 20px;
}

.page-content-title #rate-item { top: 40px; }
.container.has-video-embed .page-content-title { padding-top: 15px; }
.container.has-video-embed .page-content-title #rate-item { top: 0; }


/* FOOTER
   ------ */

#latest-tweets { text-align:center;border-bottom: 1px solid #e9ebed; }
#latest-tweets h4 {
    border-bottom: 1px solid #e9ebed;
    display:inline-block; font-size: 18px; font-weight: 600; color:#5d004a; margin: 0 0 15px 0; padding: 0 5px 7px 5px; line-height: 1em;
}
#latest-tweets ul,
#latest-tweets ul li { text-align:center;color: #777!important; margin: 0; padding: 0;list-style: none; }
#latest-tweets ul { margin-bottom: 5px; }
#latest-tweets .tweet { padding: 30px 0; }
#latest-tweets .tweet div { display: inline-block; }
#latest-tweets .tweet a {
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
    color:#5d004a;
}
#latest-tweets .tweet a:hover {
    -webkit-transition: color 200ms linear;
    -moz-transition: color 200ms linear;
    -o-transition: color 200ms linear;
    -ms-transition: color 200ms linear;
    transition: color 200ms linear;
    color:#c3b701;
    text-decoration: underline;
}


/* SLIDERS (pagination, arrows etc)...
   ----------------------------------- */

#header .main-slider,
#header .main-slider li {
    margin: 0; padding: 0; list-style: none; overflow: hidden;
}

#header .main-slider img {
    width: 100%;
    height:auto;
    transition: all 500ms ease-in-out;
    transform: scale(1.25, 1.25);
}
#header .main-slider .slick-active img {
    transform: scale(1, 1);
}

#header .main-slider li { position: relative; }
#header .main-slider .title { position: absolute; left: 40px; top: 180px; z-index: 2000; color: #fff; font-size: 54px; font-weight: 800; width: 85%; line-height: 1.2em; }
#header .main-slider .title.with-caption { line-height: 1.05em; }
#header .main-slider .title .caption { font-size: .85em; }
#header .main-slider .cta { position: absolute; left: 40px; top: 400px; z-index: 2000; }
#header .main-slider .cta a {
    font-size: 24px; font-weight: 600; color: #fff; margin-right: 20px;
    text-shadow: 0 1px #333; background-color: #c3b701; padding: 15px 45px; border-radius: 4px;
}
#header .main-slider .cta a.primary { background-color: rgba(195,183,1,0.8); }
#header .main-slider .cta a.secondary { background-color: rgba(93,0,74,0.85); }
#header .main-slider .cta a.primary:hover { background-color: rgba(195,183,1,1); }
#header .main-slider .cta a.secondary:hover { background-color: rgba(93,0,74,1); }

#header .main-slider li.slide-one .title { left: 40px; top: 330px; }
#header .main-slider li.slide-one .cta { left: 40px; top: 580px; z-index: 2000; }

#header .main-slider li.slide-two .title { left: 40px; top: 330px; }
#header .main-slider li.slide-two .cta { left: 40px; top: 550px; z-index: 2000; }

#header .main-slider li.slide-three .title { left: 40px; top: 330px; }
#header .main-slider li.slide-three .cta { left: 40px; top: 550px; z-index: 2000; }

#header .main-slider li.slide-four .title { left: 40px; top: 330px; }
#header .main-slider li.slide-four .cta { left: 40px; top: 550px; z-index: 2000; }

#header .main-slider li.slide-five .title { left: 40px; top: 320px; }
#header .main-slider li.slide-five .cta { left: 40px; top: 480px; z-index: 2000; }

.dotted-overlay {
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: url('/uploads/2017/07/dotted-overlay-2.png') left top repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

body .ss-featured-list .pure-u-1-3 p { padding: 0 20px; }
body ul.slick-dots, body ul.slick-dots li { margin: 0; padding: 0; list-style: none; }
body ul.slick-dots {
    display: block;
    margin-bottom: -40px;
    border-top: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
body ul.slick-dots li { display: inline-block; }
body ul.slick-dots li button {
    display: inline-block;
    background-color: #ccc;
    border: 0;
    color: #111;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    border-radius: 20px;
    border: 3px solid #fff;
    outline: 0;
    text-align: center;
    font-size: 0;
}
body ul.slick-dots li.slick-active button {
    background-color: #c3b701;
    color: transparent;
}


/* ABOUT US */

#about-us-page p em {
    display: block;
    margin-left: 20px;
    border-left: 2px solid #ccc;
    padding-left: 20px;
    letter-spacing: 1px;
    padding:8px 20px;
}

/* CONTAINERS
   ---------- */

    .container.text-center {
        text-align: center;
    }

    .container .pure-g.text-left {
        text-align: left;
    }

    /* page title
       ---------- */

    .page-title {
        background-color: #c3b701;
        color: #fff;
        padding: 20px 40px;
        text-align: left;
    }
    .page-title h1 {
        margin: 0; padding: 0;
    }

    .breadcrumbs { float: right; line-height: 45px; }
    .breadcrumbs a { color: #fff; margin-left: 10px; font-size: 14px; }


/* BLOG
  ----- */

.post-header { padding-left: 50px; position:relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px; }
span.post-date { color: #c3b701; padding: 0; margin: 0; line-height: 1em; font-size: 16px; width: 40px; display: inline-block; text-align: center; position: absolute; left: 0; }
span.post-date span.post-day { padding: 0; line-height: 1em; margin: 0; font-size: 24px; display: block; text-align: center; }

.post-attributes .category,
.post-attributes .author { color: #777; margin-right: 20px; }
.tags a { color: #333; background-color: #eee; padding: 2px 8px; font-size: 0.85em; border-radius: 4px; display: inline-block; margin-bottom: 6px; margin-bottom: 6px;}

body.blog-post h1.post-header { font-size: 30px; margin-top: 0; }


/* FEEDBACK SECTIONS
   ----------------- */

    #feedback { padding-top: 30px; }
    #feedback h4 {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 15px;
        margin-bottom: 10px
    }

/* MEMBERS
   ------- */

    /* ARTICLES
       -------- */

    .article-attributes .category,
    .article-attributes .module,
    .article-attributes .author,
    .article-attributes .count,
    .article-attributes .complete-article { color: #777; margin-right: 20px; }
    .article-attributes .complete-article { float: right; }
    .article-attributes .complete-article input { margin-left: 10px; }
    .article-header { font-weight: 300; line-height: 1.4; margin: 0 0 20px 0; position:relative;border-bottom: 1px solid #e5e5e5; }
    .article-header span { font-weight: 800; }


    /* VIDEOS
       ------ */
    .video-pagination.on {
        text-align: center;
        display: block!important;
        padding-top: 20px;
        font-weight: normal;
    }
    .video-pagination.on a {
        font-weight: bold;
        text-decoration: underline;
    }
    .video-pagination.on a:hover {
        font-weight: bold;
        text-decoration: underline;
        color:#c3b701;
        cursor: pointer;
    }