/**

   :@@@'   '+                  @@ `@
  @@@@@@@  @@                  @# `@
  @'    @  @@                  @#                      @#   ,@@@.
 `@.      @@@@# @@   :@   #@@@`@# `@`  ;@@@@          :@#  @@@#@@`
  @@'     `@@`` @@   :@  #@@`;@@# `@  '@@`;@@         @@#  `,   @#
  .@@@@@   @@   @@   :@  @@    @# `@  @@   `@;       @@@#      :@:
     :@@@  @@   @@   :@  @:    @# `@` @,    @@      @@ @#     @@@
       .@+ @@   @@   ,@  @,    @# `@` @.    @@     +@  @#   +@@.
 `;     @+ @@   @@   @@  @@    @# `@  @@    @'    `@.  @#  '@+
 @@@+,;@@` @@,@ @@;`@@@: +@@`,@@@ `@  +@@ :@@     @@@@@@@@ @@;;;;;
  ,@@@@@,  ,@@@  @@@@ @@  +@@@'@@ `@   '@@@@      .,,..@#, @@@@@@@
                                                       @@
                                                       @@



------------------------------------
Style Admin v 1.5.0
------------------------------------

Qui si mettono tutti i valori fissi comuni a tutto il sistema.
Per le variabili di progetto, i colori, i font etc... si crea un altro file.

Il file si deve chiamare projectbackend.css
Deve stare dentro TEMAFIGLIO > Studio42 > css > project-backend-css
Lì dentro si mettono tutte le variabili di progetto, i font, i colori, i background etc..
Se manca la cartella si crea

*/


/*------------------------------------*\
    Variabili Progetto
\*------------------------------------*/




:root {
    --font-theme: "Arial", "Helvetica", sans-serif;
    --color-primary: #1d689d;
    --color-secondary: #ea6a11;
    --color-headings: #1b3649;
}



/*------------------------------------*\
    Utility Classes
\*------------------------------------*/


/* ------ Display Classes ------ */

.sg-block               {display: block;}
.sg-inline-block        {display: inline-block;}
.sg-flex                {display: flex;}
.sg-inline-flex         {display: inline-flex;}

.sg-hide                {display: none !important;}

.sg-flex-1              {flex: 1;}
.sg-flex-wrap           {flex-wrap: wrap;}



/* ------ Typography ------ */

