/*
Theme Name: ILIP Survey Special Theme
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created for ILIP
Version: 2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: survey

*/

body{ font-family:'Open Sans', sans-serif; font-size:14px; color:#000; position:relative; margin:0; padding:0; }

a{ text-decoration:none; transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in;}
a:hover, a:visited, a:active, a:focus { text-decoration:none;}
a:hover { transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -webkit-transition: color 0.2s ease-in; }

h1,h2,h3,h4,h5{ margin: 0.5em 0 0.5em 0; }

hr { border-top: 1px solid rgba(255,255,255,.6); } 

b, strong { font-weight:bold; }

p { margin-bottom:5px; }

.autosquare { overflow:hidden; display:block; background-color:#efefef; background-attachment:scroll; background-position:center; background-size:cover; background-repeat:no-repeat;}
.autosquare img{ opacity:0; }

.btn{ border-radius:3px; transition: all 0.2s ease-in;}
.btn:hover{ transition: all 0.2s ease-in; }

.btn-default { color:#fff; border-color:#00aeef; border-radius:0; background-color:#00aeef;}
.btn-default:hover { color:#00aeef; background-color:#fff;}

.btn-default.inverted { background-color:#fff; color:#807f85; border-color:#fff; }
.btn-default.inverted:hover { color:#7baa27 !important; }

.btn.wide { display: block; width: 100%; }

.btn-wrapper{ margin:15px 0; text-align:center; }

.size-full { max-width: 100%; height: auto; margin-bottom: 15px; }
.alignright{ float:right; margin: 0 0 1em 1em; max-width: 100%;}
.alignleft{ float:left; margin: 0 1em 1em 0; max-width: 100%;}
.aligncenter { display: block; margin: 0 auto; max-width:100%; padding:1em; text-align:center;}

.neutralize{ -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition:all 0.2s ease-in-out;}
.neutralize:hover{ -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: gray; filter: grayscale(0%);}

.show-overflow{ overflow:visible !important;}

/* General Animation Styles */

.delayHalf		{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delayOne		{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delayOneHalf	{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delayTwo		{ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delayThree		{ -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }

/* Header styles */

#main-header { height: 110px; position: absolute; top: 0; right: 0; left: 0; z-index: 100; box-shadow: 0 0 4px rgba(0,0,0,0.5); background: rgba(255,255,255,0.6); }

#main-menu-wrapper { height:110px; position: relative; }

#logo-wrapper { position: relative; z-index: 10; display: block; margin: 0 auto; padding: 0; text-align: center; }
#logo-wrapper .logo { height: 90px; margin: 10px 0; }

#credits{ background-color:#fff;}

/* Slider Styles */

#slider { position: relative; }

#slider .carousel-inner { height: 100%; position: relative; width: 100%; }
#slider .carousel-inner > .carousel-item { height: 100%; }
#slider .slide{ background-attachment:scroll; background-color:transparent; background-position:center; background-repeat: no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0;}
#slider .slide img{display:none;}

.slide-cover { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); }
.carousel-caption { position: absolute; right: 0; bottom:0; left: 0; top:auto; z-index: 10; color: #fff; text-align: inherit; padding:0; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.8); font-size:1.2em;}
.carousel-caption .button-wrapper{ text-shadow:none; margin:1em 0;}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3{ margin:0 0 15px 0; }
.carousel-caption h1 { font-size:60px; }
.carousel-caption h2 { font-size:28px; }
.carousel-caption h3 { font-size:18px; }

.carousel-control-next, .carousel-control-prev { z-index: 20; }

/* Breadcrumb Styles */

#bcrumbs-wrapper { background-color: #fefefe; }
.breadcrumbs { margin: 0; font-size: 1.2em; padding: 30px 0; color: #7d7c81; font-weight: 300; text-transform: uppercase; }
.breadcrumbs a{ margin: 0 4px; color:#7d7c81; font-weight:700;}
.breadcrumbs a:hover{ margin: 0 4px; color:#ec1c23;}
.breadcrumbs  ol { list-style: outside none none; margin: 0; padding: 0; display:inline-block; vertical-align:top;}
.breadcrumbs  ol li { display:inline-block; vertical-align:top; }
.breadcrumbs  ol li:after { content:' / '; display:inline-block; vertical-align:top; margin:-1px 2px 0 2px; }
.breadcrumbs  ol li:last-child:after { display:none;  }

/* Content Styles */

.main-content { padding-top: 1em; }

h1.the_input_element, h2.the_input_element, h3.the_input_element { margin: 0 -15px !important; }
.panel.panel-default { 	margin-bottom: 1em !important; }

/* Footer Styles */

#main-footer { background-color: #1c1c1c; color: #fff; padding: 1.5em 0; font-weight: 100; border-top: 50px solid #00aeef;}
#main-footer a{ color:#fff; }
#main-footer a:hover{ color:#00aeef; }

/*Ilpa Page Template Styles */

body.ilpa {	background: linear-gradient(to bottom, #d4d4d4,#fff,#d4d4d4); }

body.ilpa #main-header { position: relative; background-color:#fff;}
body.ilpa #main-header:after { content: ''; position: absolute; height: -0.2em; display: block; background: linear-gradient(to right, #01402f 35%,#013372,#e33322 70%); top: -0.2em; right: 0; left: 0; }

body.ilpa #main-footer { background-color: #fff; color: #222; padding: 1.5em 0; font-weight: 100; border-top: none; text-align:center; position:relative; }
body.ilpa #main-footer:before { content: ''; position: absolute; height: 1.5em; display: block; background: linear-gradient(to right, #01402f 35% ,#013372,#e33322 70%); top: 0; right: 0; left: 0; box-shadow: 0 6px 3px rgba(255,255,255,0.8) inset, 0 -4px 4px rgba(0,0,0,0.4) inset; }
body.ilpa #main-footer a{ color:#222; }
body.ilpa #main-footer a:hover{ color:#ffa800; }

body.ilpa .inner-page-wrapper { background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); }

#aitec-privacy-notice .btn.btn-default { color:#fff; border-color:#00aeef; border-radius:0; background-color:#00aeef;}
#aitec-privacy-notice .btn.btn-default:hover { color:#00aeef; background-color:#fff;}