/*
Theme Name: mycore
Theme URI: http://www.mycore.it/
Author: Gruppo Pragma - Luca Larice
Author URI: http://www.gruppopragma.com/
Description: Tema personalizzato per mycore
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pragma 
Tags:

Pragma theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('assets/css/normalize.css');


/*--------------------------------------------------------------
# WP GENERAL
--------------------------------------------------------------*/
@import url('assets/css/general-rules.css');

/*--------------------------------------------------------------
# FORM
--------------------------------------------------------------*/
@import url('assets/css/form.css');


/*--------------------------------------------------------------
# BOOTSTRAP GRID SETUP
--------------------------------------------------------------*/
.container{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}



/*--------------------------------------------------------------
# Spacer
--------------------------------------------------------------*/
.spaceT5{padding-top:5px;}
.spaceT10{padding-top:10px;}
.spaceT20{padding-top:20px;}
.spaceT30{padding-top:30px;}
.spaceT40{padding-top:40px;}
.spaceT50{padding-top:50px;}
.spaceB5{padding-bottom:5px;}
.spaceB10{padding-bottom:10px;}
.spaceB20{padding-bottom:20px;}
.spaceB30{padding-bottom:30px;}
.spaceT40{padding-bottom:40px;}
.spaceB50{padding-bottom:50px;}
.spaceTB5{padding-top:5px; padding-bottom:5px;}
.spaceTB10{padding-top:10px; padding-bottom:10px;}
.spaceTB20{padding-top:20px; padding-bottom:20px;}
.spaceTB30{padding-top:30px; padding-bottom:30px;}
.spaceTB40{padding-top:40px; padding-bottom:40px;}
.spaceTB50{padding-top:50px; padding-bottom:50px;}
.space10{padding:10px;}
.space15{padding:15px;}
.space20{padding:20px;}
.space30{padding:30px;}
.space40{padding:40px;}
.space50{padding:50px;}
.spaceL5{padding-left:5px;}
.spaceL10{padding-left:10px;}
.spaceL20{padding-left:20px;}
.spaceR5{padding-right:5px;}
.spaceR10{padding-right:10px;}
.spaceR20{padding-right:20px;}


/*--------------------------------------------------------------
# Utils
--------------------------------------------------------------*/
.bold, .text-bold{font-weight: bold;}
.full-height{height:100%;}
.uppercase{text-transform: uppercase;}

img{max-width: 100%}


/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
.bg-white{background: #fff;}
.bg-grey{background: #484e4b;}
.bg-grey2{background: #c1baa4;}

.white, .white a{color: #fff !important;}






/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html{
	font-size: 55.5%; /* $rembase = 10px */
}
body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}
ul, ol {
	margin: 0 0 1.5rem 1rem;
	padding: 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
hr {
	border : 0;
	height : 1px;
	margin : 1em 0;
	color: #484e4b;
    background: #484e4b;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #484e4b;
    font-family: 'Rubik', sans-serif;
	font-size: 1.3rem; /* 13 ÷ $rembase */
	line-height: 1.4;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Rubik', sans-serif;
	clear: both;
	color: #c1baa4;
	font-weight: normal;
}

/* FIBONACCI font base
H1=32
H2=24
H3=19
H4=16
H5=14
H6=13
*/

h1, .h1{
    font-size: 2.3rem; 
}
h2, .h2{
    font-size: 1.8rem; 
    line-height: 2rem;
    margin-bottom: 0;
}
h3, .h3{
    font-size: 1.8rem; 
    line-height: 2rem;
    margin-bottom: 0;
}
h4, .h4{
    font-size: 1.8rem; 
    color: #9d9d9d;
    font-weight: bold;
    line-height: auto;
}
h5, .h5{
    font-size: 1.4rem; 
    line-height: auto;
    text-transform: none;
}
h6, .h6{
    font-size: 1.3rem; 
    line-height: 1.4;
    font-weight: bold;
}


p {
	margin-bottom: 1.5em;
}



/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { 
	color: #000; 
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a:hover, a:focus, a:active {
	color: #665446;
	text-decoration: none;
}
a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	outline: 0;
}




/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.social_top a {
    background-color: #fff;
    border: 1px solid #c1baa4;
    color: #c1baa4;
    height: 30px;
    width: 30px;
    padding: 4px 5px;
    text-align: center;
    font-size: 14px;
    margin-left: 5px;
    display: inline-block;
}
.menu-triangolo{
	background: #484e4b url('../images/piega_w.png') no-repeat top right;
	background-size: 20px;
}


.icon-cont{
	padding-bottom: 30px;
	padding-top: 30px;
}
.icon-cont h2{padding-bottom: 20px;}
.icon{
	padding-bottom:20px;
}
.icon img{
	height: 90px;
}





.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-top:3px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer > div{
	background: #c1baa4 url('../images/footer_back.png') no-repeat bottom left !important;
}
.social a{
	font-size: 2rem;
	padding-right: 10px;
	vertical-align: middle;
}
.logo-footer{
	width: 180px;
}








/*--------------------------------------------------------------
# Forms + vedi form.css
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	color: #fff;
	border: 1px solid #c1baa4;
	background-color: transparent;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
}
._has_error, ._error-inner{
	border-color: #e8603c !important;
	color: #e8603c;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color:#fff;
}
textarea {
	border-width: 1px;
	width: 100%;
	color: #484e4b;
	height: 96%;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	background: #c1baa4;
	color: #484e4b;
	border: 0 none;
	text-decoration: underline;
	text-transform: uppercase;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	opacity: 0.8;
	cursor: pointer;
}
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 {
	opacity: 0.8;
	cursor: pointer;
}

.form-group-due input, .form-group-due input:hover, .form-group-due input:focus, textarea:focus{
	color: #484e4b !important;
}



input.input-error{
	border-color: red;
}


.success{
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
}






































/*==========  Non-Mobile First Method  ==========*/

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}

	/*--------------------------------------------------------------
	# BOOTSTRAP GRID SETUP
	--------------------------------------------------------------*/
	.container{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	html{
		font-size: 57.5%; /* $rembase = 10px */
	}
	
	/*--------------------------------------------------------------
	# BOOTSTRAP GRID SETUP
	--------------------------------------------------------------*/
	.container{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}

	/*--------------------------------------------------------------
	# BOOTSTRAP GRID SETUP
	--------------------------------------------------------------*/
	.container{
		width: 1240px;
	}

	.social_top{
		padding-top:50px;
	}
	

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html{
		font-size: 63.5%; /* $rembase = 10px */
	}

	
	
}