/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1200px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1200px;
}





html {
  font-size: 16px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 16px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #76BCBF;
}

a:hover,
a:focus {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #4e9497;
}

a:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #9ee4e7;
}

/* Headings */

h1,
.h1 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 98px;
  text-transform: none;
}

h2,
.h2 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 40px;
  text-transform: none;
}

h3,
.h3 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 35px;
  text-transform: none;
}

h4,
.h4 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 20px;
  text-transform: none;
}

h5,
.h5 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 18px;
  text-transform: none;
}

h6,
.h6 {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 16px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #76BCBF;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #333333;

  padding-top: 12px;
padding-right: 32px;
padding-bottom: 12px;
padding-left: 32px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 16px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #333333;
;
  color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 50px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(91, 91, 91, 1.0);
  border-color: #5b5b5b;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #FFFFFF;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #FFFFFF;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 35px;
  color: #333333;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}


/* Labels */

form label {
  color: #333333;
}

/* Help text */

form legend {
  color: #333333;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #76bcbf;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #333333;
  border-radius: 50px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #333333;
}

::-moz-placeholder {
  color: #333333;
}

:-ms-input-placeholder {
  color: #333333;
}

::placeholder {
  color: #333333;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #333333;
}

.fn-date-picker td.is-selected .pika-button {
  background: #333333;
}

.fn-date-picker td .pika-button:hover {
  background-color: #333333 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #333333;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px solid #333333;
;
  padding-top: 12px;
padding-right: 32px;
padding-bottom: 12px;
padding-left: 32px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  border-radius: 50px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #333333;
  border: 1px solid #333333;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(91, 91, 91, 1.0);
  border-color: #5b5b5b;
}





/* Table */

table {
  border: 1px solid #333333;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #333333;

  padding: 6px;

  color: #333333;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(51, 51, 51, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #333333;
}





.header {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #FFFFFF;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #FFFFFF;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #d7d7d7;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #d7d7d7;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}

.menu__child-toggle-icon:active {
  border-top-color: #ffffff;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #FFFFFF;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px none #333333;

    background-color: 

  
  
    
  


  rgba(118, 188, 191, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px none #333333;

    background-color: 

  
  
    
  


  rgba(118, 188, 191, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #FFFFFF;
  background-color: 

  
  
    
  


  rgba(118, 188, 191, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #333333;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #FFFFFF;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #FFFFFF;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(118, 188, 191, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #FFFFFF;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #333333;
}

.blog-post__tag-link {
  color: #333333;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #0b0b0b;
}

.blog-post__tag-link:active {
  color: #5b5b5b;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #333333;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #0b0b0b;
}

.blog-related-posts__title-link:active {
  color: #5b5b5b;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #76BCBF;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #4e9497;
}

#comments-listing .comment-reply-to:active {
  color: #9ee4e7;
}





.hs-search-results__title {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #333333;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #0b0b0b;
}

.hs-blog-post-listing__post-title-link:active {
  color: #5b5b5b;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #333333;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #333333;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #0b0b0b;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #5b5b5b;
}

.hs-pagination__link-icon svg {
  fill: #333333;
}

/* Pricing card */

.card__price {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 35px;
}

.card__body svg {
  fill: #333333;
}

/* Social follow */

.social-links__icon {
  background-color: #333333;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #0b0b0b;
}

.social-links__icon:active {
  background-color: #5b5b5b;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #333333;
  font-size: 35px;
}



@font-face {
  font-family: 'Futura PT Book';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Futura%20PT%20Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Futura PT Bold';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Futura%20PT%20Bold.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Futura PT Demi';
  src: url('https://4666111.fs1.hubspotusercontent-na1.net/hubfs/4666111/ypocamp_Theme_2024/Fonts/fonnts.com-Futura_PT_Demi.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Alkaline';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Regular.eot');
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Regular.woff2') format('woff2'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Regular.woff') format('woff'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alkaline Demi';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Demi.eot');
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Demi.eot?#iefix') format('embedded-opentype'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Demi.woff2') format('woff2'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Demi.woff') format('woff'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Demi.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alkaline';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Bold.eot');
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Bold.woff2') format('woff2'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Bold.woff') format('woff'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alkaline';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Heavy.eot');
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Heavy.eot?#iefix') format('embedded-opentype'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Heavy.woff2') format('woff2'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Heavy.woff') format('woff'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alkaline';
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Medium.eot');
  src: url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Medium.woff2') format('woff2'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Medium.woff') format('woff'),
    url('https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/Fonts/Alkaline-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


.dnd-section>.row-fluid { max-width: 100%; }
.dnd-section { padding: 0; }
.dnd-section .dnd-column { padding: 0; }

* { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Futura PT Book',sans-serif; font-size: 16px; line-height:24px; vertical-align: top; }
.row-fluid [class*="span"].no-height { min-height: auto; }
.container,
.row-fluid .container[class*="span"] { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box; }
.container:after,
.row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table; }
.row { margin-right: -15px; margin-left: -15px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
input, button, textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border: 1px solid #76bcbf; border-radius:50px; background: #fff; height: 46px; padding: 0 20px; font-family: 'Futura PT Book';  font-size: 16px; width: 100%; color:#333333; }
input[type=checkbox], input[type=radio] { width: auto; height: auto; }
textarea { padding: 15px 20px; height: 100px; }
input[type=submit], button { width: auto; border: 0; cursor: pointer; background: url(images/blank.png) no-repeat left top #01adf1; font-size: 16px; line-height: 24px; font-weight: 700; padding: 8px 20px; color: #fff; display: inline-block; }
input[type=submit]:hover, button:hover { background-color: #76bcbf; color:#fff; }
ul.hs-error-msgs { margin: 0; padding: 0; list-style: none; float: left; width: 100%; }
p { font-family: 'Futura PT Book'; font-size: 16px; line-height:1.4; }
img{width:100%; max-width:100%; }
a { transition: 0.3s ease-in-out; /* font-family: 'Alkaline'; */ }
a, a:hover { text-decoration:none; /* font-family: 'Alkaline'; */ }
/* a, a:hover, a:focus, a:active{font-family: 'Alkaline'; } */
h1,h2,h3,h4,h5,h6 { margin-top:0; font-weight:normal; margin-bottom:10px; font-family: 'Futura PT Book'; }
h3.form-title { display: none; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .topic-link { font-family: 'Alkaline'; }

/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
  }
}




/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */


/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can 
* use this for custom styling on any element when the menu is in the open position.                     
*/

.mobile-trigger, .child-trigger{
  display: none; /* Hide button on Desktop */
}

@media (max-width: 767px){


  /* Variables
  ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
  * Menu Reset
  *
  * Remove styling from desktop version of custom-menu-primary. Place any 
  * additional CSS you want removed from the mobile menu in this reset 
  */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: -60px;          /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 7px 10px 8px 10px;
    background: transparent; /* Background color */
    border: 1px solid #002c6b;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#ffffff;
    background-color: #000000; 
    border-color: #002c6b;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#ffffff;
    background-color: #000000; 
    border-color: #002c6b;
  }


  /* Toggle Button Icon
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #002c6b;
    background-color: #002c6b;
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }

  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
    background-color:#002c6b; /* Icon color */
  }


  /* Child Toggle Button
  ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;

  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  .custom-menu-primary.js-enabled{
    position: relative;
    padding-top: 44px; /* Makes room for button */
    margin: 10px 0 10px 0;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#000000; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}

header.header { width: 100%; display: inline-block; position: absolute; top: 0; left: 0; right: 0; z-index: 9; padding: 20px 0 0 0; }
header.header .header-sec { width: 100%; display: inline-block; }
.header-sec .header-inner { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.header-sec .logo, .header-sec .menu { width: auto; display: inline-block; margin: 0; }
.header-sec .logo a { width: auto; display: inline-block; vertical-align: top; line-height: 0; }
.header-sec .logo a img { width: 140px; display: inline-block; object-fit: contain; object-position: center; }
.header-sec .menu .hs-menu-wrapper>ul { width: auto; display: flex; align-items: center; justify-content: flex-start; gap: 16px; }
.header-sec .menu .hs-menu-wrapper>ul>li { width: auto; display: inline-block; }
.header-sec .menu .hs-menu-wrapper>ul>li>a { width: auto; display: inline-block; font-size: 16px; font-weight: normal; line-height: 20px; font-style: normal; text-align: center; color: #ffffff; text-decoration: none; padding: 11px 0; transition: 0.3s ease-in-out; font-family: 'Futura PT Book'; }
.header-sec .menu .hs-menu-wrapper>ul>li>a:hover { color: #333333; }
.header-sec .menu .hs-menu-wrapper>ul>li:last-child>a { background: #76bcbf; border-radius: 22px; padding: 11px 26px; transition: 0.3s ease-in-out; }
.header-sec .menu .hs-menu-wrapper>ul>li:last-child>a:hover { background: #333333; color:#fff; }
.header-sec .menu .hs-menu-wrapper>ul>li>ul.hs-menu-children-wrapper { display: inline-block;background: #78bcbf;padding: 10px 0; }
.header-sec .menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li { width: 100%; display: inline-block; }
.header-sec .menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li a { width: 100% !important; display: inline-block; color: #fff; padding: 5px 15px; text-decoration: none; transition: 0.3s ease-in-out; font-family: 'Futura PT Book'; }
.header-sec .menu .hs-menu-wrapper>ul>li ul>li>ul { top: 0 !important; left: 100% !important; background: #78bcbf; padding: 10px 0; }
.header-sec .menu .hs-menu-wrapper>ul>li ul>li>ul li { width: 100%; display: inline-block; }
.header-sec .menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li a:hover { color: #333333; }
.header-sec .menu .hs-menu-wrapper>ul>li.hs-item-has-children>ul>li.hs-item-has-children { background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/next-16.png);background-position: 96%; background-repeat: no-repeat; background-size: 11px;} 
.header-sec .menu .hs-menu-wrapper>ul>li ul>li>ul { width: 100%; }
.header-sec .menu .hs-menu-wrapper>ul>li ul>li>ul a {  white-space: normal; }


.hs-blog-post .blog-post-page { width: 100%; display: inline-block; }
.hs-blog-post header.header { background: #fff; padding: 26px 0; position: relative; }
.hs-blog-post .header-sec .menu .hs-menu-wrapper>ul>li>a { color: #333333; font-family: 'Futura PT Book'; }
.hs-blog-post .header-sec .menu .hs-menu-wrapper>ul>li:last-child>a { color: #fff; }
.hs-blog-post .header-sec .menu .hs-menu-wrapper>ul>li>a:hover { color: #76bcbf; }
.hs-blog-post .header-sec a.white-logo{ display:none; }

.hero-sec { width: 100%; display: inline-block; text-align: center; padding: 144px 0 220px 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.hero-sec .hero-inner { width: 100%; display: inline-block; }
.hero-sec .hero-inner .title { width: 100%; display: inline-block; }
.hero-sec .hero-inner .title h1 { width: 100%; display: inline-block; font-size: 98px; line-height: 1; font-weight: bold; font-style: normal; color: #ffffff; margin: 0; font-family: 'Alkaline'; }
.hero-sec .hero-inner .title h2 { font-size: 64px; font-weight: normal; line-height: 68px; font-style: normal; color: #ffffff; margin: 0; width: 100%; display: inline-block; }
.hero-sec:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: -1; }

.search-hero-sec { width: 100%; display: inline-block; text-align: center; padding:190px 0 160px 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
.search-hero-sec .hero-inner { width: 100%; display: inline-block; }
.search-hero-sec .hero-inner .title { width: 100%; display: inline-block; }
.search-hero-sec .hero-inner .title h1 { width: 100%; display: inline-block; font-size: 98px; line-height: 1; font-weight: bold; font-style: normal; color: #ffffff; margin: 0; font-family: 'Alkaline'; }
.search-hero-sec:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: -1; }
.search-hero-sec .search form input[type="text"] { border: none; padding: 10px 10px 10px 44px; font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: rgba(51, 51, 51, 0.4); height: 50px; }
.search-hero-sec .search form input[type="text"]::placeholder { font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: rgba(51, 51, 51, 0.4); }
.search-hero-sec .search form button { background: transparent; padding: 0; height: 15px; width: 15px; position: absolute; top: 15px; left: 18px; }
.search-hero-sec .search { width: 100%; display: block; margin: 32px auto 0 auto; max-width: 440px; }
.search-hero-sec .search form { width: 100%; display: inline-block; background: transparent; position: relative; z-index: 1; }

.featured-sec { width: 100%; display: inline-block; background: #76bcbf; padding: 0 0 60px 0; }
.featured-sec .featured-inner { width: 100%; display: inline-block; }
.featured-sec .featured-post { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; border-radius: 40px; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.11)); background: #ffffff; padding: 32px; gap: 32px; margin: -100px 0 0 0; position: relative; z-index: 1; overflow: hidden; }
.featured-sec .featured-post:after { content: ''; position: absolute; bottom: -90px; left: -30px; width: 260px; height: 340px; background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/green-back-shape.png); background-repeat: no-repeat; background-size: contain; background-position: left; transform: rotate(150deg); z-index: -1; opacity: 0.6; }
.featured-sec .caption { width: 50%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 16px; }
.featured-sec .image { vertical-align: top; line-height: 0; width: 50%; display: inline-block; }
.featured-sec .image img { width: 100%; display: inline-block; max-width: 100%; object-fit: contain; object-position: center; border-radius: 24px; }
.featured-sec .caption div { width: 100%; display: inline-block; }
.featured-sec .caption .tag a { width: auto; display: inline-block; border-color: #76bcbf; border-width: 1px; border-style: solid; border-radius: 50px; padding: 10px 20px; text-decoration: none; font-size: 18px; font-weight: bold; transition: 0.3s ease-in-out; font-family: 'Alkaline'; line-height: 1; }
.featured-sec .caption .tag a:hover { background: #76bcbf; color: #fff; font-weight: bold; font-family: 'Alkaline'; }
.featured-sec .caption .title a h3 { font-size: 27px; font-weight: normal; line-height: 30px; font-style: normal; text-align: left; color: #333333; margin: 0; transition: 0.3s ease-in-out; }
.featured-sec .caption .title a:hover h3 { color: #76bcbf; }
.featured-sec .caption .date { font-size: 14px; font-family: 'Futura PT Book'; font-weight: normal; line-height: 24px; font-style: normal; text-align: left; color: #333333; }
.featured-sec .caption .cta a { border-radius: 50px; background: #000000; font-size: 16px; font-weight: normal; line-height: 61px; font-style: normal; text-align: left; color: #ffffff; padding: 14px 32px; font-family: 'Futura PT Book'; }
.featured-sec .caption .cta a:hover { background: #76bcbf; }

.featured-sec .tag-search-wrap { width: 100%; padding: 60px 0 0 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.featured-sec .tag-search-wrap ul { width: 100%; margin: 0; display: flex; align-items: flex-start; justify-content: flex-start; gap:8px; overflow-x: auto; padding: 0 0 10px 0; }
.featured-sec .tag-search-wrap ul li { width: auto; display: inline-block; margin: 0; }
.featured-sec .tag-search-wrap ul li a { width: max-content; display: inline-block; border-color: #ffffff; border-width: 1px; border-style: solid; border-radius: 50px; font-size: 18px; font-weight: bold; line-height: 1.333; font-style: normal; text-align: left; color: #ffffff; padding: 10px 24px; font-family: 'Alkaline'; }
.featured-sec .tag-list { width: calc(100% - 288px); display: inline-block; margin: 0; }
.featured-sec .search { width: 258px; display: inline-block; margin: 0; }
.featured-sec .search form { background: transparent; position: relative; z-index: 1; }
.featured-sec .tag-search-wrap ul::-webkit-scrollbar { height: 8px; }
.featured-sec .tag-search-wrap ul::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.featured-sec .tag-search-wrap ul::-webkit-scrollbar-thumb { background: #4e9497; border-radius: 10px; }
.featured-sec .tag-search-wrap ul::-webkit-scrollbar-thumb:hover { background: #4e9497; border-radius: 10px; }
.featured-sec .search form input[type="text"] { padding: 10px 10px 10px 44px; font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: rgba(51, 51, 51, 0.4); }
.featured-sec .search form input[type="text"]::placeholder { font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: rgba(51, 51, 51, 0.4); }
.featured-sec .search form button { background: transparent; padding: 0; height: 15px; width: 15px; position: absolute; top: 13px; left: 18px; }
.featured-sec .tag-search-wrap ul li a:hover { background: #333333; border: 1px solid #333333; font-family: 'Alkaline'; }

.listing-sec { width: 100%; display: inline-block; padding: 60px 0 0 0; }
.listing-sec .listing-inner { width: 100%; display: inline-block; }
.listing-sec .listing-inner .listing-top { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 32px; }
.listing-sec .listing-top .left { width: 66.66%; display: inline-block; }
.listing-sec .listing-top .right { width: 33.33%; }
.listing-sec .sec-title { width: 100%; display: inline-block; margin: 0 0 32px 0; }
.listing-sec .sec-title h3 { font-size: 40px; font-weight: normal; line-height: 43px; font-style: normal; color: #333333; margin: 0; }
.listing-sec .sec-title h3 strong { color: #76bcbf; }
/* .listing-sec .left .post-wrap { width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 16px; } */
.listing-sec .left .post-wrap .post { width: calc(100% / 2 - 8px);}
.listing-sec .listing-top .right .post-wrap { gap: 16px; }
.listing-sec .listing-top .right .post-wrap .post { width: 100%; }
/* .listing-sec .listing-top .left .sec-title { margin: 0 0 60px 0; } */
.listing-sec .listing-top .right .post-wrap .post .caption .title a h3 { font-size: 16px; line-height: 20px; }
.listing-sec .listing-top .right .post-wrap .post .caption .cta { width: 100%; display: inline-block; }
.listing-sec .listing-top .right .post-wrap .post .caption .cta a { width: auto; display: inline-block; }
.listing-sec .listing-top .right .post-wrap .post .caption { padding: 24px; }

.listing-sec .post-wrap { width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 32px 16px; }
.listing-sec .post { width: calc(100% / 3 - 11px); border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); margin: 0; }
.listing-sec .post .image { width: 100%; display: inline-block; vertical-align: top; line-height: 0; }
.listing-sec .post .image img { height: 230px; width: 100%; object-fit: cover; object-position: center; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.listing-sec .post .caption { width: 100%; display: inline-block; vertical-align: top; padding: 16px; }
.listing-sec .post .caption .tag { width: 100%; display: inline-block; margin: 0 0 16px 0; }
.listing-sec .post .caption .tag a.topic-link { width: max-content; display: inline-block; border-color: #76bcbf; border-width: 1px; border-style: solid; border-radius: 50px; font-size: 18px; font-weight: bold; line-height: 1; font-style: normal; color: #76bcbf; padding: 10px 24px; font-family: 'Alkaline'; }
.listing-sec .post .caption .title { margin: 0 0 24px 0; width: 100%; display: inline-block; }
.listing-sec .post .caption .title a { width: auto; display: inline-block; }
.listing-sec .post .caption .title a h3 { margin: 0; font-size: 18px; font-weight: bold; line-height: 25px; font-style: normal; text-align: left; color: #333333; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold'; }
.listing-sec .post .caption .date { display: flex; align-items: center; gap: 16px; justify-content: space-between; width: 100%; }
.listing-sec .post .caption .date span { color: #333; font-size: 14px; font-style: normal; font-weight: 400; line-height: 27px; text-align: left; margin: 0; font-family: 'Futura PT Book'; }
.listing-sec .post .caption .date .cta { line-height: 0; margin: 0; vertical-align: top; width: auto; display: inline-block; }
.listing-sec .post .caption .date .cta a { width: auto; display: inline-block; }
.listing-sec .post .caption .title a:hover h3 { color: #76bcbf; }
.listing-sec .post .caption .tag a.topic-link:hover { background: #333333; border-color: #333333; color: #ffffff; }
.listing-sec .post .caption .date .cta a:hover svg, .listing-sec .right .post .caption .cta a:hover svg { fill: #76bcbf; }

.listing-sec .post.ebook { text-align: center; background: #76bcbf; position: relative; z-index: 1; overflow: hidden; }
.listing-sec .post.ebook:after { background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; bottom: -60px; content: ""; height: 250px; left: -20px; opacity: .6; position: absolute; transform: rotate(120deg); width: 180px; z-index: -1; }
.listing-sec .post.ebook a { width: 100%; display: inline-block; padding: 0 16px 16px 16px; height: 100%; transition: 0.3s ease-in-out; }
.listing-sec .post.ebook a div { width: 100%; display: inline-block; }
.listing-sec .post.ebook .tag span { width: auto; display: inline-block; background-color: #333; padding: 10px 20px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; font-size: 20px; font-weight: bold; line-height: 1; font-style: normal; text-align: left; color: #ffffff; transition: 0.3s ease-in-out; font-family: 'Alkaline'; }
.listing-sec .post.ebook .title h4 { width: 100%; display: inline-block; margin: 24px 0; font-size: 20px; font-weight: 500; line-height: 25px; font-style: normal; text-align: center; color: #ffffff; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold'; }
.listing-sec .post.ebook .cta span { font-size: 16px; font-weight: 500; line-height: 22px; font-style: normal; color: #ffffff; text-decoration: underline; margin: 0 0 24px 0; width: 100%; display: inline-block; text-underline-offset: 5px; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold'; }
.listing-sec .post.ebook .image img { width: 100%; display: inline-block; object-fit: contain; object-position: center; height: auto; max-height: 220px; }
.listing-sec .post.ebook a:hover .title h4, .listing-sec .post.ebook a:hover .cta span { color: #333; }
.listing-sec .post.ebook a:hover .tag span { color: #333; background: #fff; }

.listing-sec .post.subscribe { padding: 16px; text-align: center; transition: .3s ease-in-out; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; }
.listing-sec .post.subscribe .title { width: 100%; display: inline-block; margin: 0 0 32px 0; }
.listing-sec .post.subscribe .title h2 { width: 100%; display: inline-block; margin: 0; font-size: 44px; font-weight: normal; line-height: 45px; font-style: normal; text-align: center; color: #333333; }
.listing-sec .post.subscribe .title h2 strong { color: #76bcbf; width: 100%; display: inline-block; }
.listing-sec .post.subscribe .form { width: 100%; display: inline-block; }
.listing-sec .post.subscribe form { width: 100%; display: inline-block; }
.listing-sec .post.subscribe form .hs-form-field { margin-bottom: 16px; }
.listing-sec .post.subscribe form input[type=email], .listing-sec .post.subscribe form input[type=email]::placeholder { font-size: 14px; color: rgba(51, 51, 51, 0.4); }
.listing-sec .post.subscribe form .hs-fieldtype-booleancheckbox.hs-form-field ul li input { width: 16px; height: 16px; }
.listing-sec .post.subscribe form ul.hs-error-msgs li label { color: #ef6b51; }
.listing-sec .post.subscribe form .hs_submit.hs-submit { width: 100%; display: inline-block; }
.listing-sec .post.subscribe form .hs_submit.hs-submit input[type=submit] { height: auto; padding: 10px 32px; }
.listing-sec .post.subscribe .form * { font-family: 'Futura PT Book',sans-serif; }
.listing-sec .post.subscribe .legal-consent-container .hs-form-booleancheckbox-display>span p{font-size:14px;    margin: 0 !important;}
.listing-sec .post.subscribe .legal-consent-container label.hs-form-booleancheckbox-display {display: inline-flex;}
.listing-sec .post.subscribe .legal-consent-container .hs-form-booleancheckbox-display>span{margin:0 !important;}

.pagination-wrap { width: 100%; display: inline-block; padding: 80px 0; text-align: center; }
.pagination-wrap .blog-pagination { width: 100%; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.pagination-wrap .blog-pagination .blog-pagination-left, .pagination-wrap .blog-pagination .blog-pagination-center, .pagination-wrap .blog-pagination .blog-pagination-right { width: auto; margin: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.pagination-wrap .blog-pagination a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 24px; height: 24px; margin: 0 5px; font-size: 18px; font-weight: normal; font-style: normal; text-align: center; color: #333333; font-family: 'Futura PT Book',sans-serif; }
.pagination-wrap .blog-pagination a:hover, .pagination-wrap .blog-pagination a.active { color: #76bcbf; }
.post-details .right .recent-post ul li a.h3 {
    font-size: 14px;
    padding-left: 10px;
    margin-top: -15px;
    display: block;
}
.post-hero-sec { width: 100%; display: inline-block; background-color: #76bcbf; padding: 60px 0; position:relative; z-index:1; overflow: hidden; }
.post-hero-sec .hero-inner { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 62px; }
.post-hero-sec .hero-inner .left, .post-hero-sec .hero-inner .right { width: 50%; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 18px; flex-direction: row; }
.post-hero-sec .tag, .post-hero-sec .title, .post-hero-sec .date { width: 100%; display: inline-block; margin: 0; }
.post-hero-sec .tag a { font-family: 'Alkaline'; font-size: 18px; font-weight: bold; line-height: 28px; color: #ffffff; width: auto; display: inline-block; border-color: #ffffff; border-width: 1px; border-style: solid; border-radius: 50px; padding: 9px 20px; }
.post-hero-sec .title h1 { font-family: 'Futura PT Book',sans-serif; font-size: 40px; font-weight: normal; line-height: 45px; font-style: normal; text-align: left; color: #ffffff; margin: 0; }
.post-hero-sec .date { font-size: 14px; font-weight: normal; line-height: 24px; font-style: normal; color: #ffffff; font-family: 'Futura PT Book',sans-serif; }
.post-hero-sec .tag a:hover { background: #333; border-color: #333; }
.post-hero-sec .hero-inner .right img { width: 100%; display: inline-block; object-fit: contain; object-position: center; border-radius: 20px; }
.post-hero-sec:after { background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; bottom: -180px; content: ""; height: 450px; left: -100px; opacity: .3; position: absolute; transform: rotate(120deg); width: 440px; z-index: -1; }
 
.post-details { width: 100%; display: inline-block; padding: 60px 0; }
.post-details .post-inner { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: 80px; }
.post-details .post-inner .right { width: 304px; display: inline-block; }
.post-details .post-inner .left { width: calc(100% - 384px); display: inline-block; }
.post-details .left .contain { width: 100%; display: inline-block; }
.post-details .left .contain p { width: 100%;  font-size: 16px; line-height: 24px; text-align: left; color: #333333; }
.post-details .left .contain blockquote { border-radius: 20px; background: #76bcbf; padding: 40px; border: none; position: relative; z-index: 1; overflow: hidden; }
.post-details .left .contain blockquote p:last-child { margin: 0; }
.post-details .left .contain blockquote p { font-size: 18px; line-height: 33px; text-align: left; color: #ffffff; }
.post-details .left .contain blockquote:after { content: ''; position: absolute; bottom: -50px; right: -35px; background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; height: 260px; opacity: .3; transform: rotate(20deg); width: 200px; z-index: -1; }
.post-details .left .contain h2 { line-height:1.1;font-family: "Alkaline"; font-size: 35px; font-weight: bold; font-style: normal; text-align: left; color: #76bcbf; margin: 0 0 1.4rem; }
.post-details .left .contain h3 { font-family: "Alkaline"; font-size: 27px; font-weight: bold; font-style: normal; text-align: left; color: #333333; margin: 0 0 1.4rem; }
.post-details .left .contain h4 { font-family: "Alkaline"; font-size: 22px; font-weight: bold; font-style: normal; text-align: left; color: #333333; margin: 0 0 1.4rem; }
.post-details .left .contain h1 { font-family: "Alkaline"; font-size: 44px; font-weight: bold; font-style: normal; text-align: left; color: #76bcbf; margin: 0 0 1.4rem; }
.post-details .left .contain img { width: 100% !important; display: inline-block; max-width: 100% !important; object-fit: contain; object-position: center; border-radius: 20px; }
.post-details .left .contain ul { width: 100%; display: inline-block; }
.post-details .left .contain ul li { font-family: 'Futura PT Book',sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; font-style: normal; text-align: left; color: #333333; }
.post-details .left .contain ul li::marker { color: #76bcbf; }
.post-details .left .contain p strong { font-weight: bold; }
.post-details .left .contain p a {color: #76bcbf;font-weight: bold;text-decoration: underline;text-underline-offset: 3px;}
.post-details .left .contain .hs-responsive-embed-wrapper.hs-responsive-embed { width: 100% !important; max-width: 100% !important; max-height: max-content !important; margin-bottom: 1.4rem !important; border-radius: 20px; }

.post-details .left .contain .ebook { width: 100%; display: inline-block; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16); background: #76bcbf; position: relative; z-index: 1; }
.post-details .left .contain .ebook a { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 60px 0px 60px; flex-wrap: nowrap; transition: 0.3s ease-in-out;margin-top:-40px; }
.post-details .left .contain .ebook a .left { width: calc(100% - 248px); display: inline-block; }
.post-details .left .contain .ebook a .right { width: 200px; display: inline-block; }
.post-details .left .contain .ebook a .tag { width: 100%; display: inline-block; }
.post-details .left .contain .ebook .tag span {     margin-left: 72px;width: auto; display: inline-block; background-color: #333; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; line-height: 1; padding: 10px 20px; transition: 0.3s ease-in-out; font-family: "Alkaline"; font-size: 21px; font-weight: bold; font-style: normal; text-align: left; color: #ffffff; }
.post-details .left .contain .ebook a .title { width: 100%; display: inline-block; margin: 24px 0; }
.post-details .left .contain .ebook a .title h4 { width: 100%; display: inline-block; font-size: 28px; font-weight: 500; line-height: 34px; font-style: normal; text-align: left; color: #ffffff; font-family: 'Futura PT Bold',sans-serif; margin: 0; transition: 0.3s ease-in-out; }
.post-details .left .contain .ebook a .cta { width: 100%; display: inline-block; }
.post-details .left .contain .ebook a .cta span { font-family: 'Futura PT Bold',sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; font-style: normal; text-align: left; color: #ffffff; text-decoration: underline; text-underline-offset: 5px; transition: 0.3s ease-in-out; }
.post-details .left .contain .ebook a .right .image { width: 100%; display: inline-block; }
.post-details .left .contain .ebook a .right .image img { border-radius: 0; display: inline-block; max-width: 100% !important; object-fit: contain; object-position: center; width: 100% !important; }
.post-details .left .contain .ebook:hover .tag span { background: #fff; color: #333; }
.post-details .left .contain .ebook a:hover .title h4 { color: #333; }
.post-details .left .contain .ebook a:hover .cta span {  color: #333; }
.post-details .left .contain .ebook a .ebook_container {flex-basis: 70%;margin: 0;}
.post-details .left .contain .ebook a .image {flex-basis: 30%;margin: 0;}

.post-details .left .contain .ebook:after { background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; bottom: -60px; content: ""; height: 290px; left: -30px; opacity: .3; position: absolute; transform: rotate(120deg); width: 210px; z-index: -1; }

.post-details .right .author { align-items: center; display: flex; gap: 24px; justify-content: flex-start; width: 100%; margin: 0 0 32px 0; }
.post-details .right .author .image { display: inline-block; height: 85px; margin: 0; width: 85px; }
.post-details .right .author .image img { border: 3px solid #76bcbf; border-radius: 50%; display: inline-block; height: 100%; width: 100%; }
.post-details .right .author .author-info { display: inline-block; margin: 0; width: calc(100% - 110px); }
.post-details .right .author .author-info a { color: #000; display: inline-block; font-family: "Futura PT Bold",sans-serif; font-size: 20px; font-style: normal; font-weight: 700; margin: 0 0 8px; text-align: left; width: auto; }
.post-details .right .author .author-info p { color: #333; display: inline-block; font-family: "Futura PT Book",sans-serif; font-size: 14px; font-style: normal; font-weight: 400; margin: 0 0 8px; text-align: left; width: 100%; }
.post-details .right .author .author-info a.readmore { font-size: 16px; font-weight: 500; line-height: 22px; font-style: normal; text-align: left; color: #76bcbf; margin: 0; display: inline-block; width: auto; font-family: 'Futura PT Bold',sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.post-details .right .author .author-info a.readmore:hover { color: #333333; }
.post-details .right .author .author-info a:hover { color: #76bcbf; }
.post-details .right .author .author-info a strong { width: 100%; display: inline-block; font-weight: bold; }

.post-details .right .recent-post { width: 100%; display: inline-block; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); ); background: #76bcbf; padding: 24px; margin: 0 0 32px 0; }
.post-details .right .recent-post h3 { width: 100%; display: inline-block; font-family: "Alkaline"; font-size: 41px; font-weight: bold; line-height: 43px; font-style: normal; text-align: left; color: #ffffff; margin: 0; }
.post-details .right .recent-post ul { width: 100%; display: inline-block; margin: 0; padding: 0; /* counter-reset: my-sec-counter; */ }
.post-details .right .recent-post ul li { width: 100%; display: inline-block; margin: 16px 0 0 0; }
.post-details .right .recent-post ul li a { font-family: 'Futura PT Book',sans-serif; font-size: 16px; font-weight: normal; line-height: 22px; font-style: normal; text-align: left; color: #ffffff; width: 100%; display: inline-block; /* text-indent: 16px; */ position: relative; z-index: 1; }
/* .post-details .right .recent-post ul li a:after { content: counter(my-sec-counter) ". "; position: absolute; top: 0; left: -16px; counter-increment: my-sec-counter; width: auto; display: inline-block; } */
.post-details .right .social-media ul li a:hover svg { fill: #76BCBF; }
.post-details .right .social-media ul li a svg { width: 100%; display: inline-block; max-width: 24px; }
.post-details .right .social-media ul li a { width: auto; display: inline-block; }
.post-details .right .social-media ul li { width: auto; display: inline-block; margin: 0; line-height: 0; vertical-align: top; }
.post-details .right .social-media ul { width: 100%; padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-start; gap: 16px; }
.post-details .right .social-media strong { font-family: "Alkaline"; font-size: 20px; font-weight: bold; line-height: 30px; font-style: normal; text-align: left; color: #76bcbf; width: 100%; display: inline-block; margin: 0 0 16px 0; }
.post-details .right .social-media { width: 100%; display: inline-block; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); padding: 24px; margin: 0 0 32px 0; }

.post-details .right .post.subscribe { width: 100%; display: inline-block;  padding: 24px; text-align: left; transition: .3s ease-in-out; display: flex; align-items: center; justify-content: left; flex-wrap: wrap; flex-direction: column; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); margin: 0 0 32px 0; }
.post-details .right .post.subscribe .title { width: 100%; display: inline-block; margin: 0 0 32px 0; }
.post-details .right .post.subscribe .title h2 { width: 100%; display: inline-block; margin: 0; font-size: 44px; font-weight: normal; line-height: 45px; font-style: normal; text-align: left; color: #333333; }
.post-details .right .post.subscribe .title h2 strong { color: #76bcbf; width: 100%; display: inline-block; }
.post-details .right .post.subscribe .form { width: 100%; display: inline-block; }
.post-details .right .post.subscribe form { width: 100%; display: inline-block; }
.post-details .right .post.subscribe form .hs-form-field { margin-bottom: 16px; }
.post-details .right .post.subscribe form input[type=email], .post-details .right .post.subscribe form input[type=email]::placeholder { font-size: 14px; color: rgba(51, 51, 51, 0.4); }
.post-details .right .post.subscribe form .hs-fieldtype-booleancheckbox.hs-form-field ul li input { width: 16px; height: 16px; }
.post-details .right .post.subscribe form ul.hs-error-msgs li label { color: #ef6b51; }
.post-details .right .post.subscribe form .hs_submit.hs-submit { width: 100%; display: inline-block; }
.post-details .right .post.subscribe form .hs_submit.hs-submit input[type=submit] { height: auto; padding: 10px 32px; width: 100%; display: inline-block; margin: 10px 0 0 0; }
.post-details .right .post.subscribe .form * { font-family: 'Futura PT Book',sans-serif; }

.post-details .right .post.ebook { border-radius: 20px; width: 100%; display: inline-block; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); text-align: left; background: #76bcbf; position: relative; z-index: 1; overflow: hidden; }
.post-details .right .post.ebook:after { background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; bottom: -60px; content: ""; height: 250px; left: -20px; opacity: .6; position: absolute; transform: rotate(120deg); width: 180px; z-index: -1; }
.post-details .right .post.ebook a { width: 100%; display: inline-block; padding:0 24px 24px 24px; height: 100%; transition: 0.3s ease-in-out; }
.post-details .right .post.ebook a div { width: 100%; display: inline-block; }
.post-details .right .post.ebook .tag span { width: auto; display: inline-block; background-color: #333; padding: 10px 20px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; font-size: 20px; font-weight: bold; line-height: 1; font-style: normal; text-align: left; color: #ffffff; transition: 0.3s ease-in-out; font-family: 'Alkaline'; }
.post-details .right .post.ebook .title h4 { width: 100%; display: inline-block; margin: 24px 0; font-size: 20px; font-weight: 500; line-height: 25px; font-style: normal; text-align: left; color: #ffffff; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold',sans-serif; }
.post-details .right .post.ebook .cta span { font-size: 16px; font-weight: 500; line-height: 22px; font-style: normal; color: #ffffff; text-decoration: underline; margin: 0 0 24px 0; width: 100%; display: inline-block; text-underline-offset: 5px; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold',sans-serif; }
.post-details .right .post.ebook .image img { width: 100%; display: inline-block; object-fit: contain; object-position: center; height: auto; max-height: 220px; }
.post-details .right .post.ebook a:hover .title h4, .post-details .right .post.ebook a:hover .cta span { color: #333; }
.post-details .right .post.ebook a:hover .tag span { color: #333; background: #fff; }

.related-sec { width: 100%; display: inline-block; padding: 40px 0 100px 0; }
.related-sec h2 { font-size: 40px; font-weight: normal; line-height: 43px; font-style: normal; text-align: left; color: #333333; margin: 0 0 32px 0; width: 100%; display: inline-block; }
.related-sec h2 strong { color: #76bcbf; }
.related-sec .post-wrap { width: 100%; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 32px 16px; }
.related-sec .post-wrap .post { width: calc(100% / 3 - 11px); border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); }
.related-sec .post-wrap .post .image { width: 100%; display: inline-block; vertical-align: top; line-height: 0; }
.related-sec .post-wrap .post .image img { height: 230px; width: 100%; object-fit: cover; object-position: center; border-top-left-radius: 20px; border-top-right-radius: 20px; }
.related-sec .post-wrap .post .caption { width: 100%; display: inline-block; vertical-align: top; padding: 16px; }
.related-sec .post-wrap .post .caption .tag { width: 100%; display: inline-block; margin: 0 0 16px 0; }
.related-sec .post-wrap .post .caption .tag a.topic-link { width: max-content; display: inline-block; border-color: #76bcbf; border-width: 1px; border-style: solid; border-radius: 50px; font-size: 18px; font-weight: bold; line-height: 1; font-style: normal; color: #76bcbf; padding: 10px 24px; font-family: 'Alkaline'; }
.related-sec .post-wrap .post .caption .title { margin: 0 0 24px 0; width: 100%; display: inline-block; }
.related-sec .post-wrap .post .caption .title a { width: auto; display: inline-block; }
.related-sec .post-wrap .post .caption .title a h3 { margin: 0; font-size: 18px; font-weight: bold; line-height: 25px; font-style: normal; text-align: left; color: #333333; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold',sans-serif; }
.related-sec .post-wrap .post .caption .date { display: flex; align-items: center; gap: 16px; justify-content: space-between; width: 100%; }
.related-sec .post-wrap .post .caption .date span { color: #333; font-size: 14px; font-style: normal; font-weight: 400; line-height: 27px; text-align: left; margin: 0; font-family: 'Futura PT Book',sans-serif; }
.related-sec .post-wrap .post .caption .date .cta { line-height: 0; margin: 0; vertical-align: top; width: auto; display: inline-block; }
.related-sec .post-wrap .post .caption .date .cta a { width: auto; display: inline-block; }
.related-sec .post-wrap .post .caption .title a:hover h3 { color: #76bcbf; }
.related-sec .post-wrap .post .caption .tag a.topic-link:hover { background: #333333; border-color: #333333; color: #ffffff; }
.related-sec .post-wrap .post .caption .date .cta a:hover svg, .post-wrap .post .caption .cta a:hover svg { fill: #76bcbf; }

.subscribe-sec { width: 100%; display: inline-block; padding: 40px 0 100px 0; }
.subscribe-sec .subscribe-inner { width: 100%; align-items: center; padding: 60px; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); text-align: center; background: #76bcbf; position: relative; z-index: 1; overflow: hidden; display: flex; justify-content: center; gap: 60px; max-width: 900px; }
.subscribe-sec .left { width: 125px; display: inline-block; }
.subscribe-sec .right { width: calc(100% - 185px); display: inline-block; }
.subscribe-sec .left img { display: inline-block; object-fit: contain; object-position: center; }
.subscribe-sec .right .title { width: 100%; display: inline-block; padding: 0 0 24px 0; vertical-align: top; }
.subscribe-sec .right .title h1 { width: 100%; display: inline-block; margin: 0; font-size: 40px; line-height: 41px; text-align: left; }
.subscribe-sec .right .form-wrap { width: 100%; display: inline-block; text-align: left; }
.subscribe-sec .right .form-wrap form { background: transparent; text-align: left; width: 100%; display: inline-block; max-width: 550px; margin: 0; position: relative; z-index: 1; padding-right: 150px; }
.subscribe-sec .right .form-wrap form .hs_submit.hs-submit { width: auto; display: inline-block; position: absolute; top: 7px; right: 0; }
.subscribe-sec .right .form-wrap form ul.hs-error-msgs.inputs-list li label { color: #fff; margin: 0; }
.subscribe-sec .right .form-wrap form ul.inputs-list li.hs-form-booleancheckbox input { width: 18px; height: 18px; }
.subscribe-sec .right .form-wrap form ul.inputs-list li.hs-form-booleancheckbox label { font-family: "Futura PT Book",sans-serif; font-size: 16px; line-height: 16px; text-align: left; color: #ffffff; }
.subscribe-sec .right .form-wrap form .hs-form-field { margin-bottom: 10px; }
.subscribe-sec .right .form-wrap form input[type=email], .subscribe-sec .right .form-wrap form input[type=email]::placeholder { font-family: 'Futura PT Book',sans-serif; font-size: 14px; font-weight: normal; font-style: normal; text-align: left; color: rgba(51,51,51,0.4 ); }
.subscribe-sec .right .form-wrap form input[type=email] { padding: 10px 20px; border-color: #76bcbf; border-width: 2px; border-style: solid; border-radius: 70px; } 
.subscribe-sec .subscribe-inner:after { content: ''; position: absolute; bottom: -60px; right: -70px; background-image: url(https://blog.ypocamp.fr/hubfs/ypocamp_Theme_2024/back-shape.png); background-position: 0; background-repeat: no-repeat; background-size: contain; height: 360px; opacity: .6; transform: rotate(20deg); width: 280px; z-index: -1; }

.search-result-page { width: 100%; display: inline-block; }
.search-result-page .search-title { width: 100%; display: inline-block; text-align: center; padding: 60px 0 0 0; }
.search-result-page .search-title h2 { width: 100%; display: inline-block; margin: 0; font-family: "Futura PT Book",sans-serif; font-size: 40px; font-weight: normal; line-height: 43px; font-style: normal; color: #333333; }
.search-result-page .search-title h2 strong { font-family: 'Alkaline'; color: #76bcbf; }
.hs-search-results.listing-sec .post .caption .title a.hs-search-results__title { width: 100%; margin: 0; font-size: 18px; font-weight: bold; line-height: 25px; font-style: normal; text-align: left; color: #333333; transition: 0.3s ease-in-out; font-family: 'Futura PT Bold',sans-serif; }
.hs-search-results.listing-sec .post .caption .title a.hs-search-results__title:hover { color: #76bcbf; }
.hs-search-results.listing-sec .post .caption p.hs-search-results__description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0; padding: 0; width: 100%; }
.hs-search-results__pagination { width: 100%; display: inline-block; padding: 60px 0; }
.hs-search-results__pagination a { width: auto; display: inline-block; margin: 0; font-size: 18px; font-weight: bold; font-style: normal; text-align: center; color: #333333; font-family: 'Futura PT Bold',sans-serif; }
.hs-search-results__pagination a:hover { color: #76BCBF; }


footer.footer { width: 100%; display: inline-block; }
.footer-sec { width: 100%; display: inline-block; }
.footer-sec .footer-top, .footer-sec .footer-bottom { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; }
.footer-sec .footer-inner { width: 100%; display: inline-block; }
.footer-sec .logo, .footer-sec .menu { width: auto; display: inline-block; margin: 0; }
.footer-sec { padding: 60px 0 40px 0; }
.footer-sec .logo a img { width: auto; display: inline-block; max-width: 200px; }
.footer-sec .logo a { width: auto; display: inline-block; }
.footer-sec .menu ul { width: 100%; gap: 16px; }
.footer-sec .menu ul li { width: auto; display: inline-block; }
.footer-sec .menu ul li a { width: auto; display: inline-block; font-size: 16px; line-height: 20px; color: #ffffff; font-family: 'Futura PT Book',sans-serif; }
.footer-sec .menu ul li a:hover { color: #333333; }
.footer-sec .footer-bottom { margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #fff; }
.footer-sec .footer-bottom .social { width: auto; display: inline-block; margin: 0; }
.footer-sec .footer-bottom .social ul { width: auto; display: flex; align-items: center; justify-content: flex-end; padding: 0; margin: 0; line-height: 0; }
.footer-sec .footer-bottom .social ul span { font-size: 16px; line-height: 20px; color: #ffffff; font-family: 'Futura PT Book',sans-serif; }
.footer-sec .footer-bottom .social ul li { width: auto; display: inline-block; margin: 0 10px; }
.footer-sec .footer-bottom .social ul li a { width: auto; display: inline-block; }
.footer-sec .footer-bottom .social ul li a img { width: auto; display: inline-block; max-width: 30px; object-fit: contain; object-position: center; }
.footer-sec .footer-bottom .copyright { width: auto; display: inline-block; margin: 0; }
.footer-sec .footer-bottom .copyright a { width: auto; display: inline-block; margin: 0; color: #fff; }
.footer-sec .footer-bottom .copyright p { width: auto; display: inline-block; font-size: 14px; text-align: left; color: #ffffff; margin: 0; font-family: 'Futura PT Bold'; font-weight:500; }
.footer-sec .footer-bottom .social ul li a:hover img { filter: grayscale(100%); }


@media(min-width:768px){
  .container,.row-fluid .container[class*="span"] { width:750px; }
}
@media(min-width:992px){
  .container,.row-fluid .container[class*="span"] { width:970px; }
}
@media(min-width:1200px){
  .container,.row-fluid .container[class*="span"] { width:1170px; }
}



@media(max-width:1199px){
  .listing-sec .listing-top .right .post-wrap .post .caption { padding: 16px; }
  .listing-sec .sec-title h3 { font-size: 32px; line-height: 40px; }
  .post-hero-sec .title h1 { font-size: 32px; line-height: 38px; }
  .post-hero-sec .hero-inner { gap: 32px; }

  .post-details .post-inner { gap: 32px; }
  .post-details .post-inner .left { width: calc(100% - 336px); }
  .post-details .left .contain .ebook a { padding: 0 32px 32px 32px; gap: 0 24px; }
  .post-details .left .contain .ebook a .title h4 { font-size: 22px; line-height: 30px; }
  .post-details .left .contain .ebook a .left { width: calc(100% - 224px); }
  .post-details .right .recent-post h3 { font-size: 32px; line-height: 38px; }
  .post-details .right .post.subscribe .title h2 { font-size: 32px; line-height: 38px; }
  .post-details .left .contain h2 { font-size: 30px; }
  .post-details .left .contain h1 { font-size: 34px; }
  .post-details .left .contain blockquote { padding: 24px; }

  .footer-sec .footer-bottom { gap: 16px; }
  .footer-sec .footer-bottom .social ul li { margin: 0 8px; }
}

@media(max-width:991px){
  .post-details .left .contain .ebook a .ebook_container {flex-basis: 100%;}
  .post-details .left .contain .ebook a .image {
    flex-basis: 100%;
    max-height: 170px;
    display: flex
}
  .post-details .left .contain .ebook .tag span {margin-left: 24px;}
  .listing-sec .post { width: calc(100% / 2 - 11px); }
  .listing-sec .listing-inner .listing-top { flex-wrap: wrap; }
  .listing-sec .listing-top .right { display: none; }
  .listing-sec .listing-top .left { width: 100%; }
  .hero-sec { padding: 130px 0 180px 0; }
  .hero-sec .hero-inner .title h2 { font-size: 56px; line-height: 64px; }

  .featured-sec .featured-post { padding: 24px; gap: 24px; }
  .featured-sec .tag-search-wrap { flex-wrap: wrap; padding: 40px 0 0 0; }
  .featured-sec .tag-list, .featured-sec .search { width: 100%; }
  .pagination-wrap { padding: 60px 0; }

  .post-hero-sec { padding: 40px 0; }
  .post-hero-sec .hero-inner { gap: 24px; flex-wrap: wrap; }
  .post-hero-sec .hero-inner .left, .post-hero-sec .hero-inner .right { width: 100%; }

  .post-details .post-inner { flex-wrap: wrap; }
  .post-details .post-inner .left { width: 100%; }
  .post-details .post-inner .right { width: 100%; }
  .post-details .right .recent-post { display: none; }

  .related-sec { padding: 0 0 60px 0; }
  .related-sec h2 { font-size: 32px; line-height: 40px; }
  .related-sec .post-wrap .post { width: calc(100% / 2 - 8px); }
  .related-sec .post-wrap .post:last-child { display: none; }

  .search-hero-sec {  padding: 150px 0 130px 0; }
  .search-hero-sec .hero-inner .title h1 { font-size: 80px; }

  .search-result-page .search-title { padding: 40px 0 0 0; }
  .search-result-page .hs-search-results.listing-sec { padding: 24px 0 0 0; }
  .search-result-page .search-title h2 { font-size: 32px; line-height: 40px; }
  .search-result-page .hs-search-results__pagination { padding: 60px 0 30px 0; }
  .search-result-page .subscribe-sec { padding: 30px 0 60px; }
  .search-result-page .subscribe-sec .subscribe-inner { gap: 32px; padding: 32px; }
  .search-result-page .subscribe-sec .left { width: 100px; }
  .search-result-page .subscribe-sec .right { width: calc(100% - 133px); }

  .footer-sec .footer-bottom { margin: 32px 0 0 0; padding: 32px 0 0 0; text-align: center; justify-content: center; }
  .footer-sec .footer-top { gap: 16px; }
  .footer-sec { padding: 40px 0 40px 0; }

  .header-sec .menu .hs-menu-wrapper>ul { gap: 12px; }
  .header-sec .header-inner { gap: 12px; }

  .header-sec .menu .hs-menu-wrapper>ul>li:last-child>a { padding: 11px 22px; }
}

@media(max-width:767px){
  .listing-sec .post { width: 100%; }
  .listing-sec .post-wrap { gap: 24px 16px; }
  .listing-sec .left .post-wrap .post { width: 100%; }
  .hero-sec { padding: 140px 0 200px 0; }
  .hero-sec .hero-inner .title h1 {  font-size: 56px; }
  .hero-sec .hero-inner .title { text-align: left; }
  .hero-sec .hero-inner .title h2 { font-size: 36px; line-height: 44px; }

  .featured-sec .featured-post { padding: 24px 16px; gap: 24px; flex-wrap: wrap; flex-direction: column-reverse; }
  .featured-sec .image, .featured-sec .caption { width: 100%; }
  .featured-sec .caption .title a h3 { font-size: 20px; line-height: 25px; }
  .featured-sec .featured-post:after { display: none; }
  .featured-sec { padding: 0 0 42px 0; }

  .listing-sec .post .image img { height: auto; }
  .listing-sec { padding: 41px 0 0 0; }
  .listing-sec .post .caption .title a h3 { font-size: 16px; line-height: 22px; }
  .listing-sec .post.ebook .title h4 { font-size: 18px; line-height: 22px; text-align: left; }
  .listing-sec .post.ebook { text-align: left; }
  .pagination-wrap { padding: 40px 0; }
  .post-hero-sec .title h1 { font-size: 22px; line-height: 30px; }

  .post-details .left .contain h1 { font-size: 32px; }
  .post-details .left .contain h2 { font-size: 25px; }
  .post-details .left .contain h3 { font-size: 20px; }
  .post-details .left .contain blockquote { padding: 16px; }
  .post-details .left .contain .ebook a { flex-wrap: wrap; gap: 16px; padding: 64px 24px 24px 24px; }
  .post-details .left .contain .ebook a .left, .post-details .left .contain .ebook a .right { width: 100%; }
  .post-details .left .contain .ebook a .title { margin: 0 0 16px 0; }
  .post-details .left .contain .ebook a .title h4 { font-size: 18px; line-height: 22px; }
  .post-details .left .contain .ebook a .right .image img { max-width: 190px !important; display: block; }
  .post-details .left .contain .ebook { margin: 24px 0 24px 0; }
  .post-details .right .author { gap: 16px; }
  .post-details .right .social-media { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
  .post-details .right .social-media strong { margin: 0; width: auto; }
  .post-details .right .social-media ul { width: auto; }
  .post-details .right .post.subscribe .title h2 { font-size: 30px; line-height: 36px; }
  .post-details .right .post.subscribe .title { margin: 0 0 16px 0; }
  .post-details .right .post.ebook .title h4 { margin: 16px 0; font-size: 18px; line-height: 22px; }

  .related-sec .post-wrap .post { width: 100%; }
  .related-sec .post-wrap { gap: 24px 16px; }
  .related-sec .post-wrap .post:last-child { display: inline-block; }
  .related-sec .post-wrap .post .image img { height: auto; }
  .related-sec h2 { margin: 0 0 24px 0; font-size: 30px; line-height: 37px; }
  .related-sec .post-wrap .post .caption .title a h3 { font-size: 16px; line-height: 22px; }
  .related-sec { padding: 0 0 50px 0; }

  .search-hero-sec { padding: 150px 0 80px 0; }
  .search-hero-sec .hero-inner .title h1 { font-size: 56px; }
  .search-result-page .search-title { text-align: left; }
  .search-result-page .search-title h2 { font-size: 30px; line-height: 38px; }

  .search-result-page .hs-search-results__pagination { padding: 60px 0 30px 0; }
  .search-result-page .hs-search-results__pagination { padding: 50px 0 20px 0; }
  .search-result-page .subscribe-sec .left { width: 100%; display: inline-block; max-width: 60px; }
  .search-result-page .subscribe-sec .right { width: 100%; display: inline-block; }
  .search-result-page .subscribe-sec .subscribe-inner { flex-wrap: wrap; gap: 24px; padding: 60px 16px; }
  .subscribe-sec .right .title { padding: 0 0 16px; }
  .subscribe-sec .right .title h1 { text-align: center; }
  .subscribe-sec .right .form-wrap form { max-width: 100%; padding: 0; }
  .subscribe-sec .right .form-wrap form .hs_submit.hs-submit { position: unset; text-align: center; width: 100%; }
  .subscribe-sec .right .form-wrap form .hs_submit.hs-submit input[type=submit] { padding-left: 48px; padding-right: 48px; }
  .subscribe-sec .right .form-wrap form .hs-form-field { margin-bottom: 16px; }
  .subscribe-sec .right .title h1 { font-size: 30px; line-height: 38px; }

  .hs-search-results.listing-sec .post .caption .title a.hs-search-results__title { font-size: 16px; line-height: 22px; }

  .footer-sec .logo, .footer-sec .menu { width: 100%; text-align: center; }
  .footer-sec .menu ul { flex-direction: unset; }
  .footer-sec .footer-bottom .copyright p { text-align: center; }
  .footer-sec .menu ul li { width: calc(100% / 2 - 8px); }

  header.header { padding: 12px 0 0 0; }
  .header-sec .menu { width: 100%; display: inline-block; position: unset; padding: 0; }
  .header-sec .menu .hs-menu-wrapper { position: absolute; top:100%; left: 0; right: 0; width: 100%; background: #76bcbf; height: 100vh; padding: 16px 0 0 0; }
  .header-sec .header-inner { display: inline-block; line-height: 0; vertical-align: top; }
  .header-sec .menu .mobile-trigger { top:15px; right: 15px; background-color: transparent; border: none; z-index: 9; }
  .header-sec .mobile-trigger, .header-sec .mobile-trigger:hover { background-color: transparent; border: none; }
  .header-sec .mobile-trigger:hover i, .header-sec .mobile-trigger:hover i:before, .header-sec .mobile-trigger:hover i:after, .mobile-open .header-sec .mobile-trigger i, .mobile-open .header-sec .mobile-trigger i:before, .mobile-open .header-sec .mobile-trigger i:after { background-color: #ffffff; }
  .header-sec .menu .hs-menu-wrapper>ul { display: flex; align-items: center; justify-content: center; width: 100%; gap: 0; }
  .header-sec .menu .hs-menu-wrapper>ul>li:last-child>a { margin: 10px 0 0 0; background: #ffffff; color: #76bcbf; }
  .header-sec .menu .hs-menu-wrapper>ul>li { display: flex;flex-direction: column;width: auto; display: inline-block; border: none; text-align: center; }
  .header-sec .menu .hs-menu-wrapper>ul>li .child-trigger { left: calc(100% + 16px); right: unset; border: none; }
  .header-sec .menu .hs-menu-wrapper>ul>li.hs-item-has-children>ul>li.hs-item-has-children { background-image: none; }
  .header-sec .menu .hs-menu-wrapper>ul>li ul.hs-menu-children-wrapper li { width: auto; display: block; }
  .header-sec .menu .hs-menu-wrapper>ul>li>a { width: 100%; display: inline-block; font-size: 18px; line-height: 20px; padding: 10px;}
  .header-sec .mobile-trigger i, .header-sec .mobile-trigger i:before, .header-sec .mobile-trigger i:after { color: #fff; background: #fff; }
  .header-sec .child-trigger i, .header-sec .child-trigger i:after { height: 2px; }

/*   body.mobile-open .header-sec .menu .hs-menu-wrapper { top:100%; } */
  body.mobile-open .header-sec .logo { position: relative; z-index: 99; }
  .mobile-open .header-sec .mobile-trigger i:after { transform: rotate(-45deg); top: 0; }
  .mobile-open .header-sec .mobile-trigger i:before { transform: rotate(45deg); top: 0; }
  .mobile-open .header-sec .mobile-trigger i { background: transparent; }
  .mobile-open header.header { background-color: #76bcbf; }
  
  .hs-blog-post .header-sec .menu .hs-menu-wrapper>ul>li>a { color: #ffffff; }
  .hs-blog-post .header-sec .menu .hs-menu-wrapper>ul>li:last-child>a { color: #76bcbf; }
  .hs-blog-post header.header { padding: 16px 0; background: #ffffff; }
  .mobile-open .hs-blog-post .header-sec .mobile-trigger i:before, .mobile-open .hs-blog-post  .header-sec .mobile-trigger i:after { background-color: #76bcbf; }
  body.mobile-open .hs-blog-post .header-sec .menu .hs-menu-wrapper { top: 100%; }
  .hs-blog-post .header-sec .menu .mobile-trigger { top: 22px; }
  .hs-blog-post .header-sec .mobile-trigger i, .hs-blog-post .header-sec .mobile-trigger i:before, .hs-blog-post .header-sec .mobile-trigger i:after { color: #76bcbf; background: #76bcbf; }
  .mobile-open .hs-blog-post .header-sec .mobile-trigger i { background: transparent; }
/*   .hs-blog-post .header-sec .menu .hs-menu-wrapper>ul { height: calc(100vh - 75px); } */
}


div#hs-web-interactives-bottom-anchor {
    display: none !important;
}