/*

Theme Name: shop-isle-child

Version: 1.0

Description: A child theme of Shop Isle

Template: shop-isle

*/



@import url("style.css");

html

{

    margin-top: 0px !important;

}

/*Body*/

.bg {

    margin: 0px;

    margin-top: -32px;

    padding: 0px;

    background-image: url('../images/cartomanti-sensitivi-amore.png'), url('../images/bg.jpg');

    background-size: 50%, cover;

    background-position: right bottom, left center;

    background-repeat: no-repeat, no-repeat;

}

@font-face

{

    font-family: segoe-script;

	src: url(../fonts/segoesc.ttf);

}

@font-face

{

    font-family: goodgirl;

	src: url(../fonts/goodgirl.ttf);

}

h1,

h2,

h3,

h4,

h5,

h6,

.navbar-brand a,

.pricing

{

	font-family: segoe-script;

	letter-spacing: -1px;

	color:#fff;

}

/*Header*/

.header

{

	margin-bottom:1em;

	color:#fff;

}

.header h2

{

	font-size:3em;

	TEXT-SHADOW: 1PX 1PX 2PX #000;

}

.header h3

{

	font-size:1.4em;

	line-height:1em;

}

.header p

{

	font-size:1em;

	line-height:1.4em;

}

.navbar-default

{

	background-color:transparent;

	border:none;

}

.navbar-default .container-fluid

{

	padding:0px;

}

.navbar-default .navbar-nav

{

	background-color:#d32c72;

	padding:1em 3em;

	border-top-left-radius: 2em;

	border-bottom-left-radius: 2em;

}

.navbar-default .navbar-nav li a

{

	color:#fff;

	font-weight:bold;

	letter-spacing:1px;

	font-size:1em;

}

.navbar-brand

{

	float:none;

	text-align:center;

	font-size: 2em;

	margin-top: 35px;

}



.navbar-brand a

{

	letter-spacing: 0px;

	

	color: #ff6666;

	font-weight: 700;

	line-height: 1;

	margin: 0.5em;

	padding:12px 24px;

	/*

	-webkit-text-fill-color: white;

	-webkit-text-stroke-width: 1px;

	-webkit-text-stroke-color:#D32C72;

	text-shadow:

		1px 1px 0 #D32C72,

		-1px -1px 0 D32C72000,  

		1px -1px 0 #D32C72,

		-1px 1px 0 #D32C72,

		1px 1px 0 #D32C72;

		*/

}

/*icon*/

.glyphicon.lg

{

	font-size:3em;

	padding: 10px 1em;

}

/*gradient*/

.gradient-fff

