/*
Theme Name: annie-perrichon (Virtue child)
Template: virtue
Author: Patrick BECK
*/

/********PATRICK*******************************************************29/07/2023*********/

h1, h2, h3 { color:#82806a; }

//*{border: 1px solid red;}			/********* visualise tous les blocs ***********/

/************* Menu flottant desktop ********************/

//.fixed-nav { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background-color: #5b9171; text-align: center; }
//.fixed-nav > li { float: none; display: inline-block; }
//.fixed-nav > li > a { color: #fff !important; font-weight: 400 !important; }
//.fixed-nav > li > a > span { color: #fff !important; font-weight: bold !important; line-height: 20px !important; }



/* General ***********************************************/
a:hover {text-decoration: none;}
//.hometitle {text-align: center;}      Ou se trouve hometitle ?????

/******** barre superieure 29/07/2023 ********************/
//*{border: 1px solid red !important;}
//div#topbar.topclass{
	: 1px solid red !important;
	color:#555;
	margin-bottom: 10px; 
}
//.col-md-6 { border: 1px solid red; !important; float: left; }

//padding: 0 0 0 0 !important;  /**nettoyage de toutes marges a 0 ******mais attention a 1 marge G qui devra decoller le logo du bord G d'écran*******/ 

/********LOGO Annie***** NON utilise (logo dans header, avec code html)*****/
//div.logo-annie{
	//display: inline-block !important;
	//float: left !important;
	//padding: 10px 10px !important;
	//width: 90px !important;
	//height: 120px !important;
	//border: 1px solid red !important;
}

/****** MOI essai *******/
//Nav{ display: inline-block; width: 150px; vertical-align: top; }
//header{ display: inline-block; vertical-align: top;}


/*Slogan & LOGO*******************************++++++++++++++++++++++++**********/
/**presentes dans le sens de l'IMBRICATION des BLOCS***************************************/

/** blocs parents de #logo, a dimensionner ?**/
.kad-header-left{ max-width: 45%; width: auto; }	/****cadre 495/171 *****************/
//.logo-case{border: 1px solid red; }	
//#logo{ border: 1px solid red; }	
//#logo a.logofont{ border: 1px solid red; }		/**cadre=ligne verticale : c'est un lien***/
#logo .brand { 										/***cadre du logo **********/
	//border: 1px solid red; 
	display: inline-block; 
	max-width: 160px; 
	width=auto; 
	margin-right: 10px; }
#logo .brand img { border-radius: 6px; } 		/***border-radius: = bord arrondi**/
#logo p.kad_tagline {							/******cadre l=289*******************/
	//border: 1px solid red;
	display: inline-block;
	vertical-align: top;
	margin: 30px 0 0 0;
	//padding: O 0 10px 0;
	//float: left;
	line-height: 1.5em;
	color:#83816b;
	font-size: 1.5em; 
	font-weight: bold;
	text-shadow: 6px 6px 6px #9c9999;
 } 																											
#logo p.kad_tagline span{			 /***********cadre selon le texte****************/
	//border: 1px solid red;
	//font-weight: bold;
	//color:#83816b;
	//padding-bottom: 50px;
	font-size: 2em; 
	
}
//div#thelogo{ border: 1px solid red; display: inline-block !important; width: 110px; vertical-align: top; }

/***********MENU**********************************/

/** blocs parents de .sf-menu, a dimensionner**/
div.kad-header-right{
	//border: 1px solid red; !important;
	width: 55% !important;
	float: right;
	margin-top: 20px;
}
//nav.clearfix {}
//nav#nav-main {}

ul.sf-menu{}
ul.sf-menu a {
	//border: 1px solid red; !important;
	color: #83816b !important;
	//text-shadow: 6px 6px 6px #9c9999;
	font-size: 16px; !important;
	font-weight: bold !important;
	//font-variant: small-caps !important;
	//text-transform: uppercase;
}
.sf-menu a:hover{
	//font-weight: normal  !important;
	background-color: #e18b23 !important;
	color: #f6f6f6 !important;
	//font-weight: bold;
}

//#nav-main li > a{
	background-color: #d4a142 !important;
	color: #fff !important;
}

/****MENU DEROULANT***************************************/
ul.sf-dropdown-menu{
	//border: 1px solid red; !important;
	width:  250px !important;
}

ul.sf-dropdown-menu a{
	font-size: 18px !important;
	//font-style: italic !important;
	font-weight: bold !important;
	//font-variant: normal !important;
	padding: 5px 10px !important;
	margin: 8px;
	color: ##83816b  !important;
	//text-shadow: unset;
}

/*********Slider de page d'accueil**************************/
div.sliderclass{
	padding: 0 !important;
}
div.kad-dessktop-slider{
	//padding: 0 !important;
}
div.kt-full-slider-container{
	//padding-bottom: 0 !important;
}

/***HOMEPAGE ICON MENU (bas de page d'accueil)*******************************************/
div.home-iconmenu a{
	background-color: #a8a598 !important;
	padding: 0 0 !important;
	//border: 1px solid red !important;
}
div.home-iconmenu a:hover{
	background-color: #d03b04 !important;
}
div.home-iconmenu p{
	//margin-top: 5px !important;
	//border: 1px solid red !important;
}
div.home-iconmenu a img{
	max-width: 90%;
	padding-top: 5px !important;
	//border: 1px solid red !important;
}
div.rowtight.homepromo{
	//font-size: 22px !important;
}
div.home-iconmenu a h4{
	//border: 1px solid red !important;
	font-size: 16px !important;
	margin: 0px
}

