/*
Theme Name: Magicreche - (rob.a) grafica
Description: Child Creche WordPress Theme
Author: Coffeecream [(rob.a) grafica edit]
Theme URI: http://coffeecreamthemes.com/
Author URI: http://robagrafica.com
Template: magicreche
Version: 1.0
License: GNU General Public License
*/


@import url("../magicreche/style.css");


/* CF7 (form) per il responsive*/
div.wpcf7, .wpcf7-form-control { max-width: 100%; }
/**/

/*campi del form
--------------------------------*/
.campo_form input, .campo_form textarea{
	border: none;
	color: #736357;
	padding:10px;
}


.staff-citazione-quote{
	border-radius:50%;
	width:50px;
	height:50px;
	/*background-color:#ff6600;*/
	color:#fff;
	font: bold 60px "Times New Roman";
	text-align:center;
}
.staff-citazione-left{
	float:left;
	margin-right:20px;
}
.staff-citazione-right{
	float:right;
	margin-top:-40px;
}
.staff-citazione-testo{
	text-align:justify;
	margin-bottom:20px;
}

.icona-elenco{
	float: left;
	margin-right: 20px;
	margin-bottom:10px;
}
.icona-elenco img{
	/*margin-bottom:20px;*/
	background-color:#fff;
	border-radius:50%;
	
}

/*accordion robagrafica*/
.panel-title-rob{
	line-height: 70px; 
	font-size: 1.8em; 
	font-weight: 300;
	color: inherit;
}
.panel-title-rob > a {
  color: inherit;
}
.panel-title-rob img{
	float:left; 
	margin-right:10px; 
	border:none; 
	width:70px;
}
.panel-no-border .panel-heading{
	padding:0px 15px;

}

.panel{
	
background-color: transparent;
}


/*.glyphicon-train {
  	background-image:url(icons/glyphicons/glyphicons_014_train_rob.png);
	background-repeat: no-repeat;
	background-position:center;
	background-size:80%;
}*/
.fa-train:before {
 /* content: url(icons/glyphicons/glyphicons_014_train_rob.png);*/
/*	content: url(icons/train-rob1.svg);*/
	/*background-image: url(icons/glyphicons/glyphicons_014_train_rob.png);*/
	content:"._";
	background-image: url(icons/train-rob2-b.svg);
	/*background-image: url('data:image/svg+xml;charset=utf-8,%3Cspan%20style%3D%22color%3Ared%3B%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Your_Icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2220px%22%20height%3D%2230px%22%20viewBox%3D%2240%2035%2020%2030%22%20enable-background%3D%22new%2040%2035%2020%2030%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23569CAD%22%20d%3D%22M43.629%2C59.186H56.37c1.701%2C0%2C3.092-1.39%2C3.092-3.09V42.58c0-2.719-2.226-4.944-4.945-4.944h-0.152%0A%09%09C54.167%2C36.704%2C53.337%2C36%2C52.35%2C36h-4.699c-0.987%2C0-1.818%2C0.704-2.015%2C1.635h-0.152c-2.72%2C0-4.945%2C2.225-4.945%2C4.944v13.516%0A%09%09C40.539%2C57.795%2C41.929%2C59.186%2C43.629%2C59.186z%20M45.386%2C56.792c-1.08%2C0-1.957-0.877-1.957-1.958c0-1.08%2C0.876-1.956%2C1.957-1.956%0A%09%09s1.956%2C0.876%2C1.956%2C1.956C47.342%2C55.915%2C46.466%2C56.792%2C45.386%2C56.792z%20M54.614%2C56.792c-1.08%2C0-1.957-0.877-1.957-1.958%0A%09%09c0-1.08%2C0.877-1.956%2C1.957-1.956c1.081%2C0%2C1.956%2C0.876%2C1.956%2C1.956C56.57%2C55.915%2C55.695%2C56.792%2C54.614%2C56.792z%20M42.427%2C44.372%0A%09%09c0-0.183%2C0.02-0.362%2C0.05-0.537c-0.032-0.188-0.05-0.382-0.05-0.578c0-2.257%2C2.226-4.104%2C4.945-4.104h5.257%0A%09%09c2.72%2C0%2C4.945%2C1.846%2C4.945%2C4.104c0%2C0.195-0.019%2C0.389-0.052%2C0.578c0.031%2C0.175%2C0.052%2C0.354%2C0.052%2C0.537v1.62%0A%09%09c0%2C1.7-1.391%2C3.09-3.091%2C3.09h-8.966c-1.7%2C0-3.091-1.391-3.091-3.09V44.372z%20M55.565%2C59.889h-2.12L56.272%2C64h3.598L55.565%2C59.889z%0A%09%09%20M40.13%2C64h3.598l2.827-4.111h-2.12L40.13%2C64z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A%3C%2Fspan%3E');');*/
	background-repeat: no-repeat;
	background-position: center;
	color: transparent;
	background-size: 91%;
}
#icon-rob path{
	fill:currentColour;

}


