/**
 *
 * THEME ADDOVER KRYSTEL.C-ROBIN.FR
 * for archeo
 *
 */

html { 
	-webkit-font-smoothing: antialiased;
} 

:active, :focus {
	outline: none;
	outline: none !important;
	-moz-outline-style: none !important;
}

::-moz-focus-inner, ::-moz-focus-outer {
	border: 0;
	border: 0 !important;
}

::-moz-focusring {
	color: transparent !important;
	text-shadow: 0 0 0 transparent !important;
}

/* BODY */

body:not(.block-editor-iframe__body) {
	background-color: rgb(225,220,215);
}
.wp-site-blocks  {
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	background-color: var(--wp--preset--color--background);
	box-shadow: 0 0 12px rgba(0,0,0,.2);
}
 body.block-editor-iframe__body > div  {
	max-width: 1200px;
}

@media screen and (min-width: 600px) {
	.wp-site-blocks {
		margin-top: 10px;
	}
	.wp-site-blocks > header {
		min-width: 600px;
		position: sticky;
		top: 0px;
		z-index: 10;
		margin: auto 0px;
		transition: all 1s;
		background-color: var(--wp--preset--color--background);
	}
	.wp-site-blocks > header.scrolled {
		background-color: #fff;
		box-shadow: 0 12px 12px -12px rgba(50,60,40,.4);
	}
}

@media screen and (min-width: 1200px) {
	.wp-site-blocks > header {
		min-width: 1200px;
		margin: auto 0px;
	}
}

/* MY CONTACT */

.my-contact {
	color: var(--wp--preset--color--custom-color-2);
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 12px 20px;
	border-radius: 32px;
}
.my-contact input, .my-contact textarea {
	border-radius: 8px;
}
.my-contact input[type="submit"] {
	border: none !important;
	color: #fff;
	font-weight: bold;
	background-color: var(--wp--preset--color--custom-color-2) !important;
}
.my-contact input[type="submit"]:hover {
	background-color: #e3af7f !important;
}


/* my-pp-social */

@media print {
	#main div.my-pp-social { display: none; }
}

#main .my-pp-social {
	width: auto;
	display: inline-block;
	margin: 0.3em 0 1.5em 0;
	clear: right;
	text-align: left;
	text-transform: none;
	font-size: 97%;
}
 
body.single #main div.my-pp-social {
	margin-bottom: -40px;
}

body.blog #main div.my-pp-social {
	margin-bottom: -16px;
}

a.my-pp-social-link {
	display: inline-block;
	max-width: 32px;
	height: 24px;
	overflow: hidden; 
	float: left;
	word-wrap: normal;
	text-overflow: clip; 
	white-space: nowrap;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma, sans-serif;
	text-decoration: none;
	padding: 2px 8px 2px 6px; 
	margin: 0 4px 3px 0;
	border-radius: 4px;
	background-color: rgb(200, 200, 200);
	color: rgb(255, 255, 255);
	box-shadow: none;
	text-shadow: none;
}

.my-pp-social-links a.my-pp-social-link {
	max-width: 150px;
}

a.my-pp-social-link:hover {
	max-width: none;
	text-decoration: none;
	background-color: rgb(220,160,0);
	color: rgb(255, 255, 255) !important;
	box-shadow: 0 1px 0 0 rgba(220,160,0,0.5);
  	transition: width 250ms, background-color 250ms, box-shadow 500ms;
	text-decoration: none;
	outline: none;
}

a.my-pp-social-link svg, 
a.my-pp-social-page svg {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 1px 8px 1px 2px; 
	vertical-align: top;
	fill: rgb(255, 255, 255);
}
 
a.my-pp-social-page svg {
	width: 20px;
	height: 20px;
	fill: rgb(50, 50, 50);
	margin: 1px 8px 4px -24px; 
}

.widget_my-social-pages ul {
  	list-style: none;
  	margin-left: 32px;
}

.widget_my-social-pages ul li {
	line-height: 24px !important;
}