/* ---------------------------------------------------
    THEME CSS
    
    MASCOTTE
----------------------------------------------------- */


/* ---------------------------------------------------
    BODY
----------------------------------------------------- */


body {
	background-image: url("../../images/background/mascotte-invites-background.jpg");
	background-position: center center center;
	background-size: cover;
}
body,
main, 
main > section, 
main > section > div , 
main > section > div > div 
{
	height: 100%;
}


html#placeholderpage {
	height: 100%;
}
body#placeholder {
	background-color: #28334a;
	background-image: none;
}
body#placeholder section {
	height: 100%;
}
body#placeholder section .container {
	height: 100%;
}
body#placeholder section .container .row {
	height: 100%;
}



/* ---------------------------------------------------
    COLORS COMPANY BRAND ID
----------------------------------------------------- */

.textGreen {
	color: #8FE2B0 !important;
}
.textBlue {
	color: #28334A !important;
}
.textBrown {
	color: #4E3629 !important;
}

.bgGreen {
	background-color: #8FE2B0 !important;
}
.bgBlue {
	background-color: #28334A !important;
}
.bgBrown {
	background-color: #4E3629 !important;
}


/* ---------------------------------------------------
    COLORS DEFAULT
----------------------------------------------------- */

.textDark {
	color: #111 !important;
}
.textGrey {
	color: #333 !important;
}
.textMidgrey {
	color: #555 !important;
}
.textLightgrey {
	color: #999 !important;
}
.textAsh {
	color: #e8e9ea !important;
}	
.textWhite {
	color: #fff !important;
}

.bgDark {
	background-color: #111 !important;
}
.bgGrey {
	background-color: #333 !important;
}
.bgMidgrey {
	background-color: #666 !important;
}
.bgLightgrey{
	background-color: #999 !important;
}
.bgLightergrey{
	background-color: #cdcdcd !important;
}
.bgAsh {
	background-color: #e8e9ea !important;
}	
.bgDust {
	background-color: #e9e9e9 !important;
}	
.bgFeather {
	background-color: #f5f5f5 !important;
}	
.bgWhite {
	background-color: #fff !important;
}

.bgFeatherGrad {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #e9e9e9 10%, #f5f5f5 20%, #f8f8f8 50%, #f5f5f5 80%, #e9e9e9 90%) repeat scroll 0 0;
}

.bgWhiteTP85 {
	background: rgba(255, 255, 255, 0.85);
}
.bgWhiteTP90 {
	background: rgba(255, 255, 255, 0.90);
}

.drop_shadow {
	box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}


/* ---------------------------------------------------
    TEXT LINKS
----------------------------------------------------- */

p a {
	color: #555;
	text-decoration: underline;
}
p a:hover {
	color: #000;
}


/* ---------------------------------------------------
    BUTTONS
----------------------------------------------------- */

.btn1 {
	background-color: #fff;
	border: 2px solid #28334a;
	border-radius: 0;
	color: #28334a;
	font-family: 'Fedra Sans Pro', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: .05em;
}
.btn1:hover {
	background-color: #8fe2b0;
	border: 2px solid #8fe2b0;
	color: #28334a;
}
.btn2 {
	background-color: transparent;
	border: 2px solid #8FE2B0;
	border-radius: 0;
	color: #fff;
	font-family: 'Fedra Sans Pro', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 500;
	letter-spacing: .05em;
}
.btn2:hover {
	background-color: #8fe2b0;
	border: 2px solid #8fe2b0;
	color: #28334a;
}



/* ---------------------------------------------------
    ITEM CATEGORY
----------------------------------------------------- */

a .item_wrapper h3 {
	color: #111;	
}

.item_wrapper {
	border: 2px solid #eee;
	border-radius: .75rem;
	cursor: pointer;
	padding: 2rem;
	transition: all 0.2s ease-out;
}
.item_wrapper:hover {
	box-shadow: 0 0 7px 0 rgba(185,185,185,0.2);
}


/* ---------------------------------------------------
    FORM ELEMENTS
----------------------------------------------------- */

input {
	background-color: #fff !important;
	border: 2px solid #151d2d !important;
	border-radius: 0 !important;
	color: #222 !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400 !important;
	font-size: 17px !important;
	height: calc(1.5em + .75rem + 6px);
	letter-spacing: .025em;
	padding: .75rem .75rem .55rem .75rem !important;
	white-space: nowrap;
	text-align: left;
}
input:focus {
	border-color: #8FE2B0 !important;
	box-shadow: 0 0 0 .2rem rgba(143,226,176,.25) !important;
}
textarea {
	border: 2px solid #151d2d !important;
	border-radius: 0 !important;
}
textarea:focus {
	border-color: #8FE2B0 !important;
	box-shadow: 0 0 0 .2rem rgba(143,226,176,.25) !important;
}
.form-control::placeholder {
	color: #CCC;
	opacity: 1;
}


/* ---------------------------------------------------
    COOKIES
----------------------------------------------------- */

.cookie a {
	color: #333;
}
.cookie a:hover {
	color: #999;
	text-decoration: none;
}