/*
 Theme Name:   Michael Jackson
 Description:  Michael Jackson, Twenty Fifteen Child Theme
 Author:       45PRESS, Inc.
 Author URI:   http://www.45press.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  jackson
*/

@import 'assets/css/flexslider.css';
@import 'assets/css/colorbox.css';
@import 'assets/css/supersized.css';
@import 'assets/css/style.css';

blockquote {
    font-size: 1em;
    border: 0;
    margin: 0;
    padding: 0;
}

.album-credits {
    color: #000;
}

.header-container #topbar .fb-like-widget {
    border-right: 2px solid #c2ac6c;
    padding: 0 8px 0 0;	
}

.posts-grid .post .post-wrapper .content .excerpt a {
    word-wrap: break-word;
}

.summary ul, .summary ol {
    list-style: disc;
    padding-left: 30px;
}

body.home .top-mobile-container .menu-mobile {
    position: absolute;
}

.newsletter-container .newsletter {
    width: 100%;
    max-width: 500px;
}

.gallery-image a {
    display: block;
    height: 360px;
    overflow: hidden;
}

.gallery-image a img {
    height: 100%!important;
    width: auto!important;
}

#upload-container {
    width: 100%;
    max-width: 700px;
}

#upload-container #form-image .header-image .image-top {
    padding: 34px 0 0 0;
}

.top-mobile-container .nav-mobile #newsletter-box {
    background: #94968f;
}

.ajax-loader {
    margin: 10px 0;
    text-align: right;
}

@media (max-width: 767px) {
    .top-newsletter {
        display: none!important;
    }

    .posts-grid .post {
        width: 100%;
    }

    #upload-container #form-image .header-image .image-top {
        padding: 34px 0 0 0;
    }

    #upload-container #form-image .header-image .image-top img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    #upload-container #form-image .header-image .image-bottom img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;	
    }

    #upload-container #form-image #formImage	{
        width: 100%;
        padding: 0 20px;
    }

    #upload-container #form-image #formImage .action	{
        text-align: center;
    }

    #upload-container #form-image #formImage .action:before {
        display: none;
    }

    #recaptcha_area, #recaptcha_table {
        display: block;
        margin: 0 auto;
    }

    #upload-container #form-image #formImage .action input[type=submit] {
        padding: 0 1em;
    }

}

/* Newsletter */
.header-container {
    z-index: 2000;
}

.link-newsletter>a {
    display: none;
}

.link-newsletter>span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 2px;
}

#header-form {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
}

#header-form .form-group {
    margin-bottom: 0;
}

#header-form .form-control {
    height: 24px;
    font-size: 12px;
    font-style: italic;
    border-radius: 0;
}

#header-form .btn {
    border-color: transparent;
    background-color: transparent;
    background-image: url('assets/img/newsletter-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0;
    height: 24px;
}

#mobile-form .form-group {
    margin-bottom: 20px;
}

#mobile-form .form-control {
    border-radius: 0;
    font-style: italic;
}

#mobile-form .btn {
    border-color: #d4bb74;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    background: #d4bb74;
    text-transform: uppercase;
    padding: 10px 30px;
}

#mobile-form .btn:hover, #mobile-form .btn:focus {
    border-color: #d4bb74;
    background: #d4bb74;
    color: #fff;
}

.fancybox-wrap iframe {
    max-width: 100%;
}

@media (max-width: 1279px) {
    .link-newsletter>a {
        display: inline-block;
    }

    .link-newsletter>span, #header-form {
        display: none;
    }
}

@media (max-width: 767px) {
    .fancybox-inner {
        -webkit-overflow-scrolling: touch !important;
        overflow: scroll !important;
    }   
}

/* New Photos Page */
.photo-tag-cloud-wrap {
    text-align: center;
}