{

	background-image:linear-gradient(#fff, #fff, transparent);

	border-top-left-radius:2em;

	border-top-right-radius:2em;

}

/*899*/

.text-danger

{

	color:#df091a;

}

.text-899

{

	font-size:4em;

	text-transform:uppercase;

	font-weight:700;

	color:#D32C72;

	text-shadow:2px 2px 0px #fff;

	line-height:normal;

}



.text-899.bis

{

	font-size:3em;

	text-transform:uppercase;

	font-weight:700;

	color:#D32C72;

	text-shadow:2px 2px 0px #fff;

	line-height:normal;

}



.pricing

{

	color:#000;

	font-weight:700;

	font-size:1.6em !important;

	text-shadow:1px 1px 0px #fff;

}

.text-cc-title

{

	font-family: goodgirl;

	text-transform: uppercase;

	color: #fad70b;

	font-size: 1.95em;

	text-shadow: 4px 4px 0px #D32C72;

	letter-spacing: 0px;

	-webkit-text-stroke-width: 1px;

	-webkit-text-stroke-color: #D32C72;

}

.text-cc

{

	font-size: 4em !important;

	color: #fff;

	text-shadow: 4px 4px 0px #000;

	font-family: 'Anton', sans-serif;

	line-height: 1em !important;

	letter-spacing: 0px;

	font-weight: bold !important;

}

.text-ch

{

	background-image:url("../IMAGES/bandiera-ch.png"), linear-gradient(transparent, #fff, #fff);

	background-size:75px, cover;

	background-position:bottom right, center center;

	background-repeat:no-repeat, no-repeat;

	font-family: 'Anton', sans-serif;

	color: #000;

	font-weight: 700;

	font-size: 3em;

	margin:0px -30px;

	text-shadow: 1px 1px 0px #000;

}

/*card*/

.card

{

	background-color:#fff;

}

.card-title

{

	text-align:center;

	padding:1em;

	color:#000;

	font-size:1.4em;

	margin:0px;

	min-height:86px;

}

.card-body

{

	padding:1.4em;

	text-align:justify;

	border-top:1px solid #eee;

}

.card-body .excerpt

{

	font-size: 1em;

	line-height: 18px;

	font-style: italic;

	min-height: 150px;

}



@media screen and (max-width:1199px)

{

.card-body .excerpt

{

	min-height: 110px;

}

    

}



@media screen and (max-width:767px)

{

.card-body .excerpt

{

	min-height: 50px;

}

    

}



.card-footer

{

	padding:4px 1em; 

        color:white;

}

.highlite-post

{

	margin-top:2em;

}



.module, .module-small

{

	background-color:rgba(211,44,114,0.61);

border-radius: 19px;



}

.module

{

	margin-bottom:40px;

}



.main{

		background-color:hidden;

	}



@media screen and (min-width: 1024px)

{

	.card-body

	{

		min-height:140px;

	}

	.text-ch

	{

		padding-top:1em;

		display: -webkit-box;

		display: -ms-flexbox;

		display: -webkit-flex;

		display: flex;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		-webkit-justify-content: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		-webkit-align-items: center;

		align-items: center;

	}

}



/*page*/

.page-content

{

	color:#fff;

	margin:2em 0px;

	overflow: auto;

}

.page-content .title

{

	font-size:22px;

	font-weight:700;

}

.page-content p

{

	font-size:16px;

	line-height:22px;

	text-align:justify;

	font-weight:100;

}



.post-meta

{

	display:none;

}



.post-navigation

{

	display:none;

}



.comments-area

{

	display:none;

}



.text-muted

{

	display:none;

}



/*footer*/

.bottom-page-wrap,

.bottom-page-wrap > .bg-dark

{

	background-color:#D32C72 !important;

}

.footer.bg-dark

{

	background-color:#2e2552 !important;

}

.bg-dark a

{

	color:#fff;

}

/*footer*/

.footer-content

{

	background-color:#D32C72;

	padding:3em 0px;

}

.footer-content a

{

	color:#fff;

	font-size:1em;

	text-transform:uppercase;

	margin:2px 10px;

	text-decoration:underline;

}

.copy

{

	background-color:#2e2552;

	padding:2em 0px;

	color:#fff;

}



ul.share-buttons{

  list-style: none;

  padding: 0;

}



ul.share-buttons li{

  display: inline;

}



ul.share-buttons .sr-only 

{

  position: absolute;

  clip: rect(1px 1px 1px 1px);

  clip: rect(1px, 1px, 1px, 1px);

  padding: 0;

  border: 0;

  height: 1px;

  width: 1px;

  overflow: hidden;

}



.social-icon 

{

    position: relative;

    float:left;

    top: 40%;

    left: 49.5%;

    margin-top: -39px;

    

}

@media screen and (max-width: 1024px)

{

	header

	{

		line-height:normal;

	}

	header h1,

	header h2,

	header h3

	{

		font-size: 2em !important;

		line-height: normal;

	}

	.text-cc {

		font-size: 2em !important;

		letter-spacing: 4px;

	}

	.navbar-toggle 

	{

		display: block;

		/*vertical-align: middle;*/

		float: none;

		width: auto;

		cursor: pointer;

		padding: 1em;

		position: relative;

		margin: 2em 29px;

	}

}





@media screen and (max-width: 992px)

{

	.text-899 

	{

		font-size: 3em;

	}

	.blocco  {

		min-height: 530px;

		margin-bottom: 32px;

	}

}

	

@media screen and (max-width: 480px)

{

	.navbar-brand a 

	{

		letter-spacing: 0px;

		color: #fff;

		font-weight: 700;

		line-height: 1;

		margin: 0;

		padding: 0;

	}

	.text-cc 

	{

		letter-spacing: 0px;

	}

	.text-ch 

	{

		font-size: 2em;

	}

	.text-899 

	{

		font-size: 2.5em;

	}

}

/*

.cent::before { 

  content: url('../images/cinquanta.png');

      position: relative;

    top: 5px;

    right: 10px;

}*/

/*

     FILE ARCHIVED ON 15:40:11 Oct 27, 2017 AND RETRIEVED FROM THE

     INTERNET ARCHIVE ON 16:06:02 Jan 08, 2018.

     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.



     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.

     SECTION 108(a)(3)).

*/
/* Selezioniamo l'elemento <center> all'interno del blocco promozionale */
.text-ch.text-center center {
    /* 1. Abilita Flexbox */
    display: flex;
    /* 2. Imposta la direzione verticale (column) e inverti l'ordine (reverse) */
    flex-direction: column-reverse;
    /* Questo farà sì che il secondo elemento (<span>) appaia prima del primo (<a>) */
}
/* Selettore che contiene sia il numero (<a>) che la promo (<span>) */
.text-ch.text-center center {
    display: flex;
    flex-direction: column-reverse;
    /* NUOVE REGOLE PER COMPATTARE LO SPAZIO */
    gap: 0px; /* Imposta lo spazio tra gli elementi flessibili a zero (moderno) */
    line-height: 1.1; /* Riduce l'altezza della riga complessiva */
}

/* Rimuovi i margini predefiniti sul testo promozionale (<span>) */
.text-ch.text-center .text-danger {
    font-family: 'Bangers', cursive;
    font-size: 1.5em; 
    font-weight: bold; 
    /* Azzeriamo i margini, specialmente quello inferiore */
    margin: 0 !important; 
    padding: 0 !important;
}

/* Rimuovi i margini predefiniti sul numero (<a>) */
.text-ch.text-center center a {
    font-size: 1,5em; 
    font-weight: 800; 
    /* Azzeriamo i margini, specialmente quello superiore */
    margin: 0 !important; 
    padding: 0 !important;
}
/* Selettore che contiene sia il numero (<a>) che la promo (<span>) */
.text-ch.text-center center {
    display: flex;
    flex-direction: column-reverse;
    gap: 0px; 
    line-height: 1.1;
    /* Altri stili di sfondo e ombre rimangono sul div contenitore (.text-ch.text-center) */
}

/* Stili Numero di telefono (Desktop/Default) */
.text-ch.text-center center a {
    font-size: 1.8em; /* Leggermente ridotto rispetto a 2.4em */
    font-weight: 900; 
    margin: 0 !important; 
    padding: 0 !important;
}

/* Stili Testo Promo (Desktop/Default) */
.text-ch.text-center .text-danger {
    font-size: 1.3em; /* Leggermente ridotto rispetto a 1.5em */
    font-weight: bold; 
    margin: 0 !important; 
    padding: 0 !important;
}