/*
Puoi aggiungere qui il tuo codice CSS.

Per maggiori informazioni consulta la documentazione (fai clic sull'icona con il punto interrogativo qui sopra).
*/


/*------------------------------------------------------------
Re Mercato Logo al 10-11-17
------------------------------------------------------------*/
/*Computer*/
@media all {
	.custom-logo-link img {
    display: inline-block;
    max-height: 200px;
    width: auto;
}
.custom-logo-link {
background: none;
}
   }

/*Tablet*/
@media screen and (min-width: 480px) and (max-width: 720px) {
	.custom-logo-link img {
    display: inline;
		padding: 10px 0 0 0; 
		background : none;
    max-height: 150px;
}
.custom-logo-link {
background: none;
}
	}

/*Cellulare*/
@media screen and (max-width: 480px) {
	.custom-logo-link img {
    display: inline-block;
		background : none;
		padding: 10px 0 0 0; 
    max-height: 100px;
    width: auto;
}
.custom-logo-link {
background: none;
}
	}

/*--------------------------------------------------------------
Colori
--------------------------------------------------------------*/

.site-content-contain {
 background: #264189; 
}

.site-content {
 background-color: #fcd804;
 }


.main-navigation li {
 background: #264189;
}

.navigation-top {
 background:#264189;
}

.site-content {
	padding: 2em 0 0;
}

@media all {
    body {
        background: #264189;
    }
}



/*--------------------------------------------------------------
Front Page - Togliere righe
--------------------------------------------------------------*/

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: none;
}


/*--------------------------------------------------------------
Logo Facebook - Footer 
Contorno Bianco
--------------------------------------------------------------*/

@media all {
    .entry-content a img, .widget a img {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}


/*--------------------------------------------------------------
Menù
------------------------------------------------------------*/

.site-navigation-fixed.navigation-top /*Barra menu rimane statica*/{
		position: static;
	}


/*computer*/
@media all {
    .menu-item a img /*icone*/{
        width: 50px;
				vertical-align: baseline;
    }

.navigation-top .menu {
text-align: center;
}


.navigation-top .menu > .menu-item > a /*testo sopra icone*/{
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
}

.js .main-navigation.toggled-on > div > ul /*colore contorno menu*/{
        display: block ;
				background: #264189; 
    }
.main-navigation .menu > .menu-item > a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    font-family:"Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style:normal;
    font-size: 20px;
    letter-spacing:0em;
    text-transform:none;
    color:#264189;
		background: #fcd804;
}
}

/* tablet */

@media screen and (min-width: 480px) and (max-width: 720px) {
	.menu-item a img /* Icone*/ {
        width: 30px;
        display: none;
    }
.menu-toggle /* Pulsante menu*/{
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fcd804;
        display: none;
        font-size: 15px;
        font-weight: 800;
        line-height: 0px;
        margin: 0px auto 0px;
        padding: 10px;
        text-shadow: none;
    }
.navigation-top .menu > .menu-item > a /*Testo sopra icone*/{
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
		padding-left: 10px; 
}
    .main-navigation a {
        display: block;
        padding: 0.5em 0;
        text-decoration: none;
    }
    .menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below {
        text-align: left;
    }
    .main-navigation li {
        border-bottom: none;
        position: relative;
    }
.main-navigation .menu > .menu-item > a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    font-family:"Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style:normal;
    font-size: 15px;
    letter-spacing:0em;
    text-transform:none;
    color:#264189;
		background: #fcd804;
}
}

/* Cellulare */

@media screen and (max-width: 480px){
	.menu-item a img /* Icone*/ {
        width: 20px;
			display: none; 
    }

.menu-toggle /* Pulsante menu*/{
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fcd804;
        display: none;
        font-size: 10px;
        font-weight: 800;
        line-height: 0px;
        margin: 0px auto 0px;
        padding: 10px;
        text-shadow: none;
    }
.navigation-top .menu > .menu-item > a /*Testo sopra icone*/{
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
		padding-left: 10px; 
}
    .main-navigation a {
        display: block;
        padding: 0 0;
        text-decoration: none;
    }
    .menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below {
        text-align: left;
    }
    .main-navigation li {
        border-bottom: none;
        position: relative;
    }
.main-navigation .menu > .menu-item > a:hover, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a /*animazione testo*/ {
    font-family:"Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style:normal;
    font-size: 10px;
    letter-spacing:0em;
    text-transform:none;
    color:#264189;
		background: #fcd804;
}
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

/*Computer screen */
@media screen and (min-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header {
	height: 50vh;
	}
}
 
/* Mobile screen*/
@media screen and (max-width: 48em) {
.has-header-image.twentyseventeen-front-page .custom-header
{
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
	}
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}


/*--------------------------------------------------------------
Togliere la scritta benvenuti
--------------------------------------------------------------*/

.entry-header {
 	display: none;
}

/*--------------------------------------------------------------
Larghezza colonna tutto il sito
--------------------------------------------------------------*/

wrap {
    max-width: 1000px;
}

@media all {
	.page-one-column .panel-content .wrap {
            min-width: 100%;
			padding-left: 100px; 
			padding-right: 100px;
        }
   }


@media screen and (min-width: 480px) and (max-width: 720px) {
        .page-one-column .panel-content .wrap {
            min-width: 100%;
			padding-left: 10px; 
			padding-right: 10px;
        }
    }


@media screen and (max-width: 480px) {
        .page-one-column .panel-content .wrap {
            min-width: 100%;
			padding-left: 10px; 
			padding-right: 10px;
        }
    }

@media all {
    .aligncenter {
        clear: both;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
				min-width:100%;
    }
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
margin-left: 0;
margin-right: 0;
min-width: 100%;
padding-left: 0px; 
padding-right: 0px;
}


/*--------------------------------------------------------------
Pagina iniziale spazio tra i banner
--------------------------------------------------------------*/


@media all {
    @media screen and (min-width: 48em) {
        .panel-content .wrap {
            padding-bottom: 0px;
            padding-top: 10px;
        }
    }
}

@media all {
    p {
        margin: 0 0 10px;
        padding: 0px;
    }
}

/*------------------------------------------------------------
Header al 17-10-2017
------------------------------------------------------------*/

@media all {
    #masthead .wrap {
        position: relative;
        max-width: 100%;
    }
}

