/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

//Lyon

@font-face {
  font-family: "lyon-black";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/LyonDisplay-Black.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "lyon-bold";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/LyonDisplay-Bold.otf");
  font-weight: normal;
  font-style: normal;
}

.lyon-black {
  font-family: "lyon-black", serif;
  font-style: normal;
  font-weight: 800;
}

.lyon-bold {
  font-family: "lyon-bold", serif;
  font-weight: normal;
  font-style: normal;
}


// Soleil

@font-face {
  font-family: "soleil-light";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/Soleil_Light.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "soleil-regular";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/Soleil_Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "soleil-semiBold";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/Soleil_SemiBold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "soleil-bold";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/font/Soleil_Bold.ttf");
  font-weight: normal;
  font-style: normal;
}

//Playfair

@font-face {
  font-family: "playfair-display";
  src:  url("https://7791269.fs1.hubspotusercontent-na1.net/hubfs/7791269/PlayfairDisplay-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}

.playfair-display {
  font-family: "playfair-display", serif;
  font-weight: 700;
  font-style: normal;
}

.soleil-light {
  font-family: "soleil-light", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.soleil-regular {
  font-family: "soleil-regular", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.soleil-semiBold {
  font-family: "soleil-semiBold", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}

.soleil-bold {
  font-family: "soleil-bold", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}


.bind {
  display: none
}

.sideMenu {
  background: transparent;
  border: none;
  text-transform: uppercase;
  padding-bottom: 8px;
  color: #536067;
  border: none;
  outline: none;
  cursor: pointer;
}

.selectBtn {
  border-bottom: solid 7px #FADC90;
  color: #1E323D;
}

.logo_cafeyn {
  background: transparent;
  outline: none;
}

.logo_cafeyn_header {
  margin: auto;
}

.logo_cafeyn_header div {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 73px;
}

.header-container-wrapper {
  background-color: #3673A1;
}

.header-container {
  background-color: #3673A1;
}

.header-container-about {
  background-color: #FEDC84;
  height: 73px;
}

.header {
  display: flex;
  margin: auto;
}

.header_menu, .cafeyn_logo {
  height: 131px;
  display flex
}

.featured-title {
  color: #FFFFFF;
}

.featured-title:hover {
  color: grey;
}

.cafeyn_logo .layout-widget-wrapper {
  margin: auto;
}

.btn_primary_cafeyn {
  background-color: #FEDC84;
  border-radius: 55px;
  padding: 8px 25px;
  border: none;
  display: block;
  margin: auto;
  min-width: 90px;
  text-transform: uppercase;
  font-size: 13px;
  width: max-content;
}

.btn_link {
  text-align: center;
  padding: 17px 25px;
  margin-bottom: 70px;
}

.active-branch a {
  color: #FFFF;
}

.min_content .cell-wrapper {
  width: min-content;
}

.text_footer {
  font-size: 14px; 
}

#footer_width {
  width: 100%;
  max-width: 100%;
}

.sidebar {
  background: #FFFAF0;
  padding: 60px 15px;
}

.blog_content_cafeyn {
  padding: 60px 0px;
}

.blog_content_cafeyn img {
  border-radius: 8px;
}

.blog_content_cafeyn a .social_media{
  width: 56px; 
}


.topic_title {
  color: #536067;
  text-transform: uppercase;
}

.tag_img {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background-color: #536067;
  color: #FFFF;
  text-transform: uppercase;
  padding: 2px 12px;
  border-radius: 3px;
}

.page-center hr {
  border: none;
  background: #FFFF;
  height: 2px;
  width: 100%;
  margin: 25px 0px 55px 0px;
}

.tag_sideBar {
  background: #536067;
  padding: 5px 12px;
  color: #FFFF;
  border-radius: 3px;
}


#hs_menu_wrapper_module_1518238321893199 ul :nth-child(3n) a{
  background: #FFFF;
  color: #1E323D;
  padding: 8px 25px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);
  border-radius: 55px;
  margin: auto;
}

#hs_menu_wrapper_module_1518238321893199 ul :nth-child(3n) {
  display: flex;
  padding: 22px 20px;
}

#footer-bottom {
  padding: 0px 233px 0px 233px;
}

.footer-t {
  padding: 63px 233px 54px 233px;
}

.footer-line {
  width: 100%;
  border-bottom: 1px #ECECEC solid;
  margin-bottom: 21px;
}


@media screen and (max-width: 480px) {
  
  #footer_width {
    padding: 0px;
  }
  
  #footer-end {
    padding: 0px;
  }
  
  #footer-bottom {
    padding: 0px;
    display: none;
  }
  
  #footer {
    padding: 57px 61px 0px 61px;
  }
  .footer-logo-cafeyn {
    margin-bottom: 43px;
  }
   
  .footer-t {
    padding: 46px 19px 0px 0px; 
  }
  .text_footer {
  font-size: 14px;
  text-align: left;
  padding-bottom: 60px;
  }
  
  .footer-line {
    border-bottom: 1px #FFFFFF solid;
  }
  
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  
    #footer_width {
      padding: 0px !important;
  }
    #footer {
      padding: 39px 70px 0px 70px; 
  }
  
    #footer-bottom {
      padding: 0px 70px;
  }
}