/*

Theme Name: y8

Theme URI: http://weareatak.com

Description: 

Version: 1.0

Author: Raul & Levin

Author URI: http://weareatak.com/

*/



/*Estilos generales*/

@import url('css/gumby.12col.css');

@import url('css/ui.css');

@import url('css/text.css');

body {

	background:#fff;

	color: #3a3a3a;

	font-family: 'Source Sans Pro', sans-serif;

	-webkit-font-smoothing: antialiased;

	font-smoothing: antialiased;

	text-rendering: optimizeLegibility;

	overflow-x:hidden; 

}

 html {  overflow-x:hidden; }



::selection{

	color:#000;

	background:#e7e7e7;

}



::-moz-selection{

	color:#000;

	background:#e7e7e7;

}



a {

	text-decoration: none;

}



textarea{

	font-size: 10pt;	

}



h1{

	font-family: 'Montserrat', sans-serif;

	color: #58e3f3;

	font-size: 5rem;

	line-height: 45pt;

	font-weight: 100;

}



h4{

	color: #3a3a3a;

}



.page h6{

	color:#ec297b;

	font-size: 18pt;

}

a h1:hover{

	color:#ec297b;

}



p{

	margin: 0 0 10px;

}



ul{

	margin-bottom:0px;

}



li{

	list-style:none;

	margin-bottom:0px;

}



/*Estilos cajas*/

.header{

	background:#efde41;

	

}



.menu-bar{

	background: #ec297b;

	padding: 2px 0 2px 0;

	position: absolute;

	width: 100%;

	z-index: 1;

}



#menu-primary {

	float: right;

	margin-top: 9px;

	width: 70%;
	
	text-align: center;
	
	position: relative;
	
	left: 15px;
	

}



#menu-primary li{
	margin-top: 0px;
	display: inline-block;
	width: 19%;
}



#menu-primary li:last-child{

	margin-right:0px;	

}



#menu-primary li a{

	color:#fff;

	font-size: 15pt;

}



#menu-primary li a:hover{

	/*color:#55bde8;

	text-decoration:underline;*/

	border-bottom:1px dotted #fff;

}



.fixed{

	z-index: 2; 

	position: fixed;  

	top: 0; 

	width:100%;	

}



.move-left-right{

	margin-left:-20px;

}



.move-right-left{

	margin-right:30px;

}



#logo {

	background:url('img/logo.png') no-repeat;

	width:193px;

	height:51px;

	display:block;

	float:left;

	margin-top: -2px;

	margin-left: 10px;

}



/*estilos slider*/



.ul_jj_slider, .li_jj_slider, #jj-nexgen-jquery_slider-2{

	margin-bottom:0px;

}



/*Estilos contenido*/



.wrap-content{

	margin-top: 70px;

}



.clear{

	float:left;

	width:100%;

}

.content{

	background:#fff;	

	padding-top:10px;

}



.post{

	float:left;

	width:95%;

	margin-bottom:10px;

	padding-bottom: 25px;

	border-bottom:1px solid #ec297b;

}



.wp-caption {

	border: 1px solid #e7e7e7;

	padding: 13px 0px 0px 8px;



}



.wp-caption-text{

	font-size: 10pt;

	color: #ec297b;

}



.post-pages, .post-single{

	border-bottom:none;

}



.post p img{

	float:left;

	margin-right: 10px;

	margin-top: 12px;

}



.date{

	width:100%;

	float:left;

	clear:both;

}



.date p{

	background:#3a3a3a;

	border-bottom:3px solid #ec297b;

	float:left;

	color:#fff;

	clear:both;

	padding: 5px 10px 5px 10px;

}



/*Estilos footer*/



.footer{

	background:#3a3a3a;

	color:#fff;

	padding:10px 0 10px 0;

}

.aktt_tweets, li .textwidget .friends a{

	color:#ec297b;

}



.aktt_tweets li {

	padding:5px 5px 5px 5px;

	border-bottom:1px solid #ec297b;

	line-height: 1.1;

}



.aktt_more_updates a{

	color:#fff;

}



.aktt_tweets li:last-child {

	border-bottom:none;

}



.aktt_tweets a {

	color: #fff;

}

.widget h4, .widget a{

	color:#fff;

}



.widget{

	margin-top:28px;

}



/*estilo form subscribe*/



.form-subscribe{

	text-align:center;

	margin-top: 30px;

	border-left:1px solid #5a5a5a;

	border-right:1px solid #5a5a5a;

	padding-bottom: 40px;

	

}



.form-subscribe form{

	width: 159px;

	background: #EC297B;

	padding: 15px 10px 0 10px;

	margin-left: 21%;

	margin-top:30px;

	

}



