/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== 
 "#FBCC00", "#F90000", "#FF8000", "#FFC80C", "#00840B", "#0600F8", "#4D0084", "#9504DD", "#FC018E"
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic);
 
@font-face {
    font-family: 'chinacatthin';
    src: url('../fonts/chinacat_thin-webfont.woff2') format('woff2'),
         url('../fonts/chinacat_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'chinacatregular';
    src: url('../fonts/chinacat-webfont.woff2') format('woff2'),
         url('../fonts/chinacat-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
 #deacontainer {
	font-family: 'chinacatregular';
	background-image:url('../images/bkg_03.png');
	padding:20px;
	margin-top:-20px;
	font-weight: 300;
	color:#000;
 }
 #tm-bottom-a {
	background-image:url('../images/bkg_03.png');
}
 
 
article { font-family: Roboto; font-size: 16px; font-weight: 300; line-height: 1.5em;padding: 20px; margin-bottom:24px; background-color: hsl(0, 0%, 100%); box-sizing: border-box; border-radius: 8px; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); }
article .FLEX { display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; 	-webkit-justify-content: flex-start; justify-content: flex-start; -ms-align-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; }
article .SX, article .DX { position: relative;  position: relative; vertical-align: top; text-align: left; padding: 0px;  min-height: 200px; }
article .SX { -webkit-flex-basis: 420px; -ms-flex-basis: 420px; flex-basis: 420px; order: 1; text-align: left; padding-bottom: 30px; }
article .DX { -webkit-flex-basis: calc(100% - 420px); -ms-flex-basis: calc(100% - 420px); flex-basis: calc(100% - 420px); order: 2; text-align: justify;}
article .SX .dida { display: block; margin: 10px 0px 0px 0px; font-size: 0.9em; font-style: italic; line-height: 1em; width: 386px; }
article .DX .titolo { display: block; font-weight: 700; font-size: 1.6em; margin-bottom: 15px; }
article .DX .titoletto { display: block; font-weight: 400; font-size: 1.2em; margin-bottom: 15px; }
article .SX img { width: 380px; }
 
.download{ 
display: block; 
border-bottom: solid 2px #E6E6E6; 
background-image: url("/templates/yoo_master2_dea/styles/dea_style/images/download.png");	
background-repeat: no-repeat; 
background-position: top right; 
min-height: 38px; 
width: 100%; 
margin-top: 20px; }
 
 .uk-article-dea,  .uk-article-dea-blog, .uk-article-dea-open {
  font-family: Roboto;
  background-color:#fff;
  border-radius: 18px;
  margin-bottom:12px;
  box-shadow: 2px 2px 2px #888888;
  padding:18px;
  color:#000;
}
 

.uk-panel-libri {
  background-color:#fff;
  border-radius: 18px;
  margin-bottom:12px;
  box-shadow: 2px 2px 2px #888888;
  padding:18px;
  color:#000;
}

.uk-panel-libri h3 {
	font-family: 'chinacatregular';
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    text-transform: none;
    color: #FBCC00;
    border-bottom: 5px solid #FBCC00;
}

.uk-panel-libri-small {
  background-color:#fff;
  border-radius: 18px;
  margin-bottom:12px;
  box-shadow: 2px 2px 2px #888888;
  padding:18px;
  color:#000;
}

.uk-panel-libri-small h3 {
	font-family: 'chinacatregular';
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    text-transform: none;
    color: #FBCC00;
    border-bottom: 5px solid #FBCC00;
}


.uk-panel-anno {
	background-color:#fff;
	border-radius: 18px;
	margin-bottom:12px;
	box-shadow: 2px 2px 2px #888888;
	padding:18px;
	color:#000;
	font-family: 'chinacatregular';
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    text-transform: none;
	vertical-align:middle;
	min-height: 87px;
	}
.uk-panel-anno-open {
	background-color:#FFDB81;
	border-radius: 18px;
	margin-bottom:12px;
	box-shadow: 2px 2px 2px #888888;
	padding:18px;
	color:#000;
	font-family: 'chinacatregular';
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    text-transform: none;
	vertical-align:middle;
	min-height: 87px;
	}
 /*title-texts*/
  .uk-article-title-intro {
  font-family: 'chinacatregular';
  font-size: 22px;
  line-height: 22px;
  text-transform: none; 
  margin-top:0px;
  margin-bottom:18px;
}
.uk-article-text-intro {
  font-family: Roboto;
  font-size: 20px;
  line-height: 20px;
  text-transform: none; 
}
 .uk-article-title-text {
  font-family: 'chinacatregular';
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;
  text-transform: none;  
}
.uk-article-title-text a {
  font-family: 'chinacatregular';
  color: #000;
  text-decoration: none;
}

 .uk-article-title-corporate {
  font-family: 'chinacatregular';
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  text-transform: none; 
  color: #FBCC00;
  border-bottom:5px solid #FBCC00;
  margin-bottom:20px;
}

