/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {color: #707174}

h2 {text-align: center; color:#191919}

h3 {text-align: center; font-size: 23px; font-weight: 700; line-height: 1.3em}

h4 {font-size: 28px; margin: 25px 0 20px}

h5 {color:#535354; font-size: 1.6em}

hr {background: url(/img/global/hr.gif); height: 3px; width: 100%; border: none; margin: 85px 0}

header {}
header #header-wrapper {width: 1400px; margin: auto; height:185px; overflow: hidden}
header h1 {width:480px; height: 29px; background:url(/img/global/logo.gif) no-repeat; background-size: 480px 29px; text-indent: -9999px; margin:80px 0 0; float: left}
header #header-wrapper nav {float: right}
header #header-wrapper nav ul {padding: 0}
header #header-wrapper nav ul li {display: inline-block; float: left}
header #header-wrapper nav ul li a {height: 185px; line-height: 185px; display: block; padding: 0 15px; color: #707174; font-weight: 400; font-size: 16px; text-transform: uppercase; text-decoration: none}
header #header-wrapper nav ul li a:hover, 
header #header-wrapper nav ul li.active a {background: url(/img/global/arrow-up.png) no-repeat bottom center #c9252b; background-size: 16px 10px; color: #FFFFFF; text-decoration: none}

#sign-up-form p,
#footer-cols p {font-size: 1.1em}
#sign-up-form h5,
#footer-cols h5 {margin-top: 95px; margin-bottom: 25px}

#footer-cols .fc-wrapper {padding-right: 70px}
#sign-up-form input,
#footer-cols input {float: left; border-radius: 0; border: solid 1px #cccccc; -webkit-appearance: none}
#sign-up-form .submit,
#footer-cols .submit {background: url(/img/global/submit.png) no-repeat center center #c9252b; background-size: 28px 24px; width:44px; height: 44px; padding: 0; border: none; text-indent: -9999px}
#sign-up-form .text-input,
#footer-cols .text-input {height: 44px; padding: 5px 10px; width: 266px}
#footer-cols .social-icons {padding: 40px 0 0; text-align: center}
#footer-cols .social-icons img {margin: 0 5px 0; display: inline-block; width: 50px; height: auto}
#footer-logo {width: 470px; margin:auto}
#footer-cols ul {list-style: none; padding: 60px 0 0; margin: 0; text-align: center}
#footer-cols ul li {display: inline-block}
#footer-cols ul li a {text-transform: uppercase; padding: 0 20px 15px; color: #535354; display: block; font-size: 0.9em}

#sign-up-form {text-align: center; padding:0 0 45px}
#sign-up-form h5 {margin-top: 45px}
#sign-up-form .wrapper {width: 310px; margin: 0 auto}
#form-wrapper #sign-up-form p {font-weight: 400; margin-bottom: 12px}


footer {background: #c9252b; color: #FFFFFF; padding: 35px 0 120px; font-size: 0.9em; margin: 30px 0 0}

.btn {font-weight: 300}
.btn,
.navbar-nav>li>a {text-transform: uppercase}
#links-strip a {width: 325px; font-size: 22px; margin-bottom: 10px}
#links-strip p {font-weight: 700}
#links-strip .button-widths {width: 100%!important; font-size: 22px; margin-bottom: 10px; margin-top:20px;}

#links-strip1 {background: url(/img/global/links-strip-bg1.jpg); background-size: cover}
#links-strip2 {background: url(/img/global/links-strip-bg2.jpg); background-size: cover}

.links-strip-master {background-size:cover;}

.half-width-link {padding: 125px 90px; color: #FFFFFF}

.links-strip-master .half-width-link {background-size: cover}

.gallery-img-wrapper {max-width: 220px; margin: 70px auto 0}

#banner,
#banner-sm {background-size: cover; text-align: right; color: #FFFFFF; position: relative; background-position: center center;}
/*#banner {background-image: url(/img/home/banner.jpg)}*/
#banner-sm {height: 304px}
#banner #banner-border,
#banner-sm #banner-border {height: 4px; background: url(/img/global/white-transparent-bg.png); width: 100%}
#banner .social-icons,
#banner-sm .social-icons {position: absolute; left:0; width: 60px}
#banner .social-icons {top:45px}
#banner .social-icons img,
#banner-sm .social-icons img {width: 60px; height: auto; float: left}
#banner h2,
#banner-sm h2 {color: #FFFFFF; text-align: right; margin-bottom: 15px}
#banner h2 {margin-top: 200px}
#banner-sm h2 {margin-top: 130px}
#banner #banner-content p {font-size: 24px; margin-bottom: 50px}
#banner #button {margin-bottom: 165px}

#home {padding: 60px 0; text-align: center}
#home h2 {margin-top: 0}
#home #page-links {max-width: 880px; margin: 0 auto}
#home #page-links a {width: 205px; display: block; margin: 50px auto 0; text-align: center; color:#707174}
#home #page-links a:hover {text-decoration: none}
#home #page-links a h4 {color:#191919}
#home #page-links a p {font-size: 17px}

#portraits {padding: 60px 0; text-align: center}
#portraits h2 {margin-top: 0}
#portraits #portrait-img {margin-bottom: 140px}
#portraits #portrait-sizes {width: 1120px; margin: auto; padding: 40px 0 0}
#portraits #standard-portrait {max-width: 285px; float:left}
#portraits #landscape-portrait {max-width: 520px; float:left; margin: 0 70px}
#portraits #small-portrait {max-width: 175px; float:left; padding: 70px 0 0}
#portraits #small-portrait img {margin-bottom: 70px}
#portraits #portrait-sizes p {padding: 40px 0; font-size: 1.1em}

#commissions {padding: 60px 0; text-align: center}
#commissions h2 {margin-top: 0}
#commissions #portrait-img {margin-bottom: 140px}
#commissions #portrait-sizes {width: 1120px; margin: auto; padding: 40px 0 0}
#commissions #standard-portrait {max-width: 285px; float:left}
#commissions #landscape-portrait {max-width: 520px; float:left; margin: 0 70px}
#commissions #small-portrait {max-width: 175px; float:left; padding: 70px 0 0}
#commissions #small-portrait img {margin-bottom: 70px}
#commissions #portrait-sizes p {padding: 40px 0; font-size: 1.1em}

#commissions {padding: 60px 0; text-align: center}
#commissions #portrait-img {padding: 0 0 100px}

#form-wrapper {max-width: 1000px; margin: auto; font-size: 1.1em; padding: 95px 0 0}
#form-wrapper p {font-weight: 700; margin: 0 0 40px}
#form-wrapper .form-group {text-align: left; margin-bottom: 30px}
#form-wrapper .form-control {height: 48px}
#form-wrapper label {text-align: left; font-weight: 400; line-height: 41px}
#form-wrapper .btn {width:170px}
#form-wrapper .message {border:1px solid #ccc; height:96px; width: 100%;}

#other-work {padding: 60px 0; text-align: center}
#other-work #portrait-img {padding: 0 0 100px}

#blog {padding: 60px 0}
#blog .blog-item {padding-top: 40px; padding-bottom: 20px; text-align: center}
#blog .blog-item .blog-link {margin-top: 30px; font-weight: 400; display: block; color: #535358; font-size: 1.4em}
#blog #blog-nav {width: 100%; padding: 75px 0 75px; margin: 0; list-style: none; text-align: center}
#blog #blog-nav li {display: inline-block; padding: 0 10px; height: 55px}
#blog #blog-nav li a {background: #c9252b; color: #FFFFFF; padding: 10px 17px; font-size: 18px; text-transform: uppercase}
#blog #blog-nav li a:hover {background: #9e1d22; text-decoration: none}
#blog #blog-nav li a.disabled {opacity:0.5}
#blog-contact {font-size:26px}
#blog-contact .green-txt:first-child {font-size: 32px}
#blog-contact a {color:#87be40; font-weight: 700}
.blog-date {font-weight: 300; font-size: 14px}
.blog-link-wrapper {margin-bottom: 5px}
#blog .blog-item h4 {margin-bottom: 5px; font-size: 18px; line-height: 25px}
#blog .blog-item .btn {width: 170px}

#blog .addthis_inline_share_toolbox {padding-top: 20px} 

#blog.individual-post {padding-top: 0}

#contact {padding: 60px 0; text-align: center}

#contact .checkbox label {font-size: 16px; line-height: 1.45; padding-bottom: 15px} 

@media only screen and (max-width: 1450px) {
    header #header-wrapper {width: 1170px}
}

@media only screen and (max-width: 1200px) {
    header #header-wrapper {width: 970px}
    header h1 {width:350px; height: 21px; background-size: 350px 21px; margin-top: 80px}
    header #header-wrapper nav ul li a {font-size: 15px; padding: 0 13px}

    #footer-cols .fc-wrapper {padding-right: 40px}
    #footer-cols .text-input {width: 238px}
    #footer-cols .social-icons img {margin: 0 8px 0 0}

    .half-width-link {padding: 100px 75px}

    #portraits #portrait-sizes {width: 936px; margin: auto}
    #portraits #standard-portrait {max-width: 234px}
    #portraits #landscape-portrait {max-width: 427px; margin: 0 50px}
    #portraits #small-portrait {max-width: 175px; padding: 42px 0 0}
    #portraits #small-portrait img {margin-bottom: 34px}

    #commissions #portrait-sizes {width: 936px; margin: auto}
    #commissions #standard-portrait {max-width: 234px}
    #commissions #landscape-portrait {max-width: 427px; margin: 0 50px}
    #commissions #small-portrait {max-width: 175px; padding: 42px 0 0}
    #commissions #small-portrait img {margin-bottom: 34px}

}

@media only screen and (max-width: 991px) {
    header #header-wrapper {width: 750px}
    header h1 {width:250px; height: 15px; background-size: 250px 15px; margin-top: 85px}
    header #header-wrapper nav ul li a {font-size: 13px; padding: 0 7px}

    #footer-cols .fc-wrapper {padding-right: 0}
    #footer-cols .text-input {width: 168px}
    #footer-cols .social-icons img {margin: 0; width: 42px; height: auto}
    #footer-cols ul li a {padding: 0 15px 15px}

    .half-width-link {padding: 80px 60px}
    #links-strip a {width: 245px}

    #portraits #portrait-sizes {width: 661px; margin: auto}
    #portraits #standard-portrait {max-width: 156px}
    #portraits #landscape-portrait {max-width: 285px; margin: 0 50px}
    #portraits #small-portrait {max-width: 120px; padding: 26px 0 0}
    #portraits #small-portrait img {margin-bottom: 22px}

    #commissions #portrait-sizes {width: 661px; margin: auto}
    #commissions #standard-portrait {max-width: 156px}
    #commissions #landscape-portrait {max-width: 285px; margin: 0 50px}
    #commissions #small-portrait {max-width: 120px; padding: 26px 0 0}
    #commissions #small-portrait img {margin-bottom: 22px}

}

@media only screen and (max-width: 767px) {
    header h1 {margin: 18px 15px; width:200px; height: 12px; background-size: 200px 12px}

    #footer-cols h5 {margin-top: 50px}
    #footer-logo {width: 275px}

    .navbar {margin-bottom: 0}

    .half-width-link {padding: 60px 35px}
    #links-strip a {width: 200px}

    #links-strip1 {display:none;}
    #links-strip2 {display:none;}

    .links-strip-master {display:none;}

    #banner-sm {height: 229px}
    #banner .social-icons {top: 50%; margin-top: -113px}
    #banner .social-icons img,
    #banner-sm .social-icons img {width: 45px}
    #banner h2,
    #banner-sm h2 {font-size: 1.7em; padding: 0 0 0 70px; line-height: 1.3em}
    #banner h2 {margin-top: 75px}
    #banner-sm h2 {margin-top: 95px}
    #banner #baner-content p {font-size: 20px; margin-bottom: 35px}
    #banner #button {margin-bottom: 65px}

    #portraits #portrait-sizes {width: 100%}
    #portraits #standard-portrait {max-width: 156px; margin: auto; float: none}
    #portraits #landscape-portrait {max-width: 285px; margin: auto; float: none}
    #portraits #small-portrait {max-width: 120px; padding: 26px 0 0; margin: auto; float: none}
    #portraits #small-portrait img {margin-bottom: 22px}

    #commissions #portrait-sizes {width: 100%}
    #commissions #standard-portrait {max-width: 156px; margin: auto; float: none}
    #commissions #landscape-portrait {max-width: 285px; margin: auto; float: none}
    #commissions #small-portrait {max-width: 120px; padding: 26px 0 0; margin: auto; float: none}
    #commissions #small-portrait img {margin-bottom: 22px}

    #blog #blog-nav {padding-bottom: 30px; padding-top: 30px}
    #blog #blog-nav li a {font-size: 15px}

    #sign-up-form .wrapper {width: 290px}
    #sign-up-form .text-input {width: 246px}

}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}