@charset "UTF-8";


/*
Theme Name: Profile
*/

:root {
  --offset-value: 50px;
}

#wcb #wcb_2 {color:#fff !important}

/*Couleurs*/
.red {color:#f72d7f} .red:hover {color:#f72d7f} .bg-red {background-color:#f72d7f}
.blue {color:#002060} .bg-blue {background-color:#002060}
.bleu-roi {color:#001993} .bg-bleu-roi {background-color:#001993} a.hbr:hover {color:#001993}
.bgcolor3 {background-color:#c6d9df}
.white {color:#fff;} a.white {color:#fff;} .bg-white {background-color:#fff} 
.bflashl {color:#5EAAF8;} .bg-bflashl {background-color:#5EAAF8}
.bg-gray {background-color:#e7ebf7} .gray {color:#BFBFBF}

.hover-i:hover {color:inherit}

/*Animation*/
 /*.flexsection-image img,*/ .cas-client-list, .galerie-logo.anim, .profilers-list {opacity:0}
 /*.flexsection-image img.in-view,*/ .cas-client-list.in-view, .galerie-logo.anim.in-view, .profilers-list.in-view {animation: expand ease; animation-duration: 0.8s;animation-delay:0.6s;animation-fill-mode: forwards;}

@keyframes expand {0% {transform: scale(0);opacity:0} 100% {transform: scale(1);opacity:1}}

.scrollcontainer.in-view, .baseline-cover.in-view, .fixbutton.in-view {opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px);}

.scrollcontainer, .baseline-cover, .fixbutton {position: relative;opacity: 0; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease;-o-transition: all 500ms ease; transition: all 500ms ease;-moz-transform: translate3d(0px, 80px, 0px);-webkit-transform: translate3d(0px, 80px,0px); -o-transform: translate(0px, 80px);-ms-transform: translate(0px, 80px);transform: translate3d(0px, 80px, 0px); }

.baseline-cover {transition-delay: .6s}
.scrollcontainer {transition-delay: 1.6s}
.fixbutton {transition-delay: .8s}
#breadcrumbs {font-size: 16PX; margin-top: 20px; margin-left: 20px;}
.home #breadcrumbs {display:none}
.entry-content iframe {margin: 30px auto !important}

.archive article.error404 {width:100%;text-align:center}
/* cookies */
#cn-accept-cookie {background:#f72d7f;color: #fff; border-color: #fff;font-weight:600 !important;}
#cn-refuse-cookie, #cn-more-info {background:transparent;color: #fff; border-color: #FFF}
.cookie-notice-container {padding: 60px 0;text-align: center;width: 50%;margin: 0 auto;font-family: "Poppins", Arial, Helvetica, sans-serif;}
#cookie-notice .cn-button {margin-left: 0px;display: block; margin: 15px AUTO;font-size:12px;padding: 10px;overflow: hidden;
white-space: normal;border: 1px solid #fff;}
#cn-close-notice {display:none}
.cn-button.bootstrap {min-height:0 !important}
#cn-notice-text {font-size: 14px;
  line-height: 1.2;
  margin: 30px 0;
  display: block !important;}
.cn-button.wp-default {text-shadow:none !important}

.at-share-btn-elements {margin: 40px auto;text-align: center;}
.post-slide {width:100%; height:28vw} .post-slide img {height:400px}
.entry-content .main-gallery li:before {display:none}



#sb_instagram .sbi_item .sbi_link {visibility: hidden;}
#sb_instagram .sbi_item:hover .sbi_link {visibility: visible;background: rgba(237,59,87,.3) !important;}

::placeholder {color: #c6d9df !important; opacity:1}
:-ms-input-placeholder {color:#c6d9df !important;}
::-ms-input-placeholder { color: #c6d9df !important;}
input::-webkit-input-placeholder  {color: #c6d9df !important;}

a, input:focus, select:focus, textarea:focus, button:focus {outline: none !important;}

.anchor-fix {position:absolute; top:-100px;}


.hidden, .hidden2 {display:none}

/* effet overlay*/

.profilers-list .image-overlay {background: rgba(0,32,96,0.8);position: absolute;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity: 0;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}

 .profilers-list:hover .image-overlay{opacity: 1;} .content-image{width: 100%;}
.content-details {position: absolute;text-align: center;padding-left: 1em;padding-right: 1em;width: 100%;top: 50%;left: 50%;opacity: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
 .profilers-list:hover .content-details{ top: 50%; left: 50%; opacity: 1;}

 .content-details h3{color: #fff;font-weight: 500; font-size: 1em;letter-spacing: 0.15em;margin-bottom: 0.5em;text-transform: uppercase; padding:0 10%}
 .content-details p{color: #fff;font-size: 0.9em; padding:0 10%;margin-bottom:0} .fadeIn-bottom{top: 80%;}

/*News cas client*/

.cas-client-list .image-overlay {position: absolute;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;opacity:.8;-webkit-transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;z-index:1}
.cas-client-list .content-details {opacity:1;z-index:2;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;text-shadow: 1px 1px 1px #002060;} .cas-client-list:hover .content-details {opacity:0}
.cas-client-list:hover .image-overlay {opacity:.2}
.cas-client-list:hover img {transform: scale(1.3)}
.cas-client-list img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.cc-look {position: absolute;height:25%;width:25%;border-radius:50%;margin:auto;left: 0;top: 0;bottom: 0;right: 0;opacity:0;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;color:#fff;display:flex;align-content:center}
.cas-client-list:hover .cc-look {opacity:0.9}
/* Titres pages */
 

.meta-nav img {width:56px; height:56px;display: inline;vertical-align: middle; margin:0 15px}
.deco-title.centered {width:80%;margin-left:auto;margin-right:auto}
.deco-title:after{content: ''; background-image: url('./assets/img/ptexcla.svg') /*background-image: url('./assets/img/small-logo.svg')*/;display: inline-block;background-repeat: no-repeat;margin-left:5px;height:60px;Width:40px;background-size: 40px 60px;}

.deco-subtitle:after {content: '';
  display: block;
  width: 3rem;
  height: 4px;
  background: #f72d7f;
  margin: auto;
    margin-top: auto;
  margin-top: 1rem;}

.meta-nav img {width:56px; height:56px;display: inline;vertical-align: middle; margin:0 15px}

/* List de points*/
.entry-content li, .comment-content li, .mu_register li {
  margin: 0 0 2% 4%;
	list-style: none;}

.entry-content li::before {
  content: '';
  color: #f72d7f;
  text-decoration: none;
  margin-right: 10px;
  width: 15px;
  height: 1px;
  display: inline-block;
  background: #f72d7f;
  vertical-align: middle;
}
.entry-content li:last-of-type {margin-bottom:0}
.entry-content ul {margin-bottom:30px}
.entry-content b, .entry-content strong {font-weight:600}

section { width:100%;overflow: hidden;clear: both;position:relative}

/*.big-text {font-size: 2vw;font-weight: 600; line-height:1.2}
.medium-text {font-weight:400; font-size:22px;line-height:1.3}
.light-text {font-size: 2vw;font-weight: 300; line-height:1.2}*/

/*.centered {text-align:center}
.half {padding: 0 18%;} .tquart {padding: 0 8%;} .pave {padding: 0 4%}
.mb {margin-bottom:30px} .nmb {margin-bottom:0 !important} .smb {margin-bottom:10px !important} .bmb {margin-bottom:60px !important}
.mt {margin-top:30px}
.np {padding:0} .npb {padding-bottom:0}*/
section.bg-blue {color:#fff}
#primary p:last-of-type {margin-bottom:0}


/* Accueil */
 


/*home agence*/
/*home promo*/

#section-home-promo .flexsection-image img {width:100%}

/*home expertise*/
#section-home-expertises p {width:50%; }
#section-home-expertises .defaut-img img {position: absolute;top:0%;bottom:0;margin:auto ;right:-5%;opacity:1;-webkit-transition: all 1.7s ease; -moz-transition: all 1.7s ease; -o-transition: all 1.7s ease;-ms-transition: all 1.7s ease;transition: all 1.7s ease;width:450px}
 /*ul.sous-expertises-list li img {position: absolute;top:0%;bottom:0;margin:auto;right:-100%; -webkit-transition: all 1.7s ease; -moz-transition: all 1.7s ease; -o-transition: all 1.7s ease;
  -ms-transition: all 1.7s ease;transition: all 1.7s ease;width:450px}*/
#section-home-expertises li .exp {font-weight:400;transition: transform 1s;}
.exp {display:inline-block}
#section-home-expertises li .exp:hover {-moz-transform: translate(40px, 0%);-ms-transform: translate(40px, 0%);-webkit-transform: translate(40px, 0%);transform: translate(40px, 0%);}
#section-home-expertises .exp:before {opacity:0;content:'';color:#f72d7f;text-decoration:none;margin-right:10px;width:15px;height: 1px; display: inline-block;
background:#f72d7f;vertical-align: middle;}
#section-home-expertises .exp:hover:before {opacity:1}
#section-home-expertises li a { display:inline-block }
#section-home-expertises li a:hover { color:#f72d7f;}
ul.sous-expertises-list li:hover img { right:-5%}
/*ul.sous-expertises-list li:hover ~ .defaut-img img { right:-100% !important; }*/
ul.sous-expertises-list {}
.entry-content ul.sous-expertises-list {font-size:1.2vw; line-height:2}
.entry-content ul.sous-expertises-list li {list-style:none;}
.entry-content ul.sous-expertises-list li:before {}
.entry-content ul.sous-expertises-list a li {color: #333}
.entry-content ul.sous-expertises-list a:hover {text-decoration:none}
.entry-content ul.sous-expertises-list  a:hover li {color:#f72d7f; text-decoration:none; font-style:italic;}
.entry-content ul.sous-expertises-list  a:hover li:before {content:'—';margin-right:10px;color:#f72d7f;text-decoration:none; }

/* Home clients */
.flickity-prev-next-button {height:4vw; width:4vw; border: 0px; padding: 0 !important;}
.flickity-page-dots .dot.is-selected {background: #f72d7f !important}
.flickity-prev-next-button.previous {left:-100px}
.flickity-prev-next-button.next {right:-100px}
.flickity-prev-next-button .arrow {fill:#fff;}
.zoom {transition: transform 0.2s ease-in-out; /* Animation */}
.zoom:hover { transform: scale(1.03); }
.zoom2 {transition: transform 0.2s ease-in-out; /* Animation */}
.zoom2:hover { transform: scale(1.04); }

.cadre {outline:1px solid #eee}

/*Home Fabrik */
.fabrik-4 {overflow:hidden;float:left; margin:1%; width:48%; outline:1px solid #eee;} .fabrik-4:hover .fabrik-thumb img {-webkit-transition: all 1s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}

.fabrik-4:hover .fabrik-content-title h3 a {color:#001993} .fabrik-4:hover .fabrik-thumb img {transform: scale(1.3)}
.fabrik-thumb {float:right;width: 40%; overflow:hidden} .fabrik-thumb img {width:100%; -webkit-transition: all 1s ease; -moz-transition: all 2s ease;
 -o-transition: all 2s ease; -ms-transition: all 2s ease; transition: all 2s ease;}
.fabrik-content-title {float:left; width:50%; padding:5%}



/*Page agence */


#section-qsn p {}
.statistiques-agence {width:100%;text-align: center;}
.statistiques-agence .bloc-stat {display:inline-block;width:30%; border-right: 2px solid #f72d7f; vertical-align: middle;}
.statistiques-agence .bloc-stat:last-of-type, .statistiques-agence .bloc-stat:nth-of-type(3n) {border:none}
.statistiques-agence .bloc-stat .stat {}
.statistiques-agence .bloc-stat .text {height:auto;vertical-align:middle;display:inline-block;}

.agence-logos-grid {display: flex;column-gap: 1%;}
.agence-logos-grid .galerie-logo {margin:0;}
.agence-logos-grid .galerie-logo img {max-width:60%}
#logos-qsn .galerie-logo {} #section-qsn .galerie-logo img {}

.valeurs {width:100%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;}
.valeurs .bloc-valeur {border-right: 2px solid #f72d7f; padding: 0 20px;}
.valeurs .bloc-valeur:last-of-type {border:none}

/* Page engagements*/
/*.alternative-rows {width: 100%;clear: both;display: flex;margin-bottom:80px}
.alternative-rows:last-of-type {margin-bottom:0px !important}
.SideImage.image_left {order: 1;}
.SideImage {width: 40%;display: flex;align-items: center;justify-content: center;} .SideImage img {width:50%}
.SideContent {width: 55%;}
.SideContent.image_left {order: 2;margin-left:5%}
.SideContent.image_right {margin-right:5%}*/

/*Grid profilers*/
.profilers-grid {width: 100%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;column-gap: 2px;row-gap: 2PX;}
.profilers-list {width:24.8%;position:relative}
.profilers-list img {}

/*Page clients*/
.left-side-content {width:50%; float:left}
.right-side-content {width:45%; float:right;text-align:right}
.right-side-content img {width:100%; height:auto}
.item-tabmenu {display:inline-block;padding: 0 4%;border-right: 1px solid;margin-bottom:30px; width:25%;background: transparent !important;}
.item-tabmenu.galerie-references{border-right:none; text-align:left}
.item-tabmenu.galerie-clients{ text-align:right}
.item-tabmenu a { text-decoration:none;font-weight:600;} .item-tabmenu.active a, .item-tabmenu a:hover {color:#f72d7f; text-decoration:none;} 
.galerie-clients.active ~ .tab-content-references {display:none}
.galerie-references.active ~ .tab-content-clients {display:none}
.galerie-logo {width:21%;margin:2%;float:left; background:#fff;position:relative;overflow:hidden;list-style:none}

.galerie-logo:after {content: "";display: block;padding-bottom: 100%;}
.galerie-logo img {position:absolute;left:0;right:0;top:0; bottom:0; margin:auto; max-width:150px; max-height:150px}

/*Cas client */
.cas-client-container {width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;}
.cas-client-list {width:30%;margin:1.5%;position: relative;overflow: hidden;}
.cas-client-list img {width:100%}
/* Article Cas client*/
.single.single-casclients article {padding:0 !important}
.single.single-casclients article .entry-content p:first-child {}
.single-casclients .left-content {float:left}
#statistiques { float:right; text-align:center}
.stat {}
.bloc-stat {border-bottom:2px solid #fff}

#statistiques .bloc-stat:last-child .sep-stat {display:none}


/*expertises*/

#expertise + #accordeon {padding-top:0}

/*Section flexible*/



.flexsection-item {width: 100%;clear: both;display: flex;flex-wrap: wrap;justify-content: space-between;}
.flexsection.mb60:last-of-type {margin-bottom:0}

.flexsection-content {order:1} .flexsection-content.imagetexte {order:2}
.flexsection-image {display: flex; align-items: center;justify-content:center; order:2;border-radius:4px } 
.flexsection-image.imagetexte {order:1}

.flexsection-image img {width:60%;margin:auto}

.flexsection-content.imagetexte .content-align {float:right} .flexsection-content.texteimage .content-align {float:left}
.flexsection-full-content {width:45%; float:left;}
.flexsection-content .entry-content > *:last-child {margin-bottom:0}

section.bg-blue, section.bg-blue h2 {color:#fff !important}
.flexsection-item ul {display: grid;
  grid-template-rows: repeat(5, min-content);
  grid-auto-flow: column;}
.flexsection-item ul#ancres {display:inline-block}
.bg-image {background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important}


/*Nous rejoindre*/
section#offres {overflow:visible !important}

.page-template-page-nous-rejoindre article .chiffre {font-size:5vw;color:#f72d7f; font-weight:600;line-height:1.2}
.page-template-page-nous-rejoindre section h2 {text-align:center}
.annonces {list-style: none; border-bottom:1px solid #fff}
.annonces:last-of-type {border-bottom:0px}
.annonces p:last-of-type {margin-bottom:0}

#plan iframe {width:100%; height:400px}

/*la Fabrik*/

.page-template-page-la-fabrik #header-featured-image {background:#000}
.page-template-page-la-fabrik #header-featured-image img {opacity:0.5}
.container-titre-une {position:absolute;bottom:0; top:0;left:0;right:0;width:75%; background:none; height:35%;margin:auto;padding-top:10%}
.titre-une { font-size:3.5vw; font-weight:600;line-height:1.1;  }
.titre-une a {color:#fff;} .titre-une a:hover {text-decoration:none}
.entry-meta-une {font-size:1.5vw; color:#fff; text-align:left;margin-top:15px}
#filters, #ancres {width:100%; text-align:center;overflow:hidden;font-weight:400}
#filters li, #ancres li {display:inline-block; margin:0px; padding:10px;line-height:2}
#filters li a, #ancres li a {color:#fff;padding:0.7rem 2rem; border-radius:50px;} #filters li a.selected, #ancres li a.selected {background-color:#f72d7f !important;text-decoration:none} #filters li a:hover, #ancres li a:hover, #filters li a:active, #ancres li a:active {text-decoration:none;background-color:#f72d7f;}
#isotope-list article {width:30%; margin:1.66%;}
.content-article {height: 140PX;overflow: hidden;}
#isotope-list article h2 {margin-top: 15px;margin-bottom: 5px;}
#isotope-list article h2 a {} #isotope-list article h2 a:hover {color:#f72d7f;text-decoration:none}
#isotope-list article img {width:100%; height:auto;box-shadow: 1PX 1px 4px #ccc;transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease;
-webkit-transition: all 1s ease; -o-transition: all 1s ease;}
#isotope-list article img:hover {transform: scale(1.3); -moz-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3); }

/*Post*/
.single .featured-image img {width:100%}


.post-tag {text-align:left;font-size: 20px;text-transform: uppercase;font-weight:500; float:left} .post-tag a {color:#357591; } .post-tag a:before, .fabrik-tag a:before {content:"#"}
 .fabrik-tag a:hover {color:#f72d7f}
.post-date {text-align:right;font-size:20px;float:right}

.yarpp-related a {font-weight:600 !important}


/*Contact*/

#contact { overflow:visible} #contact .container {width:60%}


#contact-form {width:300px; margin:0 auto; border-bottom: 1px solid #000; background:#aec7d3;padding:10px 0}
.formfield-select--container {position: relative; overflow: hidden;width:300px; margin-bottom: 10px; margin-left: 20px;}
.formfield-select--container::after { content: '\f431';position: absolute;top: 30%; margin-top: 3px;right:22px; display:block; width:0; height:0;
border-color: transparent;border-top-color: #FFF;pointer-events: none;color:#f72d7f}
.formfield-select--container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;height: auto;border: 0; margin: 0;border-radius: 0;overflow: hidden;text-overflow: ellipsis;cursor:pointer;background:transparent;color: #f72d7f; border:0; outline:0}
#contact-form * { color:#fff; font-size:18px}

.formfield-select--container select::-ms-expand { display: none; /* cacher la flèche pour IE */}
.contact-form {font-size:22px; text-transform:none;color:#f72d7f;background:transparent;border:none;border-bottom: 1px solid #fff;width:300px;padding:20px 0;cursor: pointer;position:relative;text-align:left;font-weight:400}
.contact-form:focus, .contact-form:hover {background:transparent;color:#f72d7f}
.arrow:after { content: '\f431'; display: block;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;font-size: 30px;line-height: 1;height:30px}
.contact-form.active {border-bottom:1px solid transparent}
.options {display: none;position: absolute;left:0; right:0;background:#e7ebf7;z-index: 1;border: 1px solid #fff;border-bottom:none;}
.options > li {cursor: pointer;border-bottom: 1px solid #fff;}
.options > li a {color:#002060} .options > li:hover a {color:#fff} .options > li:hover {background:#002060;}

/*Newsletter*/
#leftslide .bouton-blanc {margin-top:30px}
.mc4wp-form p {margin-bottom:15px}
#leftslide .titrenewsletter {font-size:30px;}
.mc4wp-form .titrenewsletter {font-size:26px;line-height:1.2; color:#fff; font-weight:500;margin-bottom: 10px;}
.mc4wp-form input[type=email] {background-color:transparent; border:none; border-bottom: 1px solid #fff;color:#FFF !important;width:320px;font-size:24px;text-align:center}
.mc4wp-form .conditions {color:#fff;font-size:14px !important;} .mc4wp-form .conditions a {color:#fff !important;font-size:14px !important; text-decoration:underline}
.mc4wp-form .conditions input {position: relative; top: -1px; height: 20px; display: inline-block;vertical-align: middle;}



/*fin du bordel*/

/* =Header Image
-------------------------------------------------------------- */

.site-description {margin-bottom:0;font-size:12px}

.gradient {
	
    background-image: linear-gradient(to bottom, #002060 0%, transparent);
    position: absolute;
    height:40vh;
    width: 100%;
	z-index:1;
}
#header-featured-image {
	clear: both;
	display: block;
	text-align: center;
	overflow: hidden;
	width: 100%;
	position:relative;
	height:50vh;
}
#header-featured-image img {
    margin: 0 auto;
    width: 100%
}

#header-featured-home {position:relative;background-attachment:scroll;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;left: 0;width:100%;height:100vh}
.custom-bg::after {content: ""; top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: 1;}
#header-featured-image.height25 {height:25vh} .height50 {height:50vh} .height75 {height:75vh} .height100 {height:100vh}
#header-featured-home .gradient {height:100vh;}
#header-featured-home p {letter-spacing:1px}

#title-content-zone {position:absolute;z-index:2;left:0;top:0;right:0;bottom:0;margin:auto;display: flex;
justify-content: center;
align-items: center;}

#header-featured-home .scrollcontainer {display:block;}
.scrollcontainer {
  display:none;	
  position: absolute;
  left: 0;
  bottom: 90px;
  right: 0;
  z-index: 10;
  margin: auto;
}
/*svg*/
.fleche-down-darkbg {content:url('./assets/img/downarrow-white.svg');display:block;
width:36px;height:auto;margin:auto;transform:rotate(-90deg)}

.fleche-down-lightbg {content:url('./assets/img/downarrow-black.svg');display:block;
width:36px;height:auto;margin:auto;transform:rotate(-90deg)}

/* =Featured Image
-------------------------------------------------------------- */
.post-thumbnail img {width:100%;height:auto}

.post-thumbnail.animated {overflow:hidden;  }
.post-thumbnail.animated img:hover {
transform: scale(1.1);
}
	.post-thumbnail.animated img {transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;}


/* = Posts grid
-------------------------------------------------------------- */

#gridlist {display: flex;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 60px;
column-gap: 5%;
}
#post-grid {
  background:#e7ebf7;
 width: 30%;
}

/* = Posts & pages basics
-------------------------------------------------------------- */

.entry-content p:first-of-type {font-size:1.2em ;font-weight:600}
#accordeon .entry-content p:first-of-type {font-size:inherit; font-weight:inherit}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {font-size:1.2em;line-height:1.2;font-weight:600; margin-bottom:30px}

/* = Related Posts 
-------------------------------------------------------------- */

#related-posts #post-grid {background: #FFF;}

/* = Comments
-------------------------------------------------------------- */
.comment-list article {background:#F2F2F2;padding:2rem;margin-bottom:2rem;border-radius:8px}
.comment-respond label {display: none;}

/* = Carousel
-------------------------------------------------------------- */

.team-carousel {width:100%;}
.team-carousel-item {width:23.5%;margin:0 1%;float:left}

button.flickity-prev-next-button {width: 100px;height: 100px; padding:0;outline: none !important;background: transparent !important;}

/* icon color */
.flickity-button-icon {fill: #00A2FF;}

.flickity-prev-next-button.next {right: -15%;} .flickity-prev-next-button.previous {left: -15%;}
.flickity-page-dots {bottom:0%;}
.flickity-button:disabled {opacity: 0 !important}

.flickity-enabled:focus .flickity-viewport {outline: none !important;}
button.flickity-button, button.flickity-button:hover, button.flickity-button:focus { box-shadow: none!important;}

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	color:#002060;
	background: #fff;
	font-family: 'Poppins', sans-serif;
	overflow:hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
#hgroup,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {color:#00A2FF;text-decoration:none;transition: ease-in-out 0.4s;}
a:focus {outline:none;}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
	color:#00A2FF;
	
}
a img {
	border: 0;
}

/* =Structure
----------------------------------------------- */
.container-header, .big-container {width:80%; margin: 0 auto}
.container {
    margin: 0 auto;
    position: relative;
	width: 1150px;
}

p {margin-bottom:30px}

/* =Genericons
----------------------------------------------- */
.facebook:before, .twitter:before, .linkedin:before, .instagram:before, .youtube:before, .podcast:before, .arrow:after, .cc-look:before {-webkit-font-smoothing: antialiased;
font-family: "Genericons";
display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto; color:inherit; }

.facebook::before {content:"\f204";}
.twitter::before {content:"\e926";}
.linkedin::before {content:"\f207";}
.instagram::before {content:"\f215";}
.youtube::before {content:"\f213";}
.podcast::before {content:"\e92d";}

.social-circle {width:32px;height:32px; background:#fff; border-radius:50%;position:relative; display:inline-block;border:1px solid #fff;vertical-align:middle; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}


.social-header {padding-left: 10px;}
.social-header .social-item {display:inline;vertical-align:middle;margin-left:4px}
.rs-set {color:#002060;font-size:20px;position: absolute;bottom: 0;top: 0;left: 0;right: 0;margin: auto;text-align: center;height: 28px;line-height:28px}

.rs-set:hover {color:#001993;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}

.cc-look:before {content:"\e91d";margin:auto;text-align:center}

/* Contact Form */

.grecaptcha-badge {display:none}
.wpcf7 br {display:none}
.wpcf7 input[type="text"], .wpcf7 input[type="email"] {width:60%; margin-bottom: 30px;} .wpcf7 textarea {width:80%; margin-bottom: 30px;}
.wpcf7-list-item {display: inline-block;margin-left: 0 !important;font-size: 16px;margin-bottom: 30px;font-weight:400}
.wpcf7 input[type="submit"] {}
.wpcf7-list-item-label {}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	
	line-height: 1;
}



input,
textarea {
	border-color: #999;
	
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {

	/*rtl:ignore*/
	direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	box-shadow: none;
	display: block;
	font-size:18px;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 100%;
	padding: 1.5rem 1.8rem;
	
}

select {
	font-size: 1em;
}

textarea {
	font-family:inherit;
	height: 12rem;
	line-height: 1.5;
	width: 80%;
}

input::-webkit-input-placeholder {
	line-height: normal;
}

input:-ms-input-placeholder {
	line-height: normal;
}

input::-moz-placeholder {
	line-height: normal;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button, .malinky-load-more__button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background:transparent;
	border: none;
	border-radius: 0;
	color: #f72d7f;
	cursor: pointer;
	padding: 18px 50px 16px 50px;
	border:1px solid #f72d7f;
	font-weight: 600;
	font-size:16px;
	line-height: 1;
	margin: 0;
	
	text-align: center;
	text-decoration: none;
	transition: ease-in-out 0.4s;
	font-family:'Poppins', sans-serif;
	text-transform:uppercase;
	display:inline-block;
}
.button.bg-red {background-color:#f72d7f !important;color:#fff !important}

.malinky-load-more__button:focus, .malinky-load-more__button:hover,
button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: none;
	background:#f72d7f;
	color:#fff
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: currentColor;
}

input[type="search"]:focus {
	outline: none;
	
}

/* = Pagination
----------------------------------------------- */
.navigation {
line-height: 50px;
margin-top: 30px;
text-align: center;
padding-top: 30px;}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
  
.navigation li {
    display: inline;
}
  
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #002060;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.5rem  1rem;
}
  
.navigation li a:hover,
.navigation li.active a {
    background-color:#f72d7f;
}
.nav-next, .nav-prev {display:none !important}

/* =Footer
----------------------------------------------- */
#colophon {color:#fff}
#second {position:relative}
#second:before { content: "";
    background-color:#FFF;
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
	top: 0;}

.footer-navigation {text-align:center}
.footer-navigation li {display:inline-block;margin:10px 0;}
.footer-navigation li:after {content:"  -";display:inline-block;vertical-align:top;margin:0 14px}
.footer-navigation li:last-of-type:after {display:none;}
.footer-navigation li a {color:#fff}
.footer-navigation li a:hover {color:#00A2FF}

#logo-footer img {width:400px;margin:auto}

#footer2col {display: flex;flex-wrap: wrap;justify-content:center;align-items: center;}
#footer2col.two {justify-content:flex-start !important}

#footer-widget {display: flex;flex-wrap: wrap;justify-content:flex-start;column-gap:6.6%;border-top:1px solid #fff }
#footer-widget .widget-area {width:20%;}
#footer-widget h3 {font-weight:700;margin-bottom:20px;text-transform:uppercase}
#footer-widget a {color:#fff}
#footer-widget a:hover {color:#00A2FF}
#footer-widget ul {list-style:none}
#footer-widget li {margin-bottom:10px}

.social-footer {text-align:center}
.social-footer .social-item {display:inline-block;margin:6px}
