/*
 Theme Name:	SCM Child
 Theme URI:		http://studiocreativo-m.it
 Description:	SCM Child Theme
 Author:		SCM
 Author URI:	http://studiocreativo-m.it
 Template:		scm
 Version: 		1.3
 Tags:			responsive-layout, custom-background, custom-header
 Text Domain:	scm-child
*/


.scm-button:not(.elenco_puntato):not(.no-shape){
	background-color: transparent;
	padding: 0;
}

h2, h4, h5, h6{
	margin-bottom: .5em;
}

h2{
	font-weight: 300 !important;
}

h4{
	font-weight: 400 !important;
	font-size: 1.2em;
}

h5{
	font-weight: 300 !important;
	color: inherit;
}

h6{
	font-weight: 400 !important;
	font-size: 1em;
}

.h9{
	color: inherit;
}

/*.scm-loading{
	height: 1em;
	margin-top: 1em;
}*/

/*.archive + div{
	margin-top: 1em;
}*/

.pagination-more{
	margin-top: 2em;
}

.pagination-more + .scm-loading{
	height: 1em;
	margin-top: 1em;
}

.pagination-more a{
	/*width: 100%;*/
	/*display: block;*/
	font-weight: bold;
	border-radius: .5em;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;

}

.scm-loading.loading-bar{
    height: .5em;
    width: 98%;
    margin-left: 1%;
    margin-top: .5em;
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3) inset;
}

.pagination .page-numbers{
	min-height: 0;
    min-width: 0;
    height: 1em;
    width: 1em;
    line-height: 1em;
    font-size: 1em;
    vertical-align: middle;
    padding: 0em;
    text-decoration: none;
    border-radius: 50%;
    margin: 0 .25em;
}

.pagination .page-numbers:not(.prev):not(.next){
    text-indent: -99999px;
}

.pagination .page-numbers.prev, .pagination .page-numbers.next{
	background-color: transparent !important;
}

/* CONTAINERS */

#site-page{
	background-color: #FFF;
}


.smartmin .scm-header{
    display: none;
}

/*#site-content{
	margin-top: 6px;
}*/

.section > .row{
	padding-left: 0;
	padding-right: 0;
}

.section > .row.last{
	padding-bottom: 2em;
}

h1.section-title{
	margin: 1.5em auto 1em;
	/*background-image: url(../scm/_img/patterns/light_stripes-30.png) !important;*/
    padding: .5em;
    border-radius: .5em;
    width: 70%;
    -webkit-transition: all .2s;
    transition: all .2s;
}

h1.section-title:after{
	content: " ";
    border-width: 0em .5em 0 .5em;
    border-color: #fff;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-style: solid;
    top: 3.4em;
    display: block;
    position: absolute;
    z-index: 1000;
    left: 50%;
    margin-left: -.5em;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}
/*.smartold h1.section-title:after{
	top: 4.9em;
}*/

.current h1.section-title{
	width: 100%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.tocolumn .current h1.section-title{
	width: 90%;
}
.current h1.section-title:after{
	border-top-width: 1em;
}

#corsi > h1.section-title,
#docenti > h1.section-title{
	margin-bottom: 0em;
}


.section > .row.first{
	padding-top: 0em;
}

/*.smartold h1.section-title{
	margin-top: 3em;
}*/

/*.tocolumn .section > .row.first {
    padding-top: 4em;
}*/

.scm-map{
	height: 500px;
}

.tocolumn .scm-map{
	height: 300px;
}

/* FORMATTING */

.scm-title{
	font-weight: 400;
}

/* HEADER */

#site-header{
	border-top: 6px solid #000;
	background-color: #FFF;
	box-shadow: 0px 0px 0px 0px rgba( 255,255,255,0 );
	-webkit-transition: box-shadow .5s;
	transition: box-shadow .5s;
}

.smartold #site-header .row{
	text-align: center;
}