.photo-tag-cloud-wrap>span {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.photo-tag-cloud {
    background: rgba(212, 187, 116, 0.6);
    padding: 15px;
    margin-top: 5px;
}

.photo-icon {
    display: block;
    width: 53px;
    height: 53px;
    position: relative;
    border: 2px solid #faa240;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('assets/img/photos_icon.svg');
    background-size: 73%;
    margin: 0 auto 5px auto;
}

.photo-tag-cloud a {
    display: inline;
    vertical-align: middle;
    padding: 6px;
    color: #fff;
    text-transform: uppercase;
}

.photo-tag-cloud a:nth-child(even) {
    color: #5e5844;
}

.photo-tag-cloud a:hover,
.photo-tag-cloud a:focus {
    color: #fff;
    text-decoration: underline;
}

.photo-tag-cloud a.active {
    text-decoration: underline;  
}

.top-tag a {
    font-size: 29px;
}

.top-tag a:hover,
.top-tag a:focus {
    text-decoration: underline;
}

.photo-gallery>.row:nth-child(n+4) {
    display: none;
}

.photo-gallery-title {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.photo-gallery-image {
    display: block;
    margin-bottom: 20px;
}

.photo-gallery-image>img {
    display: block;
    width: 100%;
    height: auto;
}

.lb-gallery-title {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.lb-gallery-content {
    color: #fff;
    text-align: left;
}

.lb-gallery-photo-credit {
    text-align: right;
    font-size: 12px;
}

.page-template-page-photo .cboxPhoto {
    border: 15px solid #000;
    border-bottom: 0;
}

.page-template-page-photo #cboxTitle {
    float: none!important;
    margin: 0 auto;
    padding: 0!important;
}

.page-template-page-photo #colorbox #cboxTitle .lb-gallery-content {
    background: #000;
    padding: 20px;
}

.page-template-page-photo #colorbox #cboxTitle .lb-gallery-read-more {
    padding: 20px;
}

body.page-template-page-mj-one .post-title {
    position: relative;
}

.tags {
    /*margin-bottom: 15px;*/
    margin: 15px 0;
}

.mj-one-btns {
    position: absolute;
    right: 20px;
    top: 11px;
}

.mj-one-btn {
    display: inline-block;
    vertical-align: middle;
    background: #c5b685;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
}

.mj-one-btn:hover,
.mj-one-btn:focus {
    background: #c5b685;
    color: #fff;
}

.nav>li>a {
    background-image: url('assets/img/dots-arrows.png')!important;
}

.mj-one-btn+.mj-one-btn {
    margin-left: 5px;
}

#photos-action {
    text-align: center;
}

#photos-action>a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    background: #d4bb74;
    padding: 10px 70px;
    text-transform: uppercase;
    display: inline-block;
}

#photos-action>a:hover,
#photos-action>a:focus {
    opacity: 0.8;
    color: #5e5844;
}

#lang_sel {
    margin-top: 17px;
}

#lang_sel ul li ul {
    top: 100%;
}

#lang_sel ul li ul li {
    display: inline-block;
}

#lang_sel a.lang_sel_sel:after {
    top: 0;
    right: -7px;
}

.wpml-ls-statics-shortcode_actions {
    background: none!important;
}

.wpml-ls-legacy-dropdown {
    display: inline-block;
    width: auto;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    border: 0!important;
}

@media(min-width: 768px) {
    .photo-col-left {
        width: 28%;
    }

    .photo-col-right {
        width: 72%;
    }
}

@media(max-width: 767px) {
    .top-tag a {
        font-size: 20px;
    }

    .photo-gallery-title {
        font-size: 20px;
    }

    .mj-one-btns {
        position: static;
        text-align: center;
        margin-top: 20px;
    }

    .nav>li>a {
        background-image: url('assets/img/dot-arrow-1.png')!important;
        background-repeat: no-repeat!important;
        background-position: 10px center!important;
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        background-image: url('assets/img/dot-arrow-2.png')!important;
    }
}

@media(max-width: 480px) {
    .mj-one-btn {
        display: block;
    }

    .mj-one-btn+.mj-one-btn {
        margin-left: 0;
        margin-top: 10px;
    }
}