<!--

/*
	WebArtMedia Tools Plugin
	Tools for WordPress... and more!

	Cascading Style Sheet (CSS)

	Vincent Jockin / WebArtMedia
	https://www.creationdesitesweb-webartmedia.com/
*/


/*
	------------------------------------------
	Styles prédéfinis des éléments WebArtMedia
	------------------------------------------
*/

/*	Défilement en haut de page */
	#wam-tools-scroll-to-top {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 10000;
		opacity: .66;
		-webkit-transition: opacity .3s;
		transition: opacity .3s;
	}
	#wam-tools-scroll-to-top::after {
		display: block;
		position: absolute;
		color: #000;
		font-family: 'Glyphicons Regular';
		left: 0px;
		top: 0px;
		vertical-align: baseline;
	}
	#wam-tools-scroll-to-top:hover {
		opacity: 1;
		cursor: pointer;
	}

/*	Emails sécurisés */
	.wam-tools-email-strong {
		font-weight: 400;
	}
	.wam-tools-email-bold {
		font-weight: 600;
	}
	.wam-tools-email-italic {
		font-style: italic;
	}
	[class^="wam-tools-email"] {
		transition: .25s opacity;
	}
	[class^="wam-tools-email"]::before {
		content: attr(data-service);
	}
	[class^="wam-tools-email"]::after {
		content: attr(data-domain);
	}
	[class^="wam-tools-email"]:hover {
		cursor: pointer;
		opacity: .66;
	}

/*	Formulaire de contact */
	#wam-contact-form {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	#wam-contact-form div { margin-top: 10px; }
	#wam-contact-form div:last-child { margin-top: 20px; }
	#wam-contact-form input + div { margin-top: 0px }
	#wam-contact-form input,
	#wam-contact-form textarea {
		color: #000;
		background: rgba(0,0,0,.25);
		font-weight: 400! important;
		border: 1px solid rgba(0,0,0,.1);
		opacity: .75;
		outline: none;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#wam-contact-form textarea { resize: none; }
	#wam-contact-form em { font-size: 75%; }

	#wam-contact-form input:focus,
	#wam-contact-form textarea:focus { opacity: 1; }

	button[name="wam-contact-form-submit"] { cursor: pointer; }

	#wam-contact-form-msg-success,
	#wam-contact-form-msg-failure { display: none; }
	#wam-contact-form-msg-success { color: green !important; }
	#wam-contact-form-msg-failure { color: red !important; }

/*	Google Map */
	div[id^="wam-google-map-"] { overflow: hidden; }
	div[id^="wam-google-map-"] div[id$="-inner"] {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		overflow: hidden !important;
		text-shadow: none !important;
	}
	div[id^="wam-google-map-"] div[id$="-inner"] .gm-style a[href^="https://maps.google.com/maps"] { display: none !important; }
	div[id^="wam-google-map-"] div[id$="-inner"] .gm-style .gm-style-cc {
		color: #000 !important;
		font-weight: bold !important;
		letter-spacing: 0px !important;
		line-height: 12px !important;
	}

/*	SoundCloud */
	div[id^="wam-soundcloud-"] { overflow: hidden; }
	div[id^="wam-soundcloud-"] iframe { margin: 0px !important; }

-->