/*
Theme Name: DJL Accounting Theme
Author: Tony Manhollan, REP Digital Media Marketing
Author URI: https: //www.repdigitalmedia.com/
Description: Child theme derived from the7, customized for DJL Accounting (djlaccounting.com)
Version: 1.0.0 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http: //wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* Header eased gradient */
.elementor-6236 .elementor-element.elementor-element-ed5e8ff:not(.elementor-motion-effects-element-type-background):not(.the7-e-sticky-effects),
.elementor-6236 .elementor-element.elementor-element-ed5e8ff>.elementor-motion-effects-container>.elementor-motion-effects-layer:not(.the7-e-sticky-effects) {
  background-image: linear-gradient(to bottom,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.79) 5.3%,
    rgba(0, 0, 0, 0.761) 11.2%,
    rgba(0, 0, 0, 0.717) 17.6%,
    rgba(0, 0, 0, 0.66) 24.4%,
    rgba(0, 0, 0, 0.593) 31.5%,
    rgba(0, 0, 0, 0.518) 38.8%,
    rgba(0, 0, 0, 0.44) 46.3%,
    rgba(0, 0, 0, 0.36) 53.7%,
    rgba(0, 0, 0, 0.282) 61.2%,
    rgba(0, 0, 0, 0.207) 68.5%,
    rgba(0, 0, 0, 0.14) 75.6%,
    rgba(0, 0, 0, 0.083) 82.4%,
    rgba(0, 0, 0, 0.039) 88.8%,
    rgba(0, 0, 0, 0.01) 94.7%,
    rgba(0, 0, 0, 0) 100%);
}

#news-and-resources-panel {
  text-align: center;
}
#news-and-resources-panel ul,
#news-and-resources-panel .elementor-loop-container {
  margin: 0;
}
#news-and-resources-panel li,
#news-and-resources-panel .e-loop-item {
  list-style: none;
}
#news-and-resources-panel .dt-nav-menu li {
    display: list-item; /* unsets flex */
}
#news-and-resources-panel .dt-nav-menu li a,
#news-and-resources-panel .dt-nav-menu li span {
    display: inline;  /* unsets flex */
}

#news-and-resources-panel li:first-child,
#news-and-resources-panel .dt-nav-menu li:first-child,
#news-and-resources-panel .e-loop-item:first-of-type {
  border-top: 1px solid var(--e-global-color-el_color_1_2);
}
#news-and-resources-panel li,
#news-and-resources-panel .dt-nav-menu li,
#news-and-resources-panel .e-loop-item {
  margin: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--e-global-color-el_color_1_2);
  min-height: 57px;
  align-content: center;
}
#news-and-resources-panel li:hover,
#news-and-resources-panel .dt-nav-menu li:hover,
#news-and-resources-panel .e-loop-item:hover {
  border-top: 1px solid var(--e-global-color-el_color_1_2);
  background-color: var(--e-global-color-el_color_1_2);
}
#news-and-resources-panel li,
#news-and-resources-panel .e-loop-item .elementor-widget-heading .elementor-heading-title {
  font-family: var(--e-global-typography-el_title_6-font-family), Sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
#news-and-resources-panel a,
#news-and-resources-panel .e-loop-item .elementor-widget-heading .elementor-heading-title a {
  color: white;
}
#news-and-resources-panel a:hover,
#news-and-resources-panel .e-loop-item .elementor-widget-heading .elementor-heading-title a:hover {
  color: var(--e-global-color-el_color_1_4);
}

#news-and-resources-panel li:after,
#news-and-resources-panel .e-loop-item:after {
  content: '';
  display: block;
  width: 60%;
  margin: auto;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--e-global-color-el_color_1);
}
#news-and-resources-panel li:last-child:after,
#news-and-resources-panel .e-loop-item:last-child:after {
  display: none;
}
#news-and-resources-panel > .e-con-inner > .e-con > .e-con:nth-child(2):before,
#news-and-resources-panel > .e-con-inner > .e-con > .e-con:nth-child(2):after {
  content: '';
  position: absolute;
  left: 0;
  top: 25%;
  width: 0;
  height: 50%;
  border-left: 1px solid var(--e-global-color-el_color_1);
}
#news-and-resources-panel > .e-con-inner > .e-con > .e-con:nth-child(2):after {
  left: auto;
  right: 0;
}
#news-and-resources-panel .dt-nav-menu li .subtitle-text {
  display: none;
}

#news-and-resources-panel-clean {
  text-align: center;
  border-top: 40px solid var(--e-global-color-el_color_1);
}
#news-and-resources-panel-clean ul,
#news-and-resources-panel-clean .dt-nav-menu,
#news-and-resources-panel-clean .elementor-loop-container {
  margin: 20px 0;
  display: block;
}
#news-and-resources-panel-clean li,
#news-and-resources-panel-clean .e-loop-item {
  list-style: none;
}
#news-and-resources-panel-clean .dt-nav-menu li {
    display: list-item; /* unsets flex */
}
#news-and-resources-panel-clean .dt-nav-menu li a,
#news-and-resources-panel-clean .dt-nav-menu li span {
    display: inline;  /* unsets flex */
}