.sg-font-system {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.sg-font-theme {
    font-family: var(--font-theme);
}

.sg-fs-h1           {font-size: 2.44rem !important;} /* Valore standard Wp backend */
.sg-fs-h2           {font-size: 1.95rem !important;} /* Valore standard Wp backend */
.sg-fs-h3           {font-size: 1.56rem !important;} /* Valore standard Wp backend */
.sg-fs-h4           {font-size: 1.25rem !important;} /* Valore standard Wp backend */
.sg-fs-h5           {font-size: 1.125rem !important;} /* Valore SG Wp backend */
.sg-fs-small        {font-size: .9375rem !important;}
.sg-fs-xsmall       {font-size: .875rem !important;}
.sg-fs-xxsmall      {font-size: .7rem !important;}

.sg-fw-300          {font-weight: 300;}
.sg-fw-400          {font-weight: 400;}
.sg-fw-700          {font-weight: 700;}

.sg-lh-10           {line-height: 1 !important;}
.sg-lh-11           {line-height: 1.1 !important;}
.sg-lh-12           {line-height: 1.2 !important;}
.sg-lh-14           {line-height: 1.4 !important;}

.sg-text-left       {text-align: left;}
.sg-text-center     {text-align: center;}
.sg-uppercase       {text-transform: uppercase;}


/* ------ Margin ------ */

/* Le classi margin qui vengono dichiarate anche
senza prefisso sg-*, questo aiuta di molto a mantenere un'impaginazione coerente nel be
ed è ormai sostanzialmente uno standard in tutti i sistemi quindi non crea conflitti con
altri css di altri plugin */

.sg-m-0     {margin: 0 !important;} /* Da usare per reset spaziature figure nel be */

.mt-0, .sg-mt-0    {margin-top: 0 !important;}
.mt-1, .sg-mt-1    {margin-top: .25rem !important;}
.mt-2, .sg-mt-2    {margin-top: .5rem !important;}
.mt-4, .sg-mt-3    {margin-top: .75rem !important;}
.mt-4, .sg-mt-4    {margin-top: 1rem !important;}
.mt-6, .sg-mt-6    {margin-top: 1.5rem !important;}
.mt-8, .sg-mt-8    {margin-top: 2rem !important;}

.mb-0, .sg-mb-0    {margin-bottom: 0 !important;}
.mb-1, .sg-mb-1    {margin-bottom: .25rem !important;}
.mb-2, .sg-mb-2    {margin-bottom: .5rem !important;}
.mb-3, .sg-mb-3    {margin-bottom: .75rem !important;}
.mb-4, .sg-mb-4    {margin-bottom: 1rem !important;}
.mb-6, .sg-mb-6    {margin-bottom: 1.5rem !important;}
.mb-8, .sg-mb-8    {margin-bottom: 2rem !important;}

.ml-0, .sg-ml-0    {margin-left: 0 !important;}
.ml-1, .sg-ml-1    {margin-left: .25rem !important;}
.ml-2, .sg-ml-2    {margin-left: .5rem !important;}
.ml-3, .sg-ml-3    {margin-left: .75rem !important;}
.ml-4, .sg-ml-4    {margin-left: 1rem !important;}
.ml-6, .sg-ml-6    {margin-left: 1.5rem !important;}
.ml-8, .sg-ml-8    {margin-left: 2rem !important;}

.mr-0, .sg-mr-0    {margin-right: 0 !important;}
.mr-1, .sg-mr-1    {margin-right: .25rem !important;}
.mr-2, .sg-mr-2    {margin-right: .5rem !important;}
.mr-3, .sg-mr-3    {margin-right: .75rem !important;}
.mr-4, .sg-mr-4    {margin-right: 1rem !important;}
.mr-6, .sg-mr-6    {margin-right: 1.5rem !important;}
.mr-8, .sg-mr-8    {margin-right: 2rem !important;}


/* ------ Padding ------ */

.sg-p-0     {padding: 0 !important;}
.sg-p-1     {padding: .25rem !important;}
.sg-p-2     {padding: .5rem !important;}
.sg-p-3     {padding: .75rem !important;}
.sg-p-4     {padding: 1rem !important;}


/* ------ Width ------ */

.sg-width-2, .width-2	  	{width: .5rem !important;}
.sg-width-3, .width-3  		{width: .75rem !important;}
.sg-width-4, .width-4	    {width: 1rem !important;}
.sg-width-6, .width-6	    {width: 1.5rem !important;}
.sg-width-8, .width-8	    {width: 2rem !important;}
.sg-width-12, .width-12   	{width: 3rem !important;}
.sg-width-16, .width-16   	{width: 4rem !important;}
.sg-width-24, .width-24   	{width: 6rem !important;}
.sg-width-32, .width-32   	{width: 8rem !important;}
.sg-width-48, .width-48   	{width: 12rem !important;}
.sg-width-64, .width-64   	{width: 16rem !important;}


.sg-max-width-320 {max-width: 320px;}
.sg-max-width-480 {max-width: 480px;}


/* ------ Colors ------ */

.sg-bg-primary            {background: var(--color-primary);}
.sg-bg-secondary          {background: var(--color-secondary);}

.sg-bg-white              {background: #ffffff !important;}
.sg-bg-grey-lightest      {background: #f8f8f8 !important;}
.sg-bg-grey-lighter       {background: #f0f0f0 !important;}
.sg-bg-grey-light         {background: #d9d9d9 !important;}
.sg-bg-grey               {background: #bbbbbb !important;}
.sg-bg-grey-dark          {background: #777777 !important;}
.sg-bg-grey-darker        {background: #595d61 !important;}
.sg-bg-grey-darkest       {background: #22292f !important;}
.sg-bg-black              {background: #000000 !important;}


.sg-color-primary         {color: var(--color-primary);}
.sg-color-secondary       {color: var(--color-secondary);}
.sg-color-headings        {color: var(--color-headings);}

.sg-color-white           {color: #ffffff;}
.sg-color-grey-lightest   {color: #f8f8f8;}
.sg-color-grey-lighter    {color: #f0f0f0;}
.sg-color-grey-light      {color: #d9d9d9;}
.sg-color-grey            {color: #bbbbbb;}
.sg-color-grey-dark       {color: #777777;}
.sg-color-grey-darker     {color: #595d61;}
.sg-color-grey-darkest    {color: #22292f;}
.sg-color-black           {color: #000000;}

.sg-color-success         {color: #51d882;}
.sg-color-warning         {color: #ffed4a;}
.sg-color-alert           {color: #e3342f;}



/* ------ Is Dark ------ */

.sg-isdark *:not([class*="sg-color-"]) {
    color: #ffffff;
}





/*------------------------------------*\
    Re-Impostazioni be WordPress
\*------------------------------------*/

.sg-wp-block {
    border: 1px solid #aaaaaa;
    flex-wrap: wrap;
}

.sg-wp-block > ._info {
    background: #f0f0f0; /* Grey-lighter */
}

/* Intestazione dell'inspector be WP con titolo del blocco */
.block-editor-block-card {
    background: #f0f0f0; /* Grey-lighter */
}

/* Bordo backend per i blocchi di tipo row */
.wp-block-columns {
    border: 1px solid #ada;
    border: 1px solid #44dddd;
}

/* Righe backend usate per i column */
.wp-block-column {
    border: 1px solid #fda;
    border: 1px solid #ffddff;
}

.wp-block-columns .wp-block-column {
    margin-left: auto !important;
    margin-right: auto !important;
}



/* ------ Tipografie ------ */

.sg-mt-0 > p {
    margin-top: 0 !important;
}

/**[class*="sg-fs-"] > p {
    font-size: 1em;
}*/

.block-editor-rich-text__editable.toptitle {
	font-size: .875rem !important; /* Stesso valore fs-small */
	color: #595d61; /* Grey Darker */
	opacity: .75;
}





/*------------------------------------*\
    Login
\*------------------------------------*/


/* body.login div#login h1 a {
    padding-bottom: 0px;
    height: 120px;
    width: 320px;
    background-size: 320px;
}

#login {
    margin: auto;
    padding: 4% 0 0;
    width: 320px;
} */





/*------------------------------------*\
    Impostazioni Be Tema Studio42
	Componenti ACF
\*------------------------------------*/

#titlediv {
    margin-bottom: 2rem;
}


/* Titolo main */

#titlediv #title {
    font-size: 2.5em !important;
}


/* Titoli dei blocchi info nel be */

#poststuff h2 {
    font-size: 16px !important;
    background-color: #f5f5f5 !important;
}

#poststuff h3 {
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    color: #666666 !important;
}


/* Titoletti dei blocchi info di ACF */

.acf-field [data-name="group_description"] .acf-input .mce-edit-area {
    height: 140px !important;
}

.acf-field [data-name="publication_cover"] {
    float: left !important;
    width: 20% !important;
}

.acf-field [data-name="publication_title"],
.acf-field [data-name="publication_subtitle"] {
    float: right !important;
    width: 60% !important;
}

.acf-field [data-name="publication_description"] {
    float: right !important;
    height: 300px !important;
    margin-top: 21px !important;
    width: 60% !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area {
    height: 140px !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area iframe {
    height: 140px !important;
}

.acf-field [data-name="publication_attachment"] {
    float: left !important;
    width: 30% !important;
}


/* Intestazioni Sezioni */

.studio42-acf-ui-section-container {}

.acf-flexible-content .layout {
    border: 2px solid hsla(180, 50%, 50%, .5) !important;
}

.acf-flexible-content .layout .fc-layout-order {
    background: #0073aa none repeat scroll 0 0 !important;
    font-size: 16px !important;
    color: #fafafa !important;
    border-radius: 12px !important;
    height: 24px !important;
    width: 24px !important;
    line-height: 22px !important;
    margin: 0 10px 0 0 !important;
}

.acf-flexible-content .layout .acf-fc-layout-order {
    width: 32px !important;
    height: 32px !important;
    border-radius: 0 !important;
    line-height: 32px !important;
    margin: 0 10px 0 0 !important;
    background: hsl(180, 50%, 50%) !important;
    font-size: 24px !important;
    color: #fff !important;
}

.acf-flexible-content .layout .acf-fc-layout-handle {
    font-size: 18px !important;
    /* background: rgba(0, 115, 170, 0.1) !important; */
    background: hsla(180, 20%, 90%, 1) !important;
    border-bottom: none !important;
}


/* Tabs Sezioni */

.layout>.acf-fields>.acf-tab-wrap .acf-tab-group {
    background: transparent !important;
    background: hsla(180, 20%, 90%, 1) !important;
    border-bottom: hsla(180, 50%, 50%, .5) solid 1px;
}

.layout>.acf-fields>.acf-tab-wrap .acf-tab-group li a {
    border-color: hsla(180, 50%, 50%, .5);
}


/* Tabs generali */

.acf-tab-group li a {
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.acf-tab-group li.active a {
    color: #000 !important;
    font-weight: 600 !important;
}


/* Labels */

.acf-field .acf-label {
    margin: 0 0 6px !important;
}

.acf-accordion-title {
	background-color: #d9d9d9;
}


/* Label piccole */

.acf-field .acf-label label {
    font-size: 15px !important;
    font-weight: 400 !important;
    /*color: #999;*/
    /*text-transform: uppercase;*/
    color: #000;
}

.acf-field .acf-label p.description {
    font-size: 11px !important;
    color: #aaa;
}


/* Messaggi in grande */

.acf-field.acf-field-message label {
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-top: 1rem !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px !important;
    color: #444 !important;
    text-transform: capitalize;
}


/* Switch ACF */

.acf-switch {
    height: 27px !important;
}

.acf-switch span {
    line-height: 18px !important;
}



/* Switch s42 Verde - Rosso */

.studio42-acf-ui-switch-red-green .acf-switch {
    background: hsl(180, 50%, 50%) !important;
    color: #ffffff;
}

.studio42-acf-ui-switch-red-green .acf-switch .acf-switch-on {
    text-shadow: hsl(0, 40%, 40%) 0 1px 0;
}

.studio42-acf-ui-switch-red-green .acf-switch.-on {
    background: hsl(0, 50%, 50%) !important;
    border-color: hsl(0, 40%, 40%) !important;
}

.studio42-acf-ui-switch-red-green .acf-switch.-on .acf-switch-slider {
    border-color: hsl(0, 40%, 40%) !important;
}


/* Campi */

.acf-field input[type="text"],
.acf-field input[type="password"],
.acf-field input[type="number"],
.acf-field input[type="search"],
.acf-field input[type="email"],
.acf-field input[type="url"],
.acf-field textarea,
.acf-field select {
    border: 1px solid #e1e2e3 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}


/* Celle - Spaziature e divisori interni */


/* Spaziatura di ogni cella */

.acf-fields>.acf-field {
    padding: 8px 8px !important;
    border: none !important;
}

.acf-field[data-width]+.acf-field[data-width] {
    border-left: none !important;
}


/* Colonne */

.studio42-acf-ui-column-container {}

.studio42-acf-ui-column-container tr.acf-row {}

.studio42-acf-ui-column-container .acf-repeater .acf-row-handle.order {
    background: linear-gradient(hsla(30, 50%, 90%, 1) 2px, hsla(30, 50%, 95%, 1) 85px) !important;
    /* background: #ffffff !important; */
    /* background: hsla(30,50%,95%,1) !important; */
    border: 2px solid hsla(30, 80%, 85%, 1) !important;
    border-right: none !important;
    border-bottom: 10px solid hsla(30, 50%, 95%, 1) !important;
    vertical-align: top !important;
}

.studio42-acf-ui-column-container .acf-repeater .acf-row-handle.order span {
    color: #aaa !important;
    color: #fff !important;
    background: hsla(30, 80%, 60%, .75);
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-shadow: none;
    line-height: 24px;
}

.acf-tab-group {
    padding: 8px 10px 0;
}

.studio42-acf-ui-column-container .acf-fields>.acf-tab-wrap {
    /* background: hsla(30,50%,95%,1) !important; */
    background: linear-gradient(hsla(30, 50%, 90%, 1) 2px, hsla(30, 50%, 95%, 1) 85px) !important;
    border-top: 2px solid hsla(30, 80%, 85%, 1) !important;
}

.studio42-acf-ui-column-container .acf-repeater .acf-row-handle.order+td {
    border-left: none;
    border-bottom: 10px solid hsla(30, 50%, 95%, 1) !important;
}

.studio42-acf-ui-column-container .acf-repeater .acf-row-handle.remove {
    /*background: hsla(30,50%,95%,1) !important;*/
    background: linear-gradient(hsla(30, 50%, 90%, 1) 2px, hsla(30, 50%, 95%, 1) 85px) !important;
    border: 2px solid hsla(30, 80%, 85%, 1) !important;
    border-left: none !important;
    border-bottom: 10px solid hsla(30, 50%, 95%, 1) !important;
}

.studio42-acf-ui-column-container .acf-repeater.-row>table>tbody>tr>td,
.acf-repeater.-block>table>tbody>tr>td {
    border-top-color: hsla(30, 80%, 85%, 1) !important;
}


/*------------------------------------*\
    Gutenberg Columns
\*------------------------------------*/

/*  Modifiche per avere aspetto delle colonne più semplice da gestire
e colonne centrate rispetto ai row che le contengono */

.wp-block {
    max-width: 90% !important;
}

.wp-block-columns {
	display: flex;
	flex-wrap: wrap;
}

.wp-block-columns .wp-block {
    margin-left: auto;
    margin-right: auto;
}

.wp-block-columns .wp-block-column {
	min-width: 240px;
}



/* Woocommerce Backend */


/* #order_data .order_data_column_container .order_data_column:nth-child(3) {
    display: none !important;
} */


/* Gutenberg */


/* body.gutenberg-editor-page .editor-post-title__block, body.gutenberg-editor-page .editor-default-block-appender, body.gutenberg-editor-page .editor-block-list__block {
    max-width: none !important;
}
.block-editor__container .wp-block {
    max-width: none !important;
}*/


/* .edit-post-text-editor__body {
    max-width: none !important;
    margin-left: 2%;
    margin-right: 2%;
} */