/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,17): run-time error CSS1039: Token not allowed after unary operator: '-gray_dark2'
(58,17): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue1'
(74,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue025'
(79,24): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue1'
(83,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpRed025'
(87,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpRed050'
(91,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpRed075'
(95,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpRed1'
(99,17): run-time error CSS1039: Token not allowed after unary operator: '-pjpRed1'
(107,17): run-time error CSS1039: Token not allowed after unary operator: '-gray_dark'
(111,17): run-time error CSS1039: Token not allowed after unary operator: '-gray'
(129,17): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue075'
(210,17): run-time error CSS1039: Token not allowed after unary operator: '-gray_dark3'
(225,17): run-time error CSS1039: Token not allowed after unary operator: '-gray_dark3'
(579,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue075'
(589,28): run-time error CSS1039: Token not allowed after unary operator: '-pjpBlue1'
 */
:root {
    --pjpBlue010: rgba(5,17,169,0.1);
    --pjpBlue025: rgba(5,17,169,0.25);
    --pjpBlue075: rgba(5,17,169,0.75);
    --pjpBlue1: rgba(5,17,169,1); /*#0511a9*/
    --pjpRed1: rgba(193,0,0,1); /*#c10000*/
    --pjpRed025: rgba(193,0,0,0.25); /*#c10000*/
    --pjpRed050: rgba(193,0,0,0.50); /*#c10000*/
    --pjpRed075: rgba(193,0,0,0.75); /*#c10000*/

    --gray: rgba(100, 100, 100, 1); /*#646464*/
    --gray_dark: rgba(63, 63, 63, 1); /*#3F3F3F*/
    --gray_dark2: rgba(34, 34, 34, 1); /*#333333*/
    --gray_dark3: rgba(0, 0, 0, 1);
    --gray_light: rgba(192, 192, 192, 1); /*#C0C0C0*/
    --gray_xlight: rgba(242, 242, 242, 1); /*#F2F2F2*/
}

body {
    padding-bottom: 20px;
    font-family: Roboto;
    letter-spacing: 0.1rem;
    font-size: 1.1rem;
    color: var(--gray_dark2);
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.pointer {
    cursor: pointer;
}

.opacity03 {
    opacity: 0.3;
}

.opacity04 {
    opacity: 0.4;
}

.opacity05 {
    opacity: 0.5;
}

.pjpBlue {
    color: var(--pjpBlue1);
}

.pjpBlueBC1 {
    background-color: rgba(5,17,169,1);
}

.pjpBlueBC01 {
    background-color: rgba(5,17,169,0.1);
}

.pjpBlueBC02 {
    background-color: rgba(5,17,169,0.2);
}

.pjpBlueBC025 {
    background-color: var(--pjpBlue025);
}

.borderBlue1 {
    border: solid 3px;
    border-color: var(--pjpBlue1);
}

.pjpRedBC025 {
    background-color: var(--pjpRed025);
}

.pjpRedBC050 {
    background-color: var(--pjpRed050);
}

.pjpRedBC075 {
    background-color: var(--pjpRed075);
}

.pjpRedBC1 {
    background-color: var(--pjpRed1);
}

.pjpRed {
    color: var(--pjpRed1);
}

.pjpOrange {
    color: #C55A11;
}

.pjpGray_dark {
    color: var(--gray_dark);
}

.pjpGray {
    color: var(--gray);
}

/* FONT SIZING Shooting info */

.pjp-fs-5 {
    font-size: 1rem;
}

@media (min-width:768px) {
    .pjp-fs-5 {
        font-size: 1.25rem;
    }
}

.navActive {
    padding: 0.5rem 1rem;
    font-weight: bolder;
    color: var(--pjpBlue075);
}

.navbar-brand img {
    /*flex: 0 0 auto*/;
    width: 16%;
}

.navbar-pjp {
    /*flex: 0 0 auto*/;
    margin: 0;
}

.navbar-pj {
    font-size: 1.25rem !important;
    /*display: flex !important;*/
    letter-spacing: 3px;
    text-align: center !important;
}

.navbar-pj-theme {
    font-size: 1.10rem !important;
    /*display: flex !important;*/
    letter-spacing: 2px;
    margin: 0;
    text-align: center !important;
}

@media (min-width: 768px) {
    .navbar-brand img {
        width: 90%;
    }

    .navbar-pj-theme {
        font-size: 2.0rem !important;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-pjp {
        margin: 0;
    }

    .navbar-pj {
        font-size: 2.0rem !important;
        letter-spacing: 4px;
        text-align: end !important;
        padding: 0 30px 0 0;
    }

    .navbar-pj-theme {
        font-size: 2.5rem !important;
        margin: 0;
        padding: 0 0 0 30px;
    }
}


.modal-backdrop {
    opacity: 0.5 !important;
    background-color: white;
}

.modal-body-backdrop {
    opacity: 1 !important;
}

.galerie img {
    max-height: auto;
}

.text-under-img {
    position: relative;
    background-color: aliceblue;
    border-radius: 2rem;
    border: solid 2px red;
    opacity: 0.7;
    padding: 1.0rem;
    margin: 1.0rem;
    width: 100%;
    color: var(--gray_dark3);
    font-weight:bold;
}
/*Start @lg*/
.text-on-img {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: aliceblue;
    border-radius: 2rem;
    border: solid 2px red;
    opacity: 0.8;
    padding: 1.0rem;
    margin: 1.0rem;
    width: 40%;
    color: var(--gray_dark3);
/*    font-weight:bold;*/
}

    .text-on-img.left {
        left: 25%;
    }

    .text-on-img.right {
        right: -17%;
    }

    .text-on-img .branding-title {
        font-size: 2.0rem;
    }

    .text-on-img .branding-text {
        font-family: Georgia, serif;
        text-align: justify !important;
        font-size: 1.2rem;
    }

@media (min-width: 1200px) {

    .text-on-img .branding-title {
        font-size: 2.0rem;
    }

    .text-on-img .branding-text {
        font-size: 1.2rem;
    }
}

@media (min-width: 1400px) {
    .text-on-img {
        width: 30%;
    }

        .text-on-img.left {
            left: 23%;
        }

        .text-on-img.right {
            right: -10%;
        }

        .text-on-img .branding-title {
            font-size: 2.5rem;
        }

        .text-on-img .branding-text {
            font-size: 1.5rem;
        }
}


/*HOME BRANDING*/
#home-personal-branding {
    /*    background-color: #e7e6e6;*/
    background-image: url('/Images/H/9056a8fc-2521-4a77-8cc9-5c95b8d18895.jpg');
}

#home-corporate-branding {
    /*    background-color: #e7e6e6;*/
    background-image: url('/Images/H/06d3315d-c934-49bd-adc6-0d7457b00692.jpg');
}

#home-employer-branding {
    /*    background-color: #e7e6e6;*/
    background-image: url('/Images/H/d960f1ba-e0fa-4041-a20b-36b25fd5de21.jpg');
}

.home-img-bg-branding {
    /*    background-color: #e7e6e6;
    background-image: url('/Images/H/9056a8fc-2521-4a77-8cc9-5c95b8d18895.jpg');*/
    display: flex;
    flex-direction: column;
    background-position-x: 50%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 230px;
}

.home-text-on-img {
    background-color: aliceblue;
    border-radius: 2rem;
    border: solid 2px red;
    opacity: 0.7;
    padding: 1.0rem;
    margin: 1.0rem;
    /*width: 100%;*/
}

    .home-text-on-img.left {
        position: static;
        /*        left: 0px;
        top: 250px;
*/
    }

    .home-text-on-img .branding-title {
        font-size: 2.0rem;
    }

    .home-text-on-img .branding-text {
        font-family: Georgia, serif;
        text-align: justify !important;
        font-size: 1.2rem;
    }

@media (min-width: 768px) {
    .home-img-bg-branding {
        height: 350px;
    }

    .home-text-on-img.left {
        position: relative;
        left: 0%;
        top: 9%;
        width: 45%;
    }

    .home-text-on-img.right {
        position: relative;
        right: -52%;
        top: 9%;
        width: 45%;
    }

    .home-text-on-img .branding-title {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .home-img-bg-branding {
        height: 470px;
    }

    .home-text-on-img.left {
        left: 2%;
        top: 18%;
        width: 40%;
    }

    .home-text-on-img.right {
        right: -54%;
        top: 18%;
        width: 40%;
    }

    .home-text-on-img .branding-title {
        font-size: 2.2rem;
    }

    .home-text-on-img .branding-text {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .home-img-bg-branding {
        height: 660px;
    }

    .home-text-on-img.left {
        left: 3%;
        top: 40%;
        width: 40%;
    }

    .home-text-on-img.right {
        right: -57%;
        top: 40%;
        width: 40%;
    }

    .home-text-on-img .branding-title {
        font-size: 2.8rem;
    }

    .home-text-on-img .branding-text {
        font-size: 1.8rem;
    }
}

@media (min-width: 1400px) {
    .home-img-bg-branding {
        height: 1144px;
    }

    .home-text-on-img.left {
        left: 3%;
        top: 40%;
        width: 40%;
    }

    .home-text-on-img.right {
        right: -57%;
        top: 40%;
        width: 40%;
    }
}

/*PERSONAL BRANDING*/
#personal-branding-1 {
    background-image: url('/Images/78099551-2572-4eb3-9d23-f19d6b12530c.jpg');
}

#personal-branding-2 {
    background-image: url('/Images/7448b746-c1b6-41d4-999e-b6ef87a7ef7f.jpg');
}

.pages-img-bg-branding {
    display: flex;
    flex-direction: column;
    background-position-x: 50%;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 290px;
}

.pages-text-on-img {
    background-color: aliceblue;
    border-radius: 2rem;
    border: solid 2px red;
    opacity: 0.7;
    padding: 1.0rem;
    margin: 1.0rem;
    /*width: 100%;*/
}

    .pages-text-on-img.left {
        position: static;
        /*        left: 0px;
        top: 250px;
*/
    }

    .pages-text-on-img .branding-title {
        font-size: 2.0rem;
    }

    .pages-text-on-img .branding-text {
        font-family: Georgia, serif;
        text-align: justify !important;
        font-size: 1.2rem;
    }

@media (min-width: 768px) {
    .pages-img-bg-branding {
        height: 510px;
    }

    .pages-text-on-img.left {
        position: relative;
        left: 0%;
        top: 1%;
        width: 50%;
    }

    .pages-text-on-img.right {
        position: relative;
        right: -52%;
        top: 1%;
        width: 50%;
    }

    .pages-text-on-img .branding-title {
        font-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .pages-img-bg-branding {
        height: 685px;
    }

    .pages-text-on-img.left {
        left: 2%;
        top: 6%;
        width: 42%;
    }

    .pages-text-on-img.right {
        right: -54%;
        top: 6%;
        width: 42%;
    }

    .pages-text-on-img .branding-title {
        font-size: 2.2rem;
    }

    .pages-text-on-img .branding-text {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .pages-img-bg-branding {
        height: 810px;
    }

    .pages-text-on-img.left {
        left: 3%;
        top: 10%;
        width: 40%;
    }

    .pages-text-on-img.right {
        right: -57%;
        top: 10%;
        width: 40%;
    }

    .pages-text-on-img .branding-title {
        font-size: 2.8rem;
    }

    .pages-text-on-img .branding-text {
        font-size: 1.8rem;
    }
}

@media (min-width: 1400px) {
    .pages-img-bg-branding {
        height: 1360px;
    }

    .pages-text-on-img.left {
        left: 3%;
        top: 30%;
        width: 40%;
    }

    .pages-text-on-img.right {
        right: -57%;
        top: 30%;
        width: 40%;
    }
}



.ProgressShooting075 {
    /*    background-color: #e7e6e6;*/
    background-image: url('/Content/Images/Design/Branding/ProgressBlue075left.gif'), url('/Content/Images/Design/Branding/ProgressBlue075Right.gif');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    background-color: var(--pjpBlue075);
    color: white;
    height: 100px;
}

.ProgressShooting01 {
    /*    background-color: #e7e6e6;*/
    background-image: url('/Content/Images/Design/Branding/ProgressBlue1left.gif'), url('/Content/Images/Design/Branding/ProgressBlue1Right.gif');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
    background-color: var(--pjpBlue1);
    color: white;
    height: 100px;
}

.PhotoShootInfoTxtWithArrow {
    background-image: url('/Content/Images/Design/Branding/Fleche.svg');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.PhotoShootInfoTxtWithArrowInverse {
    background-image: url('/Content/Images/Design/Branding/FlecheInverse.svg');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 30px;
}

/* Langues */
.Flag-en, .Flag-de, .Flag-fr {
    display: inline-block;
    width: 23px;
    height: 15px;
    font-size: 0;
    padding-left: 23px;
}

.Flag-en {
    background: url('/Content/Images/Design/Flags/en.jpg');
}

.Flag-de {
    background: url('/Content/Images/Design/Flags/de.jpg');
}

.Flag-fr {
    background: url('/Content/Images/Design/Flags/fr.jpg');
}


/* bootstrap menu dropdown hover */
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

.paragraph-txt {
    padding: 1.0rem !important;
    white-space: pre-line;
}



/* FANCYBOX */
@media all {
    .fancybox-thumbs {
        top: auto;
        width: auto;
        bottom: 0;
        left: 0;
        right: 0;
        height: 95px;
        padding: 10px 10px 5px 10px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, 0.3);
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 0;
        bottom: 95px;
    }
}

.photoMaxHeight {
    max-height: 350px;
    width: auto;
    padding: 0.25rem !important;
}

/*
 *  Bootstrap Carousel Effect Ken Burns
 * ===========================================================================*/

@keyframes kenburns {
    0% {
        transform: scale(1);
        transition: transform 20000ms linear 0s;
    }

    100% {
        transform: scale(1.3);
        transition: transform 20000ms linear 0s;
    }
}

/* Carousel Wrapper */
.kb-carousel {
    overflow: hidden;
    max-height: 1400px
}

    /* Carousel Items */
    .kb-carousel .carousel-item {
        transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
    }

        .kb-carousel .carousel-item.active {
            transition: transform .6s ease-in-out 0s, opacity ease-in-out .6s;
        }

    .kb-carousel > .carousel-inner > .carousel-item > img,
    .kb-carousel > .carousel-inner > .carousel-item > a > img {
        /*opacity: 0.8;*/
        animation: kenburns 20000ms linear 0s infinite alternate;
    }

    .kb-carousel .carousel-item-next.carousel-item-start .carousel-caption,
    .kb-carousel .carousel-item-prev.carousel-item-end .carousel-caption {
        z-index: 0;
        opacity: 0;
    }

/* Carousel Captions */
.kb-caption {
    right: 7%;
    left: 7%;
    bottom: 25%;
    padding: 0;
    width: 80%;
}

.kb-caption-left {
    margin-right: auto;
}

.kb-caption-right {
    margin-left: auto;
}

.kb-caption-center {
    margin: auto;
}

.kb-caption h1,
.kb-caption h3 {
    padding: 0.5rem 0;
    margin-bottom: 0;
}

.kb-caption h1 {
    animation-delay: 1s;
    color: #bf392b;
    background: #fff;
}

.kb-caption h3 {
    animation-delay: 1.5s;
    color: #fff;
    background: rgba(0 0 0 / 0.5);
}

@media (min-width: 768px) {
    .kb-caption {
        bottom: 37%;
        width: 40%;
    }
}

@media (min-width: 1200px) {
    .kb-caption {
        bottom: 45%;
    }
}

/* Controls */
.kb-control-prev,
.kb-control-next {
    width: 3.5rem;
    height: 3.5rem;
    margin: auto 0;
    opacity: 0;
    color: #fff;
    background: rgba(0 0 0 / 0.7);
}

.kb-carousel:hover .kb-control-prev,
.kb-carousel:hover .kb-control-next {
    opacity: 1;
}

.kb-control-prev {
    left: 1%;
}

.kb-control-next {
    right: 1%;
}

    .kb-control-prev:hover,
    .kb-control-prev:focus,
    .kb-control-next:hover,
    .kb-control-next:focus {
        color: #fff;
        background: rgba(0 0 0 / 1);
    }

/* Support for dark mode */
[data-bs-theme = "dark"] .carousel .carousel-control-next-icon,
[data-bs-theme = "dark"] .carousel .carousel-control-prev-icon {
    filter: none;
}