#site-header.sticked{
	box-shadow: 0px 0px 10px 0px rgba( 0,0,0,.2 );
	-webkit-transition: box-shadow .5s;
	transition: box-shadow .5s;
}

body:not(.toggled-nav) #site-header #site-branding{
	width: 30%;
}

#site-header #site-branding{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	-webkit-transition: padding .5s;
	transition: padding .5s;
}

body:not(.toggled-nav) #site-header.sticked #site-branding{
	padding-top: .75em;
	padding-bottom: .75em;
	-webkit-transition: padding .5s;
	transition: padding .5s;
}

.toggled-nav:not(.smartold) #site-header #site-branding{
	padding-left: 1.5em;
	position: absolute;
}

#site-header .logo{
	font-size: 1em;
	opacity: 1;
	-webkit-transition: font-size .5s, opacity .2s;
	transition: font-size .5s, opacity .2s;
	display: inline-block;
}

body:not(.toggled-nav) #site-header.sticked .logo{
	font-size: .75em;
}

#site-header.sticked .logo{
	cursor: pointer;
}

#site-header.sticked .logo:hover{
	opacity: .6;
}

#site-header .row{
	padding: 0;
}

#site-header > .row{
	border-bottom: 0px solid #f8f8f8;
	/*transition: border-color .5s;*/
}

.site.sticky-header{
	padding-top: 8.5em;
}

.tocolumn .site.sticky-header{
	padding-top: 6em;
}

/* SLIDER */

.theme-scm .nivoSlider{
	border-radius: 0 0 1em 1em;
}

.theme-scm .nivo-controlNav{
	padding-bottom: 0;
	padding-top: 1em;
}

.theme-scm .nivo-controlNav a{
	width: 1em;
	height: 1em;
}

.nivo-caption .caption > p{
	background-color: rgba(255,255,255,.5);
    font-style: italic;
    font-weight: 400;
    font-size: 1.2em;
    padding: .5em;
    border-radius: .5em;
    text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}

/* NAVIGATION */

#site-navigation:not(.toggle){
	font-size: 1em;
	line-height: 0;
	width: 70%;
}

#site-navigation.toggle{
	font-size: 2em;
	width: 100%;
}

#site-navigation .row{
	text-align: right;
}

#site-navigation.toggle ul{
	font-size: .7em;
}

.smartmicro #site-navigation.toggle ul{
	font-size: .6em;
}

/*.smartold #site-navigation.toggle ul{
	font-size: 1em;
}*/

.smartold #site-navigation > .row > div.toggle-button > *{
	font-size: 1em;
}

#site-navigation .sub-menu{
	width: 13em;
	padding: 0;
    overflow: hidden;
    border-radius:1em;
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.2);
    margin: 1em 0 0 -1em;
}

#site-navigation .sub-menu:before{
	content: " ";
    border-width: 1em 1em 0em 1em;
    border-color: #f8f8f8;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-style: solid;
    top: 0;
    display: block;
    position: absolute;
    z-index: 1000;
    left: 50%;
    margin-left: -1em;
    text-align: center;
    -webkit-transition: top .3s;
    transition: top .3s;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);*/
}

#site-navigation li:hover .sub-menu{
	margin-top: -.5em;
}

#site-navigation li:hover .sub-menu:before{
	top: 0em;
}

#site-navigation.toggle .menu > li {
    margin: 0;
    float: none;
    position: relative;
    display: inline-block;
    width: auto;
}

.smartmin #site-navigation.toggle .menu > li {
	display: block;
	width: 100%;
}

#site-navigation:not(.toggle) .menu > li:before {
    content: " ";
    height: 6px;
    position: relative;
    margin-top: -6px;
    display: block;
    width: 100%;
}

#site-navigation .menu > li:before,
#site-navigation .menu > li:hover:before {
	-webkit-transition: all .3s;
    transition: all .3s;
}


