:root {
    --btnColor1-margin:0 0.5rem 0 0;
    --btnColor1-padding : 0.5rem 1rem;
    --btnColor1-bg : #2CA5B3;
    --btnColor1-bg-hover : #3ac3d3;
    --btnColor1-color : #fff;
    --btnColor1-color-hover : #fff;
    --btnColor1-border-color : #2CA5B3;
    --btnColor1-border-color-hover : #2CA5B3;
    
    
    --btnColor2-margin:0 0.5rem 0 0;
    --btnColor2-padding : 0.5rem 1rem;
    --btnColor2-bg : #f5f5f5;
    --btnColor2-bg-hover : #c7c7c7;
    --btnColor2-color : #363636;
    --btnColor2-color-hover : #363636;
    --btnColor2-border-color : #f5f5f5;
    --btnColor2-border-color-hover : #c7c7c7;   
    
    --btnCancel-margin:0 0.5rem 0 0;
    --btnCancel-padding : 0.5rem 1rem;
    --btnCancel-bg : #555555;
    --btnCancel-bg-hover : #363636;
    --btnCancel-color : #fff;
    --btnCancel-color-hover : #fff;
    --btnCancel-border-color : #555555;
    --btnCancel-border-color-hover : #2c2c2c;
    
    
    --btnInfo-margin:0 0.5rem 0 0;
    --btnInfo-padding : 0.5rem 1rem;
    --btnInfo-bg : #ffb62d;
    --btnInfo-bg-hover : #f2a514;
    --btnInfo-color : #ffffff;
    --btnInfo-color-hover : #fff;
    --btnInfo-border-color : #ffb62d;
    --btnInfo-border-color-hover : #f2a514;    
    
    --btnError-margin:0 0.5rem 0 0;
    --btnError-padding : 0.5rem 1rem;
    --btnError-bg : #ff552d;
    --btnError-bg-hover : #f03307;
    --btnError-color : #fff;
    --btnError-color-hover : #fff;
    --btnError-border-color : #ff552d;
    --btnError-border-color-hover : #f03307;    
    
    --btnValide-margin:0 0.5rem 0 0;
    --btnValide-padding : 0.5rem 1rem;
    --btnValide-bg : #86d05f;
    --btnValide-bg-hover : #65af3f;
    --btnValide-color : #fff;
    --btnValide-color-hover : #fff;
    --btnValide-border-color : #86d05f;
    --btnValide-border-color-hover : #65af3f;
    
    
}





.btnColor1 , a.btnColor1 , .btnColor1:focus  , .btnColor1:visited {
    margin:var(--btnColor1-margin);
    padding:var(--btnColor1-padding);
    background-color:var(--btnColor1-bg);
    border-color:var(--btnColor1-border-color);
    color:var(--btnColor1-color);
    text-decoration: none;
}

.btnColor1:hover , a.btnColor1:hover  {
    background-color:var(--btnColor1-bg-hover);
    border-color:var(--btnColor1-border-color-hover);
    color:var(--btnColor1-color-hover);
}

.btnColor2 , a.btnColor2 , .btnColor2:focus, .btnColor2:visited {
    margin:var(--btnColor2-margin);
    padding:var(--btnColor2-padding);
    background-color:var(--btnColor2-bg);
    border-color:var(--btnColor2-border-color);
    color:var(--btnColor2-color);
    text-decoration: none;
}

.btnColor2:hover , a.btnColor2:hover {
        margin:var(--btnColor2-margin);
    padding:var(--btnColor2-padding);
    background-color:var(--btnColor2-bg-hover);
    border-color:var(--btnColor2-border-color-hover);
    color:var(--btnColor2-color-hover);
}


.btnCancel ,a.btnCancel , .btnCancel:focus, .btnCancel:visited , input.btnCancel {
    margin:var(--btnCancel-margin);
    padding:var(--btnCancel-padding);
    background-color:var(--btnCancel-bg);
    border-color:var(--btnCancel-border-color);
    color:var(--btnCancel-color);
    text-decoration: none;
}

