/*

Theme Name: thema_aqua

Theme URI: www.ezaquadesign.it

Author: the Lisa Deboni

Author URI: http://settanta7.studio

Description: Tema per ez-aquadesign, blog per appassionati di acquari minipond e laghetti

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: aqua, acqua, acquari, water, ezaquadesign

Text Domain: EzAquadesign

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

@charset "utf-8";

/* css Document */

* {
    font-family: 'ognesitalic', Helvetica, sans-serif;
}
body {
    /*background: #6aa1d4;*/
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 25%, rgba (149, 253, 255, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#95fdff", GradientType=1);
    height: 100%;
}
body#home {
    height: 100%;
}
h1 {
    text-align: center;
    font-weight: 700;
    color: rgb(106, 161, 212);
}
h2, h3 {
    color: #000;
}
p {
    font-family: 'Montserrat', sans-serif;
}
a {
    font-family: 'ognesitalic', Helvetica, sans-serif;
    text-decoration: none;
    color: #000;
}
#site-content,
.intro-text{
    display: flex;
    justify-content: center;
}
/******menu*****/

#mmeennuu:checked ~ .menum > .barry {
    display: none;
}
#mmeennuu {
    display: none;
}
label {
    display: flex;
    justify-content: center;
}

/*******fine menu**********/
a:hover {
    color: rgb(106, 161, 212)!important;
}
img {
    border-radius: 5px;
    padding-top: 5px;   
}
.intestazione {
    border-bottom: 2px solid rgb(106, 161, 212);
    padding-bottom: 15px;
    margin-bottom: 30px;
}
header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.torna-su {
    display: flex;
    justify-content: right;
}
.torna-su p {
    margin-bottom: 24px;
    border: 2px solid rgba(0, 0, 0, 1);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}
.torna-su p:hover{
    color: #fff;
}
.video{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.video iframe{
    width:560px; 
    height:315px;
    margin-right: 15px;
}

/********************************menu walker********************************/
ul #false .ancore_menu {
    display: flex!important;
    flex-direction: row!important;
}
.ancore_menu .nav-link {

    padding-right: 20px!important;
    font-size: 24px!important;
    padding-left: 20px !important;
    font-size: 30px!important;
    color: #6aa1d4!important;

}
.ancore_menu {
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
/********************************home********************************/
#slogan {
    display: flex;
}
#menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px auto;
    width: 100%;
}
.ancore_menu {
    font-size: 35px;
    color: #000;
    padding: 15px;
    font-family: 'ognesregular', sans-serif;
    width: auto;
    text-align: center;
}
.ancore_menu:hover {
    color: rgb(106, 161, 212);
}
#logo_sfondo {
    display: flex;
    justify-content: center;
    padding-top: 2%;
}
#logo_sfondo img {
    width: 30vw;
}
.container-bolle {
    display: flex;
    justify-content: center;
}
.bubbles-slim {
    width: 100px;
    padding-left: 20px;  
    bottom: 0px;
    margin-left: -80px;
    left: 50%;
}
.bubble-slim {
    -webkit-animation: short-bubble-slim 1500ms linear infinite;
    animation: short-bubble-slim 1500ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: 30px;
    width: 30px;
    border: 1px solid rgba(240, 240, 240, 0.5);
    border-radius: 50%;
}
.b2 {
    -webkit-animation: medium-bubble-slim 5000ms linear infinite;
    animation: medium-bubble-slim 5000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin-left: -10px;
    margin-top: 25px;
    height: 13px;
    width: 12px;
}
.b3 {
    -webkit-animation-duration: 40000ms;
    animation-duration: 4000ms;
    margin-left: -20px;
    margin-bottom: 10px;
}
.b4 {
    -webkit-animation-duration: 2000ms;
    animation-duration: 2000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin: 0 0 40px -9px;
    height: 7px;
    width: 6px;
}
.b5 {
    -webkit-animation: medium-bubble-slim 3000ms linear infinite;
    animation: medium-bubble-slim 3000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin-left: -1px;
    margin-top: 100px;
    height: 5px;
    width: 4px;
}
.b6 {
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
    margin-left: -8px;
    margin-bottom: 50px;
}
.b7 {
    -webkit-animation-duration: 6000ms;
    animation-duration: 6000ms;
    margin-left: -3px;
    margin-bottom: 50px;
    height: 7px;
    width: 6px;
}
.b8 {
    -webkit-animation: medium-bubble-slim 2000ms linear infinite;
    -webkit-animation-fill-mode: forwards;
    animation: medium-bubble-slim 2000ms linear infinite;
    animation-fill-mode: forwards;
    margin-left: -13px;
    margin-bottom: 30px;
}
@-webkit-keyframes short-bubble-slim {
    0% {

        -webkit-transform: translate3d(5px, 0, 0);

        opacity: 0;

    }



    13% {

        -webkit-transform: translate3d(2px, -20px, 0);

        opacity: 1;

    }



    20% {

        -webkit-transform: translate3d(5px, -40px, 0) scale(1.2);

    }



    30% {

        -webkit-transform: translate3d(0, -60px, 0);

    }



    40% {

        -webkit-transform: translate3d(8px, -80px, 0);

    }



    50% {

        -webkit-transform: translate3d(3px, -100px, 0);

    }



    60% {

        -webkit-transform: translate3d(8px, -120px, 0);

    }



    70% {

        opacity: 0.4;

    }



    80%,

    100% {

        -webkit-transform: translate3d(0, -200px, 0);

        opacity: 0;

    }

}



