/*
Theme Name: Aardvark Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Aardvark WordPress theme.
Version: 1.0
Author: GhostPool
Author URI: http://www.ghostpool.com
Text Domain: aardvark
Template: aardvark
*/

/*--------------------------------------------------------------------------------------

Demo Switcher

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Demo panel
--------------------------------------------------------------*/

body.gp-demo-switcher-loaded {
overflow: hidden;
}
.gp-demo-panel {
display: none;
position: fixed;
right: 0;
top: 0;
z-index: 99999999;
min-height: 100%;
width: 503px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform: translateX(503px);
transform: translateX(503px);
}
@media screen\0 { /* IE 8/9/10/11 Fix */
.gp-demo-panel {
width: 507px;
transform: translateX(507px);
}
}
.gp-demo-panel.gp-active {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/

.gp-panel-button {
display: block;
position: absolute;
left: -50px;
top: 200px;
width: 50px;
padding: 10px 0;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
background: #fff;
font-size: 36px;
line-height: 1;
text-align: center;
color: #777;
}
.gp-panel-button:hover {
color: #232323;
}

/*--------------------------------------------------------------
Content panel
--------------------------------------------------------------*/

/* General ************************************/

.gp-content-panel {
overflow: hidden;
overflow-y: scroll;
position: absolute;
width: 503px;
height: 100%;
background: #fff;
padding: 20px;
}
@media screen\0 { /* IE 8/9/10/11 Fix */
.gp-content-panel {
width: 507px;
}
}
.admin-bar .gp-content-panel {
padding-bottom: 72px;
}
.admin-bar .gp-content-panel {
margin-top: 52px;
}

/* Scrollbar ************************************/

html:not(.touchevents) .gp-scrollbar::-webkit-scrollbar {
width: 13px;
}
html:not(.touchevents) .gp-scrollbar::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #1ebac8;
border: 4px solid #e6e6e6;
}
html:not(.touchevents) .gp-scrollbar::-webkit-scrollbar-track {
background-color: #e6e6e6;
}

/* Header ************************************/

.gp-panel-header {    
width: 100%;
margin: 0 0 20px 0;
text-align: center;
font-size: 20px;
color: #232323;
line-height: 1;
}

/* Demo boxes ************************************/

.gp-demo-boxes {
float: left;
width: 100%;
}

 /* Images ************************************/
   
.gp-demo-thumb {
display: none;
position: relative;
float: left;
width: 215px;
height: 161px;
margin: 5px;
font-size: 0px;
line-height: 0px;
background: #000;
border-radius: 4px;
}
.gp-demo-thumb img {
opacity: 0.7;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
border-radius: 4px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}    
.gp-demo-panel.gp-active .gp-demo-thumb {
display: block;
}
.gp-demo-thumb:hover img {
opacity: 1;
box-shadow: 0 0 30px #39c8df;
}

/*--------------------------------------------------------------------------------------

Landing Page Demo

--------------------------------------------------------------------------------------*/

#demos .wpb_single_image img:hover{
box-shadow:0 0 30px #39c8df;
}
.gp-new-icon {
position: absolute;
top: -15px;
right: 0;
width: 50px;
height: 50px;
background-color: #05a4e5;
border-radius: 100%;
text-align: center;
font-size: 13px;
line-height: 50px;
color: #fff;
font-weight: 700;
}

/*--------------------------------------------------------------------------------------

Other Demos

--------------------------------------------------------------------------------------*/

li:not(.yz_effect).activity_quoteactivity,
li:not(.yz_effect).activity_videoactivity,
li:not(.yz_effect).activity_slideshowactivity {
display: none;
}

/*--------------------------------------------------------------
Media queries
--------------------------------------------------------------*/

@media only screen and (min-width : 782px) {

	.admin-bar .gp-content-panel {
	padding-bottom: 52px;
	}
	.admin-bar .gp-content-panel {
	margin-top: 32px;
	}

}

@media only screen and (min-width : 580px) {

	.gp-demo-panel {
	display: block;
	}

}