/* colonne gallerie */

  .col-rob-5, .col-rob-7, .col-rob-8, .col-rob-9 {
	position: relative;
  	min-height: 1px;
  	padding-left: 15px;
  	padding-right: 15px;
	float:left;
  }
  .col-rob-5 {
    width: 20%;
  }
  .col-rob-7 {
    width: 14.28571428571%;
  }
  .col-rob-8 {
    width: 12.5%;
  }
  .col-rob-9 {
    width: 11.11111111111%;
  }
  
  

/*bootstrap.min.css
==================================================================*/
body{
	font-size:15px;
}


.page-title h2{
	font-size:30px;
	/*padding-left: 70px;
	line-height:60px;*/
	line-height:1em;
	padding-top:15px;
	padding-bottom:15px;
}


h1, h2, h3 {
	margin-bottom:40px;

}

.page-title h1, .page-title h2, header h1 {
/*font-style: italic;*/
text-transform:uppercase;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color:#555555;
	background-color:/*#ffffff*/ transparent;
	border:1px solid #dddddd;
	border-bottom-color:transparent;
	cursor:default;
}

.page-title {
/*	text-align: left;
	margin-left: -70px;
	margin-right: -70px;
*/	background-color:#A5DCE0;
	min-height:60px;
	margin-bottom:30px;
}

.navbar-default{
	background-color:rgba(126,112,109,.8);
	border-color:transparent;
	}
	
.navbar-fixed-top {
	top: 170px;
	/*left:100px;*/
	position: absolute;
}

.navbar-default .navbar-brand {
	margin-top: -170px;
}

.navbar {
	min-height:0px;
	box-shadow: none;
}

/*.navbar > .container .navbar-brand {
	margin-left:-20px;
}*/
.navbar-brand {
	padding:0;
}


/*BLOG
=======================================================*/

.entry-meta {
	font-size: 80%;
	margin-top:-30px;
}




/*AREA NEWS
=======================================================*/

.post-thumb {
	margin-top: 20px;
}
/*.post-thumb > img {
	width: 50%;
}*/


/* titolo news*/
.entry-title {
	/*color: #f57f0a;*/
	font-size: 2.1em;
	font-family: Adamina;
	font-weight: 300;
	font-style:italic;
	text-transform:none;
	padding-left:0;
	line-height:1em;
	margin-bottom:0;
}

/*banda soci - news*/
body > header {
	margin: 0px 0 30px;
	/*background: #5EB28F url("img/background.png") center bottom repeat-x;*/
	background: #A5DCE0;
	color: #7E706D;
	text-align: center;
	overflow: hidden;
	padding:120px 0 0;
}

/* SIDEBAR-news
==================================================================*/

aside h5 {
	color: #f57f0a;
	letter-spacing: normal;
	margin: 0 0 1em;
}

/* PULSANTI HOME
==================================================================*/

.btn {
/*border-radius: 40px;*/

}

.btn-info {
color: #7E706D;
background-color: #A5DCE0;
border-color: #A5DCE0;
width: 100%;
}

/* ROWS
==================================================================*/

/*section > .container {
	padding-top: 100px;
	padding-bottom: 30px;
}
*/

/* TEASER
==================================================================*/
.teaser .box {
	padding: 60px 8px 10px;
	/*border-radius: 50px;*/
	/*border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;*/
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	margin-bottom:10px;
	font-size:13px;
}
.teaser{
	min-width:140px;
}

