/* ---------------------------------------------------------------------------
 * style for theme variant: abrazo-tango.fr
 * author: uBbOo aka Didier Rizzo
 * release: 2021
 * date : 05 2021
 * --------------------------------------------------------------------------- */
 
/* ------------------------- abrazo tango 2 --------------------------- */
/* abrazo 
prune foncé : ancien brun foncé    3e0011 
café au lait : ancien beige         a79251 
rouge sang : ancien orange tanguine (pantone)  b60131

  src: url('/preprod/wp-content/uploads/fonts/VarelaRound-Regular.ttf');
  src: url('./fonts/VarelaRound-Regular.ttf');

*/

/* ------------------------- body --------------------------- */
@font-face {
  font-family: 'VarelaRound';
  src: url('../fonts/VarelaRound-Regular.ttf');
}

@font-face {
  font-family: "ABNF"; 
  src: url('../fonts/AeroviasBrasilNF.ttf');
}

@font-face {
  font-family: 'tangoRegular';
  src: url('../fonts/TangoRegular.ttf');
}

:root{
/* ------------------- main font */	
	--font-family-title: ABNF;
	--font-family-title-old: tangoRegular;
	--font-family-text: VarelaRound;	
	
/* ------------------- major setup color (used only below to define default color) DON'T use after */
/*			
	--setup-text-color1: #3e0011;
	--setup-text-color2: #a79251;

	--setup-menu-color1: #3e0011;
	--setup-menu-color1-transparent: #3e0011CC;	
	--setup-menu-color2-light: #a79251;	
	
	--setup-highlight-color1: #a79251;
	--setup-highlight-color2: #a79251;
*/

	--color-color: #3e0011;	
	--background-color-color: #a79251;
	--dark-background-color-color: #3e0011;	
	--dark-color-color: #ffe69e;  /*#a79251; */
	--h1-color: #b60131;
	--h2-color: #3e0011;
	--dark-h2-color: #a79251;
	--anchor-color: #b60131;
	--anchor-hover-color: #b60131;
	
  --navbar-admin-background-color: blue;

  --navbar-color: #a79251;
  --navbar-background-color: #3e0011;
  --navbar-active-color: white;
  --navbar-active-background-color: #3e0011;
  --navbar-hover-color: white;
  --navbar-hover-background-color: #3e0011;
  --navbar-dropdown-color: #3e0011;
  --navbar-dropdown-background-color: #a79251;
  --navbar-dropdown-hover-color: #262626;
  --navbar-dropdown-hover-background-color: #f5f5f5;
  --navbar-dropdown-active-color: white;
  --navbar-dropdown-active-background-color: #3e0011;

}

body {
  font-weight: 400;
  font-size: 1.25em; /*1.5em;  1.25em 1em 1.25em 15px */
  color: var(--color-color) !important;
  background-color: var(--background-color-color);
}

h1 {
  font-weight: 300;
  font-size: 6em; /* 3em 3em 48px */
  color: var(--h1-color);
}

h2 {
  font-weight: 300;
  font-size: 3em; /* 1.75em 36px */
  zline-height: 1.5em;
  margin: 0.8em 0;
  text-shadow: 2px 2px 5px #eee;
	font-family: var(--font-family-title-old);
  color: var(--h2-color);
}

h3 {
  font-weight: 300;
  font-size: 2em; /* 1em 1.5em 18px */
}

h4 {
  font-size: 1.5em; /* 2.25em 26px */
  line-height: 1em;
  color: var(--h2-color);
}

a {
  background-color: transparent !important;
}
a:hover {
  background-color: transparent !important;
  text-decoration: none;
}

/* nav social icons */
#navbar-main .table-social td {  
  line-height: 31px;
}
#navbar-mini .table-social td {  
  line-height: 18px;
}
.navbar .dropdown-menu li a {
  padding: 10px 20px 10px 20px;
  border-width: 0px 0px 1px 0px;
  border-color: var(--navbar-background-color);
  border-style: solid;
  line-height: initial;
}

.dark {
  background-color:  var(--dark-background-color-color);
  color: var(--dark-color-color);
}
.dark h2 {
  text-shadow: 2px 2px 5px #111;
  color: var(--dark-h2-color);
}