#news-and-resources-panel-clean li:first-child,
#news-and-resources-panel-clean .dt-nav-menu li:first-child,
#news-and-resources-panel-clean .e-loop-item:first-of-type {
}
#news-and-resources-panel-clean li,
#news-and-resources-panel-clean .dt-nav-menu li,
#news-and-resources-panel-clean .e-loop-item {
  margin: 0 !important;
  align-content: center;
}
#news-and-resources-panel-clean li:hover,
#news-and-resources-panel-clean .dt-nav-menu li:hover,
#news-and-resources-panel-clean .e-loop-item:hover {
}
#news-and-resources-panel-clean li,
#news-and-resources-panel-clean .dt-nav-menu li > a,
#news-and-resources-panel-clean .e-loop-item .elementor-widget-heading .elementor-heading-title {
  font-family: var(--e-global-typography-el_title_6-font-family), Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
#news-and-resources-panel-clean a:not(.elementor-button),
#news-and-resources-panel-clean .e-loop-item .elementor-widget-heading .elementor-heading-title a {
  color: #333;
}
#news-and-resources-panel-clean a:hover,
#news-and-resources-panel-clean .e-loop-item .elementor-widget-heading .elementor-heading-title a:hover {
  color: var(--e-global-color-el_color_1_4);
}

#news-and-resources-panel-clean li:after,
#news-and-resources-panel-clean .e-loop-item:after {
  content: '';
  display: block;
  width: 50%;
  margin: auto;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
#news-and-resources-panel-clean .dt-nav-menu li:after {
  padding-bottom: 7px;
  margin-bottom: 7px;
}
#news-and-resources-panel-clean li:last-child:after,
#news-and-resources-panel-clean .e-loop-item:last-child:after {
  display: none;
}
#news-and-resources-panel-clean > .e-con-inner > .e-con > .e-con:nth-child(2):before,
#news-and-resources-panel-clean > .e-con-inner > .e-con > .e-con:nth-child(2):after {
  content: '';
  position: absolute;
  left: 0;
  top: 20%;
  width: 0;
  height: 75%;
  border-left: 1px solid #ccc;
}
#news-and-resources-panel-clean > .e-con-inner > .e-con > .e-con:nth-child(2):after {
  left: auto;
  right: 0;
}
#news-and-resources-panel-clean .dt-nav-menu li .subtitle-text {
  display: none;
}
#news-and-resources-panel-clean > .e-con-inner > .e-flex > .e-flex > .e-flex + .e-flex {
  justify-content: center;
}

/*
 * Homepage grid
 * Makes uniform aspect ratio for all boxes in the panel with alternating photos.
 * See https://css-tricks.com/aspect-ratio-boxes/
 * Assumes photos are in the odd cells and content in the even (if the trick is
 *   applied to a cell with content, it will just push the content down because
 *   the grid uses flexbox. If it was displayed as a block, it would require
 *   a height hack to get it to align center).
 * It essentially acts as a min-height because content panels that are higher
 *   than this will push the all of the cells in the row.
 */
.elementor-element-577336f.e-parent > .e-child:nth-child(odd) {
  position: relative;
  height: auto;
  display: block;
}
.elementor-element-577336f.e-parent > .e-child:nth-child(odd)::before {
  content: "";
  width: 1px;
  margin: -1px;
  float: left;
  height: 0;
  padding-top: 85%;
  position: static; /* resets an elementor style */
}
.elementor-element-577336f.e-parent > .e-child:nth-child(odd)::after {
  content: "";
  display: table;
  clear: both;
  position: static; /* resets an elementor style */
}

/* Image hover saturation effect */
.desaturated-image > .e-con-inner {
  z-index: 3;
}
.desaturated-image:before {
  z-index: 2;
}
.desaturated-image:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: inherit;
  filter: saturate(0);
  transition: 0.3s;
  z-index: 1;
}
.desaturated-image:hover:after {
  filter: saturate(1);
}

/* Reviews archive page - alternating alignment */
.elementor-element-bd67334 .e-loop-item .elementor-blockquote--skin-border .elementor-blockquote .e-q-footer {
  display: block;
}
.elementor-element-bd67334 .e-loop-item:nth-child(odd) .elementor-blockquote--skin-border .elementor-blockquote {
  border-inline-start-width: 0;
  border-inline-end-width: 7px;
  text-align: right;
  padding-inline-start: 0;
  padding-inline-end: 20px;
}

/* Reviews Quotation style */
.elementor-blockquote--skin-quotation {
  padding: 25px 100px;
  text-align: center;
}
.elementor-blockquote--skin-quotation .elementor-blockquote:before,
.elementor-blockquote--skin-quotation .elementor-blockquote:after {
  position: absolute;
  color: #ccc !important;
  display: block;
  font-family: Times New Roman,Times,serif;
  font-weight: 900;
  font-size: 150px;
  height: .6em;
  line-height: 1
}
.elementor-blockquote--skin-quotation .elementor-blockquote:before {
  left: 10px;
  top: 0;
  content: "“";
}
.elementor-blockquote--skin-quotation .elementor-blockquote:after {
  right: 10px;
  bottom: 25px;
  content: "”";
}
.elementor-blockquote--skin-quotation .elementor-blockquote .e-q-footer {
  justify-content: center;
}
