/*
Theme Name: WeR - Oswald Child
Template: oswald
Author: WeRobotics
Description:  Oswald Child Theme with WeR components
Author URI: https://werobotics.org
Version: 2.5
*/
@import url("../oswald/style.css");

/* Limit the photo size on single team page */
.wpdaddy_single_team_thumbnail__wrapper img {
    max-height: 270px;
    border-radius: 5px;
}
/* Limit the photo size on the single-portfolio page*/
.wpdaddy_single_portfolio_thumbnail {
    max-height: 200px !important;
}
/* Fix a bug in template 1.0.13 where images do not appear on portfolios and team */
.wpdaddy_portfolio_list__image-holder img,
.wpdaddy_team_list__image-holder img {
    opacity: 1 !important;
}
/* WPDaddy override */
.wpd_icon_box__text {
    text-align: justify;
}
.wpb_text_column p {
    text-align: justify;
}
.wpd_icon_box_icon--box_view {
    padding: 35px;
}
/* GT3 Gallery override */
.gt3pg_gallery-columns-1 .gt3pg_gallery-item {
    width: 100% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-2 .gt3pg_gallery-item {
    width: 50% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-3 .gt3pg_gallery-item {
    width: 33.333333333333% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-4 .gt3pg_gallery-item {
    width: 25% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-5 .gt3pg_gallery-item {
    width: 20% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-6 .gt3pg_gallery-item {
    width: 16.66666666666% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-7 .gt3pg_gallery-item {
    width: 14.28571428% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-8 .gt3pg_gallery-item {
    width: 12.5% !important;
    min-width: 100px;
}
.gt3pg_gallery-columns-9 .gt3pg_gallery-item {
    width: 11.11111111111% !important;
    min-width: 100px;
}
@media only screen and (min-width: 667px) {
    .nx-small-team .wpdaddy_team_list__title {
        font-size: 1em;
    }
    .nx-small-team .wpdaddy_team_list__position {
        font-size: 0.9em;
    }
    .nx-sdg-gallery .gt3pg_photo_gallery {
        margin: -15px;
    }
}
@media only screen and (max-width: 667px) {
    .nx-logo-gallery .gt3pg_item_main_wrapper {
        padding: 15px !important;
    }
    .wpdaddy_team_list__item.span3 {
        width: 100% !important;
    }
    .nx-map {
        display: none;
    }
}
/* Set the popup size */
@media (orientation: landscape) {
    .lity-iframe-container {
        padding-top: 75% !important;
    }
}
@media (orientation: portrait) {
    .lity-iframe-container {
        padding-top: 141% !important;
    }
}
/* For the blog posts RSS lists */
/* Ici, on récupère des débordements par rapport aux autres éléments de colonnes*/
.nx_blog_list_container {
    margin: 0 15px 0 15px;
}
.nx_blog_list .wpd_blog_list__header {
    margin-bottom: 0px !important;
}
.nx_blog_list .wpd_blog_list__footer {
    margin-top: 0px;
}
.nx_blog_list .wpd_blog_list__categories {
    display: none;
}
.nx_blog_list .wpd_blog_list__content {
    display: none;
}
/* Pure CSS for ellipses on multi-line texts */
/* https://hackingui.com/a-pure-css-solution-for-multiline-text-truncation/ */
.nx_blog_list .wpd_blog_list__title {
    word-break: keep-all !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    overflow: hidden; /* hide text if it more than N lines  */
    position: relative; /* for set '...' in absolute position */
    line-height: 1.6em !important; /* use this value to count block height */
    min-height: 4.8em; /* min-height = line-height (1.6) * lines max number (3) */
    max-height: 4.8em; /* max-height = line-height (1.6) * lines max number (3) */
    margin-right: -1em; /* place for '...' */
    padding-right: 1em;
}
/* create the ... */
.nx_blog_list .wpd_blog_list__title:before {
    /* points in the end */
    content: '...';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of block */
    right: 0;
    bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.nx_blog_list .wpd_blog_list__title:after {
    /* points in the end */
    content: '';
    /* absolute position */
    position: absolute;
    /* set position to right bottom corner of text */
    right: 0;
    /* set width and height (4.8 in case title has a single line) */
    width: 1em;
    height: 4.8em;
    margin-top: 0.2em;
    /* bg color = bg color under block */
    background: white;
}
.nx_blog_list .wpd_blog_list__date {
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: -10px;
}
.nx_blog_list .slick-track {
    margin: auto !important;
}
/* Specific Noxaka's styles */
.nx-justify {
    text-align: justify;
}
.nx-align-right {
    text-align: right;
}
.nx-align-center {
    text-align: center;
}
.nx-align-left {
    text-align: left;
}
/* Added styles for the RSS slick slider */
.nx_blog_carousel {
    margin-top: 40px;
}
.nx_blog_carousel .wpd_carousel_list {
    min-height: 100px;
}
.nx_blog_carousel .wpd_blog_list__post_wrapper {
    margin-bottom: 30px !important;
}
.slick-storage {
    display: none;
}
.slick-error {
    display: none;
    width: 100%;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}
.slick-loader { 
    width: 100%;
    height: 40px;
}
.slick-loader.on-next-button {
    top: calc(50% - 59px);
    position: absolute;
    height: 40px;
    width: 40px;
    right: -49px;
    left: auto;
}
.slick-loader img {
    display: none;
    margin: auto;
}
.loader-type1 img {
    height: 30px;
    width: 30px;
}
/* Added styles for custom portfolio Grid with WPBakery (used on Flyinglabs) */
.nx-portfolio-item-top {
    border-top: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer !important;
}
.nx-portfolio-item-bottom {
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    border-radius: 0px 0px 5px 5px;
    cursor: pointer;
}
.nx-portfolio-item-title {
    font-family: Roboto;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.6em !important;
    overflow-wrap: break-word;
    height: 40px;
}
.nx-portfolio-item-category, .nx-portfolio-item-tags {
    font-family: Roboto;
    font-weight: 400;
    text-align: center;
    font-size: 13px !important;
    color: #9ba0b5;
}
.nx-portfolio-item .vc_grid-item-mini {
    transition: box-shadow 0.3s ease-in-out;
}
.nx-portfolio-item .vc_grid-item-mini:hover {
    box-shadow: 0 30px 40px 0 rgba(28,30,35,0.2);
    transition: box-shadow 0.3s ease-in-out;
}