/*
Theme Name: Customized-EIS
Version: 1.0
Description: A child theme of Customizr
Template: customizr
*/

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

.kl-erq {
border-radius:50px;
border:3px solid #9db668;
padding:10px;
}

/* Remove the page icon */
.format-icon:before {
display:none;
}

/* Slider customization */
#customizr-slider.carousel .item {
height:300px;
min-height:300px;
line-height:300px;
}

/* used for an icon on the contact page, not used anymore */
.contactRight{
text-align:right;
padding:5px 20px 5px 0px;
border-right:5px solid #9db668;
margin:0 0 20px;
line-height:2em;
font-style: italic;
background: #fff;
}

/* Viadeo */
.icon-viadeo:before {
content: "";    
width: 18px;
height: 18px;
display: inline-block;
background: url("http://www.e-is.pro/wp-content/themes/customized-eis/viadeo.png") no-repeat;
background-size: 18px 18px;
}

/* change the color on mouse over */
/**/
a.icon-viadeo:hover:before {
color:9db668;
background: url("http://www.e-is.pro/wp-content/themes/customized-eis/viadeo_g.png") no-repeat;
width: 18px;
height: 18px;
background-size: 18px 18px;
}

/* change viadeo icon size in sidebars*/
.social-block.widget_social .icon-viadeo:before {
width: 14px;
height: 14px;
background-size: 14px 14px;
}

/* change viadeo icon size in footer */
#footer.footer .colophon .icon-viadeo:before {
width: 16px;
height: 16px;
background-size: 16px 16px;
}

/***
DEMO PAGE
***/
/* custom image for demo page */
img.demo-img {
width: 300px;
height: 147px;
border: 5px solid white;
box-shadow: 1px 1px 12px #555;
}

/* block that contains the image and the black block to display */
.block {
width: 310px;
height: 157px;
position: relative;
display: inline-block;

}

/* text that will appear on top of the image, with the black block */
p.demo {
text-align: center;
color: white;
font-size: 1.5em;
margin-top: 60px;
}

/* dark overlay which will be on top of the image */
.opac {
width: 310px;
height: 157px;
position: absolute;
background-color: black;
opacity: 0.75;
z-index: 10;
display: none;
cursor: pointer;
}

/* allows the dark overlay to become visible */
.block:hover > .opac {
display: block;
}


/* image related to each screen prints */
img.demo-info {
width: 180px;
vertical-align: middle;
}

/* to align the info image on the left */
p.info {
height: 157px;
text-align: left;
line-height: 157px;
padding: 0 !important ; 
}

/* align the center database image in the center of the page */
p.demo-db {
text-align: center;
}

/* set the size of the db image */
img.demo-db {
width: 180px;
}

/* align the left link image to the right */
p.demo-link-left {
text-align: right;
}

/* align the rightlink image to the left */
p.demo-link-right {
text-align: left;
}

.demo-suite {
display:block;
background: url(http://www.e-is.pro/wp-content/uploads/2014/11/suite-allegro.png) no-repeat;
background-size: 310px 157px;
padding: 4em 2em;

}

a.demo-links {
color: #fafbf3;
line-height: 2em;
}

.demo-links a:visited a:hover {
color: #ede8e2;
}