/*
    Theme Name:         Anthony Furey
    Theme URI:          furey.ca
    Description:        
    Author:             Karen McMillan
    Author URI:         n/a
    Version:            1.0
    Tags:               Responsive,
*/


/* ---------------------------------------------------   BEGIN CSS NORMALIZE   --------------------------------------------------- */
/*
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin: 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------   END OF CSS NORMALIZE   --------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* ...begin Karen's code :) */


/* -----------------   UNIVERSAL   ----------------- */

/* - NORMAL STYLES - */


body,
a {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}
a {
    color: #820001;
}
h1 {
    font-size: 2rem;
    margin: 1.6rem 0;
    line-height: 130%;
    text-align: center;
}

h2 {
    font-size: 2rem;
    margin: 1.6rem 0;
    text-align: center;
    line-height: 130%;
}
h3 {
    font-size: 1.5rem;
    margin: 1.25rem 0;
    text-align: center;
    font-weight: bold;
}
h4 {
    font-size: 1.5rem;
    margin: 1.25rem 0;
}
h5 {
    clear: both;
    font-size: 1.25rem;
    margin: 1.25rem 0;
    text-align: left;
    font-weight: bold;
}
p {
    line-height: 130%;
    margin: 0 auto 0.75rem auto;
    max-width: 45rem;
    font-size: 1.25rem;
    text-align: center;
}

.privacy p {
    margin-left: 0;
    font-size: 1rem;
}
p.caption {
    text-align: center;
    font-size: .8rem;
}
.centred {
    text-align: center;
}
em {
    color: rgb(40,40,40);
    font-style: italic;
}

.grey {
    background-color: rgb(40,40,40);
}
.red {
    background-color: #820001;
}
.grey p {
    color: rgb(220,220,220);
}
.lightgrey {
    background-color: #e4e5e5;
}
.white {
    background-color: #ffffff;
}


.main-content {
    margin: 1rem 3%;
    width: 94%;
    max-width: 1024px;
    margin: 0 auto;
    clear: both;
    padding: 3rem 0;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}

.button,
#mc-embedded-subscribe {
    background: #820001;
    color: white;
    text-align: center;
    cursor: pointer;
    border: #820001 solid 1px;
    -webkit-appearance: none;
    -webkit-border-radius: 40px; 
    padding: 0.5rem 1.5rem;
    display: inline-block;

}
.button:hover {
    color: rgb(220,220,220);
}
.link:hover {
    color: #820001;
}
.link-on-red:hover {
    color: rgb(40,40,40);
}
.solo-button {
    margin: 2rem 0;
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
}


/* - GRIDS - */


.third,
.half {
    width: 100%;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.third img {
    width: 80%;
}
.half img {
    width: 100%;
}
.two-thirds {
    width: 100%;
}
.right{
    margin-right: 0;
}
.row {
    clear: both;
    margin: 0.5rem 0;
}






/* - HEADER - */


header a,
header p {
    color: rgb(220,220,220);
    font-size: 0.95rem;
    text-align: center;
    padding: 0.75rem 0 0.75rem 0.75rem;
    max-width: 1024px;
}
.header-social {
    margin: 0 3%;
    max-width: 1024px;
}


.bar {
    clear: both;
}


.hero {
    margin-bottom: -1rem;
    margin-top: -1rem;
}
.hero img {
    width: 100%;
}

.bar p {
    padding: 1.5rem 0;
    text-align: center;
    color: white;
}
.bar span {
    font-size: 0.85rem;
    font-style: italic;
}
.bar i {
    color: white;
}
.i-left p {
    text-align: left;
    margin-bottom: 0;
}
.i-right p {
    text-align: right;

}


/* - FORMS - */

form {
    width: 100%;
    text-align: left;
}
input {
    width: 100%;
    height: 2.75rem;
    border: #dddddd solid 1px;
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    font-size: 1.125rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    color: rgb(88,89,91);
    margin: 0.5rem 0;
}


.indicates-required {
    font-size: 0.7rem;
    font-style: italic;
    text-align: right;
    max-width: 1024px;
    margin: 3rem 0 0 0;
}

.disclaimer {
    font-size: 0.75rem;
    font-style: italic;
    padding-top: 1rem;
}
.disclaimer a {
    font-size: 0.75rem;
    text-decoration: underline;
}


/* - FOOTER - */


footer a,
footer p {
    color: rgb(220,220,220);
    font-size: 0.95rem;
}
footer p {
    text-align: center;
}
footer a:hover {
    color: white;
}
.main-content {
    margin: 0 3%;
    text-align: center;
}

.legal a {
    display: inline;
    padding: 0 1rem;
}
.legal p {
    line-height: 200%;
    margin: 0 auto;
    max-width: 1024px;
}
.social-links {
    text-align: center;
    margin-top: 1rem;
}
.social-links p,
.social-links a {
    padding: 0 0 0 0.75rem;
}
.designed {
    text-align: center;
    clear: both;
    font-size: 0.9rem;
    margin: 4rem auto 0 auto;
}
.designed p {
    margin: 0;
    font-style: italic;
    max-width: 1024px;
}






/* -----------------   FOOTER LINKS   ----------------- */

.terms h3,
.privacy h3 {
    text-align: left;
    margin-left: 5rem;
    text-transform: uppercase;
}




/* -----------------   ALL   ----------------- */

.right {
    margin-right: 0;
}



/* ------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------   MEDIA QUERIES   --------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------- */



/* --------------------------   500 - 768 px (Tablet)   -------------------------- */


@media (min-width: 500px) {
    

    header p {
        text-align: right;
    }

    h1,
    h3,
    p {
        text-align: left;
    }


    .third {
        width: 30%;
        float: left;
    }
    .left {
        margin-right: 5%;
    }
    .third img {
        width: 100%;
    }
    .two-thirds {
        width: 65%;
        float: left;
    }
    #mc-embedded-subscribe {
        width: 40%;
    }

    .right {
        margin-right: 0;
    }
}



/* --------------------------   768 - 1024 px  (desktop) -------------------------- */

@media (min-width: 768px) {
    

    /* - UNIVERSAL & NAV - */


    body {
        font-size: 16px;
    }

    .half {
        width: 47.5%;
        float: left;
    }
    .legal br {
        display: none;
    }
    .legal {
        width: 70%;
        float: left;
    }
    .legal p {
        text-align: left;
        float: left;
        padding-right: 1rem;
    }
    .social-links {
        float: right;
        margin-top: 0;
        text-align: right;
        width: 30%;
    }
    .social-links p,
    .social-links a {
        font-size: 0.95rem;
        text-align: right;
        padding: 0 0 0 0.75rem;
        max-width: 1024px;
    }

    

    .right {
        margin-right: 0;
    }
}


/* --------------------------   1024 - 1400 px   -------------------------- */

@media (min-width: 1024px) {


    .header-social,
    .main-content {
        margin: auto;
    }

    form {
        width: 80%;
    }

    .right {
        margin-right: 0;
    }
}