#site-navigation a {
	font-weight: 700;
    padding: 2.2em 2em 2.4em 2em;
    font-size: 1em;
    line-height: 1.5em;
    height: 100%;
    /*border-bottom: 1px solid transparent;*/
    /*margin-bottom: -1px;*/
    position: relative;
    width: 11em;
    /*text-align: center;*/
}

#site-navigation li.current > .toggle-button > a,
#site-navigation li.current > .toggle-button > a *{
	cursor: default;
}

#site-navigation .sub-menu a {
	padding: 1em 2em !important;
	border-bottom: 0;
	border-top: 1px dashed;
	margin-bottom: 0;
	width: 100%;
}

#site-navigation .sub-menu li:first-child a {
	border-top: 0;
}

#site-navigation a, #site-navigation a:after {
	-webkit-transition: all .3s;
    transition: all .3s;
}

#site-navigation .toggle-button > a > .icon{
    font-size: 1.6em;
    -webkit-transition: margin-bottom .5s, font-size .5s;
	transition: margin-bottom .5s, font-size .5s;
}

#site-header.sticked #site-navigation .toggle-button > a > .icon{
	margin-bottom: .2em;
    font-size: 1.4em;
}

#site-header.sticked #site-navigation a {
	padding: 1.4em 2em 1em;
	/*-webkit-transition: all .5s;
    transition: all .5s;*/
}

#site-header.sticked #site-navigation li > .toggle-button > a,
#site-header.sticked #site-navigation li > .toggle-button > a *{
	cursor: pointer !important;
}


/* SCUOLA */

.page-scuola .post.docenti, .page-scuola .post.corsi {
    overflow: hidden;
    padding: 0;
    margin: 4em 0 0;
    box-shadow: 0 0 10px 0 rgba( 0,0,0,.2 );
    cursor: zoom-in;
}

.page-scuola .post.docenti > .module, .page-scuola .post.corsi > .module {
    overflow: hidden;
    padding: 3em 2em 0em;
    max-height: 20em;
}

.page-scuola .post.docenti.opened, .page-scuola .post.corsi.opened{
	cursor: zoom-out;
}

.page-scuola .post.docenti > .module > .content, .page-scuola .post.corsi > .module > .content {
    padding-bottom: 4em;
}

.page-scuola .post.docenti a, .page-scuola .post.corsi a{
	cursor: pointer;
}

.page-scuola .post.docenti .image, .page-scuola .post.corsi .image {
	padding: 0;
	margin-right: 1em;
}

.page-scuola .post.docenti.odd .image, .page-scuola .post.corsi.odd .image {
    float: right;
    margin-right: 0em;
    margin-left: 1em;
}

.page-scuola.tocolumn .post.docenti .image, .page-scuola.tocolumn .post.corsi .image {
	display: none;
}

.page-scuola .post.docenti .image img, .page-scuola .post.corsi .image img{
    max-height: initial;
}

