@charset "UTF-8";

/*
Theme Name: Open-Box
Theme URI: https://patrickdavid.com
Author: the Patrick David
Author URI: https://patrickdavid.com
Description: Custom Theme for Open-Box Agency
Version: 1.0
Text Domain: openbox
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/


/*Editor Name: Basa - Open-Box*/

header nav.main-navigation #mobile-menu::before {
	z-index: 1;
}

.news {display:none !important; visibility:0 !important;}

.title p {line-height: 1.4em !important;}


[class|=page-header][class*=-home] [class*=box] .title h2 {
    font-size: 7rem !important;
    }


@media screen and (max-width: 414px){
[class|=page-header][class*=-home] .ctabutton {
    bottom: 50px !important;
    right: 70px !important;
	}
[class|=services] [class|=service] {
    /*padding-bottom: 75px;*/
    padding: 0 15px 35px 15px;
}


}

.service p {
    text-align: left !important;
}

p.moove {
    text-align: left !important;
	font-weight: 700 !important;
}

.service h3 {
    text-align: center !important;
    max-width: none !important;
}

.page-content--service .service h3 {
	white-space: nowrap;
}

.partners-loader ul li,
.partners-loader ul li.load,
li.load {
    height: 100px !important;
}

.partners-loader ul li img,
.partners-loader ul li.load img,
[class*=partners-loader] ul li img {
    max-height: none !important;
}

[class|=page-content][class*=-service] [class|=page-title] h2.head {
    margin-top: 75px !important;
}

[class|=page-content][class*=-service] .case-studies {
    padding-top: 0px !important;
}

.case-carousel {
    padding-bottom: 0px !important;
}

.press-image figure img {
    display: block;
    padding-bottom: 10px !important;
}

.press-logo {
    padding-top: 20px !important;
}

.press-separator {
    padding: 20px !important;
}

#portfolio-block_5e1e225576864 {
    padding-bottom: 0px !important;
}
/*
header nav.main-navigation #mobile-menu .mobile-wrap .social ul li.wpml-ls-item,
header nav.main-navigation #mobile-menu .mobile-wrap .social ul li#menu-item-17928 {
    display: none!important;
}*/

#menu-item-17928:before, #menu-item-20890:before {
    content: "|";
    color: rgba(219, 219, 219, 0.75);
    line-height: 1.8;
    font-weight: 600;
    letter-spacing: 0.1rem;
    margin-right: 1rem;
}

@media screen and (min-width: 992px) {
    header nav.main-navigation #mobile-menu .mobile-wrap .primary-links ul li a {
        font-size: 2.2rem;
        line-height: 1.4;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .primary-links ul li a:before {
        top: 14px;
    }
    /*#mobile-menu .mobile-wrap .primary-links ul li a {font-size:2.2rem !important; line-height:1.4 !important;}
    #mobile-menu .mobile-wrap .primary-links ul li a:before {top:14px !important;}/*/
    header nav.main-navigation #mobile-menu .mobile-wrap #mobile-menu .mobile-wrap .secondary-links ul li a {
        font-size: 1.6rem;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .social {
        bottom: 20px;
    }
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

@media screen and (min-width: 1200px) {
    header nav.main-navigation #mobile-menu .mobile-wrap .social {
        bottom: 60px;
    }
}

@media screen and (max-width: 576px) {
    header nav.main-navigation #mobile-menu .mobile-wrap {
        height: 100vh;
        overflow-y: scroll;
        /*overflow-x: hidden;*/
		padding: 14vh 0px 20px 0px;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .secondary-links ul li a {
        letter-spacing: 0;
        line-height: 2;
        font-size: 1.125rem;
    }
	header nav.main-navigation #mobile-menu .mobile-wrap .primary-links ul li a {
		padding-left:30px;
	}
	header nav.main-navigation #mobile-menu .mobile-wrap .social {
		padding-left: 30px;
	}
    header nav.main-navigation #mobile-menu.open .social ul li:first-child {
        margin-bottom: 0.5rem;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .social ul li {
        display: inline;
    }
    #menu-item-17928:before {
        display: block;
        content: "";
        margin-right: 0;
    }
    #menu-item-17928 a {
        margin-right: 1rem;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .social ul li.wpml-ls-item {
        display: inline-block;
    }
    header nav.main-navigation #mobile-menu .mobile-wrap .social {
        position: static;
        left: inherit;
        bottom: inherit;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 100%;
        float: left;
        margin-bottom: 0.5rem;
        margin-top: 3rem;
    }
	header nav.main-navigation #mobile-menu .mobile-wrap .secondary-links, header nav.main-navigation #mobile-menu .mobile-wrap .primary-links {
		width: 50%;
	}
}


/*[class|=page-content][class*=-post] .content img {width: auto !important; display:inline !important;}*/

@media screen and (max-width: 576px) {
    [class|=services] [class|=service] .image img {
        margin-left: auto !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: auto !important;
    }
}


/*
.news-navigation {padding:30px !important;}
.news-navigation .nav-left {float:left !important;}
.news-navigation .nav-right {float:right !important;}
*/

.news-navigation {
    padding: 30px !important;
}

