html {
    font-family: sans-serif;
    font-size: 16px;
    color: #262626;
}

body#tinymce {
    background-color: #FFF;
    font-family: sans-serif;
}

h1, .h1 {
    position: relative;
    letter-spacing: 6px;
    line-height: 50px;
    font-weight: 600;
    font-size: 32px;
}

    .entry h1,
    .entry .h1,
    body#tinymce h1,
    body#tinymce .h1 {
        padding-bottom: 20px;
    }

    .entry h1 + *,
    .entry .h1 + *,
    body#tinymce h1 + *,
    body#tinymce .h1 + * {
        margin-top: 75px;
    }

h2, .h2,
h3, .h3 {
    position: relative;
    letter-spacing: 4px;
    line-height: 36px;
    font-weight: 600;
    font-size: 24px;
}

    .entry h2,
    .entry .h2,
    h2.ed,
    .h2.underlined,
    body#tinymce h2,
    body#tinymce .h2 {
        padding-bottom: 30px;
    }

h4, .h4 {}
h5, .h5 {}

.entry h1:after,
.entry h2:after,
.entry .h1:after,
.entry .h2:after,
h1.underlined:after,
h2.underlined:after,
.h1.underlined:after,
.h2.underlined:after,
body#tinymce h1:after,
body#tinymce h2:after,
body#tinymce .h1:after,
body#tinymce .h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    max-width: 100%;
    height: 5px;
}

    .entry h1.centered:after,
    .entry h2.centered:after,
    .entry .h1.centered:after,
    .entry .h2.centered:after,
    h1.underlined.centered:after,
    h2.underlined.centered:after,
    .h1.underlined.centered:after,
    .h2.underlined.centered:after,
    body#tinymce h1.centered:after,
    body#tinymce h2.centered:after,
    body#tinymce .h1.centered:after,
    body#tinymce .h2.centered:after {
        left: 50%;
        transform: translateX( -50% );
    }

        h1.underlined:after,
        .h1.underlined:after,
        .entry h1.centered:after,
        .entry .h1.centered:after,
        body#tinymce h1.centered:after,
        body#tinymce .h1.centered:after {
            width: 275px;
        }

    .entry h2:after,
    .entry .h2:after,
    h2.underlined:after,
    .h2.underlined:after,
    body#tinymce h2:after,
    body#tinymce .h2:after {
        width: 60px;
    }

* + h2,
* + h3,
* + h4,
* + h5 { margin-top: 90px; }

p,
ul,
ol,
blockquote {
    letter-spacing: 1.2px;
    line-height: 32px;
}

    ul, ol { margin-left: 0; }

    .entry ul,
    .entry ol,
    body#tinymce ul,
    body#tinymce ol { margin-left: 30px; }

        .entry ul.columns,
        .entry ul.columns-separator,
        body#tinymce ul.columns,
        body#tinymce ul.columns-separator {
            margin-left: 0;
            padding-left: 0;
            list-style: none;
        }

            .entry ul.columns-separator,
            body#tinymce ul.columns-separator { position: relative; }

    blockquote { padding: 0 40px; }

* + p,
* + ul,
* + ol,
* + hr,
* + blockquote,
* + img.aligncenter { margin-top: 30px; }

a {
    color: inherit;
    text-decoration-skip: ink;
}

ul.columns > li,
ul.columns-separator > li {
    width: 45%;
}

ul.columns-separator:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3px;
    height: 70%;
    transform: translate( -50%, -50% );
}

ul.accolades {
    margin-left: 0;
    list-style: none;
}

ul.accolades > li {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 3px solid #e3e3e3;
    letter-spacing: 1.9px;
    line-height: 1.105em;
    font-size: 26px;
}

    ul.accolades > li::first-line,
    ul.accolades > li > .first-line {
        letter-spacing: 3px;
        line-height: 1.95em;
        font-size: 20px;
    }

hr {
    display: block;
    width: 100%;
    height: 5px;
    margin-left: auto;
    margin-right: auto;
    border: none;
}

.callout-text { font-size: 1.833em; }

.not-underlined:after { content: none !important; }

.container {
    width: 80%;
    max-width: none;
}

.alignleft {
    float: left;
    display: inline;
    margin: 1em 1em 1em 0;
    text-align: left;
}

.container,
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
    display: inline;
    margin: 1em 0 1em 1em;
    text-align: right;
}

.centered { text-align: center; }


/*
########  #######  ##    ## ########  ######
##       ##     ## ###   ##    ##    ##    ##
##       ##     ## ####  ##    ##    ##
######   ##     ## ## ## ##    ##     ######
##       ##     ## ##  ####    ##          ##
##       ##     ## ##   ###    ##    ##    ##
##        #######  ##    ##    ##     ######
*/

.font-sentinel,
ul.accolades > li::first-line,
ul.accolades > li > .first-line { font-family: 'Sentinel', serif; }

body,
input,
textarea,
.font-myriad { font-family: 'Myriad Pro', sans-serif; }


/*
 ######   #######  ##        #######  ########   ######
##    ## ##     ## ##       ##     ## ##     ## ##    ##
##       ##     ## ##       ##     ## ##     ## ##
##       ##     ## ##       ##     ## ########   ######
##       ##     ## ##       ##     ## ##   ##         ##
##    ## ##     ## ##       ##     ## ##    ##  ##    ##
 ######   #######  ########  #######  ##     ##  ######
*/