@keyframes short-bubble-slim {

    0% {

        transform: translate3d(5px, 0, 0);

        opacity: 0;

    }



    13% {

        transform: translate3d(2px, -20px, 0);

        opacity: 1;

    }



    20% {

        transform: translate3d(5px, -40px, 0) scale(1.2);

    }



    30% {

        transform: translate3d(0px, -60px, 0);

    }



    40% {

        transform: translate3d(8px, -80px, 0);

    }



    50% {

        transform: translate3d(3px, -100px, 0);

    }



    60% {

        transform: translate3d(8px, -120px, 0);

    }



    70% {

        opacity: 0.4;

    }



    80%,

    100% {

        transform: translate3d(0, -200px, 0);

        opacity: 0;

    }

}



@-webkit-keyframes medium-bubble-slim {

    0% {

        -webkit-transform: translate3d(0, 0, 0);

        opacity: 0;

    }



    5% {

        -webkit-transform: translate3d(4px, -20px, 0);

        opacity: 1;

    }



    10% {

        -webkit-transform: translate3d(2px, -40px, 0) rotate(10deg);

    }



    20% {

        -webkit-transform: translate3d(7px, -80px, 0) rotate(14deg) scale(0.7);

    }



    30% {

        -webkit-transform: translate3d(5px, -120px, 0) rotate(15deg);

    }



    40% {

        -webkit-transform: translate3d(1px, -160px, 0) rotate(20deg);

    }



    50% {

        -webkit-transform: translate3d(2px, -200px, 0) rotate(18deg) scale(1.1);

    }



    60% {

        -webkit-transform: translate3d(-3px, -240px, 0) rotate(22deg);

        opacity: 0.4;

    }



    100% {

        -webkit-transform: translate3d(0, -400px, 0);

        opacity: 0;

    }

}



@keyframes medium-bubble-slim {

    0% {

        transform: translate3d(0, 0, 0);

        opacity: 0;

    }



    5% {

        transform: translate3d(4px, -20px, 0);

        opacity: 1;

    }



    10% {

        transform: translate3d(2px, -40px, 0) rotate(10deg);

    }



    20% {

        transform: translate3d(7px, -80px, 0) rotate(14deg) scale(0.7);

    }



    30% {

        transform: translate3d(5px, -120px, 0) rotate(15deg);

    }



    40% {

        transform: translate3d(1px, -160px, 0) rotate(20deg);

    }



    50% {

        transform: translate3d(2px, -200px, 0) rotate(18deg) scale(1.1);

    }



    60% {

        transform: translate3d(-3px, -240px, 0) rotate(22deg);

        opacity: 0.4;

    }



    100% {

        transform: translate3d(0, -400px, 0);

        opacity: 0;

    }

}

/*cursore*/

.cursor {

    pointer-events: none;

    display: block;

    height: 30px;

    width: 30px;

    border: 2px solid rgb(106, 161, 212);

    border-radius: 100%;

    position: absolute;

    transform: translate(-50%, -50%);

    transition: .3s top ease-out, .3s left ease-out

}

.puntatore {

    background-color: rgb(106, 161, 212);

    height: 3px;

    width: auto;

    opacity: 0;

}

/********************************acquari********************************/

.logo-menu {

    height: auto;

    display: flex;

    justify-content: center;

    padding-top: 10px;

}

.logo-menu img {

    width: 100%;

    padding: 0 25%;

}

/********************************contatti********************************/

.cont_form {

    width: 100%;

    background: #ffffff;

    border-radius: 8px;

    box-shadow: 0 0 40px -10px rgb(187, 187, 187);

    margin-bottom: 50px;

    padding: 50px 20px;

    box-sizing: border-box;

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

}

.cont_form h2 {

    margin: 0;

    border-bottom: 2px solid rgb(106, 161, 212);

    padding-bottom: 15px;

}

