/* Nav */
nav {
  font-weight: 600;
  font-size: 1.10rem;
}
/* mobile menu */
.toggle-btn>div::after {
  --tw-translate-y: 0px;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toggle-btn>div::before {
  --tw-translate-y: 0px;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.toggle-btn>div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-color: transparent;
}

a:hover {
	cursor: pointer;
}	
.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
	margin-bottom: 20px;
}

.wysiwyg ul {
	padding-left: 30px;
}

.wysiwyg ul li {
	list-style: disc;
}

/* .wysiwyg h2 {
	  margin-top: 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
} */

.wysiwyg a {
	color: #ed2124;
}
.wysiwyg a.button {
	color: #fff;
}
.wysiwyg a:hover. .wysiwyg a.button:hover {
	text-decoration: underline;
	cursor: pointer;	
}

.wysiwyg img {
	margin: 14px;
}

.wysiwyg img.imageRight {
	float: right;
  margin: 15px 0 16px 20px;
}

.wysiwyg img.imageCenter {
	display:block;
	margin:0 auto;
}	
a.docLink {
	transition: 0.3s;
}

a.docLink:hover {
	opacity: 0.8;
}

#frmContact input.formInput, #frmContact textarea.formTextarea {
    width: 100%;
    color: #121719;
    padding: 15px 0;
    text-indent: 15px;
    margin-bottom: 10px;
    border: 1px solid #dbdbdb;
}

#frmContact select {
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 0px;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  /* reset */
  margin: 0 0 10px 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') 100% 50% no-repeat #fff; }
}

#frmContact select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, var(--gray), var(--gray));
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  width: 100%;
}

#frmContact select:focus {
  background-image:
    linear-gradient(45deg, var(--black) 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, var(--black) 50%),
    linear-gradient(to right, var(--gray), var(--gray));
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  outline: 0;
}

#frmContact .submitButton {
	
}

#errorMessage, #successMessage {
    width:auto;
    color: #fff;
    line-height:1;
    padding:20px;
    margin-bottom:20px;
    background: #ed2124;
}
#successMessage {
	color:#000;
	padding-left:70px;
	background:#dff2bf url("/img/greenCheck.png") no-repeat 10px 50%;
}

/* Back to top */
.backToTop:link, .backToTop:active, .backToTop:visited {float:right;
	display:none;
	position:fixed;
	bottom:5%;
	right:2%;
	color: #F5C616 ;
	font-size:18px;
	font-size:1.8rem;
	padding:15px 10px 10px;
	text-align:center;
	z-index:999;
	width:40px;
	transition: 0.3s;
}
.backToTop:hover {color: #F5C616;}

/* services page */
div.services > div {
    display: inline-block;
    width: 50%;
    padding: 2.5%;
    text-align: center;
    box-sizing: border-box;
}

div.services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.serviceIcon {
	max-width: 40%;
	margin: 20px auto;		
}

/* max 639px Pixels */
@media only screen and (max-width: 639px) {
	.wysiwyg img.imageRight {
		margin: 10px auto;
		float: none;
		width: 90%;
	}
}