.page-scuola .post.docenti:after, .page-scuola .post.corsi:after {
    content: "\f13a";
    font-family: fontawesome;
    display: block;
    font-size: 2em;
    box-shadow: 0px -15px 50px 25px rgba(255,255,255,1);
    position: absolute;
    bottom: 0em;
    width: 100%;
    text-align: center;
    background-color: #FFF;
    padding: 0 .5em .5em;
    left: 0;
    height: auto;
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

.page-scuola .post.docenti.opened:after, .page-scuola .post.corsi.opened:after{
	content: "\f139";
    box-shadow: none;
}

.page-scuola .post.corsi .extra,
.page-scuola .post.corsi .terms-docenti,
.page-scuola .post.docenti .terms-corsi{
	margin-bottom: 1em;
}

/* EVENTI */

.archive .fallback,
.event-model{
    margin-top: 1em;
    cursor: default;
    width: 98%;
    margin-left: 1%;
}

.tocolumn .event-model{
	padding: 1em 0;
}

.archive .fallback,
.event-model > .module{
    padding: 0em !important;
    border-width: 2px;
    border-style: dashed;
    border-color: #eee;
    -webkit-transition: all .2s;
	transition: all .2s;
}

.archive .fallback{
    padding: 1em !important;
    text-align: center;
}

.event-model .content{
	padding: 1em 1em 1em 5em;
}

.smartold .event-model .content{
	padding-left: 1em;
}

.event-model .content > *{
	display: block;
	-webkit-transition: color .2s;
	transition: color .2s;
}

.event-model:not(.current-date){
	font-size: .8em;
}


.event-model.current-date {

}

.event-model.current-date > .module{
	border: none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

.event-model.old-date .content > *{
	color: #DDD;
}

.event-model:not(.current-date):hover > .module{
	border-style: solid;
}

/*.event-model.new-date .content > *,*/
.event-model.old-date:hover .content > *{
	color: #aaa;
	border-color: #aaa;
}

.event-model .icon {
    font-size: 2em;
    float: left;
    padding: .5em .25em;
    width: 1.5em;
    line-height: 0;
    text-align: center;
    height: 2em;
    display: block;
    position: absolute;
    background-color: #DDD;
    left: .5em;
    top: -3px;
    border-top: 5px solid rgba(255,255,255,.3);
}

.smartold .event-model .icon {
	display: none;
}

.event-model .icon:after,
.event-model .icon:before{
    content: " ";
    border-color: #ddd;
    border-width: 0em 1em .5em 1em;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    border-style: solid;
    position: absolute;
    display: block;
    bottom: -.4em;
}

.event-model .icon:after{
    border-right-color: transparent !important;
	left: 0;
}
.event-model .icon:before{
    border-left-color: transparent !important;
    right: 0;
}

/* EVENT ATTACHMENTS */

.event-model .attachments{
	font-size: 15px;
}

.event-model .attachment {
    padding: 1em 1em 0;
    margin-top: 1em;
    display: inline-block;
    line-height: 1em;
    border-top: 1px solid #eee;
}

.event-model .attachment > * {
    display: inline-block;
    text-align: left;
}

/*.event-model.old-date .attachment * {
    color: #ddd;
}*/

/*.event-model .attachment.clicked * {
    color: #666;
}*/

.event-model .attachment {
    font-size: 16px;
}

.event-model .attachment .icons {
	overflow: hidden;
    margin-right: .3em;
    text-align: center;
    font-size: 16px;
    height: 17px;
    width: 20px;
}

.event-model .attachment span{
    line-height: 1em;
    font-weight: normal;
}

.event-model .attachment .fa{
    display: block;
}

.event-model .attachment .plus{
    margin-bottom: 1px;
    margin-top: -16px;
    -webkit-transition: margin-top .3s;
    transition: margin-top .3s;
}

.event-model .attachment:hover .plus{
    margin-top: 1px;
}



/* GALLERIE */

#gallerie .sub-archive{
	margin: 1em 0;
	padding: 1em;
	border-bottom: 1px dashed #ddd;
	border-top: 1px dashed #ddd;
	line-height: 2em;
	text-align: center;
}

#gallerie .sub-archive .title,
#gallerie .sub-archive .icon{
	padding: 0;
    margin: 0;
    line-height: inherit;
    float: none;
    display: inline-block !important;
}

#gallerie .sub-archive .icon{
	margin-right: .2em;
	font-size: 1.4em !important;
}

#gallerie .archive{
	
	margin-bottom: 1em;
}

/* LEZIONI */

.tabella-lezioni{

}


.tabella-lezioni .intro-lezioni{
    padding: 1.5em 0 !important;
}

