/*
Theme Name: CNIS
Theme URI: http://www.cnis.it/
Author: bitHOUSEweb S.r.l.
Author URI: http://www.bhweb.it/
Description: Theme for the CNIS website
Version: 1.0
Text Domain: cnis
Tags:

CNIS is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:400;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:hover,a:active{outline:0}a img{border:0}body,button,input,select,textarea{color:#404040;font-family:sans-serif;font-size:12px;font-size:1.2rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}b,strong{font-weight:700}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}


/*--------------------------------------------------------------
STRUCTURE
--------------------------------------------------------------*/

body{text-align:center;background:#fff;}
#page{width:100%;max-width:960px;margin:0 auto;text-align:left;}

.site-title a,#fb,#tw,.top-search input[type="submit"],#contacts h2:before,#contacts .locations:before{background:url(images/sprites.png) 0 0 no-repeat;}

.site-title a,.social a,.top-search input[type="submit"]{text-indent:-9999px;font-size:0;line-height:0;}

body,.home h2,h1,h2,.widget h2,#contacts{font-family:Montserrat,Helvetica,Arial,sans-serif;}

.home h2,h1,.widget h2{padding:7px 17px;border-left:3px solid #506eb3;text-transform:uppercase;}
.split h2,.split h2 a{color:#000;text-decoration:none;}
h1{font-size:2em;font-weight:bold;margin-bottom:1.5em;padding-top:4px;padding-bottom:4px;}
.widget h2{font-weight:bold;}
.home h2{font-weight:normal;font-size:1em;margin-bottom:1em;}

#masthead{position:relative;}
.site-branding{width:307px;float:left;display:block;}
.site-branding,.site-title,.site-title a{height:196px;}
.main-navigation,#tools{margin-left:327px;}
h1.site-title,.site-title{position:absolute;top:0;left:-34px;padding:0;border:0;}
.site-title,.site-title a{width:341px;margin:0;display:block;}
h2.site-description,.site-description{position:absolute;bottom:94px;left:327px;right:0;text-align:center;color:#506eb3;font-size:1.25em;padding:0;border:none;text-transform:none;margin:0;}

#tools,#tools ul,#tools li{display:block;list-style:none;padding:0;margin:0;}
#tools{height:131px;text-align:right;margin-top:3px;}
#tools a{text-decoration:none;}
#tools li{display:inline-block;text-align:left;height:2em;vertical-align:middle;line-height:2em;}
#tools>li{padding:0 10px 0 0;}
#tools>li+li{padding:0 10px 0 10px;border-left:1px solid #506eb3;}

#tools .social a,#tools .qtranxs_flag{display:inline-block;vertical-align:middle;}
#tools .social a{width:15px;height:16px;}
#tools .qtranxs_language_chooser li{margin:0 6px;}
#tools .qtranxs_language_chooser li.active{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
#fb{background-position:-16px -197px;}
#tw{background-position:-32px -197px;}

.top-search input[type="search"]{border:0;border-radius:0;background:#f6f6f6;padding:2px 20px 2px 2px;min-height:16px;}
.top-search input[type="submit"]{width:15px;height:16px;background-position:0 -197px;display:inline-block;vertical-align:middle;margin-left:-20px;margin-top:-2px;}
.top-search input[type="submit"],.top-search input[type="submit"]:hover,.top-search input[type="submit"]:active,.top-search input[type="submit"]:focus{border:0;border-radius:0;box-shadow:none;-webkit-appearance:none;padding:0;text-shadow:none;}

#content{margin-top:30px;font-family:Helvetica,Arial,sans-serif;}
.home #content{border-top:3px solid #506eb3;}
.home #content:before{content:"";display:block;width:100%;height:322px;background:url(images/kids.jpg) 0 0 no-repeat;}

#primary{width:100%;margin-left:-270px;float:left;}
#main{margin:30px 0 0 270px;}
#secondary{width:250px;float:right;margin-top:30px;position:relative;}

#contacts{background:#506eb3;width:100%;position:relative;top:-30px;left:0;color:#fff;font-size:1.7em;box-sizing:border-box;padding:22px 22px 12px;}
#slogan{position:absolute;left:0;bottom:100%;border-top:3px solid #506eb3;background:url(images/00035.png) 0 0 repeat;background:rgba(0,0,0,.35);box-sizing:border-box;width:100%;padding:44px 25px;font-weight:bold;}

#contacts .hours{font-size:0.68em;width:100%;margin-bottom:2em;}
#contacts .hours td,#contacts .hours th{padding:1px 0;font-weight:normal;}
#contacts .hours .dot{text-align:center;width:2ex;}
#contacts .hours .empty{text-align:center;}
#contacts .hours .time{width:5ex;text-align:right;}

#contacts .locations,#contacts .locations:visited,#contacts .locations:active,#contacts .locations:visited,#contacts .locations:hover,#contacts .locations:focus,#contacts h2,#contacts .phone{display:block;color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;margin:.5em 0;}
#contacts .phone{text-align:center;}
#contacts h2,#contacts .locations{min-height:49px;padding:0 0 0 55px;position:relative;border:none;}
#contacts h2{line-height:49px;}
#contacts .locations{line-height:1.2;}
#contacts h2:before,#contacts .locations:before{content:"";display:block;position:absolute;left:0;top:0;width:49px;height:49px;}
#contacts h2:before{background-position:-48px -197px;}
#contacts .locations:before{background-position:-98px -197px;}
#contacts caption{display:none;}

.split:after{content:".";display:block;clear:both;height:0;width:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden;}
.half{box-sizing:border-box;width:50%;float:left;padding-right:13px;}
.half+.half{padding-right:0;padding-left:13px;}

.preview{padding-left:20px;margin:30px 0;overflow:hidden;}
.preview .wp-post-image{float:left;}
.preview .entry-header{margin-left:80px;overflow:hidden;}
.preview .readmore{margin-top:1em;text-transform:lowercase;display:block;text-align:right;text-decoration:none;font-style:italic;}
.preview h3{font-size:1.2em;font-weight:bold;}
.preview h3 a{color:#000;text-decoration:none;}
.preview .readmore,.preview .date,.preview .datespan{color:#555;}
.preview .datespan{text-transform:uppercase;margin-bottom:10px;}

#colophon{clear:both;width:100%;border-top:3px solid #506eb3;margin-top:2em;padding-top:.5em;font-size:0.85em;padding-bottom:1em;}

article .entry-content,article .entry-footer{margin-left:20px;}
article .entry-meta{color:#555;font-size:1em;}
.preview .entry-meta{text-align:right;}
article .entry-content{font-size:1.1em;text-align:justify;}

article .post-attachments{width:100%;min-height:83px;background:#506eb3;box-sizing:border-box;padding:10px 84px 20px 28px;color:#fff;position:relative;margin:.5em auto;}
article .post-attachments h3{text-transform:uppercase;font-size:1.3em;font-weight:normal;font-family:Montserrat,Helvetica,Arial,sans-serif;}
article .post-attachments a{color:#fff;text-decoration:none;}
article .post-attachments ul,article .post-attachments li{display:block;list-style:none;padding:0;margin:0;}
article .post-attachments ul{font-size:0.8em;position:relative;margin-top:1em;}
article .post-attachments li{margin-left:2ex;position:relative;}
article .post-attachments li:before{content:"–";position:absolute;left:-2ex;top:0;}

h2.entry-title{font-size:1.5em;font-weight:bold;}
h2.entry-title,h2.entry-title a{color:#404040;}

.widget>ul,.widget>ul>li{list-style:none;display:block;padding:0;margin:0;}
.widget>ul>li{text-align:center;padding:3px 0;}
.widget>ul>li+li{border-top:1px dotted #555;}
.widget a,.widget a:visited{color:#555;}

.searchresult .entry-title{font-size:1.3em;}
.searchresult .entry-summary{margin-top:0;}

.searchresult{margin-bottom:1.5em;}

.responsiveLabel{display:none;}

@media screen and (max-width: 767px) {
	.site-title,.site-title a{height:113px;}
	h1.site-title,.site-title{position:static;left:0;background:#506eb3;width:100%;}
	.site-title a{background-position:10px -46px;background-color:#fff;padding-left:10px;width:351px;}
	h2.site-description,.site-description{display:none;}
	.site-branding,#tools{height:auto;}
	#tools,#site-navigation{text-align:center;}
	#site-navigation{margin:2em auto;}
	
	#secondary,#primary,.site-branding,#site-navigation,#tools{float:none;margin:.5em 0;width:100%;box-sizing:border-box;}
	.site-branding{margin-top:0;}
	#content,#main{margin:0;}
	#main,#secondary,.site-info{padding:0 10px;}
	.home #content:before{height:50px;}
	
	.half,.half+.half{float:none;width:100%;padding:0;}
	
	#slogan{display:none;}
	#contacts{position:static;}
	
	#contacts h2,#contacts .locations{padding:0;text-align:center;}
	#contacts h2:before,#contacts .locations:before{display:inline-block;position:static;vertical-align:middle;margin:0 10px 0 0;}
	
	#site-navigation .responsiveMenuSelect{margin:0 auto;width:80%;}
}

@media screen and (max-width: 351px) {
	.site-title a{padding-left:0;width:100%;background-position:0 30%;background-size:100% auto;}
}

@media screen and (max-width: 300px) {
	.site-title,.site-title a{height:100px;}
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a,a:visited,a:hover,a:focus,a:active {
	color: #506eb3;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation ul:after{
	width:100%;
	display:inline-block;
	line-height:0;
	height:0;
	content:"";
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: justify;
}

.main-navigation li {
	display: inline-block;
	position: relative;
	text-align: left;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color:#000;
	padding:12px 0;
	text-transform:uppercase;
	position:relative;
}

.main-navigation a:before{
	content:"";
	width:30px;
	height:3px;
	background:#dadada;
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background:#fff;
	padding:0;
}

.main-navigation ul ul:after{
	content:none;
	display:none;
}

.main-navigation ul ul a {
	min-width: 126px;
	padding:9px 14px;
}
.main-navigation ul ul a:before{
	width:3px;
	height:100%;
	left:-3px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul,.main-navigation ul li:focus > ul,.main-navigation ul li.active > ul {
	left: auto;
}

.main-navigation li:hover>a:before,
.main-navigation a:hover:before,
.main-navigation li:focus>a:before,
.main-navigation a:focus:before,
.main-navigation li.active>a:before,
.main-navigation .current_page_item > a:before,
.main-navigation .current-menu-item > a:before,
.main-navigation .current_page_ancestor > a:before {
	background-color:#506eb3
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}