/*
Theme Name: samikanaan
Author: artCAD.ch
Author URI: https://www.artcad.ch
*/



:root{
	--largeur_contenu_max: 1200px;
	
	--couleur1: #00adff;
	--couleur2: #0071d3;
	--couleur3: #343434;
	--couleur4: #aeaeae;
	--couleur5: #ceefff;
}

@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 300;
	src: url('design/font/OpenSans-Light.ttf');
}
@font-face {
	font-family: "Open Sans bold";
	font-style: bold;
	font-weight: 900;
	src: url('design/font/OpenSans-Bold.ttf');
}


.wp-block-site-logo {
	display: none;
}
.cache {
	display: none;
}
.largeur {
	width: var( --largeur_contenu_max);
	max-width: var(--largeur_contenu_max);
	margin-left: auto;
	margin-right: auto;
}

body {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

@media screen and (max-width: 1200px)
{
	.largeur {
		width: inherit;
	}

	header figure.size-large,
	header figure.size-large img {
		height: 250px !important;
	}
	header figure.size-large img {
		width: 100%;
		min-width: inherit;
	}
	header {
		overflow-x: hidden;
	}


}


a {
	color: var(--couleur2) !important;
	text-decoration: none !important;
}
a:hover {
	color: var(--couleur1) !important;
	text-decoration: none !important;
}
a:active {
	color: none !important;
}


input[type="checkbox"],
input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
	font-size: 18px !important;
}
input,
button,
textarea,
input[type="search"],
.wp-block-search__inside-wrapper,
.wp-block-query-pagination a,
.wp-block-query-pagination span,
.wp-block-query-pagination .current,
.comment-reply-link,
.wp-block-comment-edit-link a,
a#cancel-comment-reply-link,
.wp-block-button a {
	border-radius: 15px !important;
	height: inherit !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 20px;
	padding: 5px !important;
}
.comment-reply-link,
.wp-block-comment-edit-link a {
	font-size: 100% !important;
}

.wp-block-button__link,
.comment-reply-link,
.wp-block-comment-edit-link a,
a#cancel-comment-reply-link,
.wp-block-button a {
	padding: 5px 20px !important;
	background-color: var(--couleur2) !important;
	color: white !important;
}
.wp-block-search__inside-wrapper  {
	border-color: var(--couleur4) !important;
	padding: 3px !important;
}
button,
.wp-block-query-pagination a {
	background-color: var(--couleur2) !important;
	color: white !important;
}
button:hover,
.wp-block-query-pagination a:hover,
a.comment-reply-link:hover,
.wp-block-comment-edit-link a:hover,
.wp-block-button__link:hover,
a#cancel-comment-reply-link:hover {
	background-color: var(--couleur1) !important;
	color: white !important;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .current {
	padding: 3px 10px !important;
}
.wp-block-query-pagination .current {
	background-color: var(--couleur5) !important;
}
.wp-block-query-pagination-previous {
	rotate: 180deg;
}
a.wp-block-query-pagination-previous,
a.wp-block-query-pagination-next {
	font-size: 300% !important;
	background-color: transparent !important ;
	color: var(--couleur2) !important;
	padding: 0 !important;
	margin-top: -9px !important;
}
a:hover.wp-block-query-pagination-previous,
a:hover.wp-block-query-pagination-next {
	background-color: transparent !important ;
	color: var(--couleur1) !important;
}


/* .wp-block {
	max-width: 500px;
} */

/* .interface-interface-skeleton__content {
	padding: 50px !important;
	
	max-width: 500px !important;
} */

body {
	font-family: "Open Sans", Tahoma, Helvetica, arial, sans-serif;
	font-weight: 100;
}
header {
	position: relative;
}
header figure.size-large,
header figure.size-large img {
	height: 500px; 
}
header figure.size-large img {
	z-index: 7;
	position: absolute; 
	width: 100%;
	left: 0;
	right: 0;
	min-width: 1160px;
	object-fit: cover;
}
header figure:after {
    position: absolute;
	z-index: 8;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to top, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 70%, rgba(0, 113, 211, 1) 100%);
}
header .entete {
	position: absolute;
	z-index: 9;
	width: 100vw;
	margin-top: 10px;
}
header .titre .wp-block-site-tagline {
	font-family: "Open Sans bold", Tahoma, Helvetica, arial, sans-serif;
}
header .titre .wp-block-site-title,
header .titre .wp-block-site-tagline {
	color: white !important;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
	
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	/* margin-left: 20px !important; */
}
header .titre:hover .wp-block-site-title,
header .titre:hover .wp-block-site-tagline {
	color: var(--couleur3) !important;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
}

.pied {
	z-index: 20;
	margin-top: 70px;
	font-size: 13px;
	margin-bottom: 3px;
	margin-right: 10px;
}
.pied img {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
}
.pied a {
	font-weight: bold;
}


.contenu .titre_page {
	margin-top: 20px;
}

