/*
Theme Name: Triatlon Romania 2020
Theme URI: https://mediacd.ro
Description: Divi Child Theme
Author: GraphX
Author URI: https://mediacd.ro
Template: Divi
Version: 4
*/


body:not(.et-tb) #main-content .container,body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0px!important;
}


/*-----------------[HEADER-MENU]------------------*/

#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
    padding: 6px 8px!important;
}


 #quadmenu ul, #quadmenu ul li, #quadmenu ul li ul, #quadmenu ul li a {
    padding-top: 3px!important;
}

.et-fixed-header #top-menu-nav #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li > a {
    padding-bottom: 3px!important;
}


.et_header_style_left #et-top-navigation nav>ul>li>a{
	text-transform: uppercase;	
	font-weight: 700!important;
}

#main-header .nav li ul a {
    color: #FFFFFF!important;
}

.nav li ul {
    background: #ebf5ff!important;
}

.nav li li {
    position: relative;
    line-height: 1.2em!important;
    font-weight: 100!important;
}

#top-menu li.mega-menu>ul>li>a {
    width: 100%!important;
	text-transform: uppercase;	
}

#top-menu li li a {
    padding: 3px 3px!important;
    width: 200px!important;
}

ul#top-menu li.menu-item:not(:last-child) {
    padding-right: 6px!important;
}



/*------------------[BEGIN BLOG PAGE COLUMNS]--------------------*/

.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '4 .column.size-1of4' !important;
}
@media only screen and ( min-width: 981px ) {
	.cu-blog .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
}

/*------------------[END BLOG PAGE COLUMNS]--------------------*/


/********* Mobile Menu Collapse ********/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}


/**** Resize menu and sub menu items on mobile ****/

.et_mobile_menu li a, .nav li li a {
    font-size: 18px!important;
	font-weight: 500!important;
    -webkit-transition: all .1s ease-in-out!important;
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 500!important;
}

 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 8px 20px;
font-size: 22px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #000000;
font-size: 18px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}

/********* Mobile Menu Collapse END ********/


/********* Distanta intre meniuri  ********/

ul#top-menu li.menu-item:not(:last-child) {
    padding-right: 7px!important;
}


/********* BEGIN Adjust The Events Calendar - Modern Tribe  ********/

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0; 
}

.tribe-events .tribe-events-l-container {
	padding-top: 0;
}

.tribe-events-before-html h1{
    margin: 0;
}
 
.tribe-events-back a{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.8!important;
}


.single-tribe_events .tribe-events-single-event-title {
    font-size: 2.2em;
    line-height: 1;
    margin: 0;
    font-weight: 800;
    padding: 0;
}
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
    font-size: .8em;
}


.tribe-block__organizer__details h3 {
    font-size: var(--tec-font-size-4);
    font-weight: 700!important;
}

.tribe-block__organizer__details p {
     line-height: 1!important;	 
}

.tribe-block__organizer__details {
    padding: 8px 0;
}


.tribe-block__venue .tribe-block__venue__meta .tribe-block__venue__name h3 {
    font-size: var(--tec-font-size-3);
    font-weight: 700!important;


}

/********* END Adjust The Events Calendar - Modern Tribe  ********/

/********* BEGIN Shop Menu Item  ********/

.shop-menu a{
    color: #ff002f!important;
    font-weight: 900!important;
	background-color: #ffffad!important;
}

.shop-menu:hover a{
	background-color: #ebf5ff!important;
}


#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content > .quadmenu-icon {
    color: #ff002f!important;
}

#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content > .quadmenu-icon {
    color: #ff002f!important;
}

#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-divi .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content > .quadmenu-icon {
    color: #034dac!important;
}

/********* END Shop Menu Item  ********/



/********* BEGIN Butons Inside Calendar  ********/