/* ------------------------- richlink --------------------------- */
.richlink.richlink-thumbnail .richlink-title,
.richlink.richlink-blog-grid .richlink-title {
    font-size: 1em;	
	background-color: rgba(0, 0, 0, 0.8);
}
/* ------------------------- sponsors --------------------------- */
.table.sponsors td {
	border-color: transparent !important;
}
/* ------------------------- widget --------------------------- */
.widget.lastposts h2 {
    font-size: 1.5em;
  color: var(--dark-color-color);
  padding-left: 5px;
  text-shadow: none;
}
/* ------------------------- 24 heures de Metz --------------------------- */
.body3216 .navbar,
.body3216 .footer,
.body-parent3216 .navbar,
.body-parent3216 .footer,
.menu-item-7712 {
  background: #FFD700 radial-gradient(#3e0011 , #FFD700);
  zbackground: -webkit-linear-gradient(transparent, transparent), url('https://abrazo-tango.fr/wp-content/themes/ubboo-theme-v2.x/css/or-light.jpg') no-repeat;
  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,0.2), rgba(0,0,0,0.8)), url('https://abrazo-tango.fr/wp-content/themes/ubboo-theme-v2.x/css/or-light.jpg') no-repeat;
  background-size: cover;
}
.menu-item-7712 a {
  color: var(--color-color) !important;
}
.menu-item-7712.active {
  background-color: var(--navbar-background-color) !important;
  color:  var(--navbar-background-color) !important;
}

.page3216 h1,
.page-parent3216 h1 {
  font-size: 5em;
  color: transparent;
 background: linear-gradient(-90deg, rgba(255,255,0,0.2), rgba(255,255,255,0.2)), url('https://abrazo-tango.fr/wp-content/themes/ubboo-theme-v2.x/css/or-light.jpg') repeat;
  zbackground-image: url('https://abrazo-tango.fr/wp-content/themes/ubboo-theme/css/or-light.jpg');
-webkit-background-clip: text;
  padding-top:25px;
}
.section3284 img {
  border-radius: 50%;
  margin-top:50px;
}

#menu-item-dropdown-7712 {
	color: white !important;
}
/* ------------------------- ubboo-event (événement produit en une ligne 2025 ------------------------- */
.ubboo-event:hover img {
  -webkit-filter: brightness(150%) grayscale(100%) drop-shadow(0px 0px 10px white);
  filter: brightness(150%) grayscale(100%) drop-shadow(0px 0px 10px white);
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  transition-delay: 0s;
  z-index:99999;
  border-radius: 10px;
}

/* --------------------- calendard box 2025 ------------------- */
.calendar-box {
  display:block;
  padding: 5px 1px 5px 1px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color:#5d2b3a; /* cabeb0;  */
  text-align:center;
  line-height:1.1;
  color:#fff; /* 01010D; */
  position: relative;
  top: 0px;
  left:10px;
  right:auto;
  width: 120px;
  height: 120px;
  box-shadow: 4px 4px 8px #fff;
}
.calendar-jour {
  font-size:16px;
  font-weight:900;
}
.calendar-date {
  color:#ffed00;
  font-size:36px;
  font-weight:900;
  line-height:1;
}
.calendar-mois {
  color:#ffed00; /* 3b5998; */
  font-weight:900;
  font-size:15px;
  line-height:0.3;
}
.calendar-heure {
  font-weight:900;
  font-size:12px;
  padding-top:8px;
  line-height:1;
}
.calendar-lieu {
  font-weight:900;
  font-size:12px;
  line-height:1.4;
}

/* ------------------------- planning (vue synthétique du programme commandable) 2025 ------------------------- */
:not(table *){
}
.program-box.planning:not(table *) {
  border: 1px solid grey;
  box-sizing: border-box;
  border-right-width: 0;
  border-left-width: 0;
}
table.ubboo-tableau.planning-cours {
  background-color: lightgrey;
}
table.ubboo-tableau.planning-cours tr:nth-child(even) {
  background-color: beige;
}
table.ubboo-tableau.planning-cours th {
  background-color: Bisque;
  font-size: 120%;
}
.program-box.planning .program-heure {
  padding: 10px;
  float:right;
}
.program-box.planning a {
  color: #A79251 !important;
}
.program-box.planning .program-titre  {
  font-size:120%;
}
.zprogram-box.planning .add_to_cart_button {
  font-size:75%;
}

.ubboo-event .add_to_cart_inline {
  font-size: 75% !important;
}


/* ------------------------- woocommerce ------------------------- */
.woocommerce .col-1, 
.woocommerce .col-2 {
  max-width:none !important;
}
.woocommerce .form-row {
  display: block;
}.body-master994 .demo_store,
.ubboo-woocommerce .demo_store {
  visibility: visible !important;
  background-color: rgba(255,0,0,0.8);
  top:70px;
  width:50%;
  font-size:1vw;
}

.shipping-calculator-button,
#ship-to-different-address {
  display: none;
}