.cont_form .full {

    width: 100%;

    border-bottom: 2px solid rgb(106, 161, 212);

}

.cont_form textarea {

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

    border: none;

    width: 100%;

    resize: none;

    outline: none;

}

.cont_form input {

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

    font-size: 14px;

    font-weight: 300;

    width: 100%;

    padding: 10px;

    box-sizing: border-box;

    background: none;

    outline: none;

    border: 0;

    transition: all .3s;

    border-bottom: 2px solid rgb(106, 161, 212);

}

.cont_form input:focus {

    border-bottom: 2px solid rgb(106, 161, 212);

}

.cont_form input[type=submit] {

    max-width: 200px;

    padding: 8px 12px;

    bottom: rgb(255, 255, 255);

    background: -moz-linear-gradient(177deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    background: -webkit-linear-gradient(177deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    background: linear-gradient(177deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#95fdff", GradientType=1);

    border: 1px solid rgba(106, 161, 212, .5);

    border-radius: 5px;

    transition: all .3s;

    margin: 0 auto;

    display: block;

}

.cont_form input[type=submit]:hover {

    bottom: rgb(255, 255, 255);

    background: -moz-linear-gradient(4deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    background: -webkit-linear-gradient(4deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    background: linear-gradient(4deg, rgba(255, 255, 255, 1) 24%, rgba(106, 161, 212, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#95fdff", GradientType=1);

}

.cont_form p:before {

    content: attr(type);

    display: block;

    margin: 28px 0 0;

    font-size: 14px;

    color: #000;

}

span {

    margin: 0 5px 0 15px

}

/********************************MINIPOND********************************/

.box {

    background: #ffffff;

    border-radius: 8px;

    box-shadow: 0 0 40px -10px rgb(187, 187, 187);

    margin-bottom: 50px;

    padding: 25px;

    box-sizing: border-box;

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

}

.box h3 {

    border-bottom: 2px solid rgb(106, 161, 212);

    padding-bottom: 15px;

}

.box span a {

    display: block;

    margin-top: 15px;

    text-align: right;

}

/********************************pagina articolo tipo********************************/

.fix {

    position: -webkit-sticky;

    /* Safari */

    position: sticky;

    top: 0;

    padding: 20px;

}

.col-md-8 img,

.col-md-4 img {

    width: 100%;
    height: auto;

}

.titoli-prodotti{
    font-size: 24px;
    margin-top:30px;
}
/********************************footer********************************/

footer.basso{

    margin-top: 0;

}

footer {

    padding: 2% 0;

}

footer .social {

    display: flex;

    width: 100%;

    justify-content: center;

}

footer i {

    margin: 0 15px;

}

footer a:hover i {

    color: #333;

}

footer .testo-footer,

.intro-text {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

}

footer .testo-footer p {

    margin-top: 30px;

    color: #000;

    font-size: 14px;

    line-height: 25px;

    text-align: center;

}

footer .testo-footer a {

    color: #000;

    padding: 0 10px;

}

footer .testo-footer a:hover {

    color: #fff;

}

/********************************PRIVACY********************************/

#privacy {

    padding: 2%;

}

#privacy h2,

#privacy h3 {

    color: #000;

}

/********************************PRODOTTI DISPONIBILI********************************/

#prodotti h4 {

    display: flex;

    justify-content: center;

    margin-top: 50px;

}

#prodotti h4:hover {

    color: #ffffff;

}

#prodotti {

    padding-left: 2%;

}

#prodotti ul {

    margin-left: 10%;

    padding-top: 15px;

}

#prodotti a,

#prodotti h3:hover {

    color: #000;

}

#prodotti h3 {

    border-bottom: 2px solid rgb(106, 161, 212);

}

#prodotti a:hover {

    text-decoration: #000;

}

#preventivo {

    margin-top: 100px;



}

#preventivo h3,

#preventivo h4 {

    text-align: center;

}

#preventivo a:hover {

    color: #ffffff;

}

@media only screen and (max-width: 600px) {
    .ancore_menu {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    /******/
    
    #mmeennuu:checked ~ .menum {
        width: 100%;
        border-radius: 5px;
        background-color: transparent;
        height: auto;
    }
    #mmeennuu:checked ~ .menum > ul {
        display: block;
        opacity: 1;
    }
   
    .menum {
        display: block;
        margin: 30px auto;
        width: 100px;
        height: 100px;
        border: 3px solid transparent;
        border-radius: 50%;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
    }
    .menum div.barry {
        width: 40px;
        margin: 35px auto;
    }
    .menum div.barry .bar {
        display: block;
        width: 100%;
        height: 5px;
        margin-top: 3px;
        border-radius: 2px;
        background-color: rgb(106, 161, 212);;
    }
}