/**handles:sewell-child-style**/
/*
 Theme Name:   Sewell Child
 Theme URI:    http://victorthemes/themes/sewell
 Description:  Sewell Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     sewell
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar,
 custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  sewell-child
*/

/* Write Custom CSS */

/** CUSTOM ICONS **/
@font-face {
    font-family: 'icomoon';
    src:  url('https://maxischwarzkopf.com/wp-content/themes/sewell-child/assets/fonts/icomoon.eot?u8by52');
    src:  url('https://maxischwarzkopf.com/wp-content/themes/sewell-child/assets/fonts/icomoon.eot?u8by52#iefix') format('embedded-opentype'),
    url('https://maxischwarzkopf.com/wp-content/themes/sewell-child/assets/fonts/icomoon.ttf?u8by52') format('truetype'),
    url('https://maxischwarzkopf.com/wp-content/themes/sewell-child/assets/fonts/icomoon.woff?u8by52') format('woff'),
    url('https://maxischwarzkopf.com/wp-content/themes/sewell-child/assets/fonts/icomoon.svg?u8by52#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-imdb:before {
    content: "\e900";
}
.icon-cu:before {
    content: "\e901";
}

/** ANIMATION **/
.transition {
    -webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

/** GENERAL **/
html {
    scroll-behavior: smooth;
}
#wpadminbar {
    display: none;
}
@media (max-width: 767px) {
    body.home .sewl-main-wrap {
        overflow-x: hidden;
    }
    body.search .sewl-mid-wrap .vertical-scrollbox {
        touch-action: unset;
        -ms-touch-action: unset;
    }
}

.max-w-1400 .wpb_wrapper {
    max-width: 1400px;
    min-height: 200px;
    margin: 0 auto;
}

.no-categories .gallery-info .gallery-category {
    display: none;
}

.hidden {
    display: none;
}

.masonry-item {
    padding: 20px;
}

ul.socials li a {
    font-size: 30px;
    color: #777777;
}

/** SELECTION **/
::selection {
    background: #E60000;
    color: #222222;
}
::-webkit-selection {
    background: #E60000;
    color: #222222;
}
::-moz-selection {
    background: #E60000;
    color: #222222;
}
::-o-selection {
    background: #E60000;
    color: #222222;
}
::-ms-selection {
    background: #E60000;
    color: #222222;
}

.gallery-info .gallery-category:before {
    background: #E60000;
}

.sewl-btn-yellow {
    background: #E60000;
}

/** HEADER **/
header.sewl-header {
    position: relative;
    z-index: 120;
}
header .navbar-nav {
    float: left;
    width: 100%;
}
.sewl-header h1 {
    font-size: 16px;
    line-height: 34px;
}
.sewl-header .navbar-nav > li.logo {
    display: block;
    position: relative;
    z-index: 130;
}

.sewl-header .navbar-nav > li.logo a > img {
    width: 100%;
    max-width: 100px;
}

header .top-navbar .nav li:not(.logo) {
    padding: 25px 16px;
}

header .top-navbar .nav li:not(.logo) a {
    padding: 0;
    position: relative;
    transition: cubic-bezier(.77,0,.18,1) 1s;
    border-bottom: 0;
}

.start-logo img {
    width: 230px;
}

/** SEARCH **/
body.search-active {
    overflow: hidden;
}
body.search-active .search-input {
    opacity: 1;
    pointer-events: all;
    margin: 0 20px;
    width: 100%;
    max-width: 600px;
}
body.search-active .search-close {
    opacity: 1;
    transform: rotate(-90deg);
}

body.search-active .search-bg {
    opacity: 1;
    transform: scale(500);
}
body.search-active .nav li.nav-search {
    cursor: initial;
}
body.search-active .nav .fa-search {
    opacity: 0;
}

header .nav li.nav-search {
    position: relative;
    cursor: pointer;
}
header .nav li.nav-search:hover i {
    color: #E60000;
}

.search-bg {
    z-index: 125;
    position: absolute;
    top: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    box-sizing: border-box;
    background: #fff;
    opacity: 0;
    outline: 0;
    transform-origin: 50%;
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.search-close {
    z-index: 135;
    position: fixed;
    top: 30px;
    right: 30px;
    color: #2d2d2d;
    cursor: pointer;
    font-size: 40px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.search-input {
    position: absolute;
    z-index: 135;
    top: 50%;
    left: 50%;
    margin: 0 20px;
    width: 100%;
    max-width: 600px;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}

.search-input .searchform input[type="text"]{
    float: none;
    width: 70%;
    max-width: 420px;
    margin-right: 10px;
    border: 0;
    border-bottom: 1px solid #2d2d2d;
    padding-left: 0;
}
.search-input .searchform input[type="submit"]{
    width: 10%;
    min-width: 120px;
}

.search-input .searchform i {
    display: none;
}

/** HEADER RESPONSIVE **/
@media(max-width: 900px) {
    header.sewl-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    header .top-navbar {
        background: #fff;
        box-shadow: 3px 0 11px -7px #2d2d2d;
    }
    .sewl-header .navbar-nav > li.nav-search {
        display: none;
    }
    .sewl-header .navbar-nav > li.nav-mobile-search {
        position: relative;
    }
    .sewl-header .navbar-nav > li.nav-mobile-search input {
        border: 0;
        outline: 0;
        padding: 0;
        padding-right: 10px;
        height: auto;
    }
    .sewl-header .navbar-nav > li.logo {
        text-align: center;
        margin-bottom: 2.5rem;
    }
    .sewl-header .navbar-nav > li.logo > a {
        border-bottom: 0;
    }
    header .top-navbar .nav li:not(.logo) {
        padding: 12px 18px;
        border-bottom: 1px solid #2d2d2d;
    }
    .search-close {
        display: none;
    }
}

@media(min-width: 901px) {
    .sticky-wrapper {
        height: auto!important;
    }
    .sticky-wrapper header .top-navbar .nav li.logo {
        display: none;
    }
    .sticky-wrapper.is-sticky header .top-navbar .nav li.logo {
        display: inline-block;
    }
    header .top-navbar .nav li:not(.logo) a:after {
        position: absolute;
        display: block;
        content: '';
        bottom: 0;
        left: 0;
        height: 1px;
        width: 0;
        background: #222222;
        transition: cubic-bezier(.77,0,.18,1) 1s;
    }
    header .top-navbar .nav li.current-menu-item a:after,
    header .top-navbar .nav li:hover a:after {
        width: 100%;
    }
    .sewl-header .navbar-nav > li.nav-mobile-search {
        display: none;
    }
    .sewl-header.scrolling {
        transform: translateY(-200px);
    }
    .sewl-header nav.nav-scroll > ul li.logo {
        display: inline-block;
        padding-bottom: 25px;
    }
    .sewl-header nav.nav-scroll > ul li.logo a {
        width: 100px;
    }
}

/** FOOTER **/
footer {
    position: relative;
    z-index: 3;
    background: #fff;
    color: #2d2d2d;
}
footer .container-full {
    border-bottom: 2px solid #2d2d2d;
    border-top: 2px solid #2d2d2d;
}
footer .footer-content {
    max-width: 450px;
}

footer a,
footer p {
    font-size: 14px;
    color: #2d2d2d;
    margin-bottom: 0;
    line-height: 30px;
}

footer a:hover {
    color: #E60000;
}
footer .sb_instagram_header {
    display: none;
}
footer ul li {
    position: relative;
    display: inline-block;
    padding: 0 0.5rem;
}

footer ul.socials li a {
    color: #2d2d2d;
}
footer ul.socials li a:hover {
    color: #E60000;
}

footer ul.footer-legal li:not(:last-child):after {
    position: absolute;
    display: block;
    content: '|';
    top: 4.5px;
    right: -0.25rem;
}

footer .logo {
    margin: 0 auto;
    width: 150px;
}

footer .logo a {
    width: 100%;
    display: block;
}

footer .logo a img {
    width: 100%;
}

.sewl-back-top {
    z-index: 200;
}

/** Portfolio INFO BOXES **/
.portfolio-info-boxes dd a, .portfolio-info-wrap dd a, a:hover, footer a:hover, a:hover .fa, a:hover i, header .nav li.nav-search:hover i {
    color: #E60000;
}

.portfolio-info-boxes dl dt {
    letter-spacing: 5.5px;
}

.portfolio-info-boxes dl dd {
    text-transform: none;
}

.sewl-project-controls {
    padding-top: .5rem;
}

/** PORTFOLIO ALIGN **/
.sewl-mid-wrap:not(.info-center) .sewl-wrap {
    margin: 0;
    text-align: left;
}

.sewl-mid-wrap:not(.info-center) .sewl-section-heading,
.sewl-mid-wrap:not(.info-center) .sewl-sub-heading {
    text-align: left;
}

.sewl-mid-wrap:not(.info-center) .sewl-section-heading .sewl-heading:after {
    margin: 0;
}

.sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap .sewl-wrap {
    width: 100%;
    max-width: 550px;
}
.sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap .sewl-featured-image-wrap {
    margin: 0 0 0 auto;
    max-width: 500px;
}
.sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap .sewl-featured-image-wrap img {
    height: auto;
    width: 100%;
}

.sewl-mid-wrap.info-center .sewl-featured-image-wrap,
.sewl-mid-wrap.info-center .sewl-infos,
.sewl-mid-wrap.info-center .sewl-rectangle-socials {
    display: none;
}

.sewl-mid-wrap.info-center .sewl-overview-wrap + .sewl-zoom-btn {
    display: none;
}

@media(max-width: 991px) {
    .sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap {
        flex-direction: column;
    }
    .sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap .sewl-featured-image-wrap {
        margin: 0;
        max-width: 100%;
    }
    .sewl-mid-wrap:not(.info-center) .portfolio-detail-wrap .sewl-wrap {
        max-width: 100%;
    }
}

/**HOME VIEW**/
.home .not-on-front {
    display: none!important;
}

/** MASONRY ITEM 2/3 WIDTH **/
.home .portfolio_items.col-item-3 .masonry-item-width-2 {
    width: 66.6666%;
}

body.archive.tax-portfolio_category .portfolio_items {
    width: 1400px;
    margin: 8rem auto 2rem auto;
}
body.archive.tax-portfolio_category .portfolio_items .gallery-category:before,
body.archive.tax-portfolio_category .portfolio_items .gallery-category {
    display: none;
}
body.archive .portinloading {
    display: none;
}

body.archive .filter-nav {
    display: none;
}

footer #sb_instagram .sbi_item a {
    min-height: 100px;
}

/** PORTFOLIO **/
.sewl-portfolio-detail .post-categories .masonry-item-width-2 {
    display: none;
}

.portfolio-info-boxes dd a,
.portfolio-info-wrap dd a {
    color: #E60000;
}

.portfolio-info-wrap .content p {
    font-size: 15px;
    line-height: 24px;
}

.last_item_100 .col-item-2 .masonry-item:last-child {
    width: 100%;
}

/** PORTFOLIO RESPONSIVE **/
@media(min-width: 600px) and (max-width: 991px) {
    .sewl-mid-wrap .portfolio-info-boxes {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        width: 100%;
    }
    .sewl-mid-wrap .portfolio-info-boxes dl {
        width: 100%;
        border: none;
        padding: 0 10px;
    }
}
@media(min-width: 900px) {
    .portfolio-detail-wrap .sewl-wrap {
        width: 900px;
    }
}
@media(max-width: 767px) {
    .sewl-masonry .masonry-item {
        width: 100%!important;
    }
}
@media(max-width: 991px) {
    .single-portfolio .sewl-portfolio-btn {
        z-index: 220;
        right: 15px;
        left: auto;
        bottom: 15px;
    }
    .sewl-portfolio-btn a:hover .info-icon {
        background: #E60000;
    }
}
@media(max-width: 899px) {
    .portfolio-detail-wrap .sewl-wrap .sewl-heading {
        margin-top: 10px;
    }
}
@media(min-width: 1150px) {
    .portfolio-info-boxes dl {
        width: 230px;
        padding: 15px;
    }
}

/** PORTFOLIO FULLHEIGHT **/
.single .sewl-fullheight-wrap.sewl-portfolio-info .portfolio-info-wrap {
    padding: 23px 10px 10px 30px;
    z-index: 180;
}
.single .sewl-fullheight-wrap.sewl-portfolio-info .portfolio-info-wrap .content {
    text-transform: none;
    padding-right: 10px;
}
.single.postid-2731 .sewl-main-wrap.sewl-primary-page {
    padding-top: 115px;
}

/** PORTFOLIO ARCHIVE **/
body.archive.tax-portfolio_category .portfolio_items {
    width: 100%;
    max-width: 1400px;
}
body.archive.tax-portfolio_category .portfolio_items. .gallery-category:before,
body.archive.tax-portfolio_category .portfolio_items. .gallery-category {
    display: none;
}

/** ABOUT ME **/
.service-item [class^="fa-"] {
    font-size: 40px;
}

/** CONTACT **/
.page-template-contact .sewl-main-wrap {
    padding-bottom: 30px;
}

.sewl-contact-wrap .wpcf7-form p {
    margin: 0;
    float: none;
    width: auto;
}

.sewl-contact-wrap .wpcf7-form p > .wpcf7-submit {
    margin-top: 15px;
}

.service-block {
    width: auto;
    float: none;
}

.service-block .more-services {
    display: none;
}