.box-news-nav {
    display: flex;
    justify-content: space-between;
}

.news-navigation .nav-left {}

.news-navigation .nav-right {
    text-align: right !important;
}

article.single-news .image img,
.case-carousel .item .image img {
    max-width: initial !important;
}

@media screen and (max-width: 576px) {
	.social .menu-item {
		display: inline !important;
	}
    .case-carousel .item .info h3 {
        font-size: 1.4em !important;
    }
	[class|=page-header][class*=-project] h1 {
		font-size:1.5rem !important;
	}
}

@media screen and (max-width: 350px) {
    .case-carousel .item {
        height: 200px;
    }
    .case-carousel .item .image img {
        width: 100%;
    }
    .case-wrap .navigation {
        top: inherit;
        right: 10px !important;
        bottom: -260px;
    }
		[class|=page-header][class*=-project] h1 {
		font-size:1.4rem !important;
	}
}

.case-carousel,
.case-carousel .item {
    overflow: hidden;
}

@media screen and (max-width: 767px) {
	.current_page_item a::before {
		opacity: 1 !important;
		left: 6px !important;
		width: 15px !important;
		height: 15px !important;
		top: 14px !important;
		z-index: 99999;
		transition: .05s all ease-in-out !important;
	}
	header nav.main-navigation #mobile-menu .mobile-wrap .primary-links ul li a {
		position: relative;
	}
	header nav.main-navigation #mobile-menu, header nav.main-navigation #mobile-menu * {
		overflow-x: revert-layer !important;
	}
	.current_page_item {
		overflow: auto;
	}
	p.moove {
	font-weight: 400 !important;
}
    .case-carousel .swiper-wrapper,
    .news-carousel-mobile .swiper-wrapper {
        flex-wrap: nowrap;
    }
    .swiper-container{
        position: static;
        width:100%;
        height:auto;
        overflow: hidden;
    }
    .swiper-wrapper {
        display: flex;
		flex-direction: column;
		/*display: block;*/
        flex-wrap: nowrap;
    }
	.case-carousel .swiper-wrapper, .news-carousel-mobile .swiper-wrapper {
		flex-direction: row !important;
	}
	.page-template-page-tpl-knowhow .swiper-wrapper {
		flex-wrap: unset;
    }
}

.case-wrap .navigation [class|="nav"].swiper-button-next:after,
.case-wrap .navigation [class|="nav"].swiper-button-prev:after {
    content: none
}

.case-wrap .navigation [class|="nav"].swiper-button-next,
.case-wrap .navigation [class|="nav"].swiper-button-prev {
    position: relative;
    right: initial;
    left: initial;
    top: initial;
    height: 50px;
    width: 50px;
    margin-top: initial;
    display: inline-block;
}

.news-carousel-mobile {
    display: none;
}

@media screen and (max-width: 991px) {
	.page-content--service .service h3 {
		white-space: normal;
	}
    .news-carousel {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .news-carousel-mobile {
        display: block;
    }
    .news-carousel-mobile article.single-news .meta .box {
        box-sizing: border-box;
    }
}

.news-carousel-mobile,
.news-carousel-mobile .item {
    overflow: hidden;
}

[class|=masonry-items] .one-item .image img {
    max-width: initial;
}

html :where(img) {
    height: auto;
    max-width: initial;
}


/**
 * by default, nooz will try to auto adjust its column widths to match the
 * container width it is placed inside of, depending on the theme being used,
 * this may not always work, the following can help do that
 */

.nooz-view {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto;
}


/**
 * targets the container around all the posts (press releases and coverage posts)
 */

.nooz-posts {
    padding: 30px;
}


/**
 * this targets the any post items
 */

.nooz-post {
    background-color: #000;
    box-shadow: none !important;
}


/**
 * this targets only coverage post items
 */

.nooz-post--nooz_coverage {
    background-color: #000;
}


/**
 * this targets only press release post items
 */

.nooz-post--nooz_release {
    border: 3px solid red;
}


/**
 * each post item is wrapped inside a link html tag, making the entire item
 * clickable, depending on the theme being used, the contents of the item may
 * become underlined, the following can help to prevent that
 */

.entry a.nooz-post__link {
    text-decoration: none;
}


/**
 * targeting inner content of the post item
 */

.nooz-post__heading {
    color: #d47e29;
    font-size: 1.2em !important;
    font-weight: bold;
}

.nooz-post__datetime {
    color: #ccc;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.nooz-post__excerpt {
    color: #333;
}

.nooz-post__source {
    padding-top: 0px !important;
}

.nooz-post__source-text {
    font-size: 1em;
    color: #333;
    text-transform: none !important;
    font-weight: bold;
}


/**
 * there may be a garient that is applied, if an excerpt is used, to make it look
 * as if the excerpt is fading off, this can be removed with the following
 */

.entry .nooz-post__link:after {
    /*background: none;*/
}

.nooz-post__preview-background {
    height: 170px !important;
}

.nooz-post__body>*:first-child {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.page-content--home .intro .head {
	max-width: 100% !important;
}

body .main-wrap .page-header--services--s2 {
	height: 900px;
}