/**
 * Mode responsive : sizes
 *
 * >= 1101 = Large screen
 * 1100 => 781 = Medium screen
 * < 780 = Small screen
 *
**/

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body{
	margin: 0;
	padding: 0;
}

.rf-gab-html{
	margin-top: 0px !important;
}
.rf-primary-font{
	font-family: primary-font;
	color: darkgreen;
}

/*
.rf-row-with-margin{
	display: block;
	width: var(--rf-responsive-s1);
	margin: 0 auto 0 auto !important;
	padding: 0;
}
.rf-row-with-margin-and-left-nav{
	display: block;
	width: calc(var(--rf-responsive-s1) - 300px);
	margin: 0 auto 0 auto;
	padding: 0;
}
@media (max-width: var(--rf-responsive-s2)) {
	.rf-row-with-margin{
		width: var(--rf-responsive-s2);
	}
}
@media (max-width: var(--rf-responsive-s3)) {
	.rf-row-with-margin{
		width: var(--rf-responsive-s3);
	}
}
@media (max-width: var(--rf-responsive-s4)) {
	.rf-row-with-margin{
		width: var(--rf-responsive-s4);
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
	}
	.rf-row-with-margin-and-left-nav{
		display: block;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0;
	}
}

.rf-row-full-width{
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}*/

#header-logo, #header-logo img{
	width: 80px;
}
@media (max-width: 1100px) {
	#header-logo, #header-logo img{
		width: 69px;
	}
}

.racoon-tools-hover-front-block{
  background-color: #ebb6b6 !important;
}
@keyframes hueColor {
    from { background-color: rgba(189, 235, 182, 1); }
		to { background-color: rgba(189, 235, 182, .0); }
}
.racoon-tools-selected-front-block{
	/*background-color: rgba(189, 235, 182, 1);*/
	animation: hueColor 2s;
}

.rf-square-dot::before { /* add the new bullet point */
  display: inline-block;
  content: '';
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  height: 0.75rem;
  width: 0.75rem;
  margin-right: 0.5rem;
  background-color: #bdbdbd;
}
#rf-gab-page:has(#wpadminbar){
	margin-top: 32px;
}


.rf-cf7-form {
	max-width:800px;
	margin:0 auto;
  width:calc(100% - 50px);
}
.rf-cf7-form .row-100p {
	display:inline-block;
	width: 100%;
	margin: 0;
  padding: 0;
  outline: none;
  font-size: 0;
}
.rf-cf7-form .col-100p {
	width:calc(100% - 20px);
	text-align: left;
}
.rf-cf7-form .col-50p{
	width:calc(50% - 10px);
}
.rf-cf7-form .col-50p, .rf-cf7-form .col-100p {
	display:inline-block;
	text-align: left;
	vertical-align: top;
	padding: 5px;
  font-size: 16px;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.rf-cf7-form .col-50p p, .rf-cf7-form .col-100p p {
	margin: 0;
}
.rf-cf7-form-clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.rf-cf7-form label{
	font-weight: bold;
}
.rf-cf7-form input[type=text], .rf-cf7-form input[type=email], .rf-cf7-form textarea{
	background-color: #e8e8e8;
  border: 1px solid #878786;
  border-radius: 4px;
	padding: 15px;
	width: calc(100% - 15px);
}
.rf-cf7-form input[type=submit]{
	background-color: #322783;
	color: #FFFFFF;
  border: 1px solid #0E447E;
  font-size: 18px;
	font-weight: bold;
  border-radius: 4px;
	padding: 20px 35px 20px 35px;
	margin: 15px 0 0 72px;
	cursor: pointer;
}
.rf-cf7-form input[type=submit]:hover{
	background-color: #009fe3;
	color: #FFFFFF;
  border: 1px solid #009fe3;
}

/*
@media (max-width: 780px) {
	.rf-cf7-form .col-50p {
		width: 100%;
	}
}*/