.heading {
  font-family: 'dreamcapsregular';
}

@font-face {
  font-family: 'dreamcapsregular';
  src: url('font/dream-caps-webfont.woff2') format('woff2'),
    url('font/dream-caps-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: "BODY";
  src: url(https://static1.squarespace.com/static/56a74ebd1c121044e144939b/t/62bd98c80ba3266fce5c8f0e/1656592584937/AnticDidone-Regular.ttf);
}

@font-face {
  font-family: proxima-nova;
  src: url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/l?subset_id=2&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/1be3c2/00000000000000007735e606/30/d?subset_id=2&fvd=n3&v=3)
}

body {
  color: #575757;
}
.font-proxima-nova{
  font-family: proxima-nova;
}
.quattrocento-sans p,
.quattrocento-sans {
  font-family: 'Quattrocento Sans' !important;
}

.wq p {
  padding-bottom: 15px;
}

.wq p {
  font-family: proxima-nova;
}

p,
footer li a,
.contact-form input {
  font-family: "BODY";
}

@font-face {
  font-family: 'dreamcapsregular';
  src: url('font/dreamcaps-webfont.woff2') format('woff2'),
    url('font/dreamcaps-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/*.wedding-img-sec .review-h:hover a,
.wedding-img-bottom .relative:hover a {
  display: block;
}*/

.wedding-img-sec .review-h a {
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
}

.wedding-img-bottom .relative a {
  position: absolute;
  top: 5px;
  left: 5px;
  display: none;
}

.text-primary {
  color: #222;
}

.primary-bg {
  background: #f5f1eb;
}

.primary-bg-second {
  background: #272727;
}

/* .primary-bg-second{
  background: rgba(205, 203, 201, 1)
} */

/* SLICK: ARROWS */
.slick-custom-arrow {
  position: absolute;
  transform: translateY(-50%);
  z-index: 9;
  padding: 20px 16px;
  background-color:#00000030;
  color: #fff;
}

/*.slick-custom-arrow:hover {
  cursor: pointer;
  background-color: #000;
  color: #fff;
}*/

.slick-custom-arrow-right {
  right: 0;
  top: 50%;
}

.slick-custom-arrow-left {
  left: 0;
  top: 50%;
}

/* SLICK: ARROWS */

/* banner-slider */
.slider {
  position: relative;
  width: 100%;
}

.items {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}

.item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.item.current {
  opacity: 1;
}

.item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.buttons {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.button {
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  padding: 0;
  background: transparent center no-repeat;
  cursor: pointer;
  opacity: 0.4;
}

.button.prev {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32.png);
}

.button.next {
  background-image: url(https://codeisle.info/blog/wp-content/uploads/2018/12/ico_next_b32-1.png);
}

/*.button:hover {
  opacity: 0.8;
}
*/
.dots {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.dot {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  outline: none;
  padding: 0;
  background: #777;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.4s ease-in-out;
}

.dot:nth-child(n+2) {
  margin-left: 5px;
}

.dot.current {
  opacity: 1;
}

/************************/

.wpb_wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wpb_wrapper .review-h {
  height: 181px;
}

.wpb_wrapper .review-h span {
  position: absolute;
  left: 21px;
  top: 20px;
  font-family: 'Quattrocento Sans';
}

.canvas {
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

.player.right-content-area-supported {
  overflow: hidden;
  max-width: calc(246.778vh) !important;
}

ifram .Title_module_title__1f69cee0 .Title_module_header__1f69cee0 .Title_module_subtitleLink__1f69cee0 {
  margin: .4em 0 0;
  display: none;
}

.enter-home {
  font-family: omnes-pro;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .3em;
}

@font-face {
  font-family: omnes-pro;
  src: url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/l?subset_id=2&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/d?subset_id=2&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/0bc945/000000000000000077359c15/30/a?subset_id=2&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: auto;
}
@font-face{font-family:'DREAM';src:url('https://static1.squarespace.com/static/56a74ebd1c121044e144939b/t/62bd75be4e1c6a6b5abad11b/1656583615109/DreamCaps.otf')}h1{font-family:'DREAM'}h2{font-family:'dream';font-weight:100;font-style:regular;font-size:12px;letter-spacing:.1em;text-transform:lowercase;line-height:1em}h3{font-family:'DREAM'}
.menu-header a{
  font-size: 13px;
  color: #111;
}
/*.menu-header a:hover {
  color: #9e9e9e;
  text-decoration: none;
}*/
 
 
p {
   
  font-weight: 300;
  font-style: normal;
  line-height: 1.8em;
  font-size: 15px;
  text-transform: none;
  text-decoration: none;
  margin: 0 0 1em;
}
/* .like-btn:hover i{color: #e71616;}*/
 .story-page p time{
  font-size: 12px;
  font-family: proxima-nova;
 }
 .story-page p, .story-page a{
  color: #575757;
 }
 .comment-btns a{
  display: none;
 }
/* article:hover a{
  display: flex;
 }*/
  .story-page a.like-btn-comment{color: #fff; background-color: #c4c1bc;}
  .story-page a.like-btn-comment i{
    font-size: 10px;
  }
/*  .story-page a.like-btn-comment:hover{color: #fff; background-color:rgb(73 72 70);}*/
 @font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?subset_id=2&fvd=n7&v=3) format("opentype");font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}

 .mlmenu li>ul                 { transform: translatex(100%) scale(0) }
/* .mlmenu  li:hover>ul           { transform: translatex(101%) scale(1) }*/
 .mlmenu  li > button svg       { transform: rotate(-90deg) }
/* .mlmenu  li:hover > button svg { transform: rotate(-270deg) }*/

 /* Below styles fake what can be achieved with the tailwind config
    you need to add the group-hover variant to scale and define your custom
    min width style.
    See https://codesandbox.io/s/tailwindcss-multilevel-dropdown-y91j7?file=/index.html
    for implementation with config file
 */
/* .mlmenu  .group:hover .group-hover\:scale-100 { transform: scale(1) }*/
/* .mlmenu .group:hover .group-hover\:-rotate-180 { transform: rotate(180deg) }*/
 .mlmenu  .scale-0 { transform: scale(0) }
 .mlmenu  .min-w-32 { min-width: 8rem }
 #dropdownShare .btn {
  position: relative;
  height: 25px;
  box-sizing: border-box;
  padding: 2px 12px 2px 12px;
  background-color: #000;
  color: #fff;
  border-radius: 9999px;
  font-weight: 500;
  cursor: pointer;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  
}
#dropdownShare .btn.btn-like{
  background: #1877f2;
  border: 0;
  border-radius: 5px;
}
#dropdownShare .btn i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background: transparent 0 0 no-repeat;
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' fill='none'/%3E%3Cpath d='M17.9686 14.1623L26.7065 4H24.6358L17.0488 12.8238L10.9891 4H4L13.1634 17.3432L4 28H6.07069L14.0827 18.6817L20.4822 28H27.4714L17.9681 14.1623H17.9686ZM15.1326 17.4607L14.2041 16.132L6.81679 5.55961H9.99723L15.9589 14.0919L16.8873 15.4206L24.6368 26.5113H21.4564L15.1326 17.4612V17.4607Z' fill='white'/%3E%3C/svg%3E%0A");
}
.IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu {
  background-color: #0073b1!important;
  border: 0!important;
  border-radius: 2px!important;
  box-sizing: border-box!important;
  color: #fff!important;
  cursor: pointer!important;
  display:  flex !important;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif!important;
  font-weight: 600!important;
  overflow: hidden!important;
  outline-width: 2px!important;
  position: relative!important;
  text-align: center!important;
  text-decoration: none!important;
  vertical-align: middle!important;
  white-space: nowrap!important;
  align-items: center;
}
.image-wrapper {
    margin-bottom: 3px !important;
}
div#yui_3_17_2_1_1718358234559_796 {
    display: none;
}
@media screen and (max-width: 600px) {
  .homeone .items{height: 100vh;}
  .menu-header button{
    display: block;
    margin: auto;
  }
  footer a img{
    margin-left: auto;
    margin-right: auto !important;
  }
 }