.tabella-lezioni > .column:not(.extra-lezioni){
	font-size: 1.2em;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	padding: 0;
	margin: 1em 0;
	border-radius: .5em;
	overflow: hidden;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.tabella-lezioni > .column:not(.extra-lezioni) > .module.first{
    color: #fff;
    text-align: right;
    font-weight: 300;
    padding: .5em 1em;
}

.tabella-lezioni > .column:not(.extra-lezioni) > .module.last{
    font-weight: 300;
    padding: .5em 1em;
    right: -0.1%;
}

.tocolumn .tabella-lezioni > .column:not(.extra-lezioni) > .module.first,
.tocolumn .tabella-lezioni > .column:not(.extra-lezioni) > .module.last{
	text-align: center;
    right: initial;
}

.tabella-lezioni .post {
    margin-right: .5em;
    border-right: 1px solid #ddd;
    padding-right: .5em;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.tabella-lezioni .post:last-child{
	margin-right: 0;
    border-right: 0px solid #ddd;
    padding-right: 0;
}

.tabella-lezioni .post span {
    font-weight: 300;
}

.tabella-lezioni .extra-lezioni .list{
	text-align: center;
}

.tabella-lezioni .extra-lezioni .button{
	display: inline-block;
    min-width: 0;
    min-height: 0;
    padding: 1em;
    font-size: 2em;
    border: 2px dashed #ddd;
    border-radius: .5em;
    -webkit-transition: border .2s;
	transition: border .2s;
}

.tabella-lezioni .extra-lezioni .button > *{
	-webkit-transition: color .2s;
	transition: color .2s;
}

.tabella-lezioni .extra-lezioni .button:hover{
	border-style: solid;
}


/* FOOTER */

#site-footer{
	background-color: #FFF;
	margin-top: 5em;
}

.page-info #site-footer{
	margin-top: 0;
}

#site-footer .section.first:not(.last) > .row{
	padding: 0;
}

#site-footer .section.last > .row{
	padding: 4em 0;
}

.tocolumn #site-footer .section.last > .row{
	padding: 0;
}

#site-footer .luoghi > .module{
	padding: 0 1em;
	text-align: center;
}

#site-footer .luoghi > .module.first{
	padding: 0 1em 0 0;
	text-align: right;
}

#site-footer .luoghi > .module.last{
	padding: 0 0 0 1em;
}

.tocolumn #site-footer .luoghi > .module{
	width: 100%;
    text-align: left;
    border: 0;
    padding: 2em;
    border-bottom: 1px dashed #fff;
}

.tocolumn #site-footer .luoghi > .module.first{
	margin-top: 0;
}

.tocolumn #site-footer .luoghi > .module.last{
	border: 0;
	margin-bottom: 0;
}


#site-footer .luogo-content,
#site-footer .indirizzo{
	border-right: 1px solid #FFF;
}

#site-footer .luoghi .fa {
    font-size: 1.5em;
    line-height: 1.2em;
}

#site-footer .luogo-content .fa,
#site-footer .indirizzo .fa{
	vertical-align: top;
    color: #FFF !important;
    margin-right: .5em;
}

#site-footer .luogo-content .button{
    width: 85%;
}

#site-footer .luogo-content .button,
#site-footer .indirizzo .button{
	padding-top: 0;
    color: inherit;
    line-height: 1.8em;
    display: inline-block;
}

#site-footer .luogo-content .button > span,
#site-footer .indirizzo .button > span{
	display: block;
}

#site-footer .indirizzo .button > .street{
	padding-top: 1em;
	display: block;
}

/*#site-footer .scm-list .button.vertical {
    padding-bottom: .5em;
}*/

#site-footer .button.vertical.more {
    width: 2.2em;
    height: 2.2em;
    display: inline-block;
    margin: 1em .5em 0 0;
    line-height: 2.5em;
    background-color: #FFF;
    border-radius: .5em;
    padding: 0;
}

#site-footer .scm-list .button.vertical:last-child {
	border: none;
}

#site-credits{
    padding: 2.5em;
    font-size: .8em;
}

/*#site-footer .topofpage a > .fa {
	color: #FFF !important;
}*/

#site-footer [data-href]{
	opacity: 1;
	cursor: pointer;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
}

#site-footer [data-href]:hover{
	opacity: .6;
}

