/* Your app styles here */

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 5, 2018 */

@font-face {
    font-family: 'superclarendonbold';
    src: url('../fonts/superclarendon-bold-06-webfont.woff2') format('woff2'),
    url('../fonts/superclarendon-bold-06-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'superclarendonregular';
    src: url('../fonts/superclarendon-regular-01-webfont.woff2') format('woff2'),
    url('../fonts/superclarendon-regular-01-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.md body,
.md .item-title a.item-link,
.ios body,
.ios .item-title a.item-link {
    font-family: 'superclarendonregular';

}



.md .list .item-title,
.ios .list .item-title {

    white-space: normal;
}

h2 {
    color: white;
    font-family: 'superclarendonbold';
}

.md .block-title,
.ios .block-title {
    line-height: 1;
    white-space: normal;
}

.md .home.page[data-name=home],
.md .home.page,
.ios .home.page[data-name=home],
.ios .home.page {
    background: #fff !important;
    /* rgb(233,74,53)*/
    overflow-x: scroll;
}

.md .navbar,
.ios .navbar {
    background: rgba(25,99,36, 1);
     !important;
}

.page .page-content {
  background:#fff;
  /*  background: rgba(234,78,77, 0.2) !important; #ea4e4d*/
    background-color: rgba(25,99,36, 0.2) !important;
}
/*fbc121*/

.md .navbar .right,
.ios .navbar .right {
    padding: 0.8em;
}

#titolo{
    width: 100%;
    max-width: 500px;
}
#cover {
    width: 100%;
    max-width: 300px;
}

.home .row {
    /* position: relative;
    top: -10vw;*/
}

div.tablet-25:nth-child(2n + 1) > div > a > div,
div.tablet-50:nth-child(2n + 1) > div > a > div {

    background: #196324;
}

div.tablet-25:nth-child(2n) > div > a > div,
div.tablet-50:nth-child(2n) > div > a > div {
    background: #f14623;
    /*background: #fac120;*/
}
div.tablet-25:nth-child(2n) > div > a > div h2,
div.tablet-50:nth-child(2n) > div > a > div h2 {
  color:#fff;
}

/* Left Panel right border when it is visible by breakpoint */

.panel-left.panel-visible-by-breakpoint:before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */

.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
    display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/

.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
    content: '';
    z-index: 6000;
}
.list li{
    overflow: hidden;
}
/* animation for copy link*/
span.linkanimato{
    position: absolute;
    top: -70px;
    right: 21px;
    display: inline-block;
}

span.linkanimato.copiato{
   animation: slide 2s ;
}

@keyframes slide {
  0% {top:-70px;}
  50% {top:0px;}
 100% {top:-70px;}
}
.hide{display:none !important;}

#app > div.view.view-main > div.page.page-current > div.navbar > div > div.left > a > i {
    padding: 0.5em;
}
/*:::::::::::::::::::::.media Q:::::::::::::::::::*/

@media only screen and (max-width: 600px) {
    div.list div.item-after span:nth-child(1) {
        display: none;
    }
}