/* Stile personalizzato Aracon a cura di Federico Benvenuto 2019-2020
    - HTML5 Reset

    - Media Queries
        - Max-width: 1340px
        - Max-width: 1200px
        - Max-width: 1023px
        - Max-width: 860px
    - Pagine template
    - Widget
    - Footer
*/

/* DESCRIZIONE */
/* dettaglio */
/*---------------------------------------------------------------------------- */
/* fine ----------------------------------------------------------------------- */

/* colore testo generale **/
.body{
	color:#3e3d3d;
}

p{color:#3e3d3d;}

.entry-content{
    /**font-family: raleway;*/
    font-size: 2rem;
}

.entry-meta{
    /*text-align: left;*/
}

/* titolo blog */
.entry-title {
    font-size: 3rem;
    color:#666;
}

.entry-title a{
    color:#666;
}

/* testo blog */
.front-page .entry-content p{
    font-size: 2rem;
    width: 70%;
    margin: 0 auto;
   /* text-align: left;*/
}

/* FRONT PAGE 1 */
/* immagine */
/*---------------------------------------------------------------------------- */
.front-page-1 {
    /*height: 100vh;*/
    height: 500px;
}

.front-page-1 p {
    font-size: 36px;
    font-size: 4.2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
		font-weight: 900;
}


/* fine ----------------------------------------------------------------------- */


/* Front Page 2
---------------------------------------------------------------------------- */

.front-page-2 {
	padding-bottom: 80px;
	padding-top: 70px;
	text-align: center;
}

.bordo{
    display: block;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
}

/* Front Page 4
---------------------------------------------------------------------------- */

.front-page-4 {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

/* Front Page 5
/* 2019-07-24 formattazione widget 5 - lavora con noi
---------------------------------------------------------------------------- */
.front-page-5 {
   height: 500px;
   padding-top: 60px;
   padding-bottom: 30px;
}

/* Front Page 6
/* 2019-07-24 formattazione widget 6 - notizie dal blog
---------------------------------------------------------------------------- */

.front-page-6 {
    padding-bottom: 20px;
    padding-top: 70px;
    text-align: center;
}

/*.front-page-6 .widget-full .wrap {
	max-width: 960px;
}*/

/* codice inviato da BD */

.front-page-6 .featuredpost .entry {
    float: left;
    width: 50%;
    border-bottom: none;
}

@media only screen and (max-width: 1023px) {

    .front-page-6 .featuredpost .entry {
         float: none;
         width: 100%;
    }

}

/* Front Page 7
/* 2019-07-24 formattazione widget 7 - links grafici esterni e rss news
---------------------------------------------------------------------------- */

.front-page-7 {
	background-color: #fff;
	color: #a30f0f;
	padding-bottom: 40px;
	padding-top: 40px;
	text-align: center;
}


.front-page-7 a{
	color: #666;
}

.front-page-7 a:hover,
.front-page-7 a:focus,
.front-page-7 .featured-content .entry-meta a:hover,
.front-page-7 .featured-content .entry-meta a:focus,
.front-page-7 .featured-content .entry-title a:hover,
.front-page-7 .featured-content .entry-title a:focus {
	color: #e40828;
}


.front-page-7 ul {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.25;
    width: 50%;
    margin: 0 auto;
}


/* formattazione news widget*/
.rss-widget-icon{
	display: none;
}

/* manda a capo la data RSS */
.rss-date{
	display: block;
}


/* nel caso servissero piu servizi ne metto due per widget singolo e cosi raddoppio numero */
.void{
	display: block;
	background: #fff;
	height: 20px;
}


/* Formattazione pagina migranti  da rivedere */
/*---------------------------------------------------------------------------- */

.category-top .widget {
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    padding: 0 2.8%;
    width: 48%;
}

/* gestire meglio i media queries nel foglio child che è questo*/
@media only screen and (max-width: 600px) {


.category-top .widget  {
        margin: 10px 0;
        width: 100%;
    }
}

.widget-full-migranti {
    margin:50px 45px;
    padding: 40px;
    background: #eee;
}


.content-servizi {
    margin-top: 70px;
}


.immagine_superiore{
    margin-top: -60px;
    width: 100%;
}
/* fine ----------------------------------------------------------------------- */



/* TEMPLATE PERSONALIZZATI */
/* allarga il contenuto pagina (la uso nei servizi) fino 1280 px max*/
/*---------------------------------------------------------------------------- */
.full .content{
    width:1280px;
    border-right: none;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
}

/* contenuto dentro gli ACF pagine servizi */
.contenuto-acf{
}


/* formattazione testo widget **/
.footer-widgets .textwidget {
    /*font-family: raleway;
    font-weight: 200;*/
    font-size: 1.8rem;
}

.footer-widgets h3{
    text-align: left;
}


.widget-title{
    color:#bb031e;
}

/* FORM CONTATTO */
/* colore label form contatto*/
/*---------------------------------------------------------------------------- */
label{
    color:#3e3e3e;
    /*font-family: raleway;*/
    font-size: 1em;
}

/* colore bordino sotto data del post*/
.entry-header::after {
    border-bottom: 1px solid #bb031e;
}

.archive-title{
    text-transform: uppercase;
    color: #bb031e;
}

/* centra featured image aggiunta da functions */
.wp-post-image {
display: block;
margin: 0 auto;
margin-bottom: 20px;
}

/* colore hover bottoni*/
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
    background-color: #666;
    color: #fff;
}


/* formattazione logo*/
.header-image .site-title > a {
margin-left: 120px;
}


/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1023px) {
.header-image .site-title > a {
margin: 0 auto;
}
}

@media only screen and (max-width: 800px) {
.header-image .site-title > a {
margin: 0 auto;
}
}

