/* LOCALS VARIABLES
------------------------- */

:root {
/* Usage
    
    color: var(--color-primary); 
*/
    
  --color-primary: #374a5e; 
  --color-complem: #E95A0C;
  --color-primary-dark: #1b242e;
  --color-primary-dark-rgba: rgba(27, 36, 46, 0.5);    
}



/*  FOOTER 7
------------------------ */

/* ul li styling */

div.navigation-sm ul.list-inline li.list-inline-item {
    margin: 0px 2px !important;
}

/* cirles button only icon */
footer div.circle-50 {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: var(--color-primary);
    text-decoration: none;
    border-radius: 100%;
    margin: 10px;
    cursor: pointer;
}

footer div.circle-65 {
    position: relative;
    width: 65px;
    height: 65px;
    background-color: var(--color-primary);
    text-decoration: none;
    border-radius: 100%;
    margin: 7px;
    cursor: pointer;
}

footer div.circle-75 {
    position: relative;
    width: 75px;
    height: 75px;
    background-color: var(--color-primary);
    text-decoration: none;
    border-radius: 100%;
    margin: 5px;
    cursor: pointer;
}


footer div.circle-50 i {
    font-size: 150% !important;
}

footer div.circle-65 i {
    font-size: 200% !important;
}

footer div.circle-75 i {
    font-size: 275% !important;
}



a.xy-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


div.text-center{
/*    margin:0px !important;*/
}

ul.all-devices li, ul.side-1 li, ul.side-2 li {
    display:inline-block !important;
    margin-left: 30px;
    margin-right: 30px;
}

ul.list-unstyled .all-devices li {
    display:block;
    margin-left: 0px;
    margin-right: 0px;
}

ul.side-1 li {
    margin-right: 20px;
}

ul.side-2 li {
    margin-left: 20px;
}

nav.navbar{
    color: var(--color-primary-dark) !important;
}

li.media i {
    font-size: 36px;
}


div.navigation-sm div.dropdown-menu a.item {
    color: var(--color-primary-dark) !important;
    text-align: center !important;
    font-size: 1rem !important;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dropdown-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 50%;
}


/* LOGO SM */

div.navigation-sm .footer-brand-c img {
    width: 150px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/* DIVIDER COPYRIGHT */

footer div.footcopy {
    padding-top:25px !important;
    border-style:solid;
    border-width: 1px;
    border-color: var(--color-primary);
    border-right: none;
    border-left: none;
    border-bottom: none;
}


/* SUITED FOR RESPONSIVE CTA in HOME */

main.home div.cta .h1, main.home div.cta .h2, main.home div.cta .h3, main.home div.cta main.home div.cta .h4, main.home div.cta .h5, main.home div.cta .h6, main.home div.cta main.home div.cta .h7, main.home div.cta h1, main.home div.cta h2, main.home div.cta h3, main.home div.cta h4, main.home div.cta h5, main.home div.cta h6{
    line-height: 1.1;
    font-weight: 600 !important;
    letter-spacing: -.01em;
}

main.home div.cta p {
    font-size: 1rem !important;
}  

@media (max-width:767px){
    main.home div.cta strong {
    font-size: 2rem !important;
}
}

@media (max-width:344px){
    main.home div.cta strong {
    font-size: 1.65rem !important;
}
}
@media (max-width:290px){
    main.home div.cta strong {
    font-size: 1.25rem !important;
}  
}


/* custom OVERRIDES FontAwesome Size */
i.fa.fa-1_25x {
    font-size: 1.25em !important;
}
i.fa.fa-1_5x {
    font-size: 1.5em !important;
}
i.fa.fa-1_75x {
    font-size: 1.75em !important;
}
i.fa.fa-2_25x {
    font-size: 2.25em !important;
}
i.fa.fa-2_5x {
    font-size: 2.5em !important;
}
i.fa.fa-2_75x {
    font-size: 2.75em !important;
}
i.fa.fa-3x {
    font-size: 3em !important;
}

/* custom OVERRIDES other icon size */


/* general sizes */
i.icon-1_25x {
    font-size: 1.25em !important
}
i.icon-1_5x {
    font-size: 1.5em !important
}
i.icon-1_75x {
    font-size: 1.75em !important
}
i.icon-2x {
    font-size: 2em !important
}
i.icon-2_25x {
    font-size: 2.25em !important
}
i.icon-2_5x {
    font-size: 2.5em !important
}
i.icon-2_75x {
    font-size: 2.75em !important
}
i.icon-3x {
    font-size: 3em !important
}

/* SISTEMAZIONE ALCUNE ICONE */

i.icon-food-083 {
    margin-left: 8px !important;
}