/*
Theme Name: mister-pc
Theme URI:  https://www.mister-pc.info
Author:     mr. pc
Author URI: https://www.mister-pc.info
Template:   oceanwp
Version:    1.0
License:    GNU General Public License v2 or later
*/

/*********************
 * Définition des
 * couleurs du thème :
 * *******************/
:root {
	--white-color: #fff;
	--yellow-color: #FF9;
	--orange-color: #ff6600;
	--green-color: #009900;
	--grey-color: #666;
	--dark-color: #222222;
	--black-color: #1b1b1b;
}
a:hover {
	text-decoration: underline 1px;
}

/********************
 * Barre supérieure :
 ********************/

#top-bar-content {
	float: inherit;
}
#top-bar-nav {
	display: inline;
	text-align: center;
}
/* Liens */
#top-bar-nav a:hover {
	text-decoration: none; /* liens non soulignés */
}
.mr-pc-superieur-titre a:hover, .mr-pc-superieur-horaires a:hover { /* horaires et titre désactivés */
	color: inherit !important;
	cursor: default;
}

/* Titre */
.mr-pc-superieur-titre-cadre {
	border: 2px solid var(--grey-color);
	padding: 0 !important;
}
.mr-pc-superieur-titre span {
	padding: 0 2px;
}
.mr-pc-superieur-titre-orange {
	color: var(--white-color);
	background-color: var(--orange-color);
}
.mr-pc-superieur-titre-blanc {
	color: var(--grey-color);
	background-color: var(--white-color);
}
.mr-pc-superieur-titre-vert {
	color: var(--white-color);
	background-color: var(--green-color);
}
.mr-pc-superieur-titre-jaune {
	color: yellow;
}

.mr-pc-superieur-adresse, .mr-pc-superieur-horaires { /* adresse et horaires en petit */
	font-size: 13px;
}

/* Marges */
#menu-barre-superieure {
	width: 95vw;
}

@media (max-width: 1024px) {
        .mr-pc-superieur-adresse { /* marge de l'adresse */
                margin: 0 0 0 4% !important;
        }
        .mr-pc-superieur-assistance {
                margin: 0 12px 0 4% !important;
        }
}
@media (min-width: 1025px) and (max-width: 1200px) {
	.mr-pc-superieur-adresse { /* marge de l'adresse */
		margin: 0 0 0 7% !important;
	}
	.mr-pc-superieur-assistance {
		margin: 0 12px 0 8% !important;
	}
}
@media (min-width: 1201px) {
        .mr-pc-superieur-adresse { /* marge de l'adresse */
                margin: 0 0 0 10% !important;
        }
        .mr-pc-superieur-assistance {
                margin: 0 12px 0 10% !important;
        }
}

/* adresse */
.fa-map::before {
	color: var(--yellow-color);
}

/* besoin d'assistance */
.mr-pc-superieur-assistance {
	background-color: var(--grey-color) !important;
	padding: 0 10px !important;
	font-weight: bolder !important;
	border: 1px solid var(--white-color) !important;
}
.mr-pc-superieur-assistance:hover {
	color: var(--grey-color) !important;
	background-color: var(--orange-color) !important;
	border-color: var(--white-color) !important;
}
.mr-pc-superieur-assistance > a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.mr-pc-superieur-assistance:hover, .mr-pc-superieur-assistance > a:hover {
	color: #ffffff !important;
}

/* numéro */
.mr-pc-superieur-telephone:not(:hover) .fa-phone-alt {
	margin-left: -106px;
}
.mr-pc-superieur-telephone:hover .fa-phone-alt {
	margin-left: 0px;
}
.fa-phone-alt::before {
	color: var(--green-color);
	transition: all 0.2s ease;
}
.mr-pc-superieur-telephone {
	width: 150px !important;
}
.mr-pc-superieur-telephone a:hover .fa-phone-alt::before {
	color: var(--white-color);
}

.mr-pc-superieur-telephone a {
	padding: 0 8px;
	border-radius: 10px;
	border: 2px solid transparent;
	white-space: nowrap;
	/*transition: none;*/
}
.mr-pc-superieur-telephone:hover a {
	color: var(--white-color) !important;
	background-color: var(--green-color);
	border-color: var(--white-color);
}
.mr-pc-superieur-telephone .menu-text {
	display: none;
	transition: all 0.2s ease-in;
}
.mr-pc-superieur-telephone:hover .menu-text {
	display: inline;
	transition: all 0.1s ease-in;
}
.mr-pc-superieur-telephone .menu-link {
	transition: all 0.2s ease;
}


