/*
Theme Name: Salento Security
Author: Gabriele Surano
Description: Bodyguard, servizi di sicurezza e consulenza nel Salento
Version: 0.0.1
Tags: bodyguard salento, bodiguard lecce, servizi di sicurezza lecce
*/


@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,700,700i');


:root {
    --link-color: #b88c43;
    --text-color: #232323;
    
    --golden:#b88c43;
    --grey:#ececec;
    --blue:#003249;
    --black:#000000;
    
/*    --max-width: 1024px;*/
    --max-width: 990px;
}

html, body {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
    color: var( --text-color );
    padding:0 0;
    margin:0 auto;
    
    background-position: top center;
    background-repeat: no-repeat;
/*    background-image:url('images/bozza-01.jpg');*/
    background-color:#efefef;
    background-size:1200px auto;
    background-position: center 0;
}

a {
    color: var( --link-color );
    text-decoration: none !important;
    transition-duration: 0.4s;
}
a:hover { color: var( --golden ); opacity:0.8; }

h1, h2, h3 { font-family: 'Open Sans', sans-serif; color: var( --blue);  }

h4, h5, h6 { font-family: 'Open sans', sans-serif; color: var( --golden); }

.cCont {
    width: var( --max-width );
        max-width: var( --max-width ) !important;
    padding:0 10px;
    margin:0 auto;
}


/* Header */
header {
    width:100vw;
    height: 82px;
    padding:0 0;
    margin:0 0;
    z-index:100000 !important;
    position: fixed;
    top:0;
    left:0;
    background-color: var( --black );
}


header nav {
    height:160px;
    z-index:10000 !important;
    background-image:url('images/logo-salento-security-menu.png');
    background-position: top center;
    background-repeat:no-repeat;
    background-size: auto 160px;
}
    header nav ul {
        width:99.9%;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        list-style: none;
        float:right;
        display:flex;
        padding:0 0;
        margin:0 0;
    }
        header nav ul li {
            flex:1;
            padding:0 0;
            margin:0 0;
        }
            header nav ul li.dist { 
                padding:0 10px;
            }
        header nav ul li a {
            height:100px;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            display: block;
            font-size: 1.2em;
            text-transform: uppercase;
            padding:25px 0 25px 0;
            margin:0 0;
            transition-duration: 0.4s;
            
        }
        header nav ul .current_page_item a {
            color:#fff;
            z-index:20 !important;
            position: relative;
            padding:30px 0 20px 0;
            background-image:url('images/orange-label.svg');
            background-repeat: no-repeat;
            background-size: 100% 100px;
            background-position: 0 0;
        }
        header nav ul li:hover a,
        header nav ul li a:hover,
        header nav ul li.current_page_item a {
            color: var( --golden );
            padding:30px 0 20px 0;
        }

.slider {
    max-height:800px;
    position: fixed;
    top:0;
    left:0;
    margin:50px 0 0 0;
    background-color:#fff;
}
    .headSlider .ms-view,
    .headSlider .ms-slide {
        height:100vh !important;
        z-index:1000 !important;
    }
        .slider .maps,
        .maps {
            width:100vw;
            height:100vh;
            position: relative;
            z-index: 0;
            border:1px solid orange;
        }

