@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Light.eot");
    src: url("fonts/Montserrat-Light.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("fonts/Montserrat-Medium.eot");
    src: url("fonts/Montserrat-Medium.eot?#iefix") format('embedded-opentype'),
         url("fonts/Montserrat-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}
h2 {
    font-size: 22px;
    font-weight: 500;
    color:#ed9e13;
}
h3 {
    font-size: 18px;
    font-weight: 500;
    color:#ed9e13;
}
h4 {
    font-size: 14px;
    font-weight: 500;
}
b, strong {
    font-weight: 500;
}
img {
    display: block;
}
body{
    color:#333;
    padding-bottom:50px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    line-height: 1.4;
}
.text-center{
    text-align: center;
}
#haderspace{
    height: 70px;
    width: 100%;
    display: block;
}
a{
    color:#333;
    text-decoration: none;    
}
img{
    max-width: 100%;
}
.smallspace{
    height:30px;
    width: 100%;
    clear: both;
    display: block;
}
#map{
    height: 400px;
    width: 100%;
    margin-top:65px;
}
#map.mapfull{
    height: 100vh;
    margin-top:0px;
}
#map2{
    height: 100vh;
    width: 100%;
}
.gm-style-iw.gm-style-iw-c {
    padding: 0 !important;
}

.popup-title {
    font-size: 18px;
    color: #333;
    margin: 5px 25px 5px 10px;
    display: block;
}
.popup-title:after{
    content:"";
    position: absolute;
    right:10px;
    background-image: url(../img/right-blue.png);
    width: 23px;
    height: 21px;
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center center;    
}
.gm-style-iw-d, .gm-style-iw-d > div {
    width: 150px;
    overflow: hidden !important;
    max-height: 250px !important;
}
.gm-style-iw-d img {
    max-width: none;
    max-height: 150px;
}
.titolo{
    color:#ed9e13;
    font-size: 25px;
}
.container {
    padding: 0 15px;
}
.container {
    padding: 0 15px;
}

