/*
    Theme Name: Prima Pubblicita
    Author: Andrea
    Description: Tema Prima Pubblicita
    Version: 2.1
*/





/*
    ================================================
    CSS RESET - START
    ================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 reset display per i browser vecchi */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
    ================================================
    CSS RESET - END
    ================================================
*/





/*
    ================================================
    GLOBALI
    ================================================
*/

.full-width {
    padding: 0 !important;
}

body {
    font-size: 16px !important;
    background-color: #ffffff;
    overflow-x: hidden;
}

table {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
}

a {
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    color: #ffffff;
}

li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em;
    color: var(--grigio-scuro);
    list-style-type: none;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: var(--grigio-scuro);
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, b {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #ffffff;
}

h1 {
    font-size: 2.56em;
    text-transform: uppercase;
    color: var(--grigio-scuro);
}

h2 {
    font-size: 2.19em;
    text-transform: uppercase;
    color: var(--grigio-scuro);
}

h3 {
    font-size: 1.87em;
    text-transform: uppercase;
    color: var(--grigio-scuro);
}

h4 {
    font-size: 1.35em;
    color: var(--grigio-scuro);
}

h5 {
    font-size: 1.25em;
    color: var(--grigio-scuro);
}

h6 {
    font-size: 1.1em;
    color: var(--grigio-scuro);
}

td {
    vertical-align: middle;
    padding: 2em !important;
}

strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

ul {
    list-style-type: circle;
    list-style-position: inside;
}

html {
    scroll-behavior: smooth;
    margin-top: 0 !important;
}


/* Risolve problema caricamento carosello */

.responsive {
    display: none;
}

    .responsive.slick-initialized {
        display: block;
    }


/* SCROLLBAR */

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #D8D9D9;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #7A7A7A;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #3F3D3E;
    }


/* LIBRERIA COLORI */

:root {
    --grigio-scuro: #3F3D3E;
    --grigio: #7A7A7A;
    --grigio-chiaro: #D8D9D9;
}





/*
    ================================================
    GENERALI
    ================================================
*/

.Allinea {
    display: inline-block;
}

.Giustifica {
    text-align: justify;
}

.PaddingPiccoloPiccolo {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.PaddingPiccolo {
    padding-top: 1em;
    padding-bottom: 1em;
}

.PaddingMedio {
    padding-top: 2em;
    padding-bottom: 2em;
}

.PaddingGrande {
    padding-top: 4em;
    padding-bottom: 4em;
}





/*
    ================================================
    HEADER
    ================================================
*/

/* HEADER HOMEPAGE */

.Social a:nth-of-type(2) {
    display: none;
}

.LogoHeader {
    width: 18%;
}

.MenuHome {
    position: absolute;
    z-index: 999;
    width: 100%;
}

    .MenuHome a {
        text-transform: uppercase;
        font-weight: 200;
        font-size: 1.87em;
        transition: 0.2s;
    }

        .MenuHome a:hover {
            opacity: 0.7;
        }

#menu-menu-principale {
    float: right;
    margin-top: 5.5em;
    margin-right: 4em;
}

    #menu-menu-principale li {
        margin-bottom: 1.5em;
    }

    #menu-menu-principale a {
        text-shadow: -2px 2px 6px #000;
    }


/* HEADER INTERNO */

.header {
    background-color: var(--grigio-scuro);
    padding: 0.5em 1em;
}

.MenuInterno {
    position: relative;
    float: right;
    margin-top: 1.2em;
    display: flex;
    flex-direction: row;
    width: 42%;
}

    .MenuInterno li {
        display: inline-block;
        margin: 0 1.5em;
    }

    .MenuInterno a {
        font-weight: 300;
        transition: 0.2s;
    }

        .MenuInterno a:hover {
            opacity: 0.7;
        }

.menu-menu-interno-container {
    flex: 0 0 90%;
}

.Social {
    display: inline-block;
    float: right;
    flex: 0 0 30%;
}

    .Social a {
        margin: 0 0.3em;
    }