#top-mce-EMAIL{

	border: none;

	height: 20px;

	width:95%;

	text-align:center;	

	margin-left:4px;

}



#top-mce-EMAIL:focus{

	

	text-align:left;

}



.form-subscribe input.email{

	border: none;

	height:30px;

	text-align:center;

	

}



#footer-mc-embedded-subscribe, #top-mc-embedded-subscribe{

	font-family: 'Grand Hotel', cursive;

	border:none;

	background:none;

	color:#fff;

	font-size: 25pt;

	width: 100%;

}



#top-mc-embedded-subscribe-form{

	position: absolute;

	z-index: 9999;

	right: 0;

	background: #ec297b;

	padding: 7px 7px 0 7px;

	width: 112pt;

}



.friends p{

	margin-top:30px;

}



.friends ul li{

	line-height: 1.2;

	margin-bottom: 10px;

}



.copy-r {

	text-align:center;

	color:#fff;

}



.copy-r a{

	color:#fff;

}



.aktt_more_updates{

	display:none;

}



/*Estilos menu secundario*/



.menu-secondary ul li{

	width:100%;

	height:213px;

	background:url('img/img-sidebar.jpg') no-repeat;

	margin-bottom: 30px;

}



.menu-secondary ul li a{

	position:relative;

	top:50%;

	background:#EC297B;

	padding:5px;

	color:#fff;

	font-size: 15pt;

	opacity:.1;

}



/*Estilos links de navegación*/



.navigation{

	float: left;

	width: 100%;

	margin-bottom:10px;

}



.navigation p a{

	color: #58e3f3;

}



.navigation p a:hover{

	color: #ec297b;

}



.next_entries{

	float: right;

	margin-right: 20px;

	background:url('img/right_arr-nav.png') no-repeat;

	background-position: 100% 50%;

	padding-right: 25px;

}



.previous_entries{

	float:left;

	background:url('img/left_arr-nav.png') no-repeat;

	background-position: 0px 50%;

	padding-left: 25px;

}

.next_entries:hover{

	background:url('img/right_arr_pink.png') no-repeat;

	background-position: 100% 50%;

	padding-right: 25px;

}

.previous_entries:hover{

	background:url('img/left_arr_pink.png') no-repeat;

	background-position: 0px 50%;

	padding-right: 25px;

}

/*Estilos social*/



.social-icons{

	position: absolute;

	right: 0;

	top: 88px;

	z-index: 9999;

}



.social-icons li{

	width: 50px;

	height: 50px;

	background: #ec297b;

	display: inline-block;

	margin-right: 4px;

}



.social-icons li:last-child{

	margin-right:0px;

}



.social-icons li a{

	background: url('img/social-icons.png') no-repeat;

	display: block;

	width: 50px;

	height: 50px;

}



/*estilos social single*/



.social{

	margin-bottom:13px;

}



.social li{

	display: inline-block;

	min-width: 82px;

	padding: 0px 25px 0 0;

	

}



.social li a{

	color:#fff;

	background: url(img/social_single.png) #ec297b no-repeat;

	width:100%;

	height:100%;

	display:block;

	padding-right: 6px;

	text-align:right;

}



/*Estilos para la animación del menu sec*/



.link-menu-sec-hover{

	position:absolute;

	z-index: 1;

}



.link-menu-sec-hover a{

	background:#EC297B;

	padding:5px;

	color:#fff;

	font-size: 15pt;

}



/*Responsive menu*/



#menu-responsive-menu{

	display:none;

	margin-top:15px;

	float: left;

	width: 100%;

	margin-bottom: 21px;

	margin-left: 12%;

}



#menu-responsive-menu li{

	float: left;

	background: url('img/img-sidebar.jpg') no-repeat;

	width: 32%;

	height: 213px;

	margin-right: 8px;

	

	

}



#menu-responsive-menu li:last-child{

	margin-right: 0px;

	

}



#menu-responsive-menu li a{

	color: #fff;

	background: #ec297b;

	position: relative;

	top: 40%;

	padding: 6px;

	

}



/*social responsive footer*/

#social-icons-responsive{

	position: relative;

	top: 17px;

	left:6px;

	display:none;

}



#social-icons-responsive .facebook-responsive, 

#social-icons-responsive .twitter-responsive,

#social-icons-responsive .rss-responsive{

	background:url('img/social-icons-responsive.png') no-repeat;

	width: 79px;

	height: 98px;

	display:block;

}



#social-icons-responsive li{

	background-color:#EC297B;

	float:left;

	margin-right:10px;

}







#social-icons-responsive .facebook-responsive{

	background-position: 50% 11px;

}



#social-icons-responsive .twitter-responsive{

	background-position: 50%;

}