a.spiagge-card {
    display: block;
    border-radius: 9px;
    box-shadow: 1px 1px 6px #999;
}
.spiagge-image{
    border-top-left-radius: 9px;  
    border-top-right-radius: 9px;    
    overflow: hidden;
}
.spiagge-image img {
    width: 100%;
}
.spiaggia-foto:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5db0f4+0,5db0f4+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(93,176,244,1) 0%, rgba(93,176,244,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(93,176,244,1) 0%,rgba(93,176,244,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(93,176,244,1) 0%,rgba(93,176,244,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db0f4', endColorstr='#005db0f4',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 100px;
}
.swiper-container{
    margin: 0 -5px;
} 
.swiper-slide {
    padding: 5px;
}
.spiagge-sottotitolo {
    color: #5db0f4;
    font-weight: 500;
    font-size: 13px;
    padding: 8px 10px 5px 10px;
}
.spiagge-titolo {
    padding: 0px 10px 10px 10px;
    background-image: url(../img/right-blue.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 95% center;
}

#meteo{
    background: #f7f7f7;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding: 30px 0;
}
.link{
    text-decoration: underline;
}
.meteo{
    display: block;
    border-radius: 9px;
    box-shadow: 1px 1px 6px #999;
    background: #fff;
    padding: 15px;
    text-align: center;
}
.meteo-data {
    font-weight: 500;
    max-width: 150px;
    margin: 0 auto;
    height: 40px;
    text-transform: capitalize;
}
.meteo-data span {
    display: block;
    font-weight: 300;
    text-transform: capitalize;
}
.meteo-info{
    font-size: 16px;
    font-weight: 500;
    min-height: 42px;
}
.meteo-temp {
    border-top: 1px solid #ccc;
    background: #f7f7f7;
    margin: 0 -15px 0 -15px;
    padding: 11px 4px 0 4px;
    margin-top: 10px;
    font-size: 12px;
    height: 18px;
}
.meteo-prob {
    background: #f7f7f7;
    margin: 0 -15px 0 -15px;
    padding: 11px 4px;
    font-size: 12px;
    padding: 5px 4px 10px 4px;
    margin-bottom: -16px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
}
.meteo-temp img, .meteo-prob img {
    display: inline-block;
    margin-bottom: -5px;
}
.meteo-immagine img {
    max-width: 100px;
    margin: 0 auto;
}
.fullscreenmenu {
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    left:0;
    height: 100vh;
    opacity: 0;
    z-index: 20;
    background: #f2c12f;
    background: radial-gradient(circle at top right, #56aff0 0%, #56aff0 25%, #419fe8 25%, #419fe8 55%, #137ece 55%, #137ece 100%);
    transition: 0.5s all;
    width: 100vw;
    overflow: hidden;
}
.fullscreenmenu.show{
    opacity: 1;
    pointer-events:all;
}
.fullscreenmenu-close{
    cursor: pointer;
}
.fullscreenmenu-close.fullscreenmenu-close-left img {
    height: 30px;
    margin: 15px;
    float: left;
}

.fullscreenmenu-close.fullscreenmenu-close-right img {
    float: right;
    height: 30px;
    margin: 15px;
}

.fullscreenmenu a.button-3 {
    margin: 15px 15px;
}

.fullscreenmenu-close.fullscreenmenu-close-bottom img {
    text-align: center;
    margin: 0 auto;
    display: block;
    height: 30px;
}

.fullscreenmenu-close.fullscreenmenu-close-bottom {
    text-align: center;
    margin: 0 auto 0 auto;
    width: 100%;
    position: absolute;
    bottom: 30px;
}

.fullscreenmenu-text {
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-top: 58px;
    margin-bottom: 40px;
}
a.fullscreenmenu-button img {
    text-align: center;
    display: block;
    width: 75px;
    margin: 0 auto;
}


a.fullscreenmenu-button {
    width: 120px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    font-weight: 500;
    display: block;
    left: 50%;
    margin-left: -60px;
    position: relative;
}

.fullscreenmenu-button-text {
    margin-top: 7px;
    font-size: 14px;
}

a.fullscreenmenu-button.fullscreenmenu-button-2 {
    position: absolute;
    margin-left: 10px;
    left: 0;
    margin-top: -40px;
}

a.fullscreenmenu-button.fullscreenmenu-button-3 {
    position: absolute;
    right: 0;
    margin-right: 10px;
    left: auto;
    margin-top: -40px;
}

a.fullscreenmenu-button.fullscreenmenu-button-4 {
    margin-top: 61px;
    width: 170px;
    margin-left: -85px;
    margin-bottom: 50px;
}

#header {
    position: fixed;
    padding: 5px 10px;
    top:0;
    left:0;
    z-index: 5;
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: calc(100% - 20px);
    display: flex;
    align-items: center;
    justify-content: center;
}
#header2 {
    padding: 15px 10px 0 10px;
    top:0;
    left:0;
    z-index: 5;
    width: calc(100% - 20px);
    display: flex;
    position: absolute;
}
.header-left{
    width: 25px;
}
.header-logo {
    width: 70px;
    float: left;
}
.header-menu {
    width: 70px;
    float: right;
    cursor: pointer;
}
.header-text {
    float: left;
    text-align: center;
    width: calc(100% - 140px);
    color:#137ece;
    font-size: 18px;
}
.header-menu img {
    float: right;
    height: 30px;
}

#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    z-index: 5;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #ccc;
}
a.footer-item {
    display: block;
    width: 25%;
    float: left;
}
a.footer-item img {
    height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
a.footer-item.menu-lingue img {
    height: 20px;
    margin-top: 4px;
}
a.button {
    display: block;
    margin: 15px 0;
    padding: 15px 15px;
    border-radius: 10px;
    background: #f2c12f;
    background: radial-gradient(circle farthest-corner at center right, #f2c12f 0%, #f2c12f 10%, #f0ab18 10%, #f0ab18 30%, #ed9d13 30%, #ed9e13 100%);
    color: #fff;
    font-size: 20px;
    position: relative;
}
a.button:after{
    pointer-events: none;
    content:"";
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    right: 10px;
    margin-top:4px;
    background-image: url(../img/right-white.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: right center;
}
a.button.text-center{
    text-align: center;
}
a.button-2 {
    background: #89c5f6;
    background: radial-gradient(circle farthest-corner at center right, #89c5f6 0%, #89c5f6 10%, #6db8f5 10%, #6db8f5 30%, #53acf4 30%, #53acf4 100%);
}

.spiaggia-foto-text {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 100px;
    width: 100%;
    font-size: 32px;
    text-shadow: 1px 1px 1px #333;
}
.spiaggia-dvtop {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin-top: -15px;
    background: #fff;
    z-index: 3;
    position: relative;
    height: 20px;
}
.spiaggia-logo {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    margin-top: -15px;
    background: #fff;
    z-index: 3;
    position: relative;
    height: 100px;
}
.spiaggia-logo-img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin-top: -75px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    border: 1px solid #ccc;
    background: #fff;
}
.spiaggia-titolo {
    font-weight: 500;
    font-size: 20px;
}
.spiaggia-div {
    background: #f7f7f7;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
}
div#meteo.meteo-inverso {
    background: transparent;
    border: 0;
    padding: 0;
}
a.button-3 {
    display: block;
    margin: 15px 0;
    padding: 15px 15px;
    border-radius: 10px;
    background: #ffffff;
    position: relative;
    box-shadow: 1px 1px 6px #999;
    background-image: url(../img/right.png);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 95% 15px;
}

.button-3-img {
    width: 62px;
    float: left;
    margin-right: 15px;
}

.button-3-titoletto {
    color: #5db0f4;
    font-weight: 500;
    font-size: 13px;
    padding: 0;
}

.spiaggia-titolo-big {
    font-size: 25px;
    text-align: center;
}

.spiaggia-hash {
    text-align: center;
    color: #ed9e13;
    font-size: 25px;
    font-weight: 500;
}

.intervento-n {
    color: #5db0f4;
    font-weight: 500;
    font-size: 13px;
}

.intervento-titolo {
    font-weight: 500;
    font-size: 25px;
    line-height: 1.2;
}

.intervento-text {
/*    margin: 10px 0;*/
    font-size: 18px;
    font-weight: 500;
}
.intervento-image{
    margin-top:10px;
    margin-bottom: 30px;
}
.intervento-image img{
    width: 100%;
}

.intervento-space {
    height: 5px;
    width: 100%;
    display: block;
    background: #f7f7f7;
    margin: 15px 0;
}
.spiaggia-foto img{
    width: 100%;
}
.spiaggia-foto-img {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50px;
    width: 100%;
    font-size: 32px;
    margin: 0 auto;
    z-index: 4;
}
.spiaggia-foto-img img {
    text-align: center;
    margin: 0 auto;
    height: 140px;
    width: auto;
}
.box-img {
    margin-right: 25px;
    width: 70px;
    height: 70px;
}
.box-text {
    font-weight: 500;
    width: calc(100% - 70px);
    height: 70px;
    display: flex;
    align-items: center;
}
.box {
    display: flex;
    align-items: center;
}

.box-div {
    background: #f7f7f7;
    height:5px;
    margin: 20px 0;
    width: 100%;
}
.modal-lingue{
    display: none;
}
.modal-lingue:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background: rgba(0, 0, 0, 0.71);
    width: 100%;
    height: 100vh;
    content: "";
}

.modal-lingue-cnt {
    position: fixed;
    bottom: 80px;
    z-index: 91;
    width: 80%;
    left: 10%;
    background: #fff;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.modal-lingue-list {
    padding: 15px 0;
    cursor: pointer;
}

.modal-lingue-list img {
    float: left;
    height: 25px;
    margin-right: 15px;
}
.modal-lingue-close {
    font-size: 25px;
    position: absolute;
    right: 15px;
    margin-top: 5px;
    cursor: pointer;
}

.modal-lingue-title {
    font-size: 21px;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
    margin: 0 -15px;
}


.ad2hs-prompt{
    display: none;
}
.ad2hs2-prompt{
    display: none;
}
.ad2hs-prompt:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background: rgba(0, 0, 0, 0.71);
    width: 100%;
    height: 100vh;
    content: "";
}
.ad2hs2-prompt:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background: rgba(0, 0, 0, 0.71);
    width: 100%;
    height: 100vh;
    content: "";
}
.ad2hs2-text {
    padding: 10px;
}