/* MENU MOBILE */
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-355 {
    font-size: 0;
    line-height: 0;
}
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-355 a {
        background: url(http://www.primapubblicita.net/www.rolandorossi.it/wp-content/uploads/2021/06/facebook-grigio.png);
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        width: 24px;
        height: 24px;
        margin-left: 10px;
        margin-top: 20px;
    }
        li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-355:hover {
            background-color: transparent !important;
        }
            li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-355 a:hover {
                background-color: transparent !important;
            }

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-356 {
    font-size: 0;
    line-height: 0;
}
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-356 a {
        background: url(http://www.primapubblicita.net/www.rolandorossi.it/wp-content/uploads/2021/06/instagram-grigio.png);
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        width: 24px;
        height: 24px;
        margin-left: 10px;
        margin-top: 15px;
    }
        li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-356:hover {
            background-color: transparent !important;
        }
            li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-356 a:hover {
                background-color: transparent !important;
            }

.sp-full-screen-button:before {
    content: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/07/nuova-freccia.png) !important;
}

.sp-slides.sp-animated img, .sp-slides img {
    margin-left: 65px !important;
}

.sp-full-screen-button {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}








/*
    ================================================
    FOOTER
    ================================================
*/

.ContainerFooter {
    width: 780px;
    margin: 0 auto;
}

.footer {
    background-color: var(--grigio-scuro);
    padding: 1.2em 0;
}

    .footer p {
        color: #ffffff;
        font-weight: 300;
    }

    .footer a {
        font-size: 1em;
    }


.BordoBiancoFooter {
    border-right: 2px solid #ffffff;
}

#Inirizzo {
    margin-left: 22px;
}

#PIva {
    margin-top: 2em;
}

.InfoFooter1 img, .InfoFooter2 img {
    margin-bottom: -3px;
}

.InfoFooter2 {
    margin-top: 5px;
}

.LogoFooter img {
    margin-top: 0.8em;
}

#menu-menu-footer a {
    font-weight: 300;
    transition: 0.2s;
}

    #menu-menu-footer a:hover {
        opacity: 0.7;
    }

.MenuFooter_1 li {
    margin: 0.3em 0;
}





/*
    ================================================
    HOMEPAGE
    ================================================
*/

.LogoSito {
    position: absolute;
    top: 2em;
    left: 2em;
    z-index: 9999;
}

    .LogoSito h4 {
        text-transform: uppercase;
        font-weight: 200;
        margin-left: 0.3em;
        color: #ffffff;
        text-shadow: -2px 2px 6px #000;
    }

div#metaslider-id-27 {
    height: 100vh;
    max-width: 100%;
}

    div#metaslider-id-27 img {
        height: 100vh;
    }

.metaslider .flexslider a.flex-prev {
    background-image: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaSx.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 50px !important;
    height: 50px !important;
    margin-left: 25px !important;
}
	.metaslider .flexslider a.flex-prev:focus {
		background-image: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaSx.png) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		width: 50px !important;
		height: 50px !important;
		margin-right: 25px !important;
	}

.metaslider .flexslider a.flex-next {
    background-image: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaDx.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 50px !important;
    height: 50px !important;
    margin-right: 25px !important;
}
	.metaslider .flexslider a.flex-next:focus {
		background-image: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaDx.png) !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		width: 50px !important;
		height: 50px !important;
		margin-right: 25px !important;
	}

.ContentHomepage h1 {
    font-weight: 500;
    margin-bottom: 0.6em;
    margin-left: 1em;
}

.ContentHomepage h4 {
    line-height: 1.4em;
    margin-bottom: 1em;
    text-align: justify;
}

.ContentHomepage p {
    text-align: justify;
}

.TestoHome {
    padding-right: 5em !important;
}

.ImmagineHome {
    padding-left: 5em !important;
}





/*
    ================================================
    PROFILO
    ================================================
*/

.ContainerProfilo {
    max-width: 1290px;
    margin: 0 auto;
}

.Profilo h1 {
    text-align: justify;
}

.Profilo h4 {
    text-align: justify;
    line-height: 1.2em;
    padding-top: 1.2em;
    padding-bottom: 2em;
}

.Profilo p {
    text-align: justify;
}


.TestoSxProfilo {
    padding-right: 4em !important;
}

.TestoDxProfilo {
    padding-left: 4em !important;
}





/*
    ================================================
    CONTATTI
    ================================================
*/

.ContainerContatti {
    max-width: 940px;
    margin: 0 auto;
}

.PaddingCont {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}

.Contatti iframe {
    width: 100%;
    height: 400px;
}

.ColContatti {
    background-color: var(--grigio);
    padding: 5em 3em !important;
}

    .ColContatti p {
        color: #ffffff;
    }


.TelefonoContatti {
    margin: 1.6em 0;
}

    .TelefonoContatti p {
        color: var(--grigio-scuro);
    }

    .TelefonoContatti a {
        background-color: #ffffff;
        padding: 0.5em 1em;
    }

        .TelefonoContatti a:hover {
            opacity: 0.9;
        }

        .TelefonoContatti img {
            margin-bottom: -0.3em;
            margin-right: 0.4em;
        }