#social-icons-responsive .rss-responsive{

	background-position: 50% -136px;

}



.fancybox img{

	margin-right: 8px;

}





/*estilos form enviar email*/



#form-email-this{

	display:none;

	min-width:300px;

	background-color:#ec297b;

	padding:15px;

	color:#fff;

}



#form-email-this input#friends_email, #form-email-this #my_name{

	width: 221px;

	height: 25px;

	margin-top: 10px;

	padding: 4px;

	font-size: 11pt;

	color:#3a3a3a;

}



#form-email-this input#my_name{

	margin-bottom: 10px;

}

#form-email-this #send{

	width: 100%;

	background:none;

	border:none;

	font-family: 'Grand Hotel', cursive;

	color:#fff;

	font-size: 25pt;

	

}



.yogi-afro{

	background: url(img/yogi_afro.png) no-repeat;

	width: 83px;

	height: 92px;

	display: block;

	position: relative;

	float: right;

	top: 28px;

	

}



#form-email-this textarea{

	border: 1px solid #e7e7e7;

	max-width: 98%;

	padding: 5px 0px 0px 5px;

	font-size: 11pt;

	color: #3a3a3a;

}



/*Estilos 404*/



#pagina-404{

	margin-top: 144px;

	margin-bottom: 7%;	

}



#about-me-title{

	font-size: 25pt;

	line-height: 27pt;

	font-weight: 100;

}



#contact-me-form,#speaking-form{

	background-color:#ec297b;

	width:90%;

	padding: 26px 13px 15px 28px;

	color:#fff;

}



.titulo_4{

	font-size: 16pt;

	color: #ec297b;

	margin-bottom: 10px;

	display: block;

}



#contact-me-form span.inputs, #speaking-form span.inputs{

	width: 50%;

	float: left;

	margin-bottom: 12px;

}



#speaking-form span.inputs{

	margin-bottom: 20px;	

}



#contact-me-form span.right input, #contact-me-form span.right label {

	

}

#mensaje-enviado, #mensaje-no-enviado{
	display: none;
	color: #fff;
	/*display: block;*/
	position: absolute;
	width: 310px;
	left: 23.8%;
	top: 38%;
	z-index: 9999;
	background: #000;
	filter: alpha(opacity=60);
	opacity: .6;
	padding: 15px;
}

#contact-me-form span.inputs input, #speaking-form span.inputs input{

	width: 93%;

	height: 30px;

}

#speaking-form span.input-complete{

	width: 100%;

}



#contact-me-title{

	font-size: 37pt;

	line-height: 38pt;

	font-weight: 100;

}

#contact-me-form input, #contact-me-form textarea, #speaking-form input, #speaking-form textarea{

	border:none;

	

}



#contact-me-form textarea,#speaking-form textarea{

	border:none;

	width: 96.4%;

	margin-top: 4px;	

}



#contact-me-form #send-button, #speaking-form #send-button{

	font-family: 'Grand Hotel', cursive;

	color: #ec297b;

	background: #fff;

	border: none;

	font-size: 17pt;

	width: 78px;

	position: relative;

	left: 40%;

	margin-top: 15px;

	

}



.menu-480{

	display:none;

	margin-top: 34px;

	margin-bottom: -27px;

	padding: 0;

	background-color:#ec297b;



}



.menu-480 ul li{

	border-bottom:1px solid #fff;

}



.menu-480 ul li a {

	font-size: 17pt;

	color:#fff;

}



/*estilos de pagina*/

.page{

	margin-bottom:15px;

}

.page a{

	color:#ec297b;

}



.page p {

	margin:0;

}



/*Estilos podcast*/

.podcast{

	margin-bottom:15px;

}

.podcast .title-video{

	color:#ec297b;

	font-size: 18pt;

}



/*Estilos youtube*/



.podcast p  {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}



.podcast p iframe,

.podcast p  object,

.podcast p  embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



iframe{

	top: 0;

    left: 0;

    width: 100%;

    

}



/*Search form*/



#searchform{

	background-color: #ec297b;

	margin-bottom: 25px;

	max-width: 294px;

	padding-left: 4px;

	padding-top: 1px;

	padding-bottom: 3px;

}



#searchform #s{

	width: 88%;

	height: 18px;

}



#searchform input{

	border:none;

}



#searchsubmit{

	background: url('img/lupa.png') no-repeat;

	width: 21px;

	height: 24px;

	position: absolute;

	top: 7px;

	right: 7px;





}



/*Galeria*/



.images-thumbnails li{

	display:inline-block;

	margin-left: 5px;

}



.attachment-thumbnail{

	border:none;!important

}



.social-sign-in-links, .social-divider{

	display:none;

}