.bg-white,
html.no-touchevents .hover-bg-white:hover { background-color: #FFF; }

.color-white,
html.no-touchevents .btn:hover,
html.no-touchevents .hover-color-white:hover { color: #FFF; }

.bg-black,
html.no-touchevents .hover-bg-black:hover { background-color: #000; }

.color-black,
html.no-touchevents .hover-color-black:hover { color: #000; }

.btn,
.btn:after,
.color-gold,
ul.accolades > li::first-line,
ul.accolades > li > .first-line,
html.no-touchevents .hover-color-gold:hover { color: #B38F00; }

hr,
.btn,
.border-gold,
html.no-touchevents .hover-border-gold:hover { border-color: #B38F00; }

hr,
.bg-gold,
h1:after,
h2:after,
.h1:after,
.h2:after,
ul.columns-separator:after,
html.no-touchevents .btn:hover,
.hovered,
.active,
html.no-touchevents .hover-bg-gold:hover { background-color: #B38F00 !important; }

.active {
	color: #ffffff !important;
}

.bg-light_gray,
html.no-touchevents .hover-bg-light_gray:hover { background-color: #F0F0F0; }


/*
########  ##     ## ######## ########  #######  ##    ##  ######
##     ## ##     ##    ##       ##    ##     ## ###   ## ##    ##
##     ## ##     ##    ##       ##    ##     ## ####  ## ##
########  ##     ##    ##       ##    ##     ## ## ## ##  ######
##     ## ##     ##    ##       ##    ##     ## ##  ####       ##
##     ## ##     ##    ##       ##    ##     ## ##   ### ##    ##
########   #######     ##       ##     #######  ##    ##  ######
*/

.btn {
    position: relative;
    display: inline-block;
    padding: 13px 40px 10px 30px;
    background-color: #FFF;
    letter-spacing: 4.64px;
    text-decoration: none;
    border-style: solid;
    text-align: center;
    border-width: 2px;
    font-size: 16px;

    -webkit-appearance: none;
            appearance: none;
}

    input.btn,
    button.btn { padding: 20px 30px; }

.btn:not( input ):not( button ):after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    width: 7.5px;
    height: 20px;
    transform: translateY( -50% );
    background-image: url( /wp-content/themes/wooten/img/arrow-btn.png );
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

    html.no-touchevents .btn:hover:not( input ):not( button ):after {
        background-image: url( /wp-content/themes/wooten/img/arrow-btn-white.png );
    }

.btn.btn--medium {
    padding-left: 50px;
    padding-right: 50px;
}

.btn.btn--large {
    padding-left: 80px;
    padding-right: 80px;
}


/*
#### ##     ##    ###     ######   ########  ######
 ##  ###   ###   ## ##   ##    ##  ##       ##    ##
 ##  #### ####  ##   ##  ##        ##       ##
 ##  ## ### ## ##     ## ##   #### ######    ######
 ##  ##     ## ######### ##    ##  ##             ##
 ##  ##     ## ##     ## ##    ##  ##       ##    ##
#### ##     ## ##     ##  ######   ########  ######
*/

img {
    max-width: 100%;
    height: auto;
    border: none;
    outline: none;
}

img.alignleft   { margin: 1rem 1rem 1rem 0; }
img.aligncenter { margin-bottom:    2rem  ; }
img.alignright  { margin: 1rem 0 1rem 1rem; }

img.lazyload,
img.lazyloading,
img.lazyloaded {
    opacity: 0;
    transition: opacity 0.5s;
}

    img.lazyloaded { opacity: 1; }


/*
######## ##       ######## ##     ##
##       ##       ##        ##   ##
##       ##       ##         ## ##
######   ##       ######      ###
##       ##       ##         ## ##
##       ##       ##        ##   ##
##       ######## ######## ##     ##
*/

.flex,
ul.columns,
.flex-inline,
ul.columns-separator {
    display: -ms-flexbox;
    display: -webkit-flex;
            display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
            align-content: stretch;
}

    .lazyload.flex[data-bgset],
    .lazyloading.flex[data-bgset],
    .lazyloaded.flex[data-bgset] {
        display: -ms-flexbox;
        display: -webkit-flex;
                display: flex;
    }

    .flex-inline,
    .lazyload.flex-inline[data-bgset],
    .lazyloading.flex-inline[data-bgset],
    .lazyloaded.flex-inline[data-bgset] {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
                display: inline-flex;
    }

.flex.flex-column {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.flex.flex-wrap,
.entry ul.columns-separator,
body#tinymce ul.columns-separator {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex.flex-justify-center {
    -webkit-justify-content: center;
            justify-content: center;
              -ms-flex-pack: center;
}

.flex.flex-justify-end {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.flex.flex-justify-between,
.entry ul.columns-separator,
body#tinymce ul.columns-separator {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
}

.flex.flex-justify-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
            justify-content: space-around;
}

.flex.flex-justify-evenly {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;

    -webkit-justify-content: space-evenly;
            justify-content: space-evenly;
}

.flex.flex-align-center {
    -webkit-align-items: center;
         -ms-flex-align: center;
            align-items: center;
}

.flex.flex-align-stretch {
    -webkit-align-items: stretch;
         -ms-flex-align: stretch;
            align-items: stretch;
}