/*!
Theme Name:      Generatepress Child
Theme URI:       GeneratePress
Author:      Taner Temel
Author URI:      www.bolton365.net
Template:        generatepress
Version:     0.0.2
Description:      A child theme by Bolton Schools ICT Webs department.
*/

/* BSICT Custom hover styles */
/* color to Grayscale */
.color img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 1s ease;
}

.color img:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
transition: 1s ease;
}

/* fadein Image CSS */
.fadein img{
opacity:0.5;
transition: 1s ease;
}

.fadein img:hover{
opacity:1;
transition: 1s ease;
}

/* grow Image CSS */
.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}


/* shrink Image CSS */
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}


/* square to Circle CSS  */
.circle img {
transition: 1s ease;
}

.circle img:hover {
border-radius:50%;
transition: 1s ease;
}

/* 3D Shadow CSS  */
.shadow img {
transition: .5s ease;
}

.shadow img:hover{
box-shadow:
1px 1px #373737,
2px 2px #373737,
3px 3px #373737,
4px 4px #373737,
5px 5px #373737,
6px 6px #373737;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
}

/*  .border To Image CSS */
.border img {
transition: .5s ease;
}

.border img:hover{
box-shadow: 0 0 0 10px #000000;
transition: .5s ease;
}


/*  .blur Image CSS */
.blur img{
transition: 1s ease;
}

.blur img:hover {
-webkit-filter: blur(5px);
transition: 1s ease;
}

/*  .rotate Image CSS  */
.rotate img{
transition: 1s ease;
}

.rotate img:hover{
-webkit-transform: rotateZ(-10deg);
-ms-transform: rotateZ(-10deg);
transform: rotateZ(-10deg);
transition: 1s ease;
}


/*  .brighten Image CSS */
.brighten img {
-webkit-filter: brightness(50%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.brighten img:hover {
-webkit-filter: brightness(100%);
}