.uk-article-title-protect {
  font-family: 'chinacatregular';
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  text-transform: none; 
  color: #E96800;
  border-bottom:5px solid #E96800;
  margin-bottom:20px;
}


.uk-article-title-text-intro {
font-family: 'chinacatregular';
  font-size: 28px;
  line-height: 28px;
  font-weight: 300;
  text-transform: none;  
}
.uk-article-title-text-intro a {
  color: #FBCC00;
  text-decoration: none;
}
/*title-tops*/

 .uk-article-title-top-10 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #FBCC00;
  
}
.uk-article-title-top-11 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #F90000;
}
.uk-article-title-top-12 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #FF8000;
}
.uk-article-title-top-13 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #FFC80C;
}
.uk-article-title-top-14 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #00840B;
}
.uk-article-title-top-15 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #0600F8;
}
.uk-article-title-top-16 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #4D0084;
}
.uk-article-title-top-17 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #9504DD;
}
.uk-article-title-top-18 {
  margin: -18px 15% 0; line-height:5px;
  border-top:5px solid #FC018E;
}

/*title-categories*/
.uk-article-title-category-10 {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #FBCC00;
}

.uk-article-title-category-11 {
  border-top: solid 5px #F90000;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #F90000;
}
.uk-article-title-category-12 {
 border-top: solid 5px #FF8000;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #FF8000;
}
.uk-article-title-category-13 {
 border-top: solid 5px #FFC80C;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #FFC80C;
}
.uk-article-title-category-14 {
 border-top: solid 5px #00840B;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #00840B;
}
.uk-article-title-category-15 {
 border-top: solid 5px #0600F8;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #0600F8;
}
.uk-article-title-category-16 {
 border-top: solid 5px #4D0084;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #4D0084;
}
.uk-article-title-category-17 {
 border-top: solid 5px #9504DD;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #9504DD;
}
.uk-article-title-category-18 {
  border-top: solid 5px #FC018E;
  margin: -19px 15% 0; padding-top: 6px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  color: #FC018E;
}


/*PIANO DIDATTICO*/
.uk-table-piano {
  /* 1 */
  border-spacing: 6px;
  border-collapse: separate;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-top: 20px;  
  table-layout: fixed;
}
.uk-table-piano a:hover {
    color:#000;text-decoration:underline;
}
.uk-table-th-piano {
	font-family: 'chinacatregular';
	font-size: 18px;
	background-color: #FBCC00;
	text-align:center;
	padding:8px;
}
.uk-table-th-piano-small {
	font-family: 'chinacatregular';
	font-size: 4vw;
	background-color: #FBCC00;
	text-align:center;
	padding:8px;
}
.uk-table-title-piano {
	color:#000000;
}
.uk-table-title-piano-small {
	color:#000000;
	font-size: 4vw;
}

/*ARCHIVIO*/
.uk-table-archivio {
  /* 1 */
  border-collapse: collapse;
  /* 2 */
  width: 100%;
  /* 3 */
  margin-top: 12px;  
}
/*.uk-table-archivio a:hover {
    color:#000;text-decoration:none;
}*/
.uk-table-th-archivio {
	font-family: 'chinacatregular';
	font-size: 18px;
	background-color: #FBCC00;
	text-align:center;
	padding:8px;
}
.uk-table-title-archivio {
	color:#000000;
}

.title-visible-small {
  font-family: 'chinacatregular';
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  vertical-align:middle;
  padding-left:8px;
  color:#000;
}

.navbar-toggle {
    border-radius: 0;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 5px;
	margin-right:12px;
    padding: 4px 8px;
    background: transparent;
    color: #000;
	position: relative;
    float: right;
	
}

.navbar-toggle:hover,
.navbar-toggle:focus {
  color: #000;
  text-decoration: none;
  /* 2 */
  outline: none;
}
.navbar-toggle:after {
  content: "\f0c9";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}


.navbar-toggle-close {
    border-radius: 0;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 5px;
	margin-right:12px;
    padding: 4px 8px;
    background: transparent;
    color: #000;
	position: relative;
    float: right;
	
}

.navbar-toggle-close:hover,
.navbar-toggle-close:focus {
  color: #000;
  text-decoration: none;
  /* 2 */
  outline: none;
}
.navbar-toggle-close:after {
  content: "\f00d";
  font-family: FontAwesome;
  /* 1 */
  vertical-align: middle;
}


.preferiti { position:fixed; top:38%; right:0; background-color:#FFB700; text-align:center; padding:18px; color:#fff; height:120px; font-size:22px; line-height:22px;}