.site-branding {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media all {
    @media screen and (min-width: 48em) {
        .custom-logo-link {
            padding-right: 0px;
            padding-bottom: 10px;
            padding-top: 20px;
            padding-left: 20px;
        }
    }
}

@media all {
    @media screen and (min-width: 48em) {
        .wrap {
            max-width: 1000px;
            padding-left: 0px;
            padding-right: 0px;
        }
    }
}

/*------------------------------------------------------------
Padding al 10-11-2017
------------------------------------------------------------*/

@media all {
	.panel-content .wrap {
            padding-bottom: 0px;
            padding-top: 0px;
        }
@media screen and (max-width: 480px) {
        .panel-content .wrap {
            padding-bottom: 0px;
            padding-top: 0px;
        }
    }
@media screen and (min-width: 480px) and (max-width: 720px){
    .panel-content .wrap {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}
}

div#content.site-content {
	padding-top: 0px; 
}


/*------------------------------------------------------------
Second Navigation - widget in alto
------------------------------------------------------------*/

#second-widget-area .menu-image-title {
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
}

#second-widget-area {
	text-align: right;
  margin-top: 10px;
	margin-bottom: 5px;
  background-color: #264189;
	list-style-type: none;
	height: 30px;
}

#second-widget-area li{
	display: inline;
	padding: 10px 10px 10px 0px ;
}


/*-----------------------------
Second Widget Area per cellulare
-----------------------------*/

@media screen and (max-width: 480px) {
	#second-widget-area .menu-image-title {
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
}
}

@media screen and (max-width: 480px) {
	#second-widget-area {
	text-align: right;
  margin-bottom: 0px;
	margin-top: 0px; 
  background-color: #264189;
	list-style-type: none;
	height: 30px;
}
}

@media screen and (max-width: 480px) {
	#second-widget-area li{
	display: inline;
	padding: 10px 10px 10px 0px ;
}
}

/*-----------------------------
Second Widget Area per tablet
-----------------------------*/

@media screen and (min-width: 480px) and (max-width: 720px) {
	#second-widget-area .menu-image-title {
    font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
	 	background: #264189;
}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	#second-widget-area {
	text-align: right;
  margin-top: 10px;
	margin-bottom: 5px;
  background-color: #264189;
	list-style-type: none;
	height: 30px;
}
}

@media screen and (min-width: 480px) and (max-width: 720px) {
	#second-widget-area li{
	display: inline;
	padding: 10px 10px 10px 0px ;
}
}





/*-----------------------------
Pagina Krafic Store
-----------------------------*/

.page-id-397 #content {
    background-color: red;
}


@media all{
table {
        border-collapse: initial;
    }
}


/*San Valentino - Sfondo con i cuori */

.page-id-2923 #content{
	background-image: url("https://www.remercatolucrezia.it/wp-content/uploads/2018/02/Hearts-Wallpaper-HD.jpg"); 
}



/*--------------------------------------------------------------
Site Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: none;
}

.site-info { 
display: none; 
}

.widget ul li {
	border-bottom: none	;
	border-top: none;
	padding: 0.5em 0;
}

a {
        font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    letter-spacing: 0em;
    text-transform: none;
    color: #fcd804;
    }

#footer-sidebar3 a:hover {
color: #fcd804;
}


/*--------------------------------------------------------------
Woocommerce
--------------------------------------------------------------*/
.woocommerce-loop-product__title{
	font-family: arial;
}


/*--------------------------------------------------------------
Site Origin Image
--------------------------------------------------------------*/

.so-widget-image {
	padding-bottom: 30px;
}


.panel-layout {
	margin-bottom: -50px;
}

/*--------------------------------------------------------------
Site Origin Image
--------------------------------------------------------------*/

.media-text {
	color: #253e89;
		font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
	font-weight: 800;
  font-style: normal;
}



/*--------------------------------------------------------------
Body
--------------------------------------------------------------*/

body {
	color: #253e89;
		font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
	font-weight: 800;
  font-style: normal;
}



/*--------------------------------------------------------------
FOOTER RESPONSIVE
--------------------------------------------------------------*/

#footer-sidebar3 a:hover {
font-weight: 100;
color: #fcd804;
font-size:15px;
}


#footer-sidebar3 a {
font-weight: 100;
color: #fcd804;
font-size:15px;
}



#footer-sidebar3 .widget-title {
  color: #fcd804;
  font-weight: 600;
  text-transform: uppercase;
	text-decoration: underline;
}

#footer-sidebar2 .widget-title {
  color: #fcd804;
  font-weight: 600;
  text-transform: uppercase;
	text-decoration: underline;
}

#footer-sidebar1 .widget-title {
  color: #fcd804;
  font-weight: 600;
  text-transform: uppercase;
	text-decoration: underline;
}