/*
Theme Name:   Dana-Gayles
Theme URI:    http://lucidity.design
Description:  This is a custom child theme of Divi.
Author:       Richard George Davis
Author URI:   http://lucidity.design
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.mfp-wrap .mfp-container button:hover {
    border-color: #2F3454!important;
    background-color: #2F3454 !important;
}

.et_header_style_split #main-header .centered-inline-logo-wrap .logo_container, 
.et_header_style_split #main-header .centered-inline-logo-wrap a {
    width: auto;
      pointer-events: none;
}

#main-header {
border-bottom: 5px solid #ceaa78;
}
#main-footer {
border-top: 5px solid #ceaa78;
}
/*@media screen and (min-width: 981px) {
body.et_header_style_split div#et-top-navigation {
    align-items: center;
    padding-top: 85px !important;
    padding-bottom: 45px !important;
}
}*/
@media only screen and (min-width: 981px) {
body.et_header_style_split #main-header .centered-inline-logo-wrap {
    max-width: 285.27px !important;
}
}
body.custom-background:before {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  width: 100%;
/*   background-image: linear-gradient(180deg, rgba(206, 170, 120, .3) 0%, rgba(0, 0, 0, 0.8) 100%) !important; */
    background-image: radial-gradient(rgba(206, 170, 120, .0) 0%, rgba(0, 0, 0, 0.8) 100%) !important;

}

.dana-biscuits-removed-img .et_parallax_bg_wrap {
  display: none;
}

/* .et_boxed_layout #page-container {
  box-shadow: -20px 0 200px 30px rgb(0 0 0 / 100%);
} */
#footer-bottom,
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
  background-size: initial;
  background-repeat: repeat;
  background-blend-mode: overlay;
  background-image: url(./../../uploads/2021/03/Dana-Gayle-asset-pattern.svg) !important;
  background-size: 8% !important;
}

/* .dipi_carousel_child {
    background-repeat: repeat;
    background-image: url(./../../uploads/2021/03/Dana-Gayle-asset-pattern.svg);
    background-color: #151826;
    padding-top: 10px!important;
    padding-right: 10px!important;
    padding-bottom: 30px!important;
    padding-left: 10px!important;
      background-size: 30% !important;

} */

.dana-pattern {
  background-size: 8% !important;
}
.dana-pattern-2 {
  background-size: 20% !important;
}

/* SVG Shadow */
.et_header_style_split .centered-inline-logo-wrap #logo,
.shadow {
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.6));
}

.shadow {
  -webkit-filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
  /* Similar syntax to box-shadow */
}


/* popup contact form */
body .popup_contact ul.et_pb_social_media_follow,
body .popup_contact .et_pb_social_media_follow  li {
    margin: 0 !important;
    padding: 0 !important;
}
@media only screen and (max-width: 1390px) {
  .popup_contact .et_pb_row {
    max-width: 100% !important;
    width: 90%; }
  .popup_contact .et_pb_row .et_pb_contact_form_container {
    padding-right: 0 !important;
    padding-left: 0 !important; } }


@media only screen and (max-width: 980px) {
  .popup_contact .et_pb_column_1_4 .et_pb_social_media_follow {
    display: none !important; }
  .popup_contact .et_pb_column_1_4 .et_pb_promo:last-of-type {
    margin-right: 0 !important; }

  .popup_contact .et_pb_column_1_4 {
  /* We first create a flex layout context */
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;

}
  .popup_contact .et_pb_column_1_4 .et_pb_promo {
    border-bottom: none !important;
}
}

@media only screen and (max-width: 480px) {
  .popup_contact .et_pb_column_1_4 .et_pb_promo {
    width: 100% !important;
    margin-right: 0; }
  .popup_contact .et_pb_contact_form p {
    width: 100% !important;
    margin-right: 0% !important; }
  .popup_contact .et_pb_contact .et_contact_bottom_container {
    width: 100%;
    margin-top: 0; } }


/* floating images */
.dl-floating {
  -webkit-animation: floating 7s ease-in-out infinite;
  animation: floating 7s ease-in-out infinite;
}

.dl-floating1 {
  -webkit-animation-delay: -4.5s;
  animation-delay: -4.5s;
}

.dl-floating2 {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
}

@-webkit-keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, 0px);
  }
}

/* Background image overlays, including parallax */
.gradient-overlay:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100%;
}

/* .gradient-overlay .et_pb_row {
z-index:1 !important;
} */
.gradient-overlay {
  background-color: transparent;
}

.gradient-overlay-1:before {
  background-image: linear-gradient(180deg, #423f3d 0%, rgba(66, 63, 61, 0.8) 100%) !important;
}

.gradient-overlay-2:before {
  background-image: linear-gradient(180deg, rgba(66, 63, 61, 0.8) 0%, #0a0000 100%) !important;
}

.gradient-overlay-3:before {
  background-image: linear-gradient(0deg, rgba(66, 63, 61, 0.8) 0%, #0a0000 100%) !important;
}

/* list of logos centered */
.logo-img-list .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.logo-img-list .et_pb_column .et_pb_image {
  margin: auto 5px !important;
  padding: 8px 0;
  transform: scale(.7);
  min-width: 180px;
}

.logo-img-list .et_pb_column .et_pb_image .et_pb_image_wrap img {
  max-height: 75px;
  max-width: 280px;
}

@media (max-width: 980px) {
  .logo-img-list .et_pb_column .et_pb_image {
  margin: auto 5px !important;
  padding: 8px 0;
  transform: scale(.8);
  }
/*   .logo-img-list .et_pb_column .et_pb_image .et_pb_image_wrap img {
  max-height: 75px;
  max-width: 280px;
} */
}

@media only screen and (max-width: 480px) {
  .logo-img-list .et_pb_column {
  display:block;
}
  .logo-img-list .et_pb_column .et_pb_image {
    transform: scale(.8);
    padding: 8px 0;
    min-width: 102px;
  }
  .logo-img-list .et_pb_column .et_pb_image .et_pb_image_wrap img {
  max-height: 75px;
  max-width: 280px;
}
}

/*Horizontal Scroll-Bar Bug*/
#page-container {
  overflow: hidden;
}

/*-- [ menu breakpoint ] --*/
@media (max-width: 1250px) {
  #et_mobile_nav_menu {
    display: block;
  }

  #top-menu {
    display: none;
  }

  #et_mobile_nav_menu {
    display: block !important;
  }
}