@media only screen and (max-width: 600px) {
.header-image .site-title > a {
margin: 0 auto;
}
 }


 .content-servizi img {
    width: 100%;
}


h1 .entry-header{
    padding: 0 5px;
    background: #fff;
    color: red;
}


.immagine-acf{
    margin-top: 100px;
}


.contatti-cta.content{
    border-top: 1px solid #fbfbfb;
    padding-top: 35px;
    padding-bottom: 15px!important;
    background: #eee;
    margin-bottom: 50px;
    font-size: 2rem;
}


/* formattazione testo cerca - menu principale */

.menu-item.search {
    margin-left: 40px;
}

.nav-primary .genesis-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search .search-form {
    text-align: center;
    color:#fc6;
}

.search .search-form input[type="search"] {
    position: relative;
    width: 1px;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    background-color: transparent;
    font-family: "Raleway", sans-serif;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: width 500ms ease, background 400ms ease;
    transition: width 500ms ease, background 400ms ease;
    color: #bb031e;
}

.search .search-form input[type="search"]:focus {
    width: 200px;
    outline: 0;
    background-color: #fff;
    cursor: text;
}

.genesis-nav-menu .search input[type="submit"] {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.search .search-form:before {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home .search .search-form:before {
    color: #fff;
}

.site-container.white .search .search-form:before {
    color: #ccc;
}

@media only screen and (max-width: 862px) {
    .nav-primary .genesis-nav-menu {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    .menu-item.search {
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .search .search-form:before {
        position: absolute;
        top: 10px;
        left: 0;
        color: #ccc;
        -webkit-transform: none;
        transform: none;
    }

    .search .search-form {
        text-align: left;
    }

    .search .search-form input[type="search"] {
        padding-right: 0;
        padding-left: 0;
    }
}



/*.galleria-immagini{
    text-align: center;
}*/

/* galleria ACF */
.thumbnail img {
   box-sizing: border-box;
   border: 1px solid #ddd;
   padding: 2px;
   margin: 0 1% 15px 0;
   width: 150px;
   display: inline-block;
   float: left;
}

.thumbnail img:nth-of-type(3n+3) {
   margin-right: 0;
}

div.spazio{
    margin-bottom: 20px;
}


/* formattazione avviso pagina modulare con colori */
.avviso{
  width: 90%;
  margin: 0 auto;
}

.attenzione{
   background: #fc6;
   padding:15px;
}
.pericolo{
   background: #ac1010;
   padding:15px;
   color:#fff;
}
.normale{
   background: #c9fbba;
   padding:15px;
}
.neutro{
   background: #dddddd;
   padding:15px;
}


/* FAQ
--------------------------------------------- */

.no-post-edit-link a.post-edit-link {
    display: none;
}

.open-close-btns {
    text-align: right;
    margin-bottom: 10px;
}

.open-close-btns button {
    background: transparent;
    padding: 0;
    color: #333;
    font-size: 12px;
}

span.pipe {
    font-size: 12px;
}

.faq {
    margin-bottom: 30px;
}

.faq .question {
    background-color: #d5d5d5;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.3;
}

.faq .question a {
    color: #333;
    display: block;
}

.faq .question a:focus,
.open-close-btns button:focus {
    outline: none;
}

.faq .question a,
.faq .answer {
    padding: 20px;
}

.faq .answer {
    background-color: #f5f5f5;
}

.faq .question a:after {
    content: '\f107';
    font-family: FontAwesome;
    padding-left: 5px;
    text-shadow: 0px 2px 3px #fff;
}

.faq .question.open a:after {
    content: '\f106';
}

/* bordo su div domanda */
.faq {
     border-top: 3px solid #acacac;}


.full-width-content .content {
    max-width: 960px;
    width: 100%;

}

/*per mandare a capo il titolo delle parole nella home news*/
.front-page .entry-title {
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}

.author-box-content p{
    color:#757575 !important;
}
h4.author-box-title{
     color:#ac1a1a !important;
}

.pagination-previous{
    /*display: block;
    padding:10px;
    background: #ccc;*/
    margin-bottom: 50px;
}

/* formatto il grassetto*/
strong{
    color:#ac1a1a;

}

/* formattazione punti elenco */
.entry-content ul > li {
    list-style-type: none;
}

.entry-content li:before {
content: "\00BB \0020";
color:#bb031e;
margin-left: -20px;
margin-right: 10px;
}

/* paginazione articoli archivio
--------------------------------------------- */

.archive-pagination a {
	color: #757575;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
}

.archive-pagination a:hover,
.archive-pagination a:focus {
	color: #d43c67;
}

.archive-pagination li a {
	background-color: #f5f5f5;
	color: #757575;
	cursor: pointer;
	display: inline-block;
	font-family: 'Raleway', sans-serif;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 2px;
	padding: 8px 12px;
	text-decoration: none;
	text-transform: uppercase;
}

.archive-pagination li a:hover,
.archive-pagination li a:focus,
.archive-pagination li.active a {
	background-color: #f5f5f5;
	color: #c81313;
}

.archive-pagination li.active a {

    background-color: #c81313;
    color: #fff;
}


/* colore titoli */
h2{
    color:#ac1a1a;
}

h3.minori{
    font-size: 2.6rem;
}

/*hover di colore rosso sui servizi aggiuntivi homepage*/
.featuredpage .team-member.entry:hover .entry-header,
.featuredpage .team-member.entry:focus .entry-header,
.featuredpage .team-member.entry.focused .entry-header {
background-color: rgba(187,3,30,0.8);
opacity: 1;
-ms-filter: "alpha(Opacity=1)";
filter: alpha(opacity=1);
}
/* sottomenu grigio */
.genesis-nav-menu .sub-menu a {
    background-color: #fbfbfb;
}