.button-calendar {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 21px;
    border: 0px solid #0468a2;
    border-radius: 2px;
    background: #08c3ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#08c3ff), to(#0468a2));
    background: -moz-linear-gradient(top, #08c3ff, #0468a2);
    background: linear-gradient(to bottom, #08c3ff, #0468a2);
 	font-family: Open Sans;
	font-size: 22px;
    font-weight: 400;
    color: #ffffff!important;
    text-decoration: none;
}
.button-calendar:hover, .button-calendar:focus {
    border: 0px solid #057abe;
    background: #0aeaff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0aeaff), to(#057dc2));
    background: -moz-linear-gradient(top, #0aeaff, #057dc2);
    background: linear-gradient(to bottom, #0aeaff, #057dc2);
    color: #ffffff;
    text-decoration: none;
}
.button-calendar:active {
    background: #0468a2;
    background: -webkit-gradient(linear, left top, left bottom, from(#0468a2), to(#0468a2));
    background: -moz-linear-gradient(top, #0468a2, #0468a2);
    background: linear-gradient(to bottom, #0468a2, #0468a2);
}
.wp-block-button__link {
	color: #ffffff!important;
    display: inline-block!important;
    text-align: center!important;
    vertical-align: middle!important;
    padding: 8px 12px!important;
    border: 0px solid #0468a2!important;
    border-radius: 4px!important;
    background-image: linear-gradient(45deg, rgba(110,93,244,1) 0% , rgba(120,208,242,1) 100%);
    background-color: #7967ff;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
 	font-family: Open Sans!important;
	font-size: 18px!important;
    font-weight: 400!important;
    text-decoration: none!important;	
}

.wp-block-button__link:hover {
	color: #ffffff!important;
	background-image: linear-gradient(45deg, rgba(120,208,242,1) 0% , rgba(110,93,244,1) 100%);
    background-color: #7967ff;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
}

/********* END Butons Inside Calendar  ********/

/********* Begin Butons Inside CODE  ********/
.et_pb_button_inside {
    color: #ffffff!important;
	padding: 4px 12px 4px 12px;
	margin: 10px 0 15px 0;
    border-color: rgba(234,234,234,0);
    border-radius: 2px!important;
    letter-spacing: 1px;
    font-size: 22px;
    font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    background-color: #0c71c3!important;
}
.et_pb_button_inside:hover {
    color: #ffffff!important;
    border-radius: 5px!important;
    letter-spacing: 2px!important;
    background-image: initial;
    background-color: #7cda24!important;
}


.et_pb_button_inside_it {
    color: #ffffff!important;
	padding: 3px 9px 3px 9px;
	margin: 10px 0 15px 0;
    border-color: rgba(234,234,234,0);
	border-radius: 15px 4px 15px 4px!important;
    letter-spacing: 1px;
    font-size: 20px;
    font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    background-color: #0c71c3!important;
	font-style: italic;
}
.et_pb_button_inside_it:hover {
    color: #ffffff!important;
	border-radius: 4px 15px 4px 15px!important;
    letter-spacing: 1px!important;
    background-image: initial;
    background-color: #7cda24!important;
	font-style: italic;
}
/********* End Butons Inside CODE  ********/


/********* Events Countdown Home BEGIN ********/
a.tecc-event-button {
    text-indent: -99999px !important;
	content:" "!important;
    line-height: 0 !important;
}

a.tecc-event-button:after {
	content: "AFLA MAI MULTE";
    text-indent: 0px;
    line-height: normal;
	display: block;
}

/********* Events Countdown Home END ********/


/********* Disable Event Page Featured Images START ********/
.single-tribe_events .tribe-events-event-image {
    display: none !important;
}
/********* Disable Event Page Featured Images END ********/

/********* Event Page Customize START ********/


.tribe-events-calendar-list__event-datetime{
    font-size: 26px;
    font-family: 'Barlow',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 900!important;
	color: #0c71c3!important;
}

.tribe-events-back {
    margin-bottom: 12px;
}

.tribe-events-schedule {
    align-items: baseline;
    flex-wrap: nowrap;
    margin: 6px 0 6px;
}

#tribe-events-pg-template {
    margin: 0 auto;
	padding: 20px var(--tec-spacer-4) var(--tec-spacer-4);
}

.tribe-events-meta-group {
    width: 540px;
}

#tribe-events-gmap-0 {
	height: 10px!important;
}

/********* Event Page Customize END ********/

/********* Event TablePress Header BEGIN ********/

.entry-content table:not(.variations) {
    margin: 0!important;
}
/********* Event TablePress Header END ********/




/********* The Event Calendar - Calendar Page List - BEGIN ********/
:root {
  --tec-badge-bg: #22397d;
  --tec-badge-bg-hover: #22397df0; 
  --tec-badge-text: #ffffff;
  --tec-badge-radius: 6px;
  --tec-badge-w: 80px;
  --tec-badge-pad: 12px;
  --tec-badge-gap: 8px;
  --tec-badge-font-day: 32px;
  --tec-badge-font-week: 19px;
}

/* Container eveniment */
.tribe-events-calendar-list__event {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
  box-sizing: border-box;
  font-family: 'Barlow', Helvetica, Arial, sans-serif !important;
}

/* Badge-ul de dată */
.tribe-events-calendar-list__event-date-tag {
  background-color: var(--tec-badge-bg); /* fără !important */
  color: var(--tec-badge-text);
  border-radius: var(--tec-badge-radius);
  width: var(--tec-badge-w);
  min-width: var(--tec-badge-w);
  padding: var(--tec-badge-pad);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--tec-badge-gap);
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background-color 0.3s ease, transform 0.2s ease;
  flex-shrink: 0;
}

/* Hover effect */
.tribe-events-calendar-list__event-date-tag:hover {
  background-color: var(--tec-badge-bg-hover);
  transform: translateY(-2px);
}

/* Ziua numerică */
.tribe-events-calendar-list__event-date-tag-daynum {
  font-size: var(--tec-badge-font-day) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  margin: 0;
  color: var(--tec-badge-text) !important;
}

/* Ziua săptămânii */
.tribe-events-calendar-list__event-date-tag-weekday {
  font-size: var(--tec-badge-font-week) !important;
  font-weight: 600 !important;
  line-height: 1.1;
  margin: 0;
  color: var(--tec-badge-text) !important;
  opacity: 1;
  text-transform: none;
}

/* Delimitator lună în calendar */
.tribe-events-calendar-list__month-separator-text {
  text-transform: uppercase!important;
  font-size: 1.8rem!important;
  font-weight: 800!important;
  color: #ec1c2c!important; /* 🎨 culoarea badge-ului */
  margin: 24px 0 12px!important;
  text-align: left!important;
  font-family: 'Barlow', Helvetica, Arial, sans-serif !important;
}



/* === MOBILE FIX COMPLET === */
@media (max-width: 640px) {

  :root {
    --tec-badge-w: 72px;
    --tec-badge-pad: 10px;
    --tec-badge-font-day: 26px;
    --tec-badge-font-week: 15px;
  }

  /* Containerul real al rândului de eveniment */
  .tribe-events-calendar-list__event-row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 10px 12px;
    align-items: stretch; /* 🔥 forțează toate coloanele să aibă aceeași înălțime */
  }

  /* Badge-ul albastru */
  .tribe-events-calendar-list__event-date-tag {
    width: var(--tec-badge-w);
    min-width: var(--tec-badge-w);
    padding: var(--tec-badge-pad);
    margin-right: 12px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--tec-badge-bg);
    color: var(--tec-badge-text);
  }

  /* Wrapper-ul din dreapta */
  .tribe-events-calendar-list__event-wrapper {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Descrierea evenimentului */
  .tribe-events-calendar-list__event-description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    clip: auto !important;
    white-space: pre-line;
    line-height: 1.5;
    margin-top: 6px;
  }

  /* Ziua și data din badge */
  .tribe-events-calendar-list__event-date-tag-daynum {
    font-size: var(--tec-badge-font-day);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
  }

  .tribe-events-calendar-list__event-date-tag-weekday {
    font-size: var(--tec-badge-font-week);
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
  }
}






/********* The Event Calendar - Calendar Page List - END ********/