/*-- [START - Change Slider Animation] ---*/
/*
fadeLeft
fadeBottom
fadeInLeft
fadeRight
fadeInRight
fadeOutRight
fadeInTop
fadeOutTop
fadeOutBottom
fadeOutLeft
fadeTop
fadeInRight
Grow
fadeIn
slideWidth
gridFadeIn
flipInX
flipInY
*/
/* Slider animation - slide description */
.et-pb-active-slide .et_pb_slide_description {
  /* animation-name: ; */
}

/*Slider animation - image & video */
.et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video {
  /* animation-name: ; */
}

/*-- [END - Change Slider Animation] ---*/
/*-- [ Ordered list fix ] --*/
.content-lists ol li, article ul li {
  margin-bottom: 2px !important;
  margin-top: 2px;
  margin-left: 5px !important;
}

article ol li, article ul li {
  margin-bottom: 8px !important;
  margin-top: 10px;
  margin-left: 5px !important;
}

article ul ul {
  margin-left: 30px !important;
}

#left-area ol, .comment-content ol, .entry-content ol {
  list-style-position: outside;
}

article ol ol {
  margin-left: 30px !important;
}

article ul li:last-child, article ol li:last-child {
  margin-bottom: 0 !important;
}

.entry-content ul {
  padding: 0 0 2px 2em;
}

/*- Add any CSS custom code for this child theme below this line -*/
/*---[MEDIA QUERIES: MEDIA QUERY SIZES FOR MOBILE, TABLET, DESKTOP ETC]---*/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  /* CSS GOES HERE */
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
  /* CSS GOES HERE */
}

/*** Responsive Styles Tablet and Below ***/
@media all and (max-width: 980px) {
  /* CSS GOES HERE */
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
  /* CSS GOES HERE */
}

/* iPad Pro - Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* iPad Pro - Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}

/* iPad Pro - Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  /* CSS GOES HERE */
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
  /* CSS GOES HERE */
}

/** Landscape Only **/
@media all and (orientation: landscape) {
  /** YOUR CSS GOES HERE **/
}

/** Portrait Only **/
@media all and (orientation: portrait) {
  /** YOUR CSS GOES HERE **/
}

/** Most laptops and widescreens **/
@media all and (aspect-ratio: 16/9) {
  /** YOUR CSS GOES HERE **/
}

/** Retina Displays  **/
@media all and (-webkit-min-device-pixel-ratio: 2), all and (min-resolution: 192dpi) {
  /** YOUR CSS GOES HERE **/
}

/*---[PREVENT TEXT FROM BREAKING ON MOBILE]---*/
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: normal;
}

/*---[ START - ken burns effect ]---*/
/*  - Set background image "Use parallax effect" and method css */
.kb-zoomout .et_pb_slide .et_parallax_bg {
  animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  -0-animation: zoomout 7s forwards;
  -moz-animation: zoomout 7s forwards;
}

.kb-zoomin .et_pb_slide .et_parallax_bg {
  animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  -0-animation: zoomin 7s forwards;
  -moz-animation: zoomin 7s forwards;
}

.kb-zoomin-right .et_pb_slide .et_parallax_bg {
  animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
  -0-animation: zoomin-right 7s forwards;
  -moz-animation: zoomin-right 7s forwards;
}

.kb-zoomout-right .et_pb_slide .et_parallax_bg {
  animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  -0-animation: zoomout-right 7s forwards;
  -moz-animation: zoomout-right 7s forwards;
}

.kb-zoomout .et_parallax_bg {
  animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
  -0-animation: zoomout 17s forwards;
  -moz-animation: zoomout 17s forwards;
}

.kb-zoomin .et_parallax_bg {
  animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
  -0-animation: zoomin 17s forwards;
  -moz-animation: zoomin 17s forwards;
}

.kb-zoomin-right .et_parallax_bg {
  animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
  -0-animation: zoomin-right 17s forwards;
  -moz-animation: zoomin-right 17s forwards;
}

.kb-zoomout-right .et_parallax_bg {
  animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  -0-animation: zoomout-right 17s forwards;
  -moz-animation: zoomout-right 17s forwards;
}

@-webkit-keyframes zoomout {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomout {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes zoomin {
  0% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomin {
  0% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes zoomout-right {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomout-right {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes zoomin-right {
  0% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
  }
}

@keyframes zoomin-right {
  0% {
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
  }
}

/*---[ END - kens burns effect ]---*/
/*---[ START - A CSS-only, animated, wrapping underline. ]---*/
/* standard */
.animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188));
  background-size: 100% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

/* Two backgrounds */
.animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 100% 2px, 100% 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat, no-repeat;
}

/* Transitioning the background-size */
.animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 2s linear;
}

.animated_underline a:hover {
  background-size: 0 2px, 100% 2px;
}

/* Three backgrounds */
.animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(#222b40, #222b40),
    linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 2s linear, background-position 2s linear;
}

.animated_underline a:hover {
  background-size: 20px 2px, 0 2px, 100% 2px;
  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
}

/*---[ END - A CSS-only, animated, wrapping underline. ]---*/