.btnCancel:hover ,a.btnCancel:hover , .input.btnCancel:hover {
    background-color:var(--btnCancel-bg-hover);
    border-color:var(--btnCancel-border-color-hover);
    color:var(--btnCancel-color-hover);
}

.btnInfo , a.btnInfo , .btnInfo:focus , .btnInfo:visited , input.btnInfo  {
    margin:var(--btnInfo-margin);
    padding:var(--btnInfo-padding);
    background-color:var(--btnInfo-bg);
    border-color:var(--btnInfo-border-color);
    color:var(--btnInfo-color);
    text-decoration: none;
}

.btnInfo:hover , a.btnInfo:hover , input.btnInfo:hover {
    background-color:var(--btnInfo-bg-hover);
    border-color:var(--btnInfo-border-color-hover);
    color:var(--btnInfo-color-hover);
}

.btnError ,a.btnError , .btnError:focus , .btnError:visited {
    margin:var(--btnError-margin);
    padding:var(--btnError-padding);
    background-color:var(--btnError-bg);
    border-color:var(--btnError-border-color);
    color:var(--btnError-color);
    text-decoration: none;
}

.btnError:hover , a.btnError:hover {
    background-color:var(--btnError-bg-hover);
    border-color:var(--btnError-border-color-hover);
    color:var(--btnError-color-hover);
}

.btnValide ,a.btnValide , .btnValide:focus, .btnValide:visited {
    margin:var(--btnValide-margin);
    padding:var(--btnValide-padding);
    background-color:var(--btnValide-bg);
    border-color:var(--btnValide-border-color);
    color:var(--btnValide-color);
    text-decoration: none;
}

.btnValide:hover , a.btnValide:hover {
    background-color:var(--btnValide-bg-hover);
    border-color:var(--btnValide-border-color-hover);
    color:var(--btnValide-color-hover);
}










body {
    background-color:#2CA5B3;
    position: relative;
}




/* PADDING CONTAINER */

.slide100 {
    padding:5vh 0;
}

#singleArticle .postContainer {
    margin: auto;
}

#singleArticle h1, #singleArticle h2,#singleArticle h3,#singleArticle h4,#singleArticle h5,#singleArticle h6 , #singleArticle p , #singleArticle ul , #singleArticle li{
    width:100%;
}

.entry-header {
    text-align: center;
    font-weight: 900;
    color:white !important;
    background-color:#2CA5B3; 
    padding:1rem 0;
}
.entry-header h1{
    font-size:3.5rem;
    line-height:3.8rem;
    font-weight: 900;
    color:white !important;
    margin:0;
    word-wrap: break-word;
}

#singleArticle .postContainer {
    max-width: 1350px;
    margin: auto;
}
.postContainer.team {
    padding:1vh 0;
    max-width: 1200px;
    margin:auto;
}

.team .projectContent  .articleSection{
        font-size: 1.2rem;
    color:white;
    margin-bottom:0.25rem;
}

.memberContact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.projectContent .memberContact span{
    font-size: 1.2rem;
    color:white;
    min-width:300px;
}
.projectContent .memberContact span:before {

    color:white;
    margin-right:1rem;
}

.slide25 {
    padding:2vh 0;
    flex-basis: 100%;
}


.wbWidth {
    padding:1rem;
    width: 100%;
    margin: auto;
    max-width: 1350px;
}

#clientTitle {
    width: 100%;
    color: #464646;
    flex-basis: 100%;
}

#clientTitle h2 {
    font-family: "Roboto", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
/*    visibility: hidden;*/
}
#clientTitle.onscreen h2 {
 /*   visibility: visible;*/
}


.clientSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}



#connectPoint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.articleDate {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    height: calc(100% - 2rem);
    padding: 1rem 1.5rem;
}

.knowMore {
    z-index: 1;
}
.knowMore .anim{
   display: none;
}

#connectPoint .projectSlide {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.projectDate {
    width: 60px;
    background: #F2F2F2;
    height: 70%;
    max-height: 250px;
}