.EmailContatti p {
    color: var(--grigio-scuro);
}

.EmailContatti a {
    background-color: #ffffff;
    padding: 0.5em 1em;
}

    .EmailContatti a:hover {
        opacity: 0.9;
    }

    .EmailContatti img {
        margin-bottom: -0.3em;
        margin-right: 0.4em;
    }

.FormContatti {
    background-color: var(--grigio-chiaro);
}

    .FormContatti h1 {
        font-weight: 300;
        text-transform: unset;
        text-align: center;
        margin-bottom: 0.5em;
    }

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    padding: 0.7em;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 0.5em;
}

label#NomeCognome {
    width: 45%;
    display: inline-block;
    float: left;
    margin-top: 1.5em;
}

label#Email {
    width: 45%;
    display: inline-block;
    float: right;
    margin-bottom: 1em;
}

label#Messaggio {
    width: 100%;
    float: left;
}

.wpcf7-list-item {
    margin: 1em 0 1em 0 !important;
}

input.wpcf7-form-control.wpcf7-submit {
    float: right;
    background-color: var(--grigio-scuro);
    border: 1px solid var(--grigio-scuro);
    color: #ffffff;
    font-size: 1.2em;
    padding: 0.2em 0.5em;
    text-transform: uppercase;
}

.wpcf7-form-control-wrap {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 0.2em;
}

.wpcf7 .ajax-loader {
    display: none;
}





/*
    ================================================
    PROGETTI
    ================================================
*/

.ContainerProgetti {
    max-width: 1400px;
    margin: 0 auto;
}

.ContainerProgetti h5 {
    font-weight: 500 !important;
}

.ProgettiCat h1 {
    font-weight: 300;
}

.ProgettiCat h5 {
    font-weight: 500;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.IndiceProgetto {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 400px;
    filter: saturate(0.2);
    transition: 0.2s;
}

    .IndiceProgetto:hover {
        filter: saturate(1);
    }

.InteriorDesign {
    padding-right: 2em !important;
}

.VilleResidenziali {
    padding-left: 2em !important;
}

.Concorsi {
    padding-right: 2em !important;
}

.Palazzine {
    padding-left: 2em !important;
}









/*
    ================================================
    PROGETTI - TAXONOMY
    ================================================
*/

.AnteprimaProgetto {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 300px;
    filter: saturate(0.2);
    transition: 0.2s;
}

    .AnteprimaProgetto:hover {
        filter: saturate(1);
    }

.TaxonomyProgetti h5 {
    font-weight: 500 !important;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

#TitoloProgetti {
    margin-bottom: 1em;
    font-weight: 300;
}





/*
    ================================================
    PROGETTI - SINGLE
    ================================================
*/

.TitolettoProgetto {
    font-style: italic;
    font-weight: 500;
}

.TestoProgetto {
    padding-top: 0.5em;
    padding-bottom: 1em;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    height: 84% !important;
    border-left: 2px solid var(--grigio-scuro) !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    top: 42% !important;
    border-right: 10px solid var(--grigio-scuro) !important;
    border-top: 5px solid transparent !important;
    border-bottom: 5px solid transparent !important;
}

.SingleProgetti {
    min-height: 72.5vh;
}

.sp-full-screen {
    background-color: var(--grigio-scuro) !important;
}

.sp-full-screen-button {
    right: unset !important;
    left: 18px !important;
    z-index: 9999 !important;
}

.sp-arrow.sp-previous-arrow {
    background: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaSx.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 40px;
}

.sp-arrow.sp-next-arrow {
    background: url(https://www.rolandorossiarchitetto.it/wp-content/uploads/2021/06/FrecciaDx.png);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 40px;
}

.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after {
    display: none !important;
}

.sp-next-arrow {
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

img.sp-image, .sp-slide.sp-selected {
    width: auto !important;
    height: 100% !important;
}

.slider-pro.sp-horizontal.sp-full-screen .sp-slide.sp-selected,
.slider-pro.sp-horizontal.sp-full-screen .sp-image {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}

.sp-image-container {
    display: table-cell !important;
}

.sp-horizontal .sp-previous-arrow {
    left: 80px !important;
}

.sp-horizontal .sp-next-arrow {
    right: 80px !important;
}

.sp-full-screen-button {
    left: 80px !important;
}

@media all and (orientation:landscape) {

    .slider-pro.sp-horizontal.sp-full-screen .sp-slide.sp-selected, .slider-pro.sp-horizontal.sp-full-screen .sp-image {
        width: auto !important;
        height: 100% !important;
        overflow: inherit;
        margin: 0 !important;
        margin-left: 4% !important;
    }

}