/*
Theme Name: Doerman.com
Theme URI: http://www.doerman.com/
Description: Doerman.com custom theme.
Version: 1
Author: Eamon Baghernejad
Author URI: http://www.eamon.co/
*/

/**
 * GLOBAL
 */

blockquote {
    border: 0;
    padding: 5px 10px;
    background-color: rgb(238, 238, 238);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    color: #636363;
    font-weight: 300;
}

@font-face {
    font-family: 'OswaldRegular';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Oswald-Regular-webfont.woff') format('woff'),
    url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
    url('fonts/Oswald-Regular-webfont.svg#OswaldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src: url('fonts/Oswald-Light-webfont.eot');
    src: url('fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Oswald-Light-webfont.woff') format('woff'),
    url('fonts/Oswald-Light-webfont.ttf') format('truetype'),
    url('fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

.divider {
    display: block;
    margin: 0 auto 20px;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #636363;
    -webkit-font-smoothing: subpixel-antialiased;
}

h2 {
    color: #636363;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}

h2.section {
    padding-top: 60px;
}

a {
    color: #bc985a;
}

p {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    color: #636363
}

.section-header__heading {
    padding-top: 60px;
}

.section-header__divider {
    margin: 0 auto 40px;
    display: block;
}


/**
 * Header
 */

header {
    width: 100%;
    background: #eee;
    height: 65px;
}

nav ul {
    margin: 0;
}


@media screen and (max-width: 899px) {

    #menu-primary-menu {
        z-index: 9999;
        position: absolute;
        background-color: black;
        width: 100%;
        top: 65px;
        height: auto;
        display: block;
        opacity:0;
        padding: 20px 0;
    }

    #menu-primary-menu a {
        color: white;
        font-family: 'Open Sans', sans-serif;
        display: block;
        padding: 10px;
    }

    .menu-primary-menu-container #menu-primary-menu {
        display: none;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .menu-primary-menu-container.active #menu-primary-menu {
        display: block;
        opacity: 1;
    }

    .menu-button {
        float: right;
        margin-right: 15px;
        display: inline-block;
        color: black;
        line-height: 65px;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .mobile-title {
        line-height: 65px;
        float: left;
        font-family: 'OswaldRegular', sans-serif;
        font-size: 24px;
        padding-left: 15px;
        color: black;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .menu-button:hover, .mobile-title:hover {
        color: black;
        opacity: .6;
    }

    nav .menu {
        display: none;
    }

    .hamburger-icon {
        display: inline-block;
        height: 18px;
    }

    .hamburger-icon .line {
        width: 25px;
        background-color: black;
        height: 4px;
        border-radius: 6px;
        margin: 3px;
        transition: .3s;
    }

    .menu-button.active .line:nth-child(1) {
        -ms-transform: rotate(45deg) translate(5px, 5px); /* IE 9 */
        -webkit-transform: rotate(45deg) translate(5px, 5px); /* Safari */
        transform: rotate(45deg) translate(5px, 5px);
    }

    .menu-button.active .line:nth-child(2) {
        opacity: 0;
    }

    .menu-button.active .line:nth-child(3) {
        -ms-transform: rotate(-45deg) translate(5px, -5px); /* IE 9 */
        -webkit-transform: rotate(-45deg) translate(5px, -5px); /* Safari */
        transform: rotate(-45deg) translate(5px, -5px);
    }

    #menu-primary-menu > li {
        list-style-type: none;
        overflow: hidden;
    }

    #menu-primary-menu > li > a {
        text-align: center;
        display: block;
        width: 100%;
        padding: 10px;
    }

    nav .menu > li.menu-item-has-children > a:after {
        color: #828282;
        content: '▾';
        width: 18px;
        font-family: Arial, sans-serif;
        position: absolute;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    nav .menu > li.menu-item-has-children.active > a:after {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari */
        transform: rotate(180deg);
    }

    li.menu-item.menu-item-has-children.active .sub-menu {
        display: block;
        visibility: visible;
        text-align: center;
        margin: 0;
        padding: 20px 0;
        height: auto;
        opacity: 1;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .sub-menu {
        visibility: hidden;
        width: 100%;
        height: 0;
        display: block;
        opacity: 0;
        background: #333333;
        -moz-box-shadow:    inset 0 0 4px #000000;
        -webkit-box-shadow: inset 0 0 4px #000000;
        box-shadow:         inset 0 0 4px #000000;
    }

}

@media screen and (min-width: 900px) {

    .menu-button, .mobile-title  {
        display: none;
    }

    nav .menu > li {
        display: block;
        float: left;
        width: 20%;
        margin: 0;
        text-align: center;
        padding: 0;
        line-height: 65px;
        text-transform: uppercase;
        font-family: 'OswaldRegular', sans-serif;
        letter-spacing: 5px;
        font-weight: bold;
    }

    nav .menu > li:hover {
        background: #DFDFDF;
    }

    nav .menu > li a {
        color: #848484;
        width: 100%;
        height: 100%;
        display: block;
    }

    nav .sub-menu li a {
        font-size: 16px;
        text-transform: none;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
        letter-spacing: 0;
        padding: 0 5px;
        display: block;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    nav .menu > li.menu-item-has-children > a:after {
        color: #828282;
        content: '▾';
        width: 18px;
        margin-top: -2px;
        position: absolute;
    }

    ul.sub-menu {
        min-width: 20%;
        display: none;
        margin: 0;
        padding: 10px 20px;
        position: absolute;
        z-index: 99;
        background: #DFDFDF;
        text-align: left;
    }

    ul.sub-menu li {
        list-style-type: none;
    }

    ul.sub-menu li a {
        padding: 5px 10px;
        display: block;
    }

    nav li:hover a + ul.sub-menu {
        display: block;
    }

    nav a + ul.sub-menu a:hover {
        display: block;
        background: #f1f1f1;
    }
}

@media screen and (max-width: 760px)
{
    .mobile-title {
        font-size: 18px;
    }
}


/**
 * HOMEPAGE
 */

#hero-background {
    position: absolute;
    bottom: 0;
    background: url('./images/doerman-photography-header.jpg') no-repeat center 0;
    height: 732px;
    width: 100%;
    /*transition: 0s;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.homepage-banner {
    background: #eee;
    height: 732px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 640px) {
    #hero-background {
        background: black;
    }

    .homepage-banner {
        background: black;
    }
}

.content-callout.top-bump {
    margin-top: 130px;
}

@media screen and (max-width: 780px) {
    .content-callout.top-bump {
        margin-top: 60px;
    }
}

.content-callout h1 {
    font-family: 'OswaldRegular', sans-serif;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 41.5px;
    text-align: center;
}

.content-callout h1 span {
    display: block;
    font-family: OswaldLight, sans-serif;
    font-weight: 300;
    font-size: 27.2px;
    text-align: center;
}

.content-callout p {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}


.content-callout-centered p {
    color: #636363;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    text-align:center;
}

.content-callout hr {
    border: 1px solid #3a3a3a;
}

.link-box-container {
    margin-top: -150px;
    background: white;
    display: block;
    position: relative;
    padding: 6px;
}

@media screen and (max-width: 767px) {
    .link-box-container > .columns {
        max-width: 400px;
        margin: 0 auto;
        float: none !important;
    }
}


.image-navigation {
    position: relative;
    display: block;
    margin: 6px;
    float: left;
    overflow: hidden;
}

@media screen and (max-width: 899px)
{
    .image-navigation {
        margin: 4px;
    }
}

.image-navigation.footer {
    margin: 6px;
}

.image-navigation:hover img {
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05);
    z-index: 10;
}

.image-navigation img {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%;
}

.image-navigation .bar {
    position: absolute;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    color: white;
    z-index: 20;
    text-align: center;
    width: 100%;
    margin: 0;
    display: block;
    background-color: rgba(41, 45, 48, 0.8);
}

/* BLOG INDEX SECTION */

.blog-index .divider {
    margin-bottom: 30px;
}

ul.blog-list {
    margin: 0;
}

ul.blog-list li {
    padding: 0;
}

@media screen and (max-width: 640px) {
    ul.blog-list li {
        margin: 0 auto 20px;
        display: block;
        float: none;
        max-width: 400px;
    }
}

ul.blog-list li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.blog-list a:hover img {
    -ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: translateZ(0) scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05);
    position: relative;
}

.blog-list a img {
    -webkit-transition: 5.5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 100%;
}

@media screen and (max-width: 899px) {
    .blog-list a img {
        padding: 0 10px;
    }
}

.blog-list .hover-over {
    opacity: 0;
    transition: .5s;
    -webkit-transition: .5s;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 20;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
}

.blog-list .hover-over h3 {
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 24%;
}

.blog-list .hover-over span {
    color: white;
    font-size: 14px;
    display: block;
}

.blog-list a:hover .hover-over {
    opacity: 1;
}

/**
 * FOOTER
 */

footer {
    background: white;
}

.footer-featured {
    background: white;
}

ul.browse-more {
    padding: 6px;
    background: white;
    position: absolute;
}

@media screen and (max-width: 1024px) {

    ul.browse-more {
        padding: 0;
        position: inherit;
        margin: 0 4px;
    }
}

div.wpcf7 { min-height: 330px; margin: 0; padding: 0; } 

@media screen and (max-width: 640px)
{
    ul.browse-more {
        text-align: center;
    }

    ul.browse-more li {
        display: inline-block;
        float: none;
    }

    div.wpcf7 { min-height: 640px; margin: 0; padding: 0; } 

}

ul.browse-more li {
    padding: 0;
}

.bar.gold {
    background: rgba(184, 145, 79, .8);
}

.footer-contents {
    min-height: 450px;
    padding-top: 190px;
    background: #000 url("./images/leather-pattern.jpg") repeat scroll 0% 0%;
    color: #FFF;
    margin-top: 120px;
}

@media screen and (max-width: 899px) {
    .footer-contents {
        margin-top: 0;
    }

    .footer-contents .row .large-2 {
        padding-bottom: 20px;
        
    }
}

.footer-contents > .row:first-child {
    margin-bottom: 40px;
}

.footer-contents p {
    color: #bababa;
    font-size: 14px;
}

.copyright {
    min-height: 70px;
    padding: 24px;
    color: #bababa;
    border-top: 1px solid #222324;
    text-align: center;
}

.copyright span {
    font-size: 14px;
}

.copyright strong {
    color: white;
}

.menu-footer-menu-container ul {
    margin: 0;
}

.menu-footer-menu-container ul li {
    list-style-type: none;
    margin: 0 0 10px 0;
}

.menu-footer-menu-container ul li a {
    color: #bababa;
    font-size: 14px;
}

.footer-contents a.email, .footer-contents .phone  {
    margin-top: 1px;
    display: block;
}

.footer-contents a.email {
    font-size: 14px;
    color: #bc985a;
}

div[itemscope] {
    color: #bababa;
    font-size: 14px;
}

div[itemscope] a {
    color: #bababa;
    font-weight: bold;
}

.footer-contents ul {
    margin: 0;
    text-align: center;
}

.footer-contents .social-media-links li {
    list-style-type: none;
    display: inline-block;
    margin: 45px 3px;
}

.footer-contents .social-media-links li a {
    transition: .3s;
}

.footer-contents .social-media-links li a:hover {
    opacity: .8;
}

@media screen and (max-width: 1024px ) {
    .footer-contents {
        padding-top: 30px;
        text-align: center;
    }

    .footer-contents p {
        max-width: 400px;
        padding: 0 20px;
        text-align: center;
        margin: 30px auto 0;
    }

    ul.browse-more {
        margin-bottom: 0;
    }
}

/**
 * SINGLE PAGE
 */

.page-head {
    margin: 30px auto 25px;
}

.page-head h1 {
    text-align: center;
    color: #636363;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 42px;
}

@media screen and (max-width: 899px) {
    .page-head h1 {
        font-size: 27px;
    }
}

.page-head img {
    margin: 0 auto;
    display: block;
}

p {
    font-weight: 300;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
    background: #e8e8e8;
    height: 48px;
    border: 0;
    font-weight: normal;
    box-shadow: none;
}

.wpcf7 input[type="submit"] {
    background: #b8914f;
    height: 48px;
    width: 100%;
    border: 0;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.wpcf7 textarea {
    background: #e8e8e8;
    border: 0;
    min-height: 240px;
    box-shadow: none;
}

.wpcf7 p {
    margin-bottom: 10px;
}

h2.list-title {
    font-size: 21px;
    text-decoration: underline;
    font-weight: bold;
    text-align: left;
}

.row.content-piece:not(:last-child) {
    margin-bottom: 60px;
}

/* Index page stylings. */

.blog .header + section {
    margin-top: 800px;
}

/* Pagination Stylings */

.pagination-container {
    text-align: center;
    margin: 40px auto 10px;

}

.pagination-container > * {
    padding: 15px;
}

/* Placeholder Stylings */

::-webkit-input-placeholder {
    color: #a5a5a5;
    font-weight: 300;
}

:-moz-placeholder { /* Firefox 18- */
    color: #a5a5a5;
    font-weight: 300;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #a5a5a5;
    font-weight: 300;
}

:-ms-input-placeholder {
    color: #a5a5a5;
    font-weight: 300;
}

/**
 * Comments
 */

.commentmetadata {
    display: none;
}

.reply a {
    font-size: 12px;
}

.comment-body p {
    margin-bottom: 0;
}

.vcard {
    padding: 0;
    border: 0;
    margin-bottom: 0;
}

h3#comments {
    margin-bottom: 30px;
}

ol.commentlist li {
    list-style-type: none;
}

ol.commentlist li:not(:last-child) {
    margin-bottom: 30px;

}

/**
 * OLD THEME SUPPORT
 */

div.fifty-percent >div {
    width: 49%;
    display: inline-block;
    float: left;
    margin-bottom: 50px;
}

.text-browse {
    padding-left: 2%;
}

div#fbSEOComments {
    text-align: center;
    min-height: 170px;
    margin: 50px 0 0 !important;
    overflow: hidden;
}

.bottomcontainerBox {

    float: none;
}

/* Safari bug fix */

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
   body {
        -webkit-font-smoothing: antialiased;
    }

    .blog-list, .blog-list * {
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
    }
}

/* Portfolio Slider responsive support */

@media screen and (max-width: 1024px) {
    .dwuserEasyRotator {
        width: 100% !important;
    }

    .erdots {
        display: none;
    }

    img.main.erILdMom {
        top: 0 !important;
    }

    .erimgMain_arrowLeft, .erimgMain_arrowRight {
        top: 17% !important;
    }
}

/* IE NOTICE */
.chromeframe {
    background: red;
    color: white;
    text-align: center;
    padding: 15px;
    z-index: 99999;
    position: absolute;
}