#top-bar-wrap {
	border-color: var(--black-color);
}


/******************
 * En-tête (menu) :
 ******************/
#site-header {
	background-color: var(--dark-color);
}
#site-navigation > ul > li {
	min-width: 100px; /* largeur min de chaque menu */
}
#site-header.has-header-media .overlay-header-media {
	background-color: transparent !important; /* pas de fond opacifié */
}

/* Sticky menu */
#site-header.element-is-sticky img.custom-logo {
	max-height: 48px !important;
}
#site-header.element-is-sticky > #site-header-inner {
	padding: 0;
}
#site-header.element-is-sticky .menu-link {
	font-size: 14px !important;
}
#site-header.element-is-sticky .oceanwp-social-menu {
	padding-top: 3px; /* positionnement vertical des boutons sociaux */
}
#site-header.element-is-not-sticky {
	opacity: 1;
}
#site-header.element-is-sticky {
	opacity: 0.9;
}

/* Activation des menus */
#site-navigation-wrap a:hover {
	text-decoration: none;
}
#site-navigation-wrap > #site-navigation > ul > .current-menu-item > .menu-link,
#site-navigation-wrap > #site-navigation > ul > .current-menu-ancestor > .menu-link,
#site-navigation-wrap > #site-navigation > ul > li > ul > .current-menu-item > .menu-link { /* menus courants soulignés */
	text-decoration: underline;
}
#site-navigation-wrap > #site-navigation > ul > .menu-item-has-children > .menu-link, /* lorsqu'un sous-menu est survolé */
#site-navigation-wrap > #site-navigation > ul > li.current-menu-item > a.menu-link:hover, /* menu actif survolé */
#site-navigation-wrap > #site-navigation > ul > li > ul > li.current-menu-item > a.menu-link:hover { /* sous-menu actif survolé */
	background-color: transparent;
}
#site-navigation-wrap > #site-navigation > ul > .menu-item-has-children > .menu-link:hover {
	background-color: var(--orange-color); /* menu non actif survolé */
}

.dropdown-menu .sub-menu {
	border-top: 2px solid white; /* liseré haut des sous-menus */
}


/****************
 * En-tête -
 * Spécificités :
 ****************/

/* Logo */
@media (max-width: 1200px) {
        #site-header.center-header #site-navigation-wrap .middle-site-logo {
                width: 80px !important;
                margin: 0;
        }
	#site-header.center-header #site-navigation-wrap .left-menu {
		width: 58% !important;
	}
	#site-header.center-header #site-navigation-wrap .right-menu {
		width: 43% !important;
	}
        #site-navigation > ul > li {
               min-width: 0px; /* largeur min de chaque menu */
        }
	#site-navigation-wrap .dropdown-menu > li > a {
		font-size: 15px !important;
	}
}
@media (min-width: 1201px) and (max-width: 1368px) {
	#site-header.center-header #site-navigation-wrap .middle-site-logo {
		width: 10% !important;
	}
	#site-header.center-header #site-navigation-wrap .left-menu, #site-header.center-header #site-navigation-wrap .right-menu {
		width: 46% !important;
	}
	#site-navigation > ul > li {
 	       min-width: 0px; /* largeur min de chaque menu */
	}
}
@media (min-width: 1369px) {
	#site-header.center-header #site-navigation-wrap .middle-site-logo {
		width: 20% !important;
		margin: 0;
	}
}
#site-header.center-header #site-navigation-wrap .middle-site-logo img {
	filter: contrast(90%);
  -webkit-filter: contrast(90%);
  -moz-filter: contrast(90%);
  -ms-filter: contrast(90%);
  -o-filter: contrast(90%);
}
#site-header.center-header #site-navigation-wrap .middle-site-logo:hover img {
	opacity: 1;
	filter: contrast(125%);
  -webkit-filter: contrast(125%);
  -moz-filter: contrast(125%);
  -ms-filter: contrast(125%);
  -o-filter: contrast(125%);
}
#site-navigation > .middle-site-logo img {
	border: 2px solid transparent; /* bordure du logo */
	transition: border 0s;
}
#site-navigation > .middle-site-logo:hover img {
	border-color: #ff6b00; /* couleur de bordure du logo au survol (avant contraste) */
}

