/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 mar 2021, 15:27:07
    Author     : daniele
*/
html,body { border:0; padding:0; margin:0;background-color: white; font-family: Helvetica,Arial,sans-serif; box-sizing: border-box;}
.white-shadow { text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
#home {
    background-size: cover;
    display: flex;
    align-items:center;
    background-image: url('/images/pasticceria.jpg');
    background-position: center;
    background-repeat: no-repeat;
    border:0;padding:0;margin:0;
    
}

.middle-content { vertical-align: middle;padding-left: 20pt;}


div.first-frame h1 {
    font-size: 40pt;
}
#home h3 { padding: 20pt;}
#home .bottom-text {
    background-color: #FFF;
    position: absolute;
    bottom: 0;
    height: 30%;
    width: 100%;
    opacity: 0.9;
}
#home .bottom-text h1 { font-size: 56pt; padding-left: 20pt; }
#home .bottom-text h4 { font-size: 22pt; padding-left: 20pt; }

#abstract { color: #FFF; background-color: #B43472;}
#abstract h4 { font-size: 36pt;}
#abstract h1 { font-size: 60pt;}
#summary, #summary2, #summary3, #faq, #features, #abstract2, #abstract3, #contacts { background-color: white;}
#features2 { background-color: transparent; color: white;}
.title-bar {
    width: 100% !important;
    background-color: #FFF;
    position: absolute;
    top:0;
}
.title-bar .square {
    background-color: #B43472; width: 87.5px; height: 80px; display: block; float:left;
    border-left:20px solid white;
    border-top: 10px solid white;
    border-bottom: 10px solid white;
    border-right: 7.5px solid white;
}
.title-bar .title-rectangle { 
        background-color: #B43472; height: 80px; width: calc(100% - 87.5px);float:left; display: flex; 
        border-top:10px solid white; border-bottom: 10px solid white;
        justify-content: center;
        align-items: center;
}
.title-bar .title-rectangle h3 { display:inline;vertical-align: middle;color: white; padding-left: 10pt;font-size: 25pt;}
.contents { padding-left: 20pt; padding-right: 30pt;}
.contents h4 { font-weight: bold;font-style: italic;}
.contents p { width: calc(100% - 20pt);}

img.forno { width: 400px;}
.quadro {background-color: #FBF7E7; padding: 10pt; font-weight: 500;}
#features p { color: #5F5F5F; text-align: center;}
.small { font-size: 6pt; color: #5F5F5F; text-align: right;}