.scm-list.horizontal{
	text-align: right;
}

/*.tocolumn #site-footer .section:not(.first) *{
	text-align: center !important;
}*/

.topofpage{
	border-radius: 50%;
	bottom: 1.3em;
    right: 1.3em;
    -webkit-transition: all .2s;
	transition: all .2s;
}

.topofpage.affix{
	opacity: 1;
}

.topofpage i{
	line-height: 0;
    margin-top: -.1em;
    position: absolute;
    left: 1em;
}


/* Colors */


/* BIANCO #FFFFFF */

.tabella-lezioni > .column:not(.extra-lezioni) > .module.last,
#site-navigation .sub-menu a,
#site-navigation .menu > li,
#site-navigation .sub-menu > li{
	background-color: #FFF;
}

.event-model .icon,
.pagination-more a{
	color: #FFF;
}
/* GRIGIO CHIARO #f8f8f8 */

#site-navigation .menu > li:hover,
#site-navigation .menu > li.current{
	background-color: #f8f8f8 !important;
}

/* AZZURRO #36b9ff */

.tabella-lezioni .extra-lezioni .button:hover,
.event-model.current-date .icon:before,
.event-model.current-date .icon:after,
h1.section-title:after,
#site-navigation .sub-menu a,
#site-header,
#site-header > .row {
	border-color: #36b9ff;
}

p > a,
.event-model.new-date .attachment *,
.event-model.current-date .attachment *,
.event-model.old-date .attachment:hover *,
.tabella-lezioni .post,
.pagination .page-numbers,
h2, h4,
.event-model.new-date h2,
#site-footer .button.vertical.more,
#side-menu a,
#site-navigation .menu > li a, 
#site-navigation > .row > div.toggle-button {
	color: #36b9ff;
}

.tabella-lezioni > .column:not(.extra-lezioni),
.pagination .page-numbers,
.event-model.current-date .icon,
.pagination-more a,
.theme-scm .nivo-controlNav a {
	background-color: #36b9ff;
}

/* BLU #1e73be */


#site-navigation .menu > li.current > .toggle-button > a,
#site-navigation .menu > li.current > .toggle-button > a:after {
	border-color: #1e73be;
}

p > a:hover, p > a:focus, p > a:visited,
#side-menu li:hover a,
.event-model.new-date .attachment:hover *,
.event-model.current-date .attachment:hover *,
.pagination .page-numbers:hover,
.post:not(.event-model) h6, .post:not(.event-model) h6 a,
.event-model.current-date h6, .event-model.current-date h6 a,
.event-model.new-date h6, .event-model.new-date h6 a,
#site-navigation .menu > li.current > .toggle-button > a,
#site-navigation .menu > li.active a,
#site-navigation .sub-menu > li:hover a,
#site-navigation .menu > li:hover > .toggle-button > a,
.map .fa {
	color: #1e73be;
}

.pagination .page-numbers:hover,
#site-navigation .menu > li.current:before, 
#site-navigation .menu > li:hover:before,
.theme-scm .nivo-controlNav a:hover {
	background-color: #1e73be;
}

/* GIALLO #ffd436 */

.tabella-lezioni .extra-lezioni .button:hover{
    border-color: #ffd436;
}

.page-scuola .post.docenti:after, .page-scuola .post.corsi:after,
.tabella-lezioni .post:hover,
.tabella-lezioni .extra-lezioni .button:hover .fa,
.tabella-lezioni .extra-lezioni .button:hover span,
#side-menu li.active a,
#site-navigation .sub-menu > li.active a,
.map .fa {
    color: #ffd436;
}

.tabella-lezioni > .column:not(.extra-lezioni):hover,
.scm-loading.loading-bar,
.pagination .page-numbers.current:hover,
.pagination .page-numbers.current,
.pagination-more a:hover,
.topofpage:hover,
.theme-scm .nivo-controlNav a.active {
    background-color: #ffd436;
}