/*
 Theme Name:   Dirty Play
 Description:  Child Theme for Dirty Play
 Author:       Rob@GrumpyGuy
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  DP
*/

/*text module*/

/* Add space before headings */
:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

/* Fix bottom spacing on elements */
:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

/* Style Lists */
:where(.et_pb_text) ::marker {
  color:var(--gcid-secondary-color);
  font-family:var(--et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}

/* Style Blockquotes */
:where(.et_pb_text) blockquote {
  border:none;
  position:relative;
  padding:.5em 1em;
  margin:.5em 0 1.5em;
}
:where(.et_pb_text) blockquote::after {
  content:'〞';
  color:var(--gcid-secondary-color);
  position:absolute;
  font-size:4em;
  left:-.15em;
  top:.2em;
}
:where(.et_pb_text) blockquote::before {
  content:'';
  background:var(--gcid-secondary-color);
  opacity:0.1;
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  left:0; 
  top:0;
	padding:0 0 10px 0;
  border-radius:5px;
}

/* Style Links */
:where(.et_pb_text) a {
  transition: all .2s linear;
  text-underline-offset:.24em;
  text-decoration-thickness:.1em;
}
:where(.et_pb_text) a:hover {
  text-underline-offset:.12em;
}

/*Text Selection Colours*/
::selection {
	color:#fff; 
	background: #8A4A2A;
}
.dark-section ::selection {
	color:#fff; 
	background: #D57545;
}

/*Prevent Overlow on Mobile Screens Because of Transform on the Featured Label*/
@media only screen and ( max-width: 767px ) {
#page-container {
  overflow-x: hidden !important;
}
}

/* Style the Individual Tag Links on the featured labs Section - Labs Page*/
.tag-container a {
  background-color: #FAF4EF; 
  color: #3A2817;
  /* Slightly adjusted padding to account for the border thickness */
  padding: 5.5px 13.5px; 
  border-radius: 20px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  
  /* Add the 0.5px border here */
  border: 0.5px solid #3A2817; 
  
  transition: all 0.3s ease;
}

/* Hover state updates */
.tag-container a:hover {
  background-color: #D57545;
  color: #ffffff;
  /* Optional: change the border color on hover to match the blue */
  border-color: #3A2817; 
}

/* DSA Menu Hover Effects Style 1 */

/* remove opacity from the hover on the menu items*/

#page-container .et-menu a:hover {
    opacity: 1;
}

/* Change these values to edit line appearance and position */

:root {
  --BottomOffset: 0px;
  --LineHeight: 32px;
  --LineColor: #DB8D3F;
}

.dl-menu-style1 ul.et-menu>li>a {
	position: relative;
	z-index: 1;
}
.dl-menu-style1 ul.et-menu>li>a:before {
    position: absolute;
    content: '';
    display: block;
    z-index: -1;
    background: var(--LineColor);
    width: 0;
    height: var(--LineHeight);
    bottom: var(--BottomOffset);
	border-radius:var(--LineHeight);
    left: 50%;
    transition: 0.4s cubic-bezier(0.25, 0.1, 0, 2.02);
	
}

.dl-menu-style1 ul.et-menu>li>a:hover:before {
    width: calc(100% + var(--LineHeight));
    left: calc(var(--LineHeight) / -2);
}