/* Copyright (C) Simone Mascetti - Web & Photo */

/* ========================================================================
		CSS
 ========================================================================== */

/* Spazio sopra il logo */
.tm-headerbar {padding: 15px 40px;}


/* Font */
body, p, div, span {
  font-size: 17px;
  font-family: 'Raleway';
}


/* Headings */
h2, h3, .uk-h2, .uk-h3 {
  color: #BF1E2E;
} 



/* Menù */

	/* Voce attiva */
.uk-navbar-nav > li.uk-active > a {
    color: #BF1E2E;
}

	/* Bordo sotto voce */
.uk-navbar-nav > li > a::before {
    background: #BF1E2E;
}

	/* Hover */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    color: #BF1E2E;
}



/* Pagina Servizi */
.servizi h1 {
  text-align: center;
}



/* Footer */
div#tm-footer {
    color: #333;
    background: #efefef;
    border-top: 5px solid #d6d6d6;
  	padding-top: 20px;
}



/* Form contatti */
.formcontatti div.uk-panel.uk-panel-box {padding: 20px; padding-bottom: 0px; padding-top: 34px;}

	/* Etichette */
.formcontatti div.uk-panel.uk-panel-box label {font-weight: 300;}

	/* Campi */
.formcontatti div.uk-panel.uk-panel-box input[type="text"] {height: 42px; border: 1px solid #ccc; margin-top: 7px;}

	/* Bottone INVIA */
.formcontatti div.uk-panel.uk-panel-box input#Invia {
    width: 100%;
    border-radius: 0px;
    background: orange;
    border-color: orange;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 300;
    letter-spacing: 3px;
    font-size: 17px;
}



/* Servizi */
.servizi main#tm-content.tm-content article div.uk-panel.uk-panel-box {
  padding: 14px;
}


/* Bottone cta */

.bottonecta {
  padding: 11px 31px;
  font-size: 19px;
  background: orange;
  color: #fff;
  text-transform: uppercase;
  border-radius: 25px;
}

.bottonecta:hover, .bottonecta:focus {
  padding: 11px 31px;
  font-size: 19px;
  background: #fff;
  color: orange;
  border: 1px solid orange;
  text-transform: uppercase;
  border-radius: 25px;
  text-decoration: none;
}


/* Servizi - Bottone Scopri di più */

body.tm-isblog.servizi main#tm-content.tm-content article.uk-article div div div.servizi p a.uk-button {
  font-size: 14px;
}






/* --------------------------------- Media Queries --------------------------------- */

/* iPad PRO - Portrait */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    
    /* Menù principale */
    
    	/* Più a destra */
    div.uk-sticky-init.uk-active.uk-navbar-attached .tm-navbar {
    margin-left: 160px;
	}
    
    	/* Voce singola */
    .uk-navbar-nav > li:not(:last-child) {
      margin-right: 11px;
    }
    
    .uk-navbar-nav > li > a {
      font-size: 12px;
    }
    
    
}



/* iPad PRO - Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1367px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    
    /* Menù principale */
    
    	/* Più a destra */
    div.uk-sticky-init.uk-active.uk-navbar-attached .tm-navbar {
    margin-left: 160px;
	}
    
    	/* Voce singola */
    .uk-navbar-nav > li:not(:last-child) {
      margin-right: 15px;
    }
    
    .uk-navbar-nav > li > a {
      font-size: 14px;
    }
    
    
}



/* iPad - Portrait */
@media only screen 
  and (min-device-width: 900px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    
    /* Menù principale */
    
    	/* Più a destra */
    div.uk-sticky-init.uk-active.uk-navbar-attached .tm-navbar {
    margin-left: 160px;
	}
    
    	/* Voce singola */
    .uk-navbar-nav > li:not(:last-child) {
      margin-right: 11px;
    }
    
    .uk-navbar-nav > li > a {
      font-size: 12px;
    }
    
    
}