/*
Theme Name: CP
Author: Better Days srl
Description: Tema per Carlopastore.eu
*/


/* @import url("./fontello/css/fontello.css?zx"); */


@font-face {
  font-family: Migra-Light;
  src: url(./css/Migra-Light.woff);
}

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body { line-height: 1em; } ol,ul { list-style: none; } 
blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } 
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;outline: none!important; font-family:monotype-grotesque,sans-serif}
.clearfix:before,.clearfix:after {	content: " ";	display: table;}
.clearfix:after {clear: both;}
.clearfix {	*zoom: 1;}
.clear {clear: both;}
html { font-size:13px; overflow-x:hidden;box-sizing: border-box;}

html, body {
  position: relative;
  background: #C3AA4D;color:#1c1a4f;
  font-size: 11px;
  margin-top:0!important;
  min-height:100vh;
}

a {color:#1c1a4f}


/* MOBILE E GLOBALI*/

.mobile {display:block}
.desktop {display:none}

.cost img {width:100%; }

.cost {position:absolute; top:0; z-index:1}



.h1 a {text-decoration:none;font-weight:400}
.h1 a.menu {opacity:.8;font-size:1rem}
.h1 a.menu .icon-menu:before {position:relative;top:-1px}

.admin-bar .site header { position:relative;top:46px }


.home body, .home html {
	background:#1c1a4f; color:#C3AA4D;
}
.home .site {padding-top:0}

.home a {color:#C3AA4D;pointer-events:all}


.home .site section {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	max-width: 1080px;
	max-height: 1920px;
	transform: translate(-50%,-50%);

}


.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  position:relative;

  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  /* overflow: visible; */
}

header {
    position: fixed;
    width: 100vw;
    padding-top: 1rem;
    padding-left: 1rem;
    height: 4rem;
    z-index: 10;
    padding-right: 1rem;
    background:#C3AA4D;
    }
header.open * { color:#1c1a4f; }
header * {font-family:Migra-Light}


.h1 {margin:0;padding:0;font-size:1.5rem;line-height: 2.5rem;}
nav.top {position:absolute;top:1rem;right:1rem;z-index:3;width: 50%;text-align: right;}
nav.top ul, nav ul li {padding:0;margin:0;font-size: 1.2rem;line-height: 2.5rem;list-style:none;display:inline;}
nav.top ul li {padding:0 1rem;}
nav.top ul li a {text-decoration:none;}

.home footer {position:absolute;bottom:1rem;right:1rem;z-index:3;padding:0;line-height:1.5; font-size:1rem;text-align: right}
.motto {display:none}
.home .motto {display:block;color:#C3AA4D;font-family: 'Migra-Light';font-size: .8rem;}
.home .motto:after {
	display:inline-block;
	width: 40px;
	height: 40px;
	vertical-align:middle;
	content:'';
	background:transparent url(./img/luna.png) center center no-repeat;
	padding-left: 10px;
	}
.home header {background:transparent;pointer-events: none;}

@keyframes anim-glow { 	0% { box-shadow: 0 0 transparent; } 10% {	box-shadow: 0 0 10px 8px #d2b65788; } 100% { 	box-shadow: 0 0 transparent; } }

.home {background: transparent url(./img/fondo.jpg) center center no-repeat;background-size: cover;}

.home .site {background: transparent url(./img/stelline-sfondo.png) center center repeat;background-size: cover;

    height:100vh;

}


.cost .wrapper a {
	overflow:visible;
	display:inline-block;
	position:absolute;
	border-radius:50%;
	width:.5rem;
	height:.5rem;
	background: transparent;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	text-decoration:none;
	animation: anim-glow 2s ease infinite;
}
.cost .wrapper {position:relative;/* overflow: visible; */z-index: 9;}
.cost .wrapper a i {
    white-space:nowrap;
    font-family: 'monotype-grotesque';
    padding-left:1.5rem;
    font-style:normal;
    position:relative;
    font-family: 'Migra-Light';
}

.cost .wrapper a#p1 {top: 27.7%;left: 61.5%;}
.cost .wrapper a#p1 i {top:-1rem;}
.cost .wrapper a#p2 {top: 12.8%;left: 33.7%;animation-delay: 1.2s;}
.cost .wrapper a#p2 i {top:-1rem;}
.cost .wrapper a#p3 { top:61%;  left:37.6%; animation-delay: 2.4s;}
.cost .wrapper a#p3 i {top:2rem;left:0rem}
.cost .wrapper a#p4 { top:57.4%;  left:92.1%;animation-delay: 3.5s;}
.cost .wrapper a#p4 i {top:-1.5rem;left:-10rem}
.cost .wrapper a#p5 { top:41.6%;  left:96.1%;animation-delay: 4.3s;}
.cost .wrapper a#p5 i {top:0rem;left:-10rem}
.cost .wrapper a#p6 { top:34.4%;  left:36.5%;animation-delay: 5.6s;}
.cost .wrapper a#p6 i {top:-1.8rem;left:-8rem}
.cost .wrapper a#p7 { top:81%;  left:91.1%;animation-delay: 6.7s;}
.cost .wrapper a#p7 i {top:1.5rem;left:-9rem}
.cost .wrapper a#p8 { top:68.4%;  left:2.2%;animation-delay: 7.1s;}
.cost .wrapper a#p8 i {top:1.5rem;left:0rem}

.cost .wrapper a#p9 {top: 26.5%;left: 73.5%;animation-delay: 1.1s;}
.cost .wrapper a#p9 i {top:-1rem;left:-9rem}
.cost .wrapper a#p10 {top: 73.8%;left: 93.7%;animation-delay: 1.3s;}
.cost .wrapper a#p10 i {top:-1rem;left:-10rem}
.cost .wrapper a#p11 { top:87%;  left:85.6%; animation-delay: 2.7s;}
.cost .wrapper a#p11 i {top:1rem;left:-10rem}
.cost .wrapper a#p12 { top:58.4%;  left:95.6%;animation-delay: 3.9s;}
.cost .wrapper a#p12 i {top:-1.5rem;left:-10rem}
.cost .wrapper a#p13 { top:41.6%;  left:83.1%;animation-delay: 4.6s;}
.cost .wrapper a#p13 i {top:0rem;left:-10rem}


.cost .wrapper a#p14 {top: 17.1%;left: 2%;animation-delay: .8s;}
.cost .wrapper a#p14 i {top:-1rem;left:0rem}
.cost .wrapper a#p15 {top: 31.8%;left: 3%;animation-delay: 1.8s;}
.cost .wrapper a#p15 i {top:1.5rem;left:0rem}
.cost .wrapper a#p16 { top:28.1%;  left:24.8%; animation-delay: 2.9s;
	width:1.5rem;
	height:1.5rem;
}
.cost .wrapper a#p16 i {top:0rem;left:2rem}
.cost .wrapper a#p17 { top:48.4%;  left:27.6%;animation-delay: 3.7s;}
.cost .wrapper a#p17 i {top:1.5rem;left:1rem}


.menulat {position:fixed;top:0;left:-100vw;transition:all .5s ease;
    background:#C3AA4D;width:100vw;height:100vh; padding: 4rem 1rem;
}
.menulat a {color:#1c1a4f;text-decoration:none;}
.menulat.open {position:fixed;top:0;left:0;z-index: 9}

.menulat ul li {display:block;text-align:left;text-transform:uppercase;line-height:3rem;
height:3rem;border-top:1px solid #1c1a4f}
.menulat ul {border-bottom:1px solid #1c1a4f;margin-top:2rem;}
.menulat ul li span {color:#1c1a4f;float:right}

.page-template-default {background:#C3AA4D;color:#1c1a4f;}
.page-template-default header a {color:#1c1a4f;}
.page-template-default header a.menu .icon-menu {color:#1c1a4f}
#page-content {padding-top:6rem; }
#page-content * {color:#1c1a4f;}
#page-content article {display:flex;flex-direction:row;flex-wrap:wrap;padding: 0 1rem;padding-top: 4rem;}
#page-content article .meta, #page-content article .text {flex:0 0 100%;width:100%;}
#page-content img, #page-content figure {width:100%;height:auto;margin:0;/* overflow: hidden; */margin.: ;}
#page-content p {line-height:1.5;font-size: 1.3rem;margin:0 0 2rem 0;}
.wp-block-embed {position:relative;/* overflow: hidden; */padding-top: 56.25%; margin:0 0 2rem 0 !important}
.wp-block-embed__wrapper {position:absolute;top:0;left:0;width: 100%;padding-top: 56.25%;}
.wp-block-embed iframe {position:absolute;top:0;left:0;width:100%;height:100%}

#page-content h1 {font-size:2rem;padding-bottom: 4rem;}
.post-edit-link {font-size:1rem;text-decoration:none;border:1px solid #1c1a4f;padding:0 .2rem;

}
#page-content .intro {margin:2rem 0;padding:1rem 0;border-top:1px solid #1c1a4f; border-bottom:1px solid #1c1a4f; 
    line-height:1.4rem;

}
#page-content .classificazione {padding-bottom:1rem;display:flex;justify-content:space-between;text-transform: uppercase;}
#page-content .classificazione a {text-decoration:none;border-bottom:1px dotted #1c1a4f}

#page-content .meta h2 {line-height: 3rem;/* padding:1rem 0; */border-bottom:1px solid #1c14af;text-transform:uppercase;}
#page-content .meta h2 a {text-decoration:none}
.archive #page-content .intro {border-bottom:0;padding-top:0}

@media screen and (min-width: 320px) {
	html, body {
	  font-size: 15px;
	}
}

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

  .mobile {display:none}
  .desktop {display:block}

  .admin-bar .site header {position:relative;top: 32px;}
  .admin-bar .site section {margin-top:32px}

  .h1 {font-size: 2.5rem;}
  .h1 a.menu {font-size:1.5rem}
  nav.top ul li {font-size:2rem;}
  .home footer {font-size:1.5rem;}
	
   .cost .wrapper a {width:1.4rem;height:1.4rem;}

    .home .motto {font-size: 1.2rem;}
	
  .home .site section {
		transform: translate(-50%,-50%) scale(1);
		transition: transform 2s ease;
	  max-width:1920px;
	  max-height:1080px;
  }
	.home .site section.zoom {
		transform: translate(-50%,-50%) scale(1);
	}

    .menulat {width: calc(30% + 3rem);padding-left:3rem;padding-right:2.5rem;}
    .home header.open nav a {color:#d2b657}
    header.open nav a {color:#1c1a4f}

    #page-content article .meta {flex:0 0 30%;width:30%;padding-left:2rem;position: fixed;}
    #page-content article .text {flex:0 0 100%;width:100%;padding-left:calc(30% + 3rem);padding-right:3rem;padding-top: 7rem;padding-bottom: 7rem;overflow: hidden;height: auto;}


}