/*********BARRE LATERALE MENU*********************************************************/
/*********Bloc 1*******/
//aside.col-lg-3{}	.col-lg-3{}
aside.col-md-4{ float: right !important; width 264px !important; height 600px !important; }														/************* OK *****************/
//.kad-sidebar{ float: right !important; }
/*********Bloc 2*******/
//.sidebar a { border: 1px solid red !important; color:#555; height: : 30px; }
//div.sidebar{ border: 1px solid red !important; width 264px !important; height 600px !important; margin: 0 !important; padding: 0 !important; }
/*********Bloc 2 - section 1 = titre *******/
//.widget{ margin-top: 0px !important; }
.widget_block{margin: 0 !important; }				/************* OK *****************/
//.widget-inner{ background-color: #e8e8e8; } 
div.widget-inner {									 /************* OK *****************/
	//border: 1px solid red !important;
	//line-height: 32px !important;
	font-size: 16px !important;
	margin: 0 !important;
	text-align: center;
	text-shadow: 6px 6px 5px #9c9999;
	font-weight: bold;
	background-color: #e8e8e8;
}
.widget-inner  p{margin: 0 !important; }			/************* OK *****************/
//.widget-inner h3{ line-height: 32px ; text-align: center; text-shadow: 6px 6px 5px #9c9999; }
/*********Bloc 2 - section suivante = image + texte*******/
//figure.wp-block-image{
	//border: 1px solid red !important;
	//margin: 0 !important;
	//padding: 0 !important;
}
//figure.size-full{
	//border: 1px solid red !important;
	//margin: 0 !important;
	//padding: 0 !important;
}

/**************Introuvable !!!!!*********************/
//div.barlatmenu img{}
//div.barlatmenu img:hover{ background-color:#b7b4b3; }

/*********Gallerie************************/
figure{
	margin: 40px;
}

/********FANCYBOX***********/
div#fancybox-overlay{
	background-color: #070504 !important;
	opacity: 0.85 !important;
	border: 0 !important;
}
div#fancybox-content{
	border: 0 !important;
}

/**************lightbox - taille**********/
figure.wp-block-gallery.has-nested-images
figure.wp-block-gallery{
	//border: 1px solid red !important;
	weight: 800px !important;
}

/********body****************************************************************/
div.page-header {
	//border: 1px solid red !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.main{
	float: left !important;
	//width: 850px !important;
}
div.col-lg-9{
	//width: 80% !important;
	float: right;
}

/********************Reduction d'espacement entre head & document - Moi********************/

div.wrap.contentclass{
	//padding-top: 0px; 
}

/***div.page-header{ div.page-header h1{ div.page-header p{***/

/*********FORMULAIRE DE CONTACT*******************************/
.wdform-label-section{
	width: 150px !important;
}

.input.wpcf7-submit{
	//background-color:#7f7b79 !important;
}

div.col-md-8{
	width: : 400px !important;
	//border: 1px solid red !important;
}

/********FOOTER***************************************************************/

/*******MOI*********/
//.clearfix p {border: 1px solid red !important; padding: 0 0 0 0; color: #c33; }
//#containerfooter{
	border: 1px solid red !important;
	padding: 0 0 0 0;
}
/****Lien > formulaire ****/
aside { padding: 0 !important; margin: 0 !important; }
#block-80 p { padding: 0 !important; margin: 0 !important; background-color: #888; }  
#block-80 p a:hover{ color: rgb(255, 166, 0); }
.footerclass a { padding: 0px; }

/*****copyright*****/
#containerfooter{ padding: 0px 0px; margin: 0; }
.footercredits{ padding: 0px 0px; margin: 0; }
.footercredits p { padding: 0; margin: 0;}

/******** responsive menu ***************************************************************/
/******** suppression 2eme bouton MENU ***************************/
div #mobile-nav-trigger { 
	display: none ! important;
}

/******** Image Annie trop grande en petit écran ***************************/
.homecontent .wp-block-media-text__media img { max-width: 150px !important; }










/************************************************************ BREAKPOINT ******************************************************/
@media only screen and (min-width: 400px) { 
	//body { border: 10px solid red }
}










/************************************************************ BREAKPOINT ******************************************************/
@media only screen and (min-width: 600px) { 
	//body { border: 10px solid green; }
	
}










/************************************************************ BREAKPOINT ******************************************************/
@media only screen and (min-width: 801px) { 
    //body { border: 10px solid gold; }
}










/************************************************************ BREAKPOINT ******************************************************/
@media only screen and (min-width: 992px) { 
	//body { border: 10px solid purple; }
    //header .kad-header-left .kad_tagline.belowlogo-text { display: block; float: right; }
}










/************************************************************ BREAKPOINT ******************************************************/
@media only screen and (min-width: 1024px) {  
	//body { border: 10px solid pink; }
	//.homecontent .wp-block-media-text__media img { max-width: 150px !important; }
	//.homecontent .wp-block-media-text__media img { max-width: unset !important; }
}