@media (max-width:1024px){
.teaser .icon {
	background: #E75D5D;
	color: white;
	height: 100px;
	left: 50%;
	margin-left: -50px;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 100px;
	z-index: 1;
}
.teaser .icon img {
	margin-top: 8px;
	width:80%;
}
.teaser{
	min-width:120px;
}

}
@media (max-width:991px){
	.navbar-brand img {
    max-width: 230px;
}
.navbar-default .navbar-brand {
	margin-top: -111px;
}
.navbar-fixed-top {
	top: 111px;
}


}

@media (max-device-width: 1024px) and (orientation: portrait) { 

	.navbar-brand img {
    max-width: 218px;
}


/*accordion robagrafica*/
.panel-title-rob{
	line-height: 40px; 
	font-size: 20px; 
	font-weight: normal;
	color: inherit;
}

.panel-title-rob img{
	float:left; 
	margin-right:10px; 
	border:none; 
	width:40px;
}

}


/*@media (max-width:767px){
	
	.teaser {
text-align: center;
padding-top: 60px;
position: relative;
padding-left: 40%;
padding-right: 40%;
}
	}
*/


/* BANNER
==================================================================*/

.welcome p {
	font-size: 16px;
	font-weight: bold;
	margin: 0 30px;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px rgba(50, 50, 50, 0.75);
}

/* SUPERSLIDES
==================================================================*/

.slides-pagination {
  bottom: 10px;
}

.slides-pagination a {
  border: 2px solid #FFF;
}
.slides-pagination a.current {
  background: #FFF;
}

/* MOBILE STYLES
==================================================================*/

@media (max-width: 767px) {

	.navbar-brand img {
    max-width: 200px;
}
.navbar-fixed-top {
	top: 10px;
	left:0;
}
.navbar-default .navbar-brand {
	margin-top: 0;
}


/*accordion robagrafica*/
.panel-title-rob{
	line-height: 40px; 
	font-size: inherit; 
	font-weight: normal;
	color: inherit;
}

.panel-title-rob img{
	float:left; 
	margin-right:10px; 
	border:none; 
	width:40px;
}

}

/* TIMELINE (bootstrap)
=================================================================*/

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 40px;
        bottom: 100px;
        position: absolute;
        content: " ";
        width: 2px;
        /*background-color: #eeeeee;*/
        background-color: #fff;
        left: 50%;
        margin-left: -1px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 45%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 20px;
            padding: 20px;
            position: relative;
            /*-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
			background-color: #fff;
			
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
border-color: #fff;
border-width: 2px;
            width: 70px;
            height: 70px;
            line-height: 70px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -35px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
			font-style: italic;
			font-weight: bold;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
	font-size: 1.2em;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 50px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}

@media (max-width: 1199px) {
	
        .timeline > li > .timeline-panel {
            width: 43%;
		}

}

/*@media (max-width:991px){
	.page-title {
	margin-left: -10px;
	margin-right: -10px;
}
	.page-title h2{
	padding-left:10px;
}

}
*/

/* informativa cookie */
.cookiedef{padding-top:20px;padding-bottom:8px}
.cookieCategoryHeader{padding-top:4px}
.cookieCategoryDescription{font-size:90%;text-align:justify;margin-top:6px;margin-bottom:14px}
.cookieinfotable{border-spacing:0;border-collapse:collapse;width:100%}
.cookieinfotable tr th{color:#fff;background-color:#666;text-align:left;vertical-align:top;padding:3px 3px 3px 12px;font-size:60%;font-weight:400;text-transform:uppercase;letter-spacing:1px}
.cookieinfotable tr td{text-align:left;vertical-align:top;word-wrap:break-word;padding:3px 3px 3px 12px;font-size:85%;}
.cookieinfotable tr td.Name{width:22%}
.cookieinfotable tr td.Provider{width:18%}
.cookieinfotable tr td.StorageType{width:11%}
.cookieinfotable tr td.Expire{width:9%}
.cookieinfotable tr td.Purpose{width:40%}
.cookieinfotable tr:nth-child(even){background-color:#fff}
.cookieinfotable tr:nth-child(odd){background-color:#f8f8f8}
.updateLabel{margin-top:32px;margin-bottom:32px;}