.ad2hs2-text img {
    display: inline-block;
    height: 18px;
}
.ad2hs2-prompt .ad2hs-prompt-cnt{
    top:auto;
    bottom:20%;
}
.ad2hs-prompt-cnt {
    position: fixed;
    top: 20%;
    z-index: 91;
    width: 80%;
    left: 10%;
    background: #fff;
    box-sizing: border-box;
    border-radius: 10px;
}
.ad2hs-clsoe {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    cursor: pointer;
}

.ad2hs-title {
    font-size: 19px;
    padding: 6px 15px;
    border-bottom: 1px solid #ccc;
}
.ad2hs-text {
    text-align: center;
    margin: 10px;
    padding: 12px;
    background: #137ece;
    color:#fff;
    border-radius: 6px;
    cursor: pointer;
}
#headerspace{
    height: 70px;
}


@media only screen and (min-width: 769px)  {
    #container {
        width: 768px;
        margin: 0 auto;
        border:1px solid #ccc;
    }

    #container #header, #container #header2, #container #menu, #container #menu2, #container #footer, #container .spiaggia-foto:before, #container .spiaggia-foto-text,
    #container .spiaggia-foto-img{
        width: 768px;
        margin: 0 auto;
        left: calc(50% - 768px/2);
        box-sizing: border-box;
    }
}


