/*
Theme Name:	skt-hotel-lite-child
Theme URI: https://www.sktthemes.net/shop/hotel-lite/
Description: skt-hotel-lite-child Theme
Author: SKT Themes
Template: skt-hotel-lite 
Version: 1.7
*/



/*
DARK	= 333 331   #000001 
LIGHT	= 02A EE7   #1D9ED9

*/




/* MODIFICATIONS :: MODIFICATIONS :: MODIFICATIONS :: MODIFICATIONS :: */

#login h1 a {}
#login h1 a {background-image:url("https://amipierre-kayaks.be/wp-content/uploads/2025/11/amipierre-kayaks-logo-04.png") !important; background-size: 100%; width: 320px; height: 200px; background-color: #ffffff; box-shadow: 0px 0px 35px #333;}

body				{background-color: #C9DBA9; font-size: 18px; font-family: "Quicksand", sans-serif; font-optical-sizing: auto; } /* font-size: 14px; font-family: 'Roboto', sans-serif; */

#content a			{color: #1D9ED9 !Important;}
#content a:hover	{color: #000000 !Important;}
#content a:visited  {color: #1D9ED9 !Important;}

a					{color: #1D9ED9 !Important;}
strong, b			{font-weight: bold; }
ol, ul	{margin: 0 0 20px 50px;}
li		{line-height: 25px; xpadding-bottom: 15px;}

h5			{color: #1D9ED9; background-color: #333333; font-size: 1.5em; padding: 20px; line-height: 1.5em; }
h5 a		{color: #ffffff !Important;}
h5 a:hover	{color: #000000 !Important;}

h6			{color: #ffffff; background-color: #1D9ED9; font-size: 1.5em; padding: 20px; line-height: 1.5em; }
h6 a		{color: #ffffff  !Important;}
h6 a:hover	{color: #000000 !Important;}

img.alignleft, .alignleft						{border: 0px solid #cccccc;}
img.aligncenter									{margin: auto !Important; padding: auto !Important;}
.aligncenter, div.aligncenter, p.aligncenter	{display: block; margin-left: auto; margin-right: auto;}
.alignnone  {width: inherit !important;}

.page_content p {margin-bottom: 0px; line-height: inherit;}
.bandeDeCouleur {background-color: #1D9ED9; height: 10px;}
.blog-post {margin: 50px 0px 0px 0px;}

.entry-content ul		{margin-left: 5px !Important;}
.entry-content ul li	{list-style-type: none; margin-left: 0px;}






/* PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC ::  */
@media screen and (min-width: 1101px) {
	.site-main				{width: 1400px !Important; margin: 0; padding: 0; float: left;} /* <== Si enlever la Sidebar dans page.php + dans single.php + dans front-page.php ==> Alors changer de 770px à 1100px dans style.css ==> .site-main {width: 1100px;...} */
	.inner-banner-thumb		{max-width: 1120px; position: relative; width: 100%; background-color: #ffffff00 !Important; margin: 5px auto; min-height: 100px !Important; height: 100px !Important; text-align: center;  overflow: hidden;}  /* DESSOUS la bandeDeCouleur (dans header.php) :: Espace blanc avec le titre de la page */
	.banner-container H1	{color: #aaaaaa !Important; text-align: right; font-size: 1.0em !Important; padding-right: 0px !Important;}  /* HAUT de page (dans header.php) :: Le titre de la page - Dans l'espace blanc */
	.header					{background-color: #486d0c;}   /* MENU TOP :: Couleur de fond */
	.site-description, a.site-description { color: #000000 !Important; font-size: 12px; padding-bottom: 15px; margin-top: 5px;} /* SLOGAN sous le logo */
	
	.logo				{position:absolute; top: 10px; bottom: auto; float: left; text-align: center; z-index: 999999; height: auto; min-height: 120px; background-color: #ffffff !Important; border: 5px solid #000001;  max-width: 300px; width:auto; color:#ffffff00; padding: 0px 20px 0px 20px; -moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-right-radius: 25px; border-bottom-right-radius: 25px; xborder-width: 5px; xborder-style: solid; xbackground: linear-gradient(to bottom, transparent, #aaaaaa); xborder-image:linear-gradient(to bottom, #1D9ED9, #333333) 1 40%;}	/* BORDER ou BOX :: Dégradé de couleurs */
	#logo-main			{margin-left: 0; margin-right: 0; xtext-align: center;}
	.logo h2			{font-size: 1.8em; color: #000001; font-weight:bold; text-align: center; line-height: 36px; word-wrap: break-word; padding: 15px !Important; margin: 0px; font-family:'Arial';}
	.logo p				{float: none; color: #000000; text-align: center; font-size: 12px; font-weight: bold;}
	.logo img			{max-height: 112px; max-width: 214px; height: auto; width: auto;          height: 112px !Important;}   /* LOGO TOP :: Taille du logo */
.XXXlogoSize img	{max-height: 150px; max-width: 250px; height: auto; width: auto;          height: 150px !Important;}   /* LOGOSIZE TOP :: Taille du logo */
	
	.main-navigation							{background-color: #00000000 !Important; font-size: 0.8em; font-family: 'Assistant';}
	.main-navigation ul li						{line-height: 25px; padding-bottom: 0px;}
	.main-navigation ul li a					{background-color: #FFFFFF09 !Important; line-height:40px; color: #ffffff !Important; text-decoration: none; font-weight: bold; margin: 3px; padding: 1px 20px !Important; position: relative; display:block; z-index: 99; transition: all ease 0.23s;
	 -moz-border-radius-topleft: 25px; -webkit-border-top-left-radius: 25px; border-top-left-radius: 25px; -moz-border-radius-bottomright: 25px; -webkit-border-bottom-right-radius: 25px; border-bottom-right-radius: 25px;}
	.main-navigation ul li a:hover				{background-color: #FFFFFF35 !Important;}
	.main-navigation ul li:last-child a			{padding-right: 12px;} /* MENU:: Le dernier élément du Menu */
	.main-navigation a							{background-color: #333333 !Important; color: #ffffff !Important; font-weight: bold; }
	.main-navigation ul li.current_page_item a	{color: #1D9ED9 !Important;}/* NAV - Couleurs */
	.main-navigation ul li:hover > ul			{background-color:#333333 !Important; display:block; width:200px; position:absolute; left:0; text-align:left; xbox-shadow:0 2px 2px #333;}
	.main-navigation ul li ul					{display:none; position:relative; z-index:9999999; min-width: 250px;} /* SOUS-MENU :: */
	.main-navigation ul li ul li a				{background-color: #FFFFFF15 !Important; color: #ffffff !Important; display:block; margin: 5px; padding: 1px 20px !Important; font-weight: bold;}
	
	#wrapsecond .container { background-color: transparent !Important; text-align: center; padding: 0px 0px 0px 0px !Important; box-sizing: content-box; } /* Bande de couleur entre le SliderTop et le main (textes) du site */
	#content_navigator p {margin-bottom: 4px; }

#XXXcontent				{padding-bottom: 50px;} /* Distance entre le main (textes) du site et le Footer */
.XXXpage_content			{padding: 0px; margin-top: 90px !Important; margin-bottom: 20px !Important;}
.XXXpage_content p		{margin-bottom: 20px; line-height: 28px; }
.XXXwp-block-image img	{max-width: 100%; }

	.topPhoneBox		{width: 100%; background-color: #ffffff; text-align: center; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	.topPhone			{width: 1100px; background-color: #ffffff; padding: 25px 0px 25px 0px; margin-left: auto; margin-right: auto; color: #AFAFAF; color: #000000; font-size: 1.7em; font-weight: Bold;}
	.topPhone H1		{font-size: 0.5em; font-weight: Bold;}

	.topPhone a			{color: #1D9ED9 !Important; font-size: 1.3em !Important;}
	.topPhone a:hover	{color: #FF0000 !Important;}

}/* END :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC :: PC ::  */


/* PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: */
@media screen and (max-width: 1100px) {
	#wrapsecond .container { background-color: rgba(0, 0, 0, 0.8) !Important; padding: 0px !Important;} /* Bande de couleur - largeur du Main - entre le SliderTop et le main (textes) du site */
	.header {background-color: #ffffff;}
	.nav a {color: #1D9ED9 !Important; font-size: 1.3em; font-weight: bold; }
	.nav ul li.current_page_item a {color: #000000 !Important;}/* NAV - Couleurs */

	.logo   {position:absolute; top: 10px; width:auto; float: left; z-index: 1; background-color: #ffffff !Important; padding: 20px; border: 1px solid #ffffff; color:#fff; -webkit-border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -moz-border-radius-bottomright: 20px; -moz-border-radius-topleft: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; margin-bottom: 20px !Important;}
	.logo h2			{font-size: 2.2em; font-weight:bold; color: #000000; text-align: left; line-height: 36px; word-wrap: break-word; padding: 15px !Important; margin: 0px;}
	.logo p				{color: #000000; text-align: center; font-size: 12px; font-weight: 600; float: none; }
	.logo img			{max-height: 112px; max-width: 214px; height: auto; width: auto;      height: 112px !Important;}   /* LOGO TOP :: Taille du logo */



	.main-navigation					{background-color: #C9DBA9 !Important; padding: 10px !Important;}
	.main-navigation button.menu-toggle {position: relative; width: 110px !Important; height: 40px; padding: 10px 25px; margin: 0 auto; text-align: right !Important; color: #ffffff; background-color: #486D0C !Important; border: 0px; xborder-radius: 0px !Important; cursor: pointer;}
	.main-navigation button.menu-toggle::before {content: "MENU"; padding-right: 10px;}
	.menu-toggle span					{position: absolute; top: 8px; left: 20px; width: 24px; height: 3px; background: #1d9ed9ee !Important; border: none;}



	.inner-banner-thumb		{position: relative; width: 100%; margin-top: 5px; min-height: 35px !Important; height: 50px !Important; background-color: #0000ff; text-align: center; overflow: hidden;}  /* DESSOUS la bandeDeCouleur (dans header.php) :: Espace blanc avec le titre de la page */
	.ma-inner-banner-thumb	{background-color: #E6E6E6; margin: 0px !Important; }
	.inner-banner-thumb h1	{top: 10px !Important; text-align: center; }
	.banner-container H1	{color: #000000 !Important; text-align: center; font-weight: Bold; font-size: 20px !Important; }  /* HAUT de page (dans header.php) :: Le titre de la page - Dans l'espace blanc */
	.page_content{padding: 0px; margin-top: 20px;}

	.topPhoneBox {width: 100%; background-color: #ffffff; text-align: center; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto;}
	.topPhone    {width: 100%; background-color: #ffffff; padding: 25px 0px 0px 0px; margin-left: auto; margin-right: auto; color: #AFAFAF;}
	.topPhone a  {color: #AFAFAF !Important; }
	.topPhone a:hover  {color: #FF0000 !Important;}



}/* END :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: PHONE :: */



/* ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 ::  */
@media screen and (max-width: 767px) {
	#navigation {float: none; width: 100%; padding: 20px 0 0 0 !Important; text-align: center;}
}
@media screen and (min-width: 768px) {
	.site-main {width: 100% !Important;}
}
/* END :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: ENTRE 2 :: */









/* FORMULAIRE */
	.wpcf7						{background-color: #486d0c; border: 1px solid #D6DCE6; padding: 20px 20px 0px 20px !important;}
	.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {border-color: #ffb900; background-color: red; color: #fff; font-weight: bold; padding: 50px 10px 50px 10px; text-align: center;}
	.wpcf7 input[type="submit"] {background-color: #FF8C00  !Important; font-weight: bold; margin-top: 25px;}	
	.wpcf7-form p				{margin-bottom: 20px; line-height: 20px !important;}

	textarea.wpcf7-form-control.wpcf7-textarea {width: 100% !important; color:#000000 !Important; font-weight: bold; font-size: 1.0em; }
input.wpcf7-text::placeholder, textarea.wpcf7-form-control.wpcf7-textarea::placeholder {color: #000000; xfont-family: Montserrat, "Helvetica Neue", sans-serif; font-weight: normal; opacity: 1; }
	.wpcf7 label						{color: #ffffff;}

	.formLabel					{padding: 0px 0px 20px 0px;}
	.formRemerciements			{background-color: #333332; padding: 20px;}
	.priseContact {}
	.priseContact input[type=checkbox]							{width: auto !important; }
	.priseContact textarea, .priseContact input[type="submit"]	{width: 100% !important;  box-shadow: inset 0px 0px 0px #fff !Important; color:#000000;} 
	.priseContact input {width: 100% !important; border: 1px solid #ff8c00; box-shadow: inset 0px 0px 0px #fff !Important;background-color: #c9dba9;}

		/* En 2 colonnes */
			.deuxColonnes		{display: flex; flex-direction: row !Important; column-gap: 10px !Important; }
			.deuxColonnes label {min-width:0px;}
			.cf7Ligne			{margin-bottom:10px;}
		@media (max-width: 1170px) {
			.deuxColonnes {flex-direction:column !Important; margin-bottom: 10px;}
		}
		/* END :: en 2 colonnes */
/* END :: FORMULAIRES */



/* PHOTOS */
#gallery-1 img {border: 0px solid #000001 !Important;}
/* END::PHOTOS */






/* ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES ::  */
/* BOUTON ::   */
.bookbtn { background-color: #1D9ED9 !Important; font-weight: bold !Important; border: 1px solid #03cbe9; color: #ffffff !Important; font:300 28px/28px 'Roboto',san-serif;  position:absolute; padding:10px 30px; display:inline-block; top:-49px; z-index:999; text-transform:uppercase; border-bottom:none !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor:pointer;}
.bookbtn b{font-weight:700;}
.bookbtn span{ margin-left:15px;}
.bookbtn:hover {color: #ff0000 !Important;}
/* END :: BOUTON  */

/* Date + commentaires des ARTICLES */
.postmeta {}
.post-date {display: none;}
.post-comment {display: none;}
/* END :: Date + commentaires */
/* END :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: ARTICLES :: */



/* FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: */
	.copyright-wrapper	{position: relative; display: block; padding: 0px; background-color: #000001 !Important; color: #bcbbbb; text-align: center;}
	.copyright-txt		{position: relative; text-align: center; line-height: 1.9em; color: #bcbbbb; z-index: 99;}
	.copyright-txt		{float: none; font-size: 0.8em; padding: 10px 0px 0px 0px !Important;}
	.design-by			{float: none; font-size: 0.8em; color: rgba(255, 255, 255, 0.5) !Important; background-color: transparent !Important; padding: 0px 0px 10px 0px;}
	.design-by a		{float: none; font-size: 1.0em; color: rgba(255, 255, 255, 0.5) !Important; background-color: transparent !Important; padding: 0px 0px 10px 0px;}	.design-by a:hover			{float: none; color: #FF9700 !Important;}
/* END :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: FOOTER :: */


/* Page TARIFS */
.divBoxTarifs table			{xxxdisplay: flex; xxxjustify-content: center; padding: 25px; background-color: #FFFFFFaa !Important;}

.boxTarifs					{border-collapse: collapse; border: 1px solid #ffffff;}
.boxTarifs th				{background-color: #486D0C !Important; color: #FFFFFF !Important; text-align: center !Important; padding: 25px !Important;}

.boxTarifs td:first-child	{width: 75%; padding: 15px !Important;}
.boxTarifs td:nth-child(2)	{padding: 15px !Important; text-align: right !Important;}

/* END::Page TARIFS */












/* PLUGIN APPOINTMENT HOUR BOOKING RESERVATION */

	#cp_appbooking_pform_1 .cp_cff_professional {padding: 20px !Important; background: linear-gradient(to bottom, #ae04f0 0%,#6f0499 100%) !Important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae04f0', endColorstr='#6f0499',GradientType=0 );}

	#fbuilder .slots {margin: 20px 0;}
	#fbuilder .usedSlotsfieldname1_1 .uh {color: #ff0000; font-weight: bold; font-size: 1.5em;;}

	/* Calendar */
	td.ui-datepicker-today {background: #C9DBA9 !Important; font-weight: bold;}
	.cpappbtable {font-size: 0.6em !Important; } /* styles for the whole table */
	/* END::Calendar */    

	.cpappbheadermth,.cpappbheadermtd  {background: #CCC !Important;} /* styles for the table header group cells */
    .cpappbtable th {background: #EEE !Important;} /* styles for the table header cells */
    .cpappbtable .cpappbth th, .cpappbtable td {border: 1px solid #999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(153, 153, 153); text-align: center; padding: 2px; word-break: normal;}
	.cpappbheadermtd {color: #000; font-weight: bold; font-size: 1.5em !Important;}

	/* Réservations */
	.fieldCalendar			{background-color: #EEE;}
	#field_1-0 label		{color: #FF7400;}
	.ahbfield_service		{padding: 10px; background-color: #FF7400; font-weight: bold;}
	.ahb_list				{padding: 28px; font-weight: bold; font-size: 1.2em; background-color: #c9dba9;}

.ahbfield_quantity_div	{display: none;}
.cancel, .showrepeat {color: #bdcca1 !Important;}

	#fieldlist_1 div input	{padding: 10px !Important; color: #1D9ED9; font-weight: bold;}

	#fbuilder .side_by_side	{float: left; margin-right: 10px;}
	#fbuilder .pbSubmit			{padding: 25px 20px !Important; background-color: #78B01B !Important;}
	#fbuilder .pbSubmit:hover	{background-color: #486D0C !Important; color:#FFFFFF;}
	#fbuilder .slotsCalendar {background-color: #eee;}

	.ui-datepicker-calendar a									{color: #1D9ED9 !Important;}
	.ui-datepicker-calendar .ui-state-active					{box-shadow: none; text-shadow: none; border: 0px solid; background-color: #FF7400 !Important;}
	.ahb_m #fbuilder .ui-datepicker-calendar .ui-state-active	{color: #fff !Important;}
	
	.ui-dialog {background-color: #cecece;} /* POP UP - Réservation ==> Choix du client [Repeat ?]  */ 

	.ahb_m #fbuilder .fieldCalendarService	{width: 100%; margin-top: 5px; margin-bottom: 25px;}
	#field_1-0 label #fieldname1_1			{margin-top: 125px !Important;} 
	.pb0 label								{color: #1D9ED9;}

	#field_1-6		{background-color: #FF7400 !Important; padding-left: 10px !Important;} /* Pour : J'accepte les conditions... */
	#field_1-6 span	{color: #FFFFFF !Important;} /* Pour : J'accepte les conditions... */


/* Liste des réservations */
.cpappbcontainerlist .cpappbtable tr th:nth-child(1), .cpappbcontainerlist .cpappbtable tr th:nth-child(6) {background-color: #98d59d !Important;}
.cpappbcontainerlist .cpappbtable tr td:nth-child(1), .cpappbcontainerlist .cpappbtable tr td:nth-child(6) {background-color: #deeadf;}

.cpappbcontainerlist .cpappbtable tr th:nth-child(5), .cpappbcontainerlist .cpappbtable tr th:nth-child(6) {background-color: #98d59d !Important;}
.cpappbcontainerlist .cpappbtable tr td:nth-child(5), .cpappbcontainerlist .cpappbtable tr td:nth-child(6) {background-color: #deeadf;}
/* END::Liste des réservations */







	/* END::Réservations */

/* END :: PLUGIN APPOINTMENT HOUR BOOKING  */