.afterSlider {
    width:100%;
        min-height:116px;
        max-height:116px;
    position: relative;
    z-index:1000 !important;
/*    margin:-150px 0 0 0 !important;*/
    margin:650px 0 0 0;
    background-image:url('images/afterSlider.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.sidebar {
    position: relative;
    z-index:10000;
}


.goldTxt { color: var( --golden ); }

.greyBg { 
    padding:25px 0;
    background-color: var( --grey );
}

/* Pagine interne e post - Layout standard */
.page {
    min-height:400px;
    font-size: 1em;
    line-height: 1.5em;
    position: relative;
    z-index:10000;
    padding:20px 0;
    margin:0 0;
    background-color:#fff;
}
    .page h1 {
        font-weight: bold;
        font-size: 3em !important;
        color:var( --black );
        margin-top:-50px;
    }
    .page h2 {
        font-weight: bold;
        font-size: 2.8em !important;
        color:var( --black );
    }
    .page h3 {
        text-align: center;
        font-size: 2.5em;
        color: var( --blue );
        margin:0 auto 30px auto;
    }
    .page a { text-decoration: underline;}
    .page p { text-align:justify; }
    .page .content { padding:20px 20px; }


.page-home .wp-block-column{ text-align:center; }

.page-home .maps { 
    position: relative;
    z-index:0;
    margin-top:-20px; 
}

.cosaFacciamo .wp-block-column { padding:10px 10px; transition-duration: 0.6s; }
.cosaFacciamo .wp-block-column:hover .wp-block-image img { transform: scale( 1.1 ); }
.cosaFacciamo .wp-block-column:hover p { margin:-10px 0 20px 0; }

p { transition-duration: 0.6s; }


.page-servizi .wp-block-columns {
    padding:40px 0 0 0;
    border-bottom:5px solid var(--grey);
    transition-duration: 0.6s;
}
    .page-servizi .wp-block-column h4 {
        width:65%;
        text-transform:uppercase;
        padding:20px 0;
        margin:0 auto;
        border-bottom:1px solid var(--grey);
        transition-duration: 0.6s;
    }
        .page-servizi .wp-block-columns:hover h4 { 
            width:85%;
            border-bottom:1px solid var( --golden );
        }
    .page-servizi .wp-block-column p {
        text-align: center;
        padding:15px 60px 0 60px;    
    }

    .page-servizi .page .wp-block-columns .wp-block-image img {
        width:400px;
        height:auto;
        border:1px solid var( --golden );
        box-shadow: 0 0 5px var( --golden );
    }
        .page-servizi .page .wp-block-columns:hover .wp-block-image img { 
            opacity:0.9;
            box-shadow: none;
        }

/* Footer */
footer {
    color:#fff;
    font-size: 0.9em;
    padding:30px 0 0 0;
    margin:0 0 0 0;
    position: relative;
    z-index:100000 !important;
    border-top:5px solid var( --black);
    background-image:url('images/footer-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
    footer .col:nth-child(1){
        font-family:'Open sans', sans;
    }
        footer .ftrTitle {
            width:300px;
            font-size: 2em;
            text-align: center;
            padding:0 7px 5px 7px;
            border-bottom:2px solid var( --golden );
        }   
        footer .ftrCont {
            padding:10px 0 0 0;
        }

        footer .wp-block-column:nth-child(1) {
            width:30px !important;
                min-width:30px !important;
                max-width:30px !important;
        }
            footer .wp-block-column:nth-child(1) img { margin:3px 0; }
        footer .wp-block-column:nth-child(2) {
            width:80% !important;
                min-width:80% !important;
                max-width:80% !important;
        }
    footer .col:nth-child(2){
        padding:55px 0 0 40px;
    }
    
    footer .col:nth-child(3){
        text-align: center;
        font-size: 0.9em;
        line-height: 1em;
        padding-top:55px;
    }
        footer .col:nth-child(3) small { 
            display: block;
            margin-top:25px;
    }




footer a { color: var( --golden ); transition-duration: 0.6s; }
footer .ftrCont a:hover { color: var( --golden ); text-decoration: underline !important; opacity:0.8;}


footer nav ul {
    list-style: none;
    padding:0 0;
    margin:0 0;
}
    footer nav ul li {
        width:30%;
        display: inline-flex;
        padding:0 0;
        margin:0 0;
    }
    footer nav ul li a {
        display: block;
        padding:8px 5px;
        transition-duration: 0.6s;
    }
        footer nav ul li:hover a
        {
            color: var( --golden );
            padding-left:25px;
        }


footer .copy {
    text-align: center;
    padding:25px 0 20px 0;
    border-bottom:10px solid var( --golden );
    background-color: var( --black );
}


/* Social Icons */
.social-icon {
    width:34px;
    height:34px;
    display: inline-block;
    background-image: url('images/social-icons.png');
    background-repeat: no-repeat;
    transition-duration: 0.6s;
}
    .social-icon:hover {
        background-image: url('images/social-icons-selected.png');
    }
.ico-fb { background-position: 0 0;}
.ico-tw { background-position: -36px 0;}
.ico-ig { background-position: -70px 0;}
.ico-ta { background-position: -105px 0;}



/* Form Contatti */
.contactBox {
    font-family: 'Open Sans', sans;
    display: flex;
    padding:0 0;
    margin:50px 0 0 0;
    text-align: center;
}   
    .contactBox label { font-weight: normal; text-align:center; }
    .contactBox .privacy {
        width:350px;
        font-size: 0.9em;
        text-align: center;
        margin:20px auto 0 auto;
    }
    .contactBox .wpcf7-form-control {
        width:350px;
        font-size: 0.9em;
        padding:7px 15px;
        border:1px solid var( --black);
        border-radius:3px;
        transition-duration: 0.6s;
    }
        .contactBox .wpcf7-form-control:hover {
            border:1px solid #888;
        }
    .contactBox textarea {
        width:350px !important;
            max-width:350px !important;
            min-width:350px !important;
        height:300px !important;
            min-height:300px !important;
            max-height:300px !important;
    }
    .contactBox .wpcf7-acceptance,
    .contactBox .wpcf7-acceptance:hover { border:none; }
    .contactBox .wpcf7-submit { width:auto; margin:15px 0;}
    .contactBox .wpcf7-submit:hover { color: var( --golden ); padding:7px 25px; }

.page-contatti h2 {
    font-weight: bold;
    font-size: 4em !important;
    color:var( --blue );
    margin-top:0;
    border:1px solid orange;
}