#wpreview {
    -webkit-text-size-adjust: 100%;
    z-index: 2147483635;
    font-size: 16px;
    position: fixed;
    width: 320px;
    max-width: none;
    min-height: 0;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: 0 auto
}

@media screen and (min-width: 960px) {
    #wpreview {
        width: 320px;
        max-width: none;
        left: 32px;
        right: auto;
        bottom: 32px;
        margin: 0
    }
}

#wpreview .container {
    position: relative;
    overflow: visible;
    border-radius: 8px;
    padding: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: initial;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(38, 44, 49, 1)
}

#wpreview .back,
#wpreview .close,
#wpreview .caret {
    padding: 16px;
    position: absolute;
    z-index: 1
}

#wpreview .back {
    padding-right: 8px;
    top: 0;
    right: 35px
}

#wpreview .close {
    top: 0;
    right: 0
}

#wpreview .back + .close {
    padding-left: 8px
}

#wpreview .title,
#wpreview .description {
    margin-bottom: 20px
}

#wpreview .note {
    margin-top: 20px
}

#wpreview .title {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    color: rgba(38, 44, 49, 1);
    font-weight: bold;
    cursor: inherit
}


#wpreview .title a {
    vertical-align: baseline;
    text-decoration: underline
}

#wpreview .description {
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: normal;
    line-height: 1.5
}

#wpreview .description a {
    vertical-align: baseline;
    text-decoration: underline
}


#wpreview .buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

#wpreview .buttons .button.icon {
    flex-shrink: 0;
    flex-grow: 0
}

#wpreview .button.primary {
    color: rgba(255, 255, 255, 1);
    background: rgb(19, 126, 205);
}

#wpreview .button.primary:hover,
#wpreview .button.primary:focus,
#wpreview .button.primary:active {
    background: rgb(19, 126, 205);
    color: rgba(255, 255, 255, 1)
}

#wpreview .button {
    text-decoration: none;
    display: block;
    border: solid 1px transparent;
    outline: 0;
    font-family: inherit;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.2s ease-out;
    line-height: 1.5;
    padding: 11px 23px;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#wpreview .button > * {
    min-width: 0
}

#wpreview .button::-moz-focus-inner {
    padding: 0;
    border: 0
}

#wpreview .button:hover,
#wpreview .button:focus,
#wpreview .button:active,
#wpreview .button:disabled {
    outline: 0;
    text-decoration: none
}

#wpreview .close {
    color: inherit
}

#wpreview .close::before {
    display: block;
    content: ''
}

#wpreview .close::before {
    width: 11px;
    height: 11px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="rgba(38,44,49,1)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M1.458 1.458l21.084 21.084m0-21.084L1.458 22.542" /></svg>');
    background-position: center;
    background-repeat: no-repeat;
    transform-origin: center center;
    transition: transform 300ms, opacity 200ms;
    opacity: 0.5
}

#wpreview .close:hover::before {
    opacity: 1;
    transform: rotate(90deg)
}

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900&display=swap');
@keyframes wpreview-slide-in-bottom {
	0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes wpreview-slide-out-bottom {
	0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(150%);
  }
}
@keyframes wpreview-shake {
	100% {
    transform: none;
  }
  0%,
  99% {
    transform: translate(0, 0);
  }
  20% {
    transform: translateX(-10px);
  }
  60% {
    transform: translateX(-5px);
  }
  40% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(5px);
  }
}
#wpreview {
	left: 0 ;
	right: 0 ;
	bottom: 10px ;
	margin: 0 auto ;

}

