/*
 Theme Name:   ChatGains
 Theme URI:    https://chatgains.com
 Description:  Custom built theme for ChatGains.com
 Author:       Dominic
 Template:     generatepress
 Version:      1.0
*/

/* Fluent Forms submit button on-brand */
.ff-btn-submit:not(.ff_btn_no_style) {
	background-color: var(--accent) !important;
	color: var(--base-2) !important;
	font-size: .875rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 2px;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease 0s;
	border-radius: 2px;
	padding: .75rem 1.25rem;
}

/* Navigation CTA button class: nav-button
 * Desktop styling */ 
.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
	background-color: var(--accent);
	color: var(--base-2);
	font-size: .8rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 2px;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease 0s;
	border-radius: 2px;
	padding: .75rem 1.25rem;
	margin-left: 1rem;
	&:hover {
		color: #ffffff;
		box-shadow: 0px 0px 20px 2px rgba(123, 95, 232, 0.5);
	}
}
	
/* Navigation CTA button class: nav-button 
 * Mobile styling */
#generate-slideout-menu li.nav-button a {
	background-color: var(--accent);
	color: var(--base-2);
	font-size: .8rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 2px;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease 0s;
	border-radius: 2px;
	padding: .75rem 1.25rem;
	margin-left: 1rem;
	margin-right: 1rem;
	margin-top: 1rem;
	&:hover {
		color: #ffffff;
		box-shadow: 0px 0px 20px 2px rgba(123, 95, 232, 0.5);
	}
}


/* Rank Math FAQ block accordeon styling */
#rank-math-faq .rank-math-list-item {
  margin-bottom: 1em;
  margin-top: 1em;
  border-bottom: 1px solid var(--contrast);
	color: var(--contrast);
	font-size: 20px;
}
.rank-math-question {
  cursor: pointer;
  position: relative;
  display: block;
  padding-right: 1em;
  margin-right: 1em;
  font-weight: 300;
  margin-top: 30px;
	font-size: 22px;
	font-weight: 500;
}
.rank-math-question:after {
  position: absolute;
  right: 5px;
  top: 0;
	color: var(--base-3);
  content: "\2715";
  transform: rotate(-45deg);
  transition: all 150ms ease-in-out;
}
.rank-math-question.collapse:after {
  transform: rotate(0deg);
}
.rank-math-question:hover {
  opacity: 0.8;
}