/*
 Theme Name:     Huge Child
 Theme URI:      http://demo.krownthemes.com/huge/
 Description:    A basic child theme for the Huge theme.
 Author:         RubenBristian
 Author URI:     http://rubenbristian.com
 Template:       huge
 Version:        1.3
*/

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

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

.single-image-content > div, .single-image-content > span {
padding: 0;
}

@media (max-height: 600px) {
#menu .responsive-menu {
margin-top: 0px;
}

#sidebar-widgets {
margin-bottom: -130px;
}
}

@media (min-width: 769px) {
.bubble {
display: none;
}
}

@media (max-width: 768px) {

.bubble 
{
position: absolute;
width: 225px;
top: -70px;
left: -10px;
height: 90px;
padding: 15px;
background: #5ba0d7;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: #3667a7 solid 4px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 20px 15px 0;
border-color: transparent #5ba0d7;
display: block;
width: 0;
z-index: 1;
left: -20px;
top: 17px;
}

.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 18px 23px 18px 0;
border-color: transparent #3667a7;
display: block;
width: 0;
z-index: 0;
left: -27px;
top: 14px;
}
}

/* Static state */
#container-3d 	{ 
 
	position: relative; 
}
.parent1 	{ 
	/* overall animation container */
	height: 0; 
	overflow: hidden;

	transition-property: height;
	transition-duration: 1s;
	perspective: 1000px;
	transform-style: preserve-3d;
}
.parent2	{ 
	/* full content during animation *can* go here */ 
}
.parent3	{ 
	/* animated, "folded" block */
	height: 200px; 
	transition-property: all; 
	transition-duration: 1s;
	transform: rotateX(-90deg);
	transform-origin: top; 
	background: #fff;
	padding: 20px;
	-moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

/* Hover states to trigger animations */
#container-3d:hover .parent1, #container-3d:active .parent1{ 
	height: 100%; 
	
}
#container-3d:hover .parent3, #container-3d:active .parent3{
	transform: rotateX(0deg); 
	height: 100%; 
}

#container-3d ul{
list-style: none;
}

/* Contact map */
header.format-image.a-map {
    height: 350px!important;
}

.blog-style-fixed .post-format-content {
    background: #fff !important;
}
p.hidden.error-message {
    font-size: 1.2em;
    color: #f00;
    font-weight: bold;
}
p.hidden.success-message {
    font-size: 1.3em;
    font-weight: bold;
    color: #0f0;
}