#coupon_code {
  width: 300px;
}
.woocommerce input,
.woocommerce optgroup,
.woocommerce select,
.woocommerce textarea,
.wc-tabs-wrapper,
.wc_payment_methods label {
  zcolor: #120007;
}
.woocommerce span.onsale {
  font-size: 40%;
  background-color: rgba(40,40,255,0.5);
  border-radius:5%;   
  min-height: 1.5em;
  line-height: 1.5;
}
.woocommerce .summary h1 {
  font-size: 2.5vw; /*3em;*/
}
.woocommerce .upsells h2, 
.woocommerce .related h2 {
  font-size: 2vw; /*2em;*/
  margin-top:0px;
}
.woocommerce .upsells,
.woocommerce .related {
  clear: left;
}
.woocommerce-tabs .woocommerce-Tabs-panel h2,
.woocommerce-tabs .tabs{
  visibility: hidden;
  display: none;
}

.cart-total{
  text-align:right;
  font-size:75%;
}
.cart-info{
  padding-right: 4px;
}

.woocommerce-message {
  border-top-color: #E44A88;
  background-color: #cabeb0;
}

.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
  color: #E44A88;
}

.woocommerce-LoopProduct-link {
  overflow: hidden;
  position: relative;
  float: left;
}
.onsale {
  z-index:999999;
}

.woocommerce-LoopProduct-link:hover img {
  -webkit-filter: brightness(150%) grayscale(100%);
  filter: brightness(150%) grayscale(100%);
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: linear;
  transition-delay: 0s; 
  border-radius: 10px; 
}
/* product detail presentation */
.woocommerce-Tabs-panel .program-titre,
.woocommerce-Tabs-panel .program-titre a {    
  font-family: abrazo;
  font-size: 22px;
}
.woocommerce-Tabs-panel br {
  display: none;
}
.woocommerce-Tabs-panel .program-category {
  display:block;
  padding-left: 100px;
  font-size: 14px;
}
.product-category .count {
  background-color: transparent;
  color: #fff;
  font-size:18px;
}
.woocommerce-Tabs-panel {    
  color: var(--setup-text-color2);
}

/* woocommerce checkout paiement method not visible */
.wc_payment_methods label {
  zcolor: #CCFC92;
}
/* woocommerce add stock info */
.program-stock {
  display:block;
  font-size: 50%;
  text-align: right;
}

.checkout .wc_payment_method label {
  zcolor: #1f1730;
}
.payment_method_paypal img {
  height: 100%;
  max-height: 110px !important;
}
.cart-info{
  margin: 7px;
  zbackground-color: rgb(204, 252, 146);
}

/* additional 2019 */
#seminaire-et-workshop .program-detail p {
  font-size: 50%;
}
#seminaire-et-workshop .program-detail hr,
#seminaire-et-workshop .program-detail .program-box {
  display: none;
}

.miniatures {
  text-align: center;
}
.program-media img {
  width: 175px;
  height: 175px;
  max-width: none !important;
}
.miniatures img {
  border-radius: 50%;
  width: 175px;
  height: 175px;
}

.program-addcart .amount{
  font-size: 150%;
}
.program-addcart del{
  text-decoration: line-through;
  color: #999;
}
.program-addcart ins{
  text-decoration: none;
}
.program-addcart ins:before,
.program-addcart ins:after{
  content: "\00a0\00a0";
}

.already-in a.button {
  background-color: rgb(81, 81, 81);
  color: rgb(218, 216, 218);
}


.cart-info{
  line-height: 1.8;
  margin: 0px; 
  zpadding:7px;
  background-color: rgb(55, 55, 0); /* rgb(255, 255, 0); */
  padding-left: 10px;
  padding-right: 10px;
  zborder-color: #f00;
  zborder-style: solid;
  zborder-width: 5px;
}
.woocommerce-shipping-destination {
  display: none;
}
.woocommerce-terms-and-conditions-wrapper {
  zcolor: #170b0f;
}

.woocommerce-terms-and-conditions-wrapper .checkbox input[type=checkbox] {
  position: static; 
}

#seminaire-et-workshop .program-date {
  font-size: 200%;
}




/* ------------------------- footer --------------------------- */
.widget_calendar caption {
  caption-side: top;
}
.widget_calendar table #eo-widget-next-month {
  padding-right: 1.71429rem;
  text-align: right;
}

/* last post widget */
#ubboo-lastposts-widget-3 .richlink-title {
	display: none;
}

#ubboo-lastposts-widget-2 .richlink-overlay-title {
    left: -100%;
}
#ubboo-lastposts-widget-2 .richlink:hover .richlink-overlay-title {
	opacity: 1;
	left: 0px;
}
#ubboo-lastposts-widget-2 .richlink-title {
    font-size: 0.75em;
}
.ubboo-lastposts-widget  {
	display: inline;
}
.ubboo-lastposts-widget img {
  width: 100px !important;
}

/* hide recaptcha badge */
.z2025grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
}
.footer {
  background-color: var(--dark-background-color-color);
  color: var(--dark-color-color);
  font-size: 0.55em;
}