/* Contact */
.mr-pc-menu-contact a { /* Contact entouré */
	border: 1px solid white;
	line-height: 39px !important;
}

/* Rechercher */
#searchform-dropdown {
	border-top: 1px solid white; /* liseré haut du sous-menu rechercher */
	margin-top: 5px;
	padding: 5px;
	width: 210px;
	right: -70px;
}
@media (max-width: 1200px) {
	#site-navigation > ul > .search-toggle-li > a { /* menu rechercher décalé □|  droite */
		width: 40px;
		margin-left: 0px;
	}
}
@media (min-width: 1201px) {
	#site-navigation > ul > .search-toggle-li > a { /* menu rechercher décalé à droite */
		width: 60px;
		margin-left: 40px;
	}
}
#site-navigation > ul > .search-toggle-li > a:hover {
	background-color: var(--green-color); /* menu rechercher sur fond vert */
}
#ocean-search-form-1 {
	border-width: 2px; /* épaisseur de la boite de recherche */
}

/* Réseaux sociaux */
.oceanwp-social-menu {
	padding-top: 13px; /* positionnement vertical des boutons sociaux */
}
.oceanwp-social-menu .oceanwp-facebook {
	padding-left: 3px;
	padding-right: 15px; /* écart entre les boutons sociaux */
}
.oceanwp-social-menu li > a { /* boutons sociaux carrés */
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
	height: 41px;
}


/***************
 * Menu mobile :
 ***************/
#site-header-inner .mobile-menu { /* bouton hamburger orange */
	color: var(--orange-color);
}
#mobile-dropdown { /* arrière-plan noir */
	background-color: var(--black-color);
}
#mobile-dropdown a, #mobile-dropdown .menu-item > a > .dropdown-toggle { /* liens et + en blanc */
	color: #ffffff;
}	
#mobile-dropdown .menu-item > a:hover, #mobile-dropdown .menu-item > a > .dropdown-toggle:hover { /* liens et + survolés en orange */
	color: var(--orange-color);
}	
#mobile-dropdown .sub-menu .menu-item { /* décalage des sous-menus */
	padding-left: 40px;
}
#mobile-dropdown ul > .menu-item > a { /* resserrage des menus */
	padding-bottom: 0px;
}
#mobile-dropdown .social-menu-inner {
	margin-top: 20px;
}
#mobile-dropdown .social-menu-inner a:hover {
	color: var(--orange-color);
}
#mobile-menu-search input[type="search"] { /* cadre de recherche carré */
		-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	border-radius: 0 !important;
}


/********
 * Blog :
 ********/

/* Titres */
.blog-entry.post .blog-entry-header .blog-entry-title > a:hover {
	color: var(--orange-color) !important; /* titres survolés toujours en orange */
}

/* Meta */
.meta > .meta-cat > a:hover {
	color: var(--orange-color);
}
/* Continuer la lecture */
div.blog-entry-readmore > a {
	color: var(--green-color);
}
div.blog-entry-readmore > a:hover {
	color: var(--orange-color) !important;
	text-decoration: none;
}
.blog-entry-inner {
	background-color: white;
}


/*************
 * Recherche :
 *************/
.search-entry-inner {
	background-color: white;
}
.search-results article .thumbnail img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
}
.search-results .search-entry-readmore > a {
	color: var(--green-color); /* Continuer la lecture en vert */
	text-transform: none !important;
}
.search-results .search-entry-readmore > a:hover {
	color: var(--orange-color); /* Continuer la lecture survolé en orange */
	text-decoration: none; /* Continuer la lecture pas souligné */
}


/******************
 * Widgets
 * de bas de page :
 ******************/
.footer-box a, #footer-bottom a {
	text-decoration: none;
}
#footer-widgets .footer-box {
	padding: 0;
}
#footer-widgets .footer-box .footer-widget {
    margin-bottom: 50px; /* marge agrandie entre les rubriques */
}
.footer-box .widget-title { /* soulignement des titres des widgets */
	border-width: 0 0 1px;
	border-bottom-color: #090A;
	padding: 0 0 8px;
}
#scroll-top {
	border-radius: 0;
}

