/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes follow: */

/*
The .fluid-width-video-wrapper class does NOT come from your own CSS. It comes from a third‑party script included in the template.
It is injected by FitVids.js, a small JavaScript plugin used by many ThemeMascot templates to make embedded videos responsive.
Ratio		padding-top
16:9 =>	56.25%
4:3 =>	75%
21:9 =>	42.85%
*/

.fluid-width-video-wrapper {
  padding-top: 56.25%; /* for 16:9 */
}

.img-left {					/* novità del 25 mar 2026 perché a lato della foto del prodotto (es: equusbalance.jpg) possa scorrere il testo */
  float: left;				/* la foto sta a destra, oppure a sinistra */
  width: 40%;      			/* occupazione (in larghezza) rispetto al container <p> o  <div> che sia */
  margin: 0 1rem 1rem 0;		/* spazio - sopra-destra-sotto-sinistra - tra l'immagine e il testo */
}

.title-xl {					/* in alternativa alla classe .title nelle Section: inner-header delle pagine equusfeed.eu */
  font-size: 48px;  			/* o 42px, 56px… */
  line-height: 1.2;
  font-weight: 700;
}

.menuzord .showhide em {		/* https://novo.equusfeed.eu/css/css-plugin-collections.css */
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #FFF;			/* il burger menu (tre lineette orizzontali nel menu versione mobile) apparivano grigie #777 ma io le voglio bianche #FFF */
}