/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2023 | 05:46:56 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/** basic html adjustments **/



ul {
	margin: 10px 0;
}

nav.main_menu > ul > li > a {
	background: url('https://dev.idealguam.com/wufpad/wp-content/uploads/2023/05/wuf-line-150px.png') no-repeat;
	background-position: 50% 150%;
	background-size: 75px;
	transition: all 0.5s
}

nav.main_menu > ul > li > a:hover {
	background: url('https://dev.idealguam.com/wufpad/wp-content/uploads/2023/05/wuf-line-150px.png') no-repeat;
	background-position: 50% 78%;
	background-size: 75px;
	transition: all 0.5s
}

/*** paw div **/
.paws-blue{
background:url('https://dev.idealguam.com/wufpad/wp-content/uploads/2023/05/paws-blue.png') top left no-repeat;
	display: block;
	height:225px;
	width: 300px;
	transform: scale(0.5);
	z-index:-1
}

.paws {
background:url('https://dev.idealguam.com/wufpad/wp-content/uploads/2023/05/paws-beige.png') top left no-repeat;
	display: block;
	height:225px;
	width: 300px;
	transform: scale(0.5);
	z-index:-1
}

.bottom-left {
	position: absolute;
	left:10px;
	bottom: 10px;
}

.bottom-right {
	position: absolute;
	right:10px;
	bottom: 10px;
}

.top-left {
	position: absolute;
	left: 10px;
	top: 10px;
}

.top-right {
	position: absolute;
	right:10px;
	top: 10px;
}

/** font colors **/
.white {
	color: white
}

/** contact form 7 **/

#rounded-form {
	position: relative;
}

#rounded-form input[type='email'], #rounded-form input[type='text'] {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position:relative;
	width: 100%
}

 #rounded-form textarea {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	width: 100%
}

#rounded-form input[type='submit'] {
	background: #7c2343;
	color: white;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-weight: bold;
	/*position: absolute;
	right:2px;
	top:2px;*/
	
}

#rounded-form span.wpcf7-form-control-wrap {
	display: inline;
}

/** marquee on header top **/
.iso-marquee {
    padding: 2px 0 0  10px;
    margin: 0 auto;
    overflow: hidden;
	background-color: none
 }

 .iso-marquee--long {
    font-size: 1vw;
 }

 .iso-marquee-linkwrap a {
	color:#fff;
}

 .iso-marquee span {
     display: inline-block;
     white-space: nowrap;
     color: #fff;
     width: var(--tw);
     text-shadow: var(--tw) 0 currentColor,
                  calc(var(--tw) * 2) 0 currentColor,
                  calc(var(--tw) * 3) 0 currentColor,
                  calc(var(--tw) * 4) 0 currentColor;

     will-change: transform;
     animation: iso-marquee var(--ad) linear infinite;
     animation-play-state: play;
 }

 @keyframes iso-marquee {
     0% { transform: translateX(0); }
     100% { transform: translateX(-100%); }
 }

 /*
  * on MacOs: System Preferences >
  *           Accessibility >
  *           Display > Reduce motion
  */

 @media (prefers-reduced-motion: reduce) {
   .iso-marquee span {
     animation: none;
     text-shadow: none;
     width: auto;
     display: block;
     line-height: 1.5;
     text-align: center;
     white-space: normal;
   }
 }