/* Widget de bas
 * de page 1 - Contact */
.mr-pc-footer-contact {
	line-height: 5px;
}
.mr-pc-footer-contact img {
	margin: 0 20px 0px 0;
	width: 32px;
	height: 32px;
	transition: transform 0.1s;
}
.mr-pc-footer-contact 
a { /* liens contact */
	font-size: 13px;
}
.mr-pc-footer-contact 
a:hover { /* liens contact survolés */
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}
.mr-pc-footer-contact 
a:nth-of-type(1) div { /* maps */
	padding-left: 52px;
	transition: 0.25s;
}
.mr-pc-footer-contact 
a:nth-of-type(1):hover div { /* maps */
	padding-left: 67px !important;
	transition: 0.25s;
}
.mr-pc-footer-contact a:nth-of-type(1) img { /* maps */
	transform: scale(100%) rotate(-15deg) translatey(9px);
}
.mr-pc-footer-contact a:nth-of-type(1):hover img { /* maps survolé */
	transform: rotate(15deg) scale(140%) translatey(3px);
}

.mr-pc-footer-contact a:nth-of-type(2) img { /* phone */
	transform: scale(85%) translate(3px, -1px) rotate(130deg);
	transition: transform 0.25s;
}
.mr-pc-footer-contact a:nth-of-type(2):hover img { /* phone survolé */
	transform: translateY(-8px) rotate(260deg) scale(120%);
}

.mr-pc-footer-contact a:nth-of-type(3) img { /* mail */
	transform: rotate(-8deg) translate(4px, -1px);
}
.mr-pc-footer-contact a:nth-of-type(3):hover img { /* mail survolé */
	transform: rotate(-8deg) translate(8px, -2px) scale(145%, 125%);
}
.mr-pc-footer-contact a:nth-of-type(4) img { /* web */
	transform: translate(4px, 0px) rotate(8deg);
	transition: transform 0.35s;
}
.mr-pc-footer-contact a:nth-of-type(4):hover img { /* web survolé */
	transform: translate(8px, 4px) rotate(188deg)  scale(135%);
}

/* Widget de bas
 * de page 1 - Liens */
.mr-pc-footer-links img {
	width: 32px;
	height: 32px;
	transition: transform 0.1s;
}
.mr-pc-footer-links a:nth-of-type(1) img { /* google */
	transform: rotate(15deg);
}
.mr-pc-footer-links a:nth-of-type(1):hover img { /* google survolé */
	transform: scale(130%) translatex(-4px);
}
.mr-pc-footer-links a:nth-of-type(2) img { /* facebook */
	transform: rotate(-4deg);
	margin: 0 8px 0 2px;
}
.mr-pc-footer-links a:nth-of-type(3) img { /* malt */
	transform: rotate(-90deg);
	transition: transform 0.2s ease-in-out;
}
.mr-pc-footer-links a:nth-of-type(3):hover img { /* malt survolé */
	transform: scale(130%) translatex(4px);
}
.mr-pc-footer-links a:hover img {
	transform: scale(130%);
}

/* Widget de bas
 * de page 2 */
#footer-widgets .col-2 {
	text-align: center; /* logo centré */
	margin-top: 4%;
}
#footer-widgets .col-2 img:hover {
	transform: perspective(500px) rotatex(-20deg) scale(111%) translatey(11px);
}

/* Widget de bas
 * de page 3 */
#footer-widgets .col-3 {
	text-align: right; /* plan du site à droite */
}
#footer-widgets .col-3 .footer-widget > ul > li > a {
	text-transform: uppercase; /* menus en majuscules */
	padding-left: 15px;
}
#footer-widgets .col-3 .footer-widget li li a {
	font-size: 12px; /* sous-menus plus petits */
	padding-left: 15px;
}
#footer-widgets .col-3 .footer-widget li li a:hover {
	font-size: 13px;
}
#footer-widgets .col-3 .footer-widget li a:hover {
	padding-right: 15px;
	font-weight: bold;
}

/* reCAPTCHA */
.grecaptcha-badge {
	display: none !important;
}