@media (min-width: 960px) {
	#wpreview {
		left: auto ;
	right: 32px ;
	bottom: 32px ;
	margin: 0 ;

	}

}
#wpreview .container {
	font-family: Source Sans Pro, Helvetica, Arial, sans-serif ;
	box-shadow: 0 11px 32px -5px rgba(54, 61, 77, 0.15) ;

}

@media (min-width: 960px) {
	#wpreview .container {
		box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15) ;

	}

}
#wpreview .title {
	font-weight: 900 ;
	font-size: 20px ;
	margin: 0 ;
    text-align: left;

}

#wpreview .description {
	font-size: 16px ;
	margin-bottom: 24px ;

}

#wpreview .no-fields .form {
	margin-top: 8px ;

}

#wpreview .fields {
	margin-bottom: 32px ;

}

#wpreview .field + .field {
	margin: 24px 0 0 0 ;

}

#wpreview .field-title {
	margin: 0 0 12px 0 ;

}

#wpreview .radio .field-title, #wpreview .checkbox .field-title {
	margin: 0 0 16px 0 ;

}

#wpreview .buttons {
	margin: -6px ;

}

#wpreview .buttons .button {
	margin: 6px ;
	border-radius: 6px ;
    width: calc(50% - 26px);
    padding: 5px 6px;
    font-size: 16px;
    text-align: center;
}
div#wpreview .images img {
    float: left;
    width: 25px;
    margin-right: 11px;
}

#wpreview .buttons .button:after {
    display: none;
}

#wpreview .button.secondary, #wpreview .button.secondary.icon {
	padding-left: 0 ;
	padding-right: 0 ;
	color: rgba(38, 44, 49, 0.3) ;
	background-color: transparent ;
	font-weight: normal ;

}

#wpreview .button.secondary:hover, #wpreview .button.secondary.icon:hover, #wpreview .button.secondary:focus, #wpreview .button.secondary.icon:focus {
	color: rgba(38, 44, 49, 0.7) ;
	background-color: transparent ;

}

#wpreview .input-text, #wpreview .input-textarea, #wpreview .input-select {
	border: none ;
	border-bottom: solid 1px rgba(38, 44, 49, 0.1) ;
	border-radius: 0 ;
	background-color: transparent ;

}

#wpreview .input-text::placeholder, #wpreview .input-textarea::placeholder, #wpreview .input-select::placeholder {
	color: rgba(38, 44, 49, 0.3) ;

}

#wpreview .input-text {
	padding: 0 0 11px 0 ;

}

#wpreview .input-textarea {
	padding: 0 ;

}

#wpreview .input-select select {
	padding: 0 24px 11px 0 ;

}

#wpreview .input-select:after {
	top: 8px ;
	transform: none ;
	right: 0 ;

}

#wpreview .input-check label {
	margin-bottom: 20px ;
	border-radius: 4px ;

}

#wpreview .input-check label span {
	padding-left: 36px ;

}

#wpreview .input-check label span:before {
	width: 24px ;
	height: 24px ;
	top: 0 ;

}

#wpreview .input-check label input[type='radio'] + span:before, #wpreview .input-check label input[type='checkbox'] + span:before {
	background-color: transparent ;
	border: 1px solid rgba(38, 44, 49, 0.1) ;

}

#wpreview .input-check label input[type='radio'] + span:after, #wpreview .input-check label input[type='checkbox'] + span:after {
	left: 4px ;

}

#wpreview .input-check label input[type='radio']:checked + span:after, #wpreview .input-check label input[type='checkbox']:checked + span:after {
	left: 4px ;

}

#wpreview .input-rating label {
	width: 40px ;
	height: 32px ;

}

#wpreview .note {
	margin: 32px 0 0 0 ;
	color: rgba(38, 44, 49, 0.3) ;

}

#wpreview.enter {
	animation: wpreview-slide-in-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both ;

}

#wpreview.leave {
	animation: wpreview-slide-out-bottom 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) both ;

}

#wpreview .form.submit .invalid {
	animation: wpreview-shake 600ms ;

}

#wpreview .close {
	display: none ;

}


#wpreview .description {
	text-align: left ;

}

#wpreview .content .form {
	margin-top: 0 ;
	align-items: center ;

}

#wpreview .button.primary {
	border-radius: 24px ;
	padding-left: 32px ;
	padding-right: 32px ;
	font-weight: 900 ;

}