/*Estilos comentarios*/



#commentform{

	background-color: #ec297b;

	padding: 22px 17px 19px 17px;

	float: left;

	width: 94%;

	margin-bottom: 15px;

}



#commentform label{

	display:inline-block;

	color:#fff;

}



#commentform input{

	border: none;

	height: 27px;

	width: 41%;

	font-size: 10pt;

	padding: 0px 0px 0px 5px;

}



#commentform #comment{

	font-size: 10pt;

	padding: 5px 0px 0px 5px;

	width: 99%;

}



#commentform #submit-comment{

	font-family: 'Grand Hotel', cursive;

	color: #ec297b;

	background: #fff;

	border: none;

	font-size: 17pt;

	width: 80px;

	float: right;

	padding: 0px 5px 0px 0px;

	height: 40px;

}



#respond h3{

	color: #ec297b;

	text-transform:uppercase;

}





#comments a{

	color: #ec297b;

}



#comments h4{

	margin-bottom: -12px;

}



ol{

	margin-left:0px;

}



.comment {

	border-bottom:1px solid #ec297b;

	margin-bottom:15px; 

}



.comment li {

	border:none;

	margin-bottom:15px; 

	margin-left:30px;

}



.popular-posts a {

	color: #ec297b;

}



.popular-posts ul {

	margin:0px;

}



#read-comments-responsive{display:none;}

#menu-button{
	
	display: none;
	
}

/*Responsive*/



@media only screen and (max-width: 768px) {

   /* Style adjustments for viewports 768px and over go here */
   #menu-button{
		text-transform: uppercase;
		color: #FFF;
		cursor: pointer;
		position: absolute;
		top: -3px;
		display: block;
		right: 13px;
		background-color: #ad0d50;
		height: 40px;
		padding: 0px 15px;
		padding-top: 14px;
	}
 #video-on-demand{display:none;}
   body {  overflow-x:hidden; }

    #menu-primary{
		display:none;
		float:none;

		width:100%;

		margin-left: 10px;

	}
	
	.page {margin-top:0px;}

	 #menu-primary li:first-child{

		text-align:left;

	}

	

	/*#menu-primary li{

			

	}

	

	#menu-primary li:last-child{

		

	}*/

	

	.podcast:first-child{

		margin

	}

	

	.menu-secondary,

	.widget,

	.slider-wrapper,

	.friends,

	.form-subscribe p, 

	#searchform, 

	#respond,

	#text-read-comments

	{

		display:none;

	}

	

	.header{

		width:0px;

		height:0px;

	}

	

	#logo{

		width:100%;

		background-position: 50%;

	}

	

	#menu-responsive-menu, #read-comments-responsive

	{display:block;}

	#social-icons-responsive

	{

		display:inline-block;

		

	}

	

	/*#menu-responsive-menu li:last-child{

		

	}*/

	

	.form-subscribe form{

		margin-left: 0px;

		display: inline-block;

	}

	.form-subscribe p{}

}



@media only screen and (max-width: 480px) {

   /* Style adjustments for viewports 768px and over go here */
   p{text-align:left;}
   body {  overflow-x:hidden; }

   #menu-primary, #menu-responsive-menu{

		display:none;

	}
	
	#logo{

		width:100%;

		background-position: 0% 50%;

	}
	
	#menu-button{
		text-transform: uppercase;
		color: #FFF;
		cursor: pointer;
		position: absolute;
		top: -3px;
		display: block;
		right: 13px;
		background-color: #ad0d50;
		height: 40px;
		padding: 0px 15px;
		padding-top: 14px;
	}

	

	.menu-480{

		/*display:block;*/

	}

	

	h1{

		line-height: 36pt;

		font-size: 29pt;

	}

	

	.social li{

		display: block;

		padding: 0px 25px 0 0;

		margin-bottom: 5px;

		width: 82px;

	}

	#social-icons-responsive

	{

		display:inline-block;

		

	}

	

	

   

}



@media only screen and (max-width: 240px) {



	#social-icons-responsive li

	{

		float: none;

		display: inline-block;

		margin-bottom: 10px;

		

	}   

}

#menu-responsive-menu li {
	margin-left: 4%;
	margin-bottom: 3%;
	margin-top: 3%;
}


/*.product_type_variable{display:none;}*/


#mensaje-mail{
	background-color: #403B39;
	padding: 5px;
	color: #FFF;
	position: absolute;
	left: 27%;
	bottom: 4%;
	display: none;
	text-align: center;
}

#speaking-form span.inputs input.time{
	display: inline;
	position: relative;
	width: 40px;
	margin-right: 10px;
	padding-left: 20px;
}

.husos{
	height: 32px;
	border: none;
	padding: 6px;
}