#connectPoint .projectPicture {
    width: calc(100%);
    padding-top:56.5%;
    height: 100%;
    background: url(http://3styler.net/themes/urbania/fashion/wp-content/uploads/2019/05/kyle-loftus-1169717-unsplash-490x550.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and(min-width:1400px) {
    #connectPoint .projectPicture {
        width: calc(100% - 60px);
    }
}

::-moz-selection {
      background: #2ca5b3;
    color:white;
}

::selection {
    background: #2ca5b3;
    color:white;
}

.homeText {
    position: relative;
}

.homeText .introText {
    background: #186f79 !important;
    padding: 1.5rem;
}

.bookingHours {
    font-weight: 900;
}

.homeText .bookingInfos {
    font-size: 1.2rem;
    padding: 0.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 2px solid white;
    border-top: 2px solid white;
    color: white;
    margin: 1rem 0;
}
@media screen and (max-width:700px) {
    .bookingHours {
        text-align:center;
        width: 100%;
    }
    
    .bookingInfos a{
        text-align:center;
    }
    
}
.fullScreenVideoPlayer {
    overflow: hidden;
    position: absolute;
    width:auto;
    height:100%;
    top:0;
    left:0;
    right:0;
    margin:auto;
    z-index: -1;
}
.fullScreenVideoPlayer video {
    width:auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
}


.projectContent .articleTitle h3 {
    font-size:1.4rem;
    line-height: 1.6rem;
    font-weight: 400;
    margin:1rem 0 0 0;
}
.slideMosaic .projectContent .articleTitle h3 {
    text-shadow: 1px 1px 2px rgba(31, 31, 31, 0.45);
}

#connectPoint .projectContent {
    width: 100%;
    height: 70%;
    padding: 1.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: -1;
}

.articleLink {
    text-align: right;
    color: #2CA5B3;
    font-weight: 600;
}

.articleLink a , .articleLink a:visited{
    text-decoration: none;
    text-align: right;
    color: #2CA5B3;
    font-weight: 600;
    border:1px solid transparent;
}
.articleLink a:hover{
    text-decoration: underline;
    text-align: right;
    color: #16828e;
    font-weight: 600;
}

#connectPoint .articleTitle h3 {
    font-size: 2.4rem;
    margin: 0;
    font-weight: 400;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
}

#connectPoint .projectContainer {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width:1024px){
    #connectPoint.client .projectContainer {
        flex-basis: calc(100%);
    }
    
    #connectPoint .projectContainer {
        flex-basis: calc(33% - 2rem );
        flex-grow: 1;
    }
}



@media screen and (min-width:1050px) {
    #connectPoint .projectPicture {
        width: calc(100%);
    }
    #connectPoint .projectContent {
        width: 100%;
    }
}

#connectPoint .projectContainer:nth-of-type(even) {
    align-self: flex-start;
}

.postContainer .projectDate {
    width: 60px;
    background: #F2F2F2;
    height: auto;
    height: 200px;
}

.postContainer .articleExcerpt  {
    display: block;
}
.postContainer .articleExcerpt.show {
    display: block;
}

.postContainer .projectSlide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.postContainer .projectContent {
    width:100%;
    max-width: 600px;
    padding: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.postContainer .projectPicture {
    width: calc(100%);
    height: 350px;
    background: url(https://images.unsplash.com/photo-1558015245-cfeabcaa793a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.slide100 .projectContainer {
    padding: 0 !important;
    margin:0.5rem;
}

.slide100 .projectContent .articleTitle h3{
    color:white;
}

.slide100 .projectContent {
    position: absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    color:white !important;
    background:rgba(0, 0, 0, 0.00);

}
.slide100 .onscreen .projectContent {
    transition: all ease 0.5s;
    background:rgba(0, 0, 0, 0.23);
    transition-delay: 1s;
    max-width: calc(100% - 60px);
        display: flex;
    justify-content: center;
}

.slide100 .onscreen .articleLink a  {
    display:inline-block;
    padding:0.5rem;
    background:white;
    border-radius: 0.5rem;
}


@media screen and (min-width:700px) {
    .slide100 .onscreen .projectContent {
        transition: all ease 0.5s;
        background:rgba(0, 0, 0, 0.23);
        transition-delay: 1s;
        max-width: 600px;
    }
    
    .postContainer .projectPicture {
       /* height: 65vh;*/
    }
    
        .postContainer .slide25 .projectPicture {
        height: 350px;
    }
}
/*    @media screen and (min-width:2400px){
   .projectSlide  .projectContainer  {
       width:50%;
    }
}*/

.postContainer .projectpadding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.5rem;
    width: 100%;
}

.postContainer .projectContainer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding:1rem;
}



/* PROJECT MOSAIC */

.slideMosaic {
    flex-basis: 100%;
    flex-grow: 1;
}


@media screen and (min-width:768px) {
    .slideMosaic {
        flex-basis: 50%;
    }
}

@media screen and (min-width:1280px) {
    .slideMosaic {
        flex-basis: 33%;
    }
}

@media screen and (min-width:1600px) {
    .slideMosaic {
        flex-basis: 25%;
    }
}

/*.slideMosaic.team.first {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}*/
.slideMosaic.team .projectPicture{
    height:auto;
    min-height: 400px;
    background-position: top;
}

.slideMosaic.team .projectDate {
    display:none;
}


.slideMosaic .projectDate {
    position: absolute !important;
    left: 0;
    top: 0;
    z-index: 10;
    width: auto;
    height: auto;
}

.slideMosaic .projectPicture {
    width:100%;
}

.slideMosaic .projectContainer {
    position: relative;
    padding:0;
}
.slideMosaic .projectContainer h3 {
    color:white;
}
.slideMosaic .projectContainer .articleSection {
    color:white;
}

.slideMosaic .projectContent {
    position: absolute;
    bottom: 0;
    padding:2rem;
}
.slideMosaic .articleDate {
    -webkit-writing-mode: inherit;
    -ms-writing-mode: inherit;
    writing-mode: inherit;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    height: calc(100% - 2rem);
    padding: 1rem 1.5rem;
}

/* PROJECT SLIDE 50 */

.slide25 .projectContent{
    width:95%;
    padding:0.5rem;
}

.slide100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media screen and (min-width:1024px) {
    .slide25 {
        flex-basis: 50%;
        flex-grow: 1;
    }
}
@media screen and (min-width:1600px) {
     .slide25 {
        flex-basis: 25%;
        flex-grow: 0;
    }
}

/*.projectContainer.onscreen {
    background: #001c1f;
}
.projectContainer.onscreen .projectContent {
    background: #fff;
}

.projectPicture {
    background-blend-mode: screen;
    opacity: 1;
}*/

.projectContainer {
    position: relative;
    flex-basis: 100%;
}

.projectContainer .projectPicture {
    visibility: hidden;
    z-index: 1;
    overflow: hidden;
    z-index: 2;
}

.projectContainer.onscreen .projectPicture {
    visibility: inherit;
    position: relative;
}

.projectContainer.onscreen .projectPicture:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    z-index: -1;
    -webkit-animation-name: top0Totop100;
    animation-name: top0Totop100;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: -1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    z-index: 1;
    background: white;
}

.projectContent {
    z-index: 2;
    color: #464646;
}

.projectDate {
    visibility: hidden;
    display:none;
    
}

.projectContainer.onscreen .projectDate {
    visibility: inherit;
    position: relative;
    overflow: hidden;
}

.projectContainer.onscreen .projectDate:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    z-index: -1;
    -webkit-animation-name: animRevealOposit;
    animation-name: animRevealOposit;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: -1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    z-index: 1;
    background: white;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.projectContainer .projectContent div {
    visibility: hidden;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.projectContainer.onscreen .projectContent div {
    visibility: inherit;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-name: contentSlideOpacity;
    animation-name: contentSlideOpacity;
}

.projectContainer.onscreen .projectContent div:nth-child(1) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.projectContainer.onscreen .projectContent div:nth-child(2) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.projectContainer.onscreen .projectContent div:nth-child(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.projectContainer.onscreen .projectContent div:nth-child(4) {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

.projectContainer.onscreen .projectContent div:nth-child(5) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.projectContainer.onscreen .projectContent div:nth-child(6) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.projectContainer.onscreen .projectContent div:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

@-webkit-keyframes contentSlideOpacity {
    from {
        opacity: 0;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes contentSlideOpacity {
    from {
        opacity: 0;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}










/* CLIENT CONTAINER */

.clientContainerSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

@media screen and (min-width:780px) {
    .clientSection {
        flex-basis: 50%;
    }
    
}
.clientList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    align-items: stretch;
    flex-basis: 100%;
}

.clientSection .clientContainer {
    margin:0;
    display: flex;
    justify-content: center;
    visibility: inherit;
    position: relative;
    overflow: hidden;
    padding:0.5rem;
    background-color:#dddddd;
    filter:grayscale(1);
    display: flex;
    align-items: center;
    margin:0.5rem;
    width: calc(50% - 1rem );
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all ease 0.5s;
    -webkit-transition: -webkit-filter ease 0.5s;
    transition: -webkit-filter ease 0.5s;
    transition: filter ease 0.5s;
    transition: filter ease 0.5s, -webkit-filter ease 0.5s;
}
@media screen and (min-width:640px) {
    .clientSection .clientContainer { 
       width: calc(33% - 1.5rem ); 
    }
}

@media screen and (min-width:1200px) {
    .clientSection .clientContainer { 
       width: calc(25% - 2rem ); 
    }
}

/*
@media screen and (min-width:800px) {
    .clientSection .clientContainer { 
       width: calc(25% - 2rem ); 
    }
}
@media screen and (min-width:1000px) {
    .clientSection .clientContainer { 
       width: calc(20% - 2.5rem ); 
    }
}

@media screen and (min-width:1200px) {
    .clientSection .clientContainer { 
       width: calc(16.66% - 3rem ); 
    }
}
@media screen and (min-width:1400px) {
    .clientSection .clientContainer { 
       width: calc(14.28% - 3.5rem ); 
    }
}

@media screen and (min-width:1600px) {
    .clientSection .clientContainer { 
       width: calc(12.5% - 4rem ); 
    }
}*/


.swiper-slide .clientContainer {
    width:calc(100% - 0.5rem) !important;
    max-width: fit-content;
}

.clientSection .clientContainer:after {
    content:'';
    padding-top:100%;
    display:block;
}
.clientContainer {
    margin:1.5rem;
}
.clientContainer img {
    width: calc(100% - 2rem);
    height: auto;
}








.clientSection .clientContainer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    z-index: -1;
    opacity: 1;
    z-index: 1;
    background: white;
    top: 0;
    left: 0;
}

.clientSection .clientContainer:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.clientSection .clientContainer.onscreen:before {
    -webkit-animation-name: top0Totop100;
    animation-name: top0Totop100;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}







/* ajaxGlobalTaxonomy  */

#ajaxGlobalTaxonomy {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:#2CA5B3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding:1rem 0;
    display:none !important;
}

* {
    outline: 0;
}

.ajaxBtn , .ajaxBtn:focus {
    background:white;
    padding:0.5rem;
    font-size:0.85rem;
    border:none;
    border-radius: 0;
    margin-right:0.5rem;
    -webkit-transition:all ease 0.5s;
    transition:all ease 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:0.5rem;
}

.ajaxBtn:hover {
   cursor: pointer;
}

.ajaxBtn ::before {
    padding-right:0.5rem;
    font-size:1.5rem;
    color:#107a86;
    
}

.ajaxBtn.active , .ajaxBtn:hover {
    background:#ace9f1;
    color:grey;
}

.ajaxBtn.active:hover , .ajaxBtn.active:hover > * {
    pointer-events: none;
}



.wp-block-embed__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





embed, iframe, object {
    display: block;
    margin:auto;
}



@media screen and (max-width:1000px) {
    
    #connectPoint .articleTitle h3 {
        font-size:2rem;
        line-height: 2.3rem;
    }
    
    body #connectPoint .projectContent {
        width:100%;
    }
}



.noClick > a {
    pointer-events: none !important;
}