/* Last-Modified: Sat, 1 Jan 2000 10:00:30 GMT [ver: ] */
/* Current-Time:Thu, 01 Oct 2026 00:18:32 -0500*/
/*----------------------------------------------------------------------------

   Viewport Rules

----------------------------------------------------------------------------*/
html {
    background-color: #F0E8D6;
}
@-ms-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@-webkit-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

/*----------------------------------------------------------------------------

   Resets

----------------------------------------------------------------------------*/

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body, html, div, blockquote, img, label, p, a, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, fieldset, input, th, td, figure {
    border: 0;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
img {
    display: block;
    height: auto;
    max-width: 100%;
    width: auto;
}
video {
    height: auto;
    max-width: 100%;
}
a, :focus {
    outline: 0;
}
a {
    color: #9D918F;
    text-decoration: none;
    transition: all 0.25s ease-in-out 0s;
    -webkit-transition: all 0.25s ease-in-out 0s;
        -ms-transition: all 0.25s ease-in-out 0s;
         -o-transition: all 0.25s ease-in-out 0s;
}
a:visited {
    color: #4F4347;
    padding-bottom: 0.25em;
}
a:hover, a:active {
    border: none;
    color: #4F4347;
    text-decoration: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
::-moz-selection {
    color: #333;
    background-color: #e3e3e3;
}
::selection {
    color: #333;
    background-color: #e3e3e3;
}

/*----------------------------------------------------------------------------

   Typography
   
   h1 48 Lato Light
   h2 22 Lato Regular Uppercase
   h3 20 Lato Bold
   h4 18 Lato Bold
   h5 16 Lato Bold
   h6 14 Lato Bold

----------------------------------------------------------------------------*/

@font-face {
    font-family: 'boldbrush';
    src: url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.eot');
    src: url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.eot?#iefix') format('embedded-opentype'),
         url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.woff2') format('woff2'),
         url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.woff') format('woff'),
         url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.ttf') format('truetype'),
         url('//www.paolafiorelleberthoin.com/styles/shared/fonts/boldbrush-webfont.svg#new_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fleur:before {
    content: 'F';
    font-family: 'boldbrush';
    font-size: 28px;
    font-style: normal;
    position: relative;
    top: 4px;
    left: 0;
    margin-right: 5px;
}

.dpw:before {
    content: 'D';
    font-family: 'boldbrush';
    font-size: 64px;
    font-style: normal;
    position: relative;
    top: 15px;
    left: 0;
}

.boldbrush {
    font-family: 'boldbrush';
    font-size: 28px !important;
    font-style: normal;
    position: relative;
    top: 2px;
    left: 0;
}
.enso:before {
     content: 'B';
     font-family: 'boldbrush';
     font-size: 28px;
     font-style: normal;
     position: relative;
     top: 4px;
     left: 0;
     margin-right: 5px;
 }
body {
    color: #4F4347;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
}
h1 {
    color: #4F4347;
    font-size: 2em;
    font-weight: 300;
    line-height: 1.1875;
    margin-bottom: 0.5em;
}
h2 {
    color: #4F4347;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 1.22727273;
    letter-spacing: 0.05em;
    margin-bottom: 1em;
    text-transform: uppercase;
}
h3 {
    color: #4F4347;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
}
h4 {
    color: #827776;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.22222222;
    margin-bottom: 0.5em;
}
h5 {
    color: #827776;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.1875;
    margin-bottom: 0.5em;
}
h6 {
    color: #827776;
    font-size: 0.875em;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.5em;
}
p {
    font-size: 1em;
    line-height: 1.66666667;
    margin-bottom: 1.66666667em;
}
hr {
    background-color: #9D918F;
    border: medium none;
    display: block;
    height: 1px;
    margin: 2.5em auto;
}
address {
    font-size: 1em;
    font-style: normal;
    line-height: 1.5em;
}
blockquote {
    border-bottom: 2px solid #9D918F;
    border-top: 2px solid #9D918F;
    margin: 2em 0;
    padding: 1.875em;
}
blockquote p {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.375em;
    quotes: '\201c' '\201d';
    text-indent: -0.33333333em;
}
blockquote p:first-child:before, q:before, q q:before {
    content: open-quote;
}
blockquote p:last-child:after, q:after, q q:after {
    content: close-quote;
}
blockquote p:last-child {
    margin-bottom: 0;
}
q {
    quotes: '\201c' '\201d' '\2018' '\2019';
}
strong, b {
    font-weight: 700;
}
em, i, cite {
    font-style: italic;
    letter-spacing: 0.0125em;
}
small {
    font-size: 0.875em;
    line-height: inherit;
}
mark {
    background-color: #FFF5E3;
}
strike, del {
    color: #4F4347;
    text-decoration: line-through;
}
abbr, acronym, ins {
    border-bottom: 1px dashed;
}
abbr, acronym {
    cursor: help;
    text-transform: uppercase;
}
ins {
    text-decoration: none;
}
sup, sub {
    font-size: 0.6875em;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.4em;
    left: 0.1em;
}
sub {
    bottom: -0.333em;
}
em {
    font-style: italic;
    letter-spacing: 0.0125em;
}
figcaption {
    font-size: 0.875em;
    font-style: italic;
    margin: 0.125em 0 1em;
}
@media only screen and (min-width: 42.5em) {
    p {
        font-size: 1.125em;
    }
    h1 {
        font-size: 2.875em;
    }
    #page-title h1 {
        font-size: 2.3em;
    }
}

/*----------------------------------------------------------------------------

   Lists

----------------------------------------------------------------------------*/

ul, ol {
    font-size: 1.125em;
    line-height: 1.66666667;
    margin-bottom: 1.66666667em;
}
ul, ol {
    padding-left: 1.44444444em;
}
ul {
    list-style: disc;
}
ul ul, ol ul {
    list-style: circle;
}
ol {
    list-style: decimal;
}
ul ol, ol ol {
    list-style: lower-alpha;
}
ol ol ol {
    list-style: decimal;
}
ul ul, ol ul, ul ol, ol ol {
    font-size: inherit;
    margin: 0.31578937em 0;
}
ul ul, ol ul {
    padding-left: 0.84210526em;
}
ul ol, ol ol {
    padding-left: 1.38888889em;
}
li {
    margin-bottom: 0.33333333em;
}

/*----------------------------------------------------------------------------

   Form Elements

----------------------------------------------------------------------------*/

form,
fieldset,
form p {
    position: relative;
    font-size: 1em;
}
form ul,
form ol {
    list-style: none;
    padding-left: 0;
}
form ul ul,
form ul ol,
form ol ul,
form ol ol {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
form li {
    margin-bottom: 1.44444444em;
}
label {
    color: #4F4347;
    display: inline-block;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: inherit;
    line-height: inherit;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=number], input[type=range], input[type=tel],
input[type=time], input[type=week], input[type=file], textarea {
    background-color: #F0E8D6;
    border-bottom: 2px solid #827776;
    border-radius: 0;
    color: #4F4347;
    display: inline-block;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: inherit;
    font-weight: 400;
    margin-bottom: 0.75em;
    padding: 1em 0.625em;
    -webkit-border-radius: 0;
       -webkit-appearance: none;
          -moz-appearance: none;
            -o-appearance: none;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=number], input[type=range], input[type=tel],
input[type=time], input[type=week], input[type=file], textarea {
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out 0s;
       -moz-transition: all 0.5s ease-in-out 0s;
        -ms-transition: all 0.5s ease-in-out 0s;
         -o-transition: all 0.5s ease-in-out 0s;
}
input[type=text], input[type=email], input[type=url], input[type=password],
input[type=search], input[type=color], input[type=date], input[type=datetime],
input[type=datetime-local], input[type=tel], input[type=time], input[type=week],
input[type=file] {
    max-width: 100%;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus,
input[type=search]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus,
input[type=datetime-local]:focus, input[type=number]:focus, input[type=range]:focus, input[type=tel]:focus,
input[type=time]:focus, input[type=week]:focus, textarea:focus {
    border-bottom: 2px solid #827776;
    color: #4F4347;
    background-color: #FFF5E3;
}
textarea {
    border: none;
    height: 15.625em;
    line-height: inherit;
    resize: none;
    overflow: auto;
}
input[type=radio], input[type=checkbox] {
    border: 1px solid #827776 !important;
    display: inline-block;
    margin-right: 0.45454545em;
    position: relative;
    top: -0.18181818em;
    vertical-align: middle;
}
input[type=submit], button[type=submit], input[type=button] {
    background-color: #F0E8D6;
    border: 2px solid #F0E8D6;
    border-radius: 0;
    color: #4F4347;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    padding: 1em 1.25em;
    transition: all 0.25s ease-in-out 0s;
    width: auto;
    -webkit-border-radius: 0;
       -webkit-appearance: none;
       -webkit-transition: all 0.25s ease-in-out 0s;
          -moz-appearance: none;
          -moz-transition: all 0.25s ease-in-out 0s;
           -ms-transition: all 0.25s ease-in-out 0s;
            -o-appearance: none;
            -o-transition: all 0.25s ease-in-out 0s;
}
input[type=submit]:hover, button[type=submit]:hover, input[type=button]:hover {
    background-color: #4F4347;
    color: #F0E8D6;
    cursor: pointer;
}
:-moz-placeholder {
    color: #4F4347;
}
::-moz-placeholder {
    color: #4F4347;
}
::-webkit-input-placeholder {
    color: #4F4347;
}
:-ms-input-placeholder {
    color: #4F4347;
}

/*----------------------------------------------------------------------------

   Buttons

----------------------------------------------------------------------------*/

a.btn {
    background-color: #F0E8D6;
    border: 2px solid #F0E8D6;
    border-radius: 0;
    color: #4F4347;
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    padding: 1em 1.25em;
}
a.btn:hover {
    background-color: #4F4347;
    color: #F0E8D6;
    cursor: pointer;
}

/*----------------------------------------------------------------------------

   Utility Classes

----------------------------------------------------------------------------*/

.clear:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.screen-reader {
    left: -9999em;
    position: absolute;
    top: -9999em;
}
.centered {
    margin: 0 auto;
    position: relative;
}
.side-pads {
    padding-right: 0.75em;
    padding-left: 0.75em;
}
.top-b-pads {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
}
.bold-link {
    font-weight: 700;
    letter-spacing: 0.025em;
}
.visible {
    display: block !important;
    transition: display .25s ease;
   -moz-transition: display .25s ease;
   -webkit-transition: display .25s ease;
}


/*----------------------------------------------------------------------------

   Global Design Elements & Structure

----------------------------------------------------------------------------*/

html, body {
    min-height: 100%;
}
div[role=main] {
    background-color: #FFF5E3;
    padding: 1.25em 0.75em 1.25em;
    position: relative;
}
header[role=banner] {
    background-color: #FFF5E3;
}
.wrapper {
    margin: 0 auto;
    max-width: 75em;
    position: relative;
}
.col-1 {
    max-width: 5.5625em;
    position: relative;
}
.col-2 {
    max-width: 11.875em;
    position: relative;
}
.col-3 {
    max-width: 18.1875em;
    position: relative;
}
.col-4 {
    max-width: 24.5em;
    position: relative;
}
.col-5 {
    max-width: 30.8125em;
    position: relative;
}
.col-6 {
    max-width: 37.125em;
    position: relative;
}
.col-7 {
    max-width: 43.4375em;
    position: relative;
}
.col-8 {
    max-width: 49.75em;
    position: relative;
}
.col-9 {
    max-width: 56.0625em;
    position: relative;
}
.col-10 {
    max-width: 63.375em;
    position: relative;
}
.col-11 {
    max-width: 68.6875em;
    position: relative;
}
.col-12 {
    max-width: 75em;
    position: relative;
}
.page-title h1 {
    margin-bottom: 0;
}
.fade {
    opacity: 1;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.fade:hover {
    opacity: 0.8;
    cursor: pointer;
}
pre {
    background-color: #FFF5E3;
    margin-bottom: 1.66666667em;
    overflow-y: scroll;
}
code {
    background-color: #FFF5E3;
    padding: 0.25em;
}
dl {
    margin-bottom: 1.2em;
}
dt {
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.5;
}
dd {
    font-size: 1em;
    margin-bottom: 0.875em;
}
table {
    background-color: #FFF5E3;
    border: 1px solid #9D918F;
    border-bottom: none;
    border-right: none;
    font-size: 1em;
    margin-bottom: 1.66666667em;
    width: 100%;
}
table caption {
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0.625em;
}
th {
    border-bottom: 1px solid #9D918F;
    border-right: 1px solid #9D918F;
    font-weight: 700;
    padding: 0.75em;
}
td {
    border-bottom: 1px solid #9D918F;
    border-right: 1px solid #9D918F;
    padding: 0.75em;
}
tfoot {
    font-style: italic;
    letter-spacing: 0.0125em;
}
.align-left {
    float: left;
    margin: 0.5em 1.2em 0 0;
}
.align-right {
    float: right;
    margin: 0.5em 0 1.2em 0;
}
.align-center {
    margin: 0.75em auto;
}
.align-none {
    margin-bottom: inherit;
}
@media only screen and (min-width: 42.5em) {
    div[role=main] {
        padding: 1.25em 0.75em;
    }
}

/*----------------------------------------------------------------------------

   Site Header

----------------------------------------------------------------------------*/

header[role=banner] {
    padding: 0.8125em 0;
}
header[role=banner] .wrapper {
    max-width: 76.5em;
    padding: 0 0.75em;
}
.logo {
    background-image: url();
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    max-width: 11.125em;
    padding: 1.25em 0 0;
    color: #4F4347;
}
.logo h1 {
    font-size: 1.5em;
}
.logo h1:hover {
    /*won't work for certain color palettes because there is no header 
    in Elevated and some nav.link.hover schemes turn this white*/
    /*color: #F0E8D6;*/
}
@media only screen and (min-width: 42.5em) {
    .logo {
        max-width: 30.8125em;
    }
    .logo h1 {
        font-size: 2em;
    }
}

/*----------------------------------------------------------------------------

   Main Navigation

----------------------------------------------------------------------------*/

.menu-text {
    display: none;
}
a.menu-toggle {
    display: none;
}
a.menu-toggle-small {
    margin-top: 0.5em;
}
.menu-toggle-small {
    float: right;
    padding: 1.25em 1.25em 0 0;
}
a.close-menu {
    border: none;
    font-size: 1.75em;
    position: absolute;
    right: 14px;
    top: -34px;
}
a.close-menu:hover {
    color: #4F4347;
}
.close-menu p {
    line-height: 0;
    margin-bottom: 0;
}
.main-nav {
    background-color: #9D918F;
    bottom: 0;
    display: none;
    height: 100%;
    overflow: scroll;
    padding: 0 1.25em;
    position: fixed;
    top: 0; 
    width: 100%;
    z-index: 900;
}
.main-nav ul {
    list-style: none;
    margin: 3.5em auto;
    padding-left: 0;
    padding-top: 0.875em;
}
.main-nav li {
    float: left;
    font-size: 0.875em;
    width: 100%;
}
.main-nav li a {
    color: #FFF5E3;
    display: block;
    padding: 1em 0;
}
.main-nav li a:hover,
.main-nav li a:active {
    color: #F0E8D6;
}
li a.current-page {
    color: #4F4347;
}
.main-nav ul ul {
    padding: 0 0 0 25px;
    margin: 0;
}
@media only screen and (min-width: 60em) { 
    .main-nav {
        position: absolute;
        right: 0;
        top: 0; 
        overflow: scroll;
        width: 18.1875em;
    }
    .main-nav ul {
        margin: 0 auto;
    }
    a.menu-toggle {
        display: block;
        margin-top: 0.5em;
    }
    .menu-toggle {
        float: right;
        padding: 1.25em 1.25em 0 0;
    }
    a.menu-toggle-small,
    a.close-menu {
        display: none;
    }
}

/*----------------------------------------------------------------------------

   Site Footer

----------------------------------------------------------------------------*/

footer[role=contentinfo] {
    background-color: #F0E8D6;
    padding: 0 0.75em;
    clear: both;
}
footer h3 {
    font-size: 1em;
    letter-spacing: 0.05em;
    margin-bottom: 1.25em;
    text-transform: uppercase;
}
footer p {
    font-size: 1em;
    line-height: 0.84210526;
    margin-bottom: 1.375em;
}

footer a {
    color: #4F4347 !important;
}

footer a:hover {
    color: #4F4347 !important;
}
.footer-widgets {
    width: 100%;
    padding: 1.25em 0;
}
.footer-widget {
    float: left;
    margin-bottom: 0.75em;
    padding: 1.25em 0;
    width: 100%
}
.footer-widget ul {
    list-style: none;
    padding: 0;
}
.footer-widget li {
    font-size: 0.875em;
}
.recent-works {
    max-width: 18em;
}
.recent-works .img-holder {
    float: left;
    height: 88px;
    margin: 0 0.75em 0.75em 0;
    overflow: hidden;
    width: 88px;
}
input[type=email].email-list-input {
    background-color: #F0E8D6;
    border: 1px solid #F0E8D6;
    margin-bottom: 1.375em;
}
.footer-widgets input[type="submit"] {
    padding-bottom: 1.2em;
    position: absolute;
    right: 0;
    top: 0;
}
.c-line {
    padding-bottom: 2em;
}
.artist-social {
    display: inline-block;
    margin-bottom: 0.75em;
}
.artist-social ul {
    list-style: none;
    padding-left: 0;
}
.artist-social li {
    float: left;
    margin-right: 0.75em;
}
.contact-line {
    font-size: 0.875em;
}
.faso-line {
    font-size: 0.8125em;
}
@media only screen and (min-width: 42.5em) { 
    .footer-widget {
        border-top: none;
        padding: 1.25em 0;
        width: 39%;
    }
}
@media only screen and (min-width: 63.25em) { 
    .footer-widgets {
        padding: 2.25em 0;
    }
    .footer-widget {
        border-top: none;
        padding: 0 1.5em 0 0;
        width: 25%;
    }
    .footer-widget:last-child {
        padding: 0;
    }
    .c-line {
        padding-bottom: 5em;
        width: 100%;
    }
    .artist-social {
        float: left;
    }
    .faso-line {
        float: right;
        margin-top: 0.8em;
    }
}
/*----------------------------------------------------------------------------

   Home Page

----------------------------------------------------------------------------*/

.main-page {
    padding-bottom: 3.25em;
}
.main-page-image img {
    margin: 0 auto;
    position: relative;
    padding-bottom: 3.25em;
}
.main-page-text {
    padding-top: 3.25em;
}

/*----------------------------------------------------------------------------

   /works

----------------------------------------------------------------------------*/

.works-sort {
    font-size: 0.875em;
    padding: 1.25em 0;
}
.works-sort p {
    float: left;
    margin-bottom: 0;
}
.works-sort ul {
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.works-sort li {
    float: left;
    margin-right: 0.75em;
}
.works-list {
    border-bottom: 2px solid #9D918F;
}
table.works-section-thumbnails {
    border: none;
    margin: 0;
}
td.works-section-thumbnails-cell {
    border: none;
    padding: 0;
}
td.works-section-row-spacer {
    border: none;
}
.collection-img,
.collection-info {
    width: 100%;
}
.collection-img:hover {
    opacity: 0.8;
}
.collection-info {
    margin: 1.25em 0 3.25em;
}
.collection-info p {
    margin-bottom: 2.25em;
}
.bottom-sort {
    padding: 1.25em 0 0;
    font-size: 0.875em;
}
.pagination ul {
    list-style: none;
    padding-left: 0;
}
.pagination li {
    float: left;
    margin-right: 0.75em;
}
@media only screen and (min-width: 42.5em) { 
    .works-sort p {
        float: right;
    }
    .works-collection {
        display: inline-block;
        padding: 2.25em 0 1.25em;
        width: 100%;
    }
    td.works-section-thumbnails-cell:last-child >.works-collection {
        border-bottom: 2px solid #9D918F;
    }
    .collection-img {
        display: inline-block;
        float: left;
        padding-right: 6.3125em;
        width: 60%;
    }
    .collection-info {
        display: inline-block;
        float: right;
        width: 40%;
    }
    .collection-info p {
        margin-bottom: 3.25em;
    }
}

/*----------------------------------------------------------------------------

   /collections/1234

----------------------------------------------------------------------------*/

.portfolio-wrap {
    border-bottom: 2px solid #9D918F;
    padding: 1.25em 0;
}
.portfolio-wrap ul {
    list-style: none;
    padding-left: 0;
}
.portfolio-item {
    display: block;
    margin-bottom: 0;
    padding: 0 0 0.75em 0;
    width: 100%;
    float: left;
}
.portfolio-item:hover {
    opacity: 0.8;
}
p.faso-works-expanded-section-info {
    background-color: #FFF5E3;
    color: #4F4347;
    font-size: 0.875em;
    line-height: 1.25;
    margin-bottom: 0;
    padding: 0.75em;
    text-align: center;
}
@media only screen and (min-width: 42.5em) {
    .portfolio-item {
        display: block;
        float: left;
        margin-bottom: 0;
        padding: 0.375em;
        width: 50%;
    }
    p.faso-works-expanded-section-info {
        background-color: #FFF5E3;
        color: #4F4347;
        margin-bottom: 0;
        padding-top: 0.75em;
        text-align: center;
    }
}
@media only screen and (min-width: 62.5em) {
    .portfolio-item {
        width: 33.3%;
    }
}

/*----------------------------------------------------------------------------

   /workszoom/1234567

----------------------------------------------------------------------------*/


.artwork-detail {
    border-bottom: 2px solid #9D918F;
    padding-bottom: 3.25em;
}
.detail-info {
    padding: 1.25em 0;
}
.detail-info h1 {
    font-size: 2em;
}
.detail-info p {
    margin-bottom: 0;
}
.detail-img img {
    margin: 0 auto;
}
.buy-now-btn {
    display: inline-block;
    margin-top: 1.66666667em;
}
.workszoom {
    padding-bottom: 0.75em;
}
.workszoom .works-sort ul {
    float: none;
}
.workszoom .works-sort li {
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    width: 32.666667%;
    text-align: center;
}
.workszoom .works-sort li:first-child {
    margin-right: 1%;
    text-align: left;
}
.workszoom .works-sort li:last-child {
    margin-right: 1%;
    text-align: right;
}
.works-sort li a i.fa.fa-arrow-right,
.works-sort li a i.fa.fa-arrow-left {
    font-size: 1.5em;
}
.workszoom-img-nav {
    opacity: 0;
    font-size: 2em;
    list-style: none;
    position: absolute;
    padding-left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    -webkit-appearance: none;
       -webkit-transition: all 0.25s ease-in-out 0s;
          -moz-appearance: none;
          -moz-transition: all 0.25s ease-in-out 0s;
           -ms-transition: all 0.25s ease-in-out 0s;
            -o-appearance: none;
            -o-transition: all 0.25s ease-in-out 0s;
}
.workszoom-img-nav li {
    float: left;
    width: 50%;
}
.workszoom-img-nav li:first-child {
    padding-left: 1%;
    text-align: left;
}
.workszoom-img-nav li:last-child {
    padding-right: 1%;
    text-align: right;
}
.workszoom-social {
    margin-top: 0.75em
}
#worksdetail-gallery {
    margin-top: 2em;
}
@media only screen and (min-width: 42.5em) { 
    .detail-info {
        padding: 6.3125em 0;
    }
}

/*----------------------------------------------------------------------------

   /about

----------------------------------------------------------------------------*/

.about-wrap {
    margin: 3.25em 0 6.3125em;
}

/*----------------------------------------------------------------------------

   /contact

----------------------------------------------------------------------------*/

.contact-wrap {
    margin: 3.25em 0;       
}

/*----------------------------------------------------------------------------

   /newsletter

----------------------------------------------------------------------------*/

.newsletter-wrap {
    border-bottom: 2px solid #9D918F;
    padding: 3.25em 0;      
}
.newsletter-form p {
    margin-bottom: 0.75em;
}

/*----------------------------------------------------------------------------

   /galleries

----------------------------------------------------------------------------*/

.gallery-info {
    border-bottom: 2px solid #9D918F;
    margin: 1.25em auto 0;
    max-width: 37.125em; 
    padding-bottom: 2.25em;
}
.gallery-info a h2 {
    color: #4F4347;
}
.gallery-info a h2:hover {
    color: #4F4347;
}
.gallery-info p {
    margin-bottom: 0;
}
.gallery-info .btn {
    display: inline-block;
    margin-top: 2em;
}

/*----------------------------------------------------------------------------

   /workshops

----------------------------------------------------------------------------*/

.workshop-info {
    border-bottom: 2px solid #9D918F;
    margin: 1.25em auto 0;
    max-width: 37.125em; 
    padding-bottom: 2.25em;
}
.workshop-info a h2 {
    color: #4F4347;
    margin-bottom: 0.125em;
}
.workshop-info a h2:hover {
    color: #4F4347;
}
.workshop-info address {
    margin-bottom: 0.75em;
}
.workshop-info p {
    margin-bottom: 0.75em;
}
.workshop-info .btn {
    display: inline-block;
    margin-top: 0.75em;
}
@media only screen and (min-width: 66.625em) { 
    .workshop-info {
        max-width: 37.125em;
        margin: 0 auto;
    }
}

/*----------------------------------------------------------------------------

   /workshop/1234/workshop-title

----------------------------------------------------------------------------*/

.workshop-wrap {
    border-bottom: 2px solid #9D918F;
    padding: 3.25em 0;
}
.workshop-detail h1 {
    margin-bottom: 0.125em;
    margin-top: 0.75em;
}
.workshop-detail address {
    margin-bottom: 1.25em;
}
p.workshop-date {
    font-size: 1em;
    margin-bottom: 1em;
}
@media only screen and (min-width: 42.5em) { 
    .workshop-photo {
        float: left;
        padding-right: 6.3125em;
        width: 40%;
    }
    .workshop-detail {
        float: left;
        width: 60%;
    }
    .workshop-detail h1 {
        margin-top: 0;
    }
}
/*----------------------------------------------------------------------------

   /books

----------------------------------------------------------------------------*/

.book-info {
    border-bottom: 2px solid #9D918F;
    margin: 2.25em auto 0;
    max-width: 37.125em; 
    padding-bottom: 2.25em;
}
.book-info a h2 {
    color: #4F4347;
    margin-bottom: 0em;
}
.book-info a h2:hover {
    color: #4F4347;
}
.book-info .btn {
    display: inline-block;
    margin-top: 0.75em;
}

/*----------------------------------------------------------------------------

   /book/1234/book-title

----------------------------------------------------------------------------*/

.book-wrap {
    border-bottom: 2px solid #9D918F;
    padding-bottom: 3.25em;
}
.book-detail h1 {
    margin-bottom: 0.125em;
    margin-top: 0.75em;
}
.book-photo img {
    margin-bottom: 0.75em;
}
@media only screen and (min-width: 42.5em) { 
    .book-photo {
        float: left;
        padding-right: 6.3125em;
        width: 40%;
    }
    .book-detail {
        float: left;
        width: 60%;
    }
    .book-detail h1 {
        margin-top: 0;
    }
}

/*----------------------------------------------------------------------------

   /events

----------------------------------------------------------------------------*/

.event-info {
    border-bottom: 2px solid #9D918F;
    margin: 2.25em auto 0;
    max-width: 37.125em; 
    padding-bottom: 2.25em;
}
.event-info a h2 {
    color: #4F4347;
    margin-bottom: 0em;
}
.event-info a h2:hover {
    color: #4F4347;
}
.event-info a.btn {
    display: inline-block;
    margin-top: 0.75em;
}

.faso-event-section-image {
    margin-top: 1.56em;
}

/*----------------------------------------------------------------------------

   /event

----------------------------------------------------------------------------*/

.event-wrap {
    border-bottom: 2px solid #9D918F;
    padding-bottom: 3.25em;
}
.event-detail h1 {
    margin-bottom: 0.125em;
    margin-top: 0.75em;
}
@media only screen and (min-width: 42.5em) { 
    .event-photo {
        float: left;
        padding-right: 6.3125em;
        width: 40%;
    }
    .event-detail {
        float: left;
        width: 60%;
    }
    .event-detail h1 {
        margin-top: 0;
    }
}

/*----------------------------------------------------------------------------

   /articles

----------------------------------------------------------------------------*/

.article-info {
    border-bottom: 2px solid #9D918F;
    margin: 2.25em auto 0;
    max-width: 37.125em; 
}
.article-info a h2 {
    color: #4F4347;
}
.article-info a h2:hover {
    color: #4F4347;
}
.article-info p {
    font-size: 1em;
}

/*----------------------------------------------------------------------------

   /ArticleDetail/1234

----------------------------------------------------------------------------*/

.article-wrap {
    border-bottom: 2px solid #9D918F;
    padding: 3.25em 0;
}
.article-detail h1 {
    margin-bottom: 0.125em;
}

/*----------------------------------------------------------------------------

   /links

----------------------------------------------------------------------------*/

.link-info {
    border-bottom: 2px solid #9D918F;
    margin: 2.25em auto 0;
    max-width: 37.125em;
    padding-bottom: 2.25em;
}
.link-info a h2 {
    color: #4F4347;
}
.link-info a h2:hover {
    color: #4F4347;
}
.link-info p {
    font-size: 1em;
    margin-bottom: 0;
}

/*----------------------------------------------------------------------------

   /pages

----------------------------------------------------------------------------*/

.page-info {
    border-bottom: 2px solid #9D918F;
    margin: 2.25em auto 0;
    max-width: 37.125em;
}
.page-info a h2:hover {
    color: #4F4347;
}

/*----------------------------------------------------------------------------

   /page/1234/page-title

----------------------------------------------------------------------------*/

.page-wrap {
    padding: 3.25em 0;
}

/*----------------------------------------------------------------------------

   /blog

----------------------------------------------------------------------------*/

.blog-wrap {
    margin-top: 1.25em;
}
.blog-post {
    margin-bottom: 6.3125em;
    float: left;
    clear: left;
}
.blog-post:last-child {
    margin-bottom: 3.25em;
}
a.post-title {
    border: none;
}
a.post-title h1,
h1.post-title {
    margin-bottom: 0.25em;
}
a.post-title h1:hover {
    color: #4F4347;
}
.blog-post .bottom-sort {
    border-top: 2px solid #9D918F;
    padding: 0.75em;
}
.blog-post .bottom-sort ul {
    list-style: none;
    padding-left: 0;
}
.blog-post .bottom-sort li {
    float: left;
    margin-right: 0.75em;
}
a.btn.blog-widget-show,
a.btn.blog-widget-hide {
    background-color: #F0E8D6;
    border: none;
    color: #4F4347;
    display: inline-block;
    margin-bottom: 1.125em;
    text-align: center;
    width: 100%;
}
a.btn.blog-widget-show:hover {
    color: #F0E8D6;
}
.blog-widgets {
    background-color: #F0E8D6;
    border: none;
    display: none;
    margin-bottom: 1.625em;
    padding: 0.75em;
    width: 100%;
}
.blog-widget {
    padding-top: 0.75em;
    width: 100%
}
.blog-widget h3 {
    font-size: 1em;
    margin-bottom: 1.25em;
    text-transform: uppercase;
}
.blog-widget ul {
    list-style: none;
    padding: 0;
}
.blog-widget li,
.blog-widget p {
    font-size: 0.875em;
}
@media only screen and (min-width: 61.25em) { 
    .blog-wrap {
        margin-top: 0;
    }
    .blog-posts {
        float: left;
        width: 70%;
    }
    a.btn.blog-widget-show,
    a.btn.blog-widget-hide {
        display: none;
    }
    .blog-widgets {
        background-color: #F0E8D6;
        border: none;
        display: block;
        float: right;
        padding: 2.25em;
        width: 30%;
    }
    .blog-widget {
        float: left;
        padding-top: 0;
        width: 100%;
    }
}

/*----------------------------------------------------------------------------

   /blog/1234/blog-title

----------------------------------------------------------------------------*/

.comments {
    border-top: 2px solid #9D918F;
    padding-top: 3.125em;
}
.comment-form h4 {
    margin-bottom: 1.25em;
}
.comment {
    border-left: 6px solid #9D918F;
    margin: 1.25em 0;
    padding-left: 0.75em;
}
.comment img {
    margin-bottom: 0.75em;
}
.comment-form {
    margin-bottom: 0.75em;
}
#page-title h1 {
    text-align: center;
}
#coll-desc * {
    width: 80%;
}
.other-img {
    margin: 0 auto;
}
#faso-tagline {
    text-align: center;
}
.blog-select-archive select {
    background-color: #FFF5E3;
    border-radius: 0;
    /*color: #9D918F;*/
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: inherit;
    padding: 1em 0.625em;
    margin-bottom: 1em;
    -webkit-border-radius: 0;
    /*   -webkit-appearance: none;
          -moz-appearance: none;
            -o-appearance: none;*/
}
#logo-faso {
    margin: 0 auto;
    display: inline;
    margin-left: .5em;
    vertical-align: middle;
}
#event-name {
    margin-bottom: .5em;    
}
/* blog float fix*/
.blogfront-main-float-fix {
    float: left;
    width: 100%;
}

.events-archive {
      margin: 2.25em auto 0;
      max-width: 37.125em;
      padding-bottom: 2.25em;
}
.img-load-gif {
    color: #9D918F;
}
#img-loading-div {
    text-align: center;
    margin-top: 5em;
    margin-bottom: 15em;
}
#master-record-nav {
    float: left;
    width: 100%;
    background-color: #FFF5E3;
}
#master-record-nav .pagination {
    float: right;
    position: relative;
    left: -50%;
    padding: 1em;
}
#master-record-nav ul {
    padding-left: 0;
    position: relative;
    left: 50%;
}
#master-record-nav ul li {
    float: left;
}
.page-title {
    display: none;
}


.faso-myic a {padding-bottom: 10px;}