.contenu h1 a {
	color: var(--couleur2);
}
.contenu h1 a:hover {
	color: var(--couleur1);
}
.contenu h1.wp-block-heading {
	margin-top: 70px !important;
}
.contenu {
	color: var(--couleur3);
	letter-spacing: 1px;
}
.contenu .metadonnee {
	padding: 0;
	margin-top: -1rem;
	margin-bottom: 2rem;
}
.contenu .entry-content {
	/* text-align: justify; */
	line-height: 2rem;
	margin-bottom: 200px;
}
.contenu .entry-content p {
	text-align: justify;
	margin-bottom: 30px;
}
.contenu .entry-content ul {
	/* text-align: left; */
	text-align: justify;
	margin-bottom: 30px;
}
.contenu .entry-content li {
	margin-bottom: 10px;
}
.contenu .entry-content em {
	/* display: block;
	padding: 3rem;
	letter-spacing: 4px;
	line-height: 1.5rem; */
}
.contenu .entry-content a {
	text-decoration: underline !important;
	text-decoration-color: var(--couleur4);
	text-decoration-thickness: 1px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}
.contenu .entry-content a:hover {
	text-decoration-color: var(--couleur1);
}
.contenu .entry-content img {
	text-align: center;
	position: relative;
	margin: 20px auto;
    display: block;
	border-radius: 20px;
}
.contenu .wp-block-comment-template .avatar img {
	margin-top: 5px;
	width: 80%;
	width: 40px;
	height: auto;
}
.contenu .wp-block-comment-template .wp-block-group,
.pied.wp-block-group{
	padding: 0 !important;
}
.contenu .comment {
	margin-bottom: 100px !important;
}
.contenu .comment ol {
	margin-top: 20px !important;
	border-left: 1px dotted var(--couleur4);
	padding-left: 10px !important;
	margin-left: 60px;
}
.contenu .wp-block-comment-content {
	text-align: justify;
}
.contenu .comment-awaiting-moderation {
	font-weight: bold;
}

.cote {
	padding-top: 25px;
	line-height: 2rem;
}
.cote .auteur {
	background-color: var(--couleur5);
	padding: 20px !important;
	border-radius: 30px;
}
.cote .auteur p {
	padding-top: 25px;
	text-align: center;
	line-height: 1.7rem !important;
}
.cote .auteur p strong {
	font-size: 120%;
}
.cote h6 {
	font-weight: bold !important;
	margin-bottom: 0;
	margin-top: 70px;
	text-align: center;
}

.cote .avec_icone li {
	text-align: center;
	font-size: 80%;
	line-height: 1.3rem;
	margin-bottom: 20px;
}
.cote .avec_icone li:before {
	content: '';
	display: block;
	height: 50px;
	width: 100%;
	margin-bottom: 10px;
	/* background-image: url('design/icone/publication_2.png'); */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


.cote .dernier_article {
	margin-top: 50px;
}
.cote .dernier_article li {
	border: 1px solid var(--couleur4);
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 20px;
}
.cote .dernier_article li img {
	border-radius: 15px;
	width: 100%;
}
.cote .dernier_article .wp-block-latest-posts__post-title {
	font-size: 150% !important;
	line-height: 1rem !important;
}
.cote .dernier_article .wp-block-latest-posts__post-excerpt {
	font-size: 85% !important;
	line-height: 1.2rem !important;
	text-align: justify;
	margin: 0 !important;
}


.cote .avec_icone.dernier_article li:before {
	background-image: url('design/icone/publication_2.png');
}

/* .cote .avec_icone.dernier_article li:hover ~ .cote .avec_icone.dernier_article li { */
.cote .avec_icone.dernier_article li:hover ~.cote .avec_icone.dernier_article li:before:hover {
	background-color: red !important;
	background-image: url('design/icone/publication_1.png');
}
.cote .avec_icone.dernier_commentaire li:before {
	background-image: url('design/icone/commentaire_2.png');
}
.cote .wp-block-search__inside-wrapper  {
	/* margin: 50px 10% 0 10% !important; */
	margin: 50px 0 0 0 !important;
}


.cote .wp-block-social-links {
	margin: 0 !important;
	margin-top: 50px !important;
}
.cote .wp-block-social-links a {
	color: white !important;
}
.cote .wp-block-social-links .wp-social-link-feed {
	background-color: rgb(255, 109, 0);
}
.cote .wp-block-social-links .wp-social-link-mail {
	background-color: rgb(174, 0, 255);
}
.cote .suite {
	font-size: 80%;
	text-align: right !important;
	padding-top: 0 !important;
}

.publication .wp-block-read-more,
.publication li h6#comments {
	display: none;
}
.contact-form textarea {
	height: 200px !important;
}
.go-back-message {
	display: none;	
}
.contact-form-submission {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.contact-form-submission .field-name{
	font-size: 80%;
}

#scrollNav2 {
	position: fixed;
	display: none;
	z-index: 99999;
	bottom: 30px;
	right: 18px;
	position: fixed;
}
#scrollTop2,
#scrollBottom2 {
	opacity: 0.5;
	cursor: pointer;
	background-color: var(--couleur2);
	color: white;
	rotate: -90deg;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    text-align: center;
    font: 36px Arial, sans-serif;
	line-height: 110%;
}
#scrollBottom2 {
	rotate: 90deg;
	display: none;
	margin-top: 10px;
}
#scrollTop2 {
	/* margin-bottom: 0px !important; */
}
#scrollTop2:hover,
#scrollBottom2:hover {
	background-color: var(--couleur1);
	opacity: 1;
}


@media screen and (max-width: 780px)
{
	/* #scrollBottom2 {
		display: block;
	} */
}
@media screen and (max-width: 1200px)
{
	header .titre .wp-block-site-title,
	header .titre .wp-block-site-tagline {
		margin-left: 0px !important;
	}
}