@import "css/reset.css";
@import "css/plugins.css";
@import "css/form.css";

/*   
Theme Name: Agile English
Theme URI: http://www.agileenglish.es
Description: Tema diseñado y desarrollado por Marcel Abellanet y Fery Rohrer de ELSPIXELS
Author: ELSPIXELS 
Author URI: http://www.elspixels.com
Version: 04/2015
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: responsive-layout, custom-header, translation-ready, custom-menu
Text Domain: my-text-domain
*/
/*-----------------------------------------------------------------------------------*/
/* WP CORE
/*-----------------------------------------------------------------------------------*/
.alignnone {
}

.aligncenter,div.aligncenter {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

img.alignnone,a img.alignnone {
}

img.alignright,a img.alignright {
	float:right;
	margin:0 0 1em 1em;
}

img.alignleft,a img.alignleft {
	float:left;
	margin:0 1em 1em 0;
}

img.aligncenter,a img.aligncenter {
	display:block!important;
	margin-right:auto;
	margin-left:auto;
}

.wp-caption {
	width:100%!important;
	text-align:center;
}

.wp-caption.alignnone {
}

.wp-caption.alignleft {
}

.wp-caption.alignright {
}

.wp-caption img {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	margin:0;
	padding:5px 5px 20px;
	font-size:12px;
	line-height:15px;
}

.sticky {
	#forstickyposts:codex.wordpress.org/Sticky_Posts;
}

.gallery-caption {
}

.bypostauthor {
}

/*-----------------------------------------------------------------------------------*/
/* GENERAL SETTINGS
/*-----------------------------------------------------------------------------------*/
html,body {
	width:100%;
	height:100%;
}

html /* This helps isotope calculate the container correctly */{
	overflow-y: scroll;
}

body {
	background-color:#fff;
	color:#222;
	text-align:left;
	letter-spacing:.8px;
	font-weight:500;
	font-size:18px;
	font-family:'Raleway',Trebuchet MS,Arial,Helvetica,sans-serif;
	line-height:22px;
/*font-style:italic;*/
	font-style:normal;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.clear_right {
	clear:right;
}

.clear_left {
	clear:left;
}

/*---------------*/
/* clearfix hack */
/*---------------*/
.clearfix:after {
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	width:0;
	height:0;
	content:'';
}

.clearfix {
	zoom:1;
}

/*-----------*/
/* separator */
/*-----------*/
.box_clear {
	clear:both;
}

/*----------------*/
/* links: general */
/*----------------*/
a {
	margin:0;
	padding:0;
	outline:none;
	background:transparent;
	color:#E1001A;
	text-decoration:none;
	font-size:100%;
}

a:hover {
	text-decoration:underline;
}

p {
	margin-bottom:20px;
}

/*----------------------------------------------*/
/* in visual editor under -> dropdown "formats" */
/*----------------------------------------------*/
.images-in-row-wrapper-centered {
	display:table;
	margin:0 auto 20px;
	width:auto;
}

.mob-yes {
	display:none!important;
}

/*---------*/
/* colores */
/*---------*/
.col_black {
	color:#222;
}

.col_darkgray {
	color:#999;
}

.col_lightgray {
	color:#EEE;
}

.col_red {
	color:#E1001A;
}

/*-----------------*/
/* separation line */
/*-----------------*/
.sep-line {
	padding:35px 12px 0!important;
	max-width:940px!important;
	height:1px;
}

/*---------*/
/* margins */
/*---------*/
.margin-140 {
	margin-right:140px;
}

/*-----------------*/
/* boton: back-but */
/*-----------------*/
.back-but {
	position:relative;
	z-index:999;
	margin:0 auto;
	width:100%;
	font-weight:700;
	font-size:15px;
}

.back-but a {
	margin-left:-35px;
	padding-left:35px;
	text-decoration:none;
}

.back-but::before {
	display:block;
	float:left;
	margin:-1.2px 7px 0 0;
	width:25px;
	height:25px;
	background:url("images/ico_backbut.png") no-repeat;
	content:"";
}

/*-----------------*/
/* boton: readmore */
/*-----------------*/
.readmore {
	color:#E1001A;
	font-weight:700;
	font-size:13px;
	line-height:normal;
}

/*-----------------*/
/* boton: gray_but */
/*-----------------*/
.gray_but /* HOVER OFF */ {
	display:inline-block;
	margin-bottom:6px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#606060;
	-webkit-transition:background 400ms ease;
	-moz-transition:background 400ms ease;
	-ms-transition:background 400ms ease;
	-o-transition:background 400ms ease;
	transition:background 400ms ease;
}

.gray_but:hover /* HOVER ON */ {
	background-color:#E1001A;
	-webkit-transition:background 400ms ease;
	-moz-transition:background 400ms ease;
	-ms-transition:background 400ms ease;
	-o-transition:background 400ms ease;
	transition:background 400ms ease;
}

.gray_but a {
	display:inline-block;
	padding:5px 20px;
	color:#FFF;
	text-decoration:none!important;
	font-weight:700;
	font-style:normal;
}

.gray_but p {
	margin-bottom:0;
}

/*-------------------------*/
/* list: with social icons */
/*-------------------------*/
ul.social-ico-list {
	display:table;
	margin:0 auto 18px!important;
	width:100%;
	list-style:none;
}

ul.social-ico-list li /* HOVER OFF */ {
	float:left;
	overflow:hidden;
	margin:0 6px 6px 0;
	width:34px;
	height:34px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#606060;
	list-style:none;
	-webkit-transition:background 400ms ease;
	-moz-transition:background 400ms ease;
	-ms-transition:background 400ms ease;
	-o-transition:background 400ms ease;
	transition:background 400ms ease;
}

aside ul.social-ico-list li {
	width:34px;
	height:34px;
	-webkit-border-radius:17px;
	border-radius:17px;
}

ul.social-ico-list li img {
	width:100%!important;
	height:100%!important;
}

ul.social-ico-list li a {
	display:inline-block;
	width:100%;
	height:100%;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	line-height:40px;
}

aside ul.social-ico-list li a {
	font-size:12px;
	line-height:32px;
}

ul.social-ico-list li:hover /* HOVER ON */ {
	-webkit-transition:background 400ms ease;
	-moz-transition:background 400ms ease;
	-ms-transition:background 400ms ease;
	-o-transition:background 400ms ease;
	transition:background 400ms ease;
}

ul.social-ico-list li.fb:hover {
	background-color:#3b5998;
}

ul.social-ico-list li.tw:hover {
	background-color:#00aced;
}

ul.social-ico-list li.gp:hover {
	background-color:#dd4b39;
}

ul.social-ico-list li.pi:hover {
	background-color:#cb2027;
}

ul.social-ico-list li.in:hover {
	background-color:#007bb6;
}

/*-----------------------------------------------------------------------------------*/
/* HEADER TAGS
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	display:block;
	letter-spacing:1px;
	font-size:18px;
	line-height:normal;
}

h1 {
	font-size:24px;
}

h2 {
	margin-bottom:20px;
	color:#E1001A;
}

h3 {
	margin-bottom:20px;
	color:#222;
}

h4 {
	color:#E1001A;
}

h5 {
}

h6 {
}

/*-----------------------------------------------------------------------------------*/
/* CONTAINER
/*-----------------------------------------------------------------------------------*/
#main_wrapper {
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto!important;
}

#inner_box {
	position:relative;
	width:100%;
	height:auto;
}

#inner_box.contact {
	display:inline-block;
	margin-top:50px;
	padding-bottom:25px;
	width:100%;
	background-color:#EEE;
}

/*-----------------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------------*/
header {
	position:relative;
	z-index:20;
	width:100%;
	height:100px;
	background-color:#BE1623;
}

header #inner_box {
	margin:0 auto;
	max-width:960px;
	height:100%;
}

header a {
	color:#FFF;
}

header .logo {
	position:absolute;
	top:0;
	left:10px;
	z-index:1;
	float:left;
	width:182px;
	height:158px;
	text-align:center;
	font-size:17.5px;
}

/*-----------------------------------------------------------------------------------*/
/* CONTENT
/*-----------------------------------------------------------------------------------*/
#content_wrapper {
	position:relative;
	overflow:visible;
	margin:0 auto;
	width:100%;
}

.content {
	position:relative;
	overflow:visible;
}

.entry {
}

.entry li {
	margin-bottom:6px;
}

/*-----------*/
/* home page */
/*-----------*/
.home_page {
}

.home_page .content {
	margin:0 auto;
	max-width:960px;
}

.home_page .content .entry {
	padding:45px 2% 0;
}

.home_page .pagination {
	display:none;
}

.home_page .string_title {
	margin:0 auto;
	padding:0 2%;
	max-width:920px;
}

.home_page .string_title h2 {
	margin:45px 0 0;
}

/*--------------*/
/* single pages */
/*--------------*/
.single_pages {
}

.single_pages .content {
	margin:0 auto;
	max-width:960px;
}

.single_pages .content .entry {
	padding:45px 2% 0;
}

.single_pages .content img {
	display:inline-block;
	max-width:100%;
	height:auto;
}

/*-------------------*/
/* single pages blog */
/*-------------------*/
.single_pages.blog .content {
	display:table;
}

.single_pages.blog .content .entry {
	float:left;
	padding-top:70px;
}

.single_pages.blog .content .entry.left {
	padding-right:3%!important;
	width:62%;
}

.single_pages.blog .content .entry.left h1 {
	margin-bottom:8px;
}

.single_pages.blog .content .entry.left small {
	margin-bottom:20px;
}

.single_pages.blog .content .entry.left .attachment-full {
	margin-bottom:12px;
	width:100%;
	height:auto;
}

.single_pages.blog .content .entry.right {
	padding-left:0!important;
	width:31%;
}

/*-----------------*/
/* recent post box */
/*-----------------*/
.single_pages.blog .content .entry.right .content {
	float:left;
	margin:20px 0 0;
	width:100%;
	background-color:#EEE;
}

.single_pages.blog .content .entry.right .content a {
	display:inline-block;
	color:#222;
	text-decoration:none;
}

.single_pages.blog .content .entry.right .content .thumb {
	float:left;
	width:auto;
}

.single_pages.blog .content .entry.right .content .thumb img {
	margin-bottom:12px;
	width:100%;
	height:auto;
}

.single_pages.blog .content .entry.right .content .entry {
	float:left;
	margin:0 10px 15px;
	padding:0;
	width:auto;
}

.single_pages.blog .content .entry.right .content h3 {
	float:left;
	margin:0 0 5px;
	width:auto;
}

.single_pages.blog .content .entry.right .content .meta {
	margin:0 0 6px;
	width:auto;
	color:#999;
	font-weight:700;
	font-size:13px;
}

.single_pages.blog .content .entry.right .content p {
	margin:0 0 10px!important;
	font-size:14px!important;
	line-height:18px;
}

/*-----------------------*/
/* single pages business */
/*-----------------------*/
.single_pages.business {
}

/*--------------------------*/
/* single pages translation */
/*--------------------------*/
.single_pages.translation {
}

/*-----------------------*/
/* single pages children */
/*-----------------------*/
.single_pages.children {
}

/*-----------------------*/
/* single pages students */
/*-----------------------*/
.single_pages.students {
}

/*-----------------------*/
/* single pages teachers */
/*-----------------------*/
.single_pages.teachers {
}

/*--------------------------*/
/* single pages casestudies */
/*--------------------------*/
.single_pages.casestud .back-but {
	max-width:920px;
}

/*-------------------*/
/* single pages team */
/*-------------------*/
.single_pages.team {
}

.single_pages.team .thumb {
	margin-top:30px;
}

.single_pages.team .thumb .wp-post-image {
	display:block;
	overflow:hidden;
	margin:0 auto 10px;
	border:3px solid #fff;
	border-radius:50%;
	-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,0.8);
	box-shadow:0 0 1px 0 rgba(0,0,0,0.8);
}

.single_pages.team .tit {
	margin:0 auto;
	width:130px;
	text-align:center;
	font-weight:700;
	font-size:14px;
	line-height:18px;
}

.single_pages.team .entry {
	padding-top:10px;
	padding-bottom:10px;
}

/*------------*/
/* entry list */
/*------------*/
.entry_list {
}

.entry_list .content a {
	display:inline-block;
	color:#222;
	text-decoration:none;
}

/*-----------------*/
/* entry list blog */
/*-----------------*/
#content_wrapper.entry_list.blog {
	margin:0 auto;
	max-width:960px;
}

.entry_list.blog {
}

.entry_list.blog .content {
	float:left;
	margin:20px 0 0 2%;
	width:30.7%;
	background-color:#EEE;
}

.entry_list.blog .content p {
	margin:0 0 10px!important;
	font-size:14px!important;
	line-height:18px;
}

.entry_list.blog .content .thumb {
	float:left;
	width:auto;
}

.entry_list.blog .content .attachment-thumbnail {
	margin-bottom:12px;
	width:100%;
	height:auto;
}

.entry_list.blog .content h3 {
	float:left;
	margin:0 0 5px;
	width:auto;
}

.entry_list.blog .content .meta {
	margin:0 0 6px;
	width:auto;
	color:#999;
	font-weight:700;
	font-size:13px;
}

.entry_list.blog .content .entry {
	float:left;
	margin:0 10px 15px;
	padding:0;
	width:auto;
}

/*------------------------*/
/* entry list translation */
/*------------------------*/
.translation #content_wrapper.entry_list.blog {
	margin-bottom:-30px;
	max-width:940px;
}

.translation .entry_list.blog .content {
	margin:0 0 20px 2%;
	background-color:#fff;
}

.translation .entry_list.blog .content h3 {
	margin:-12px 0 0;
	width:100%;
	text-align:center;
}

/*-------------------------*/
/* entry list testimonials */
/*-------------------------*/
#content_wrapper.entry_list.testimonials {
	margin:0 auto;
	max-width:940px;
}

.entry_list.testimonials {
}

.entry_list.testimonials .content {
	float:left;
	margin:20px 0 0;
	width:100%;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	background-color:#EEE;
}

.entry_list.testimonials .content .thumb {
	float:left;
	margin-bottom:15px;
	width:auto;
}

.entry_list.testimonials .content h3 {
	float:left;
	margin:0 10px 12px;
	width:auto;
}

.entry_list.testimonials .content .meta {
	float:left;
	margin:0 10px 5px;
	width:auto;
	color:#999;
	font-weight:700;
	font-size:14px;
}

.entry_list.testimonials .content .entry {
	float:left;
	margin:0 10px 16px;
	padding:0;
	width:auto;
}

/*-----------------------------------------------------------------------------------*/
/* COMMENTS
/*-----------------------------------------------------------------------------------*/
#respond {
	padding-top:22px;
	border-top:1px solid #ddd;
}

#respond a {
	color:#0086C1!important;
	text-decoration:none!important;
}

#respond a:hover {
	text-decoration:underline!important;
}

#respond h3 {
	padding-bottom:5px;
}

#comments {
	margin:30px 0 20px;
}

.commentlist {
	margin:0;
	list-style:none;
}

.comment-body {
	margin-bottom:5px;
	-webkit-border-radius:12px;
	border-radius:12px;
	background-color:#FFF;
	font-style:normal;
	font-size:17px;
/* round corners */
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
}

.comment-body .vcard {
	float:left;
	padding:15px 0 0;
}

.comment-body .avatar {
	float:left;
	margin:2px 10px 10px 0;
}

.comment-body .comment-author {
	padding:38px 15px 0 0;
	color:#000;
	font-style:normal!important;
	font-size:22px;
	line-height:28px;
}

.comment-body .comment-meta {
	padding-top:4px;
	font-style:normal!important;
}

.comment-body .comment-text {
	padding:0 0 22px;
	font-style:normal!important;
	line-height:22px;
}

.comment-body .comment-text p {
	margin:0;
}

.comment-body .comment-text .comment-awaiting-moderation {
	color:#E1001A;
}

.comment-body .comment-meta,#commentform .logged-in-as {
	display:block;
	margin-bottom:14px;
	color:#666;
	font-style:normal;
	font-size:14px;
	line-height:14px;
}

.comment-body .comment-meta a,#commentform .logged-in-as a {
	color:#0086C1!important;
	text-decoration:none!important;
}

.comment-body .comment-meta a:hover,#commentform .logged-in-as a:hover {
	text-decoration:underline!important;
}

form p.comment-form-author {
	margin-top:20px;
}

form label {
	float:left;
	margin-top:5px;
	width:120px;
}

/*-----------------------------------------------------------------------------------*/
/* SIDEBAR AND WIDGETZONE
/*-----------------------------------------------------------------------------------*/
.widget {
	margin:0;
	padding:0;
}

.top_banner {
	margin:0 auto;
	max-width:960px;
}

.top_banner img {
	max-width:100%;
	height:auto;
}

/*-----------------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
	position:relative;
	margin-top:40px;
	padding-top:20px;
	min-height:100px;
	background-color:#EEE;
	color:#222;
	text-align:left;
	font-weight:500;
	font-style:normal;
	font-size:14px;
	line-height:20px;
}

footer #inner_box {
	margin:0 auto;
	max-width:960px;
}

footer a {
	color:#222;
}

footer ol,footer ul {
	margin:0;
	list-style:none;
}

footer h2 {
	font-weight:700;
}

footer .widget,footer .widget:first-child {
	min-height:120px;
}

footer .widget {
	float:left;
	margin-left:8%;
}

footer .widget:first-child {
	margin-left:2.2%!important;
}

footer .widget p,footer .widget ul {
	margin-bottom:0!important;
}

footer .widget_nav_menu br {
	display:none;
}

footer .widget .gray_but {
	margin-top:2px;
}

/*************************************************************************************/
/********************************** MEDIA QUERIES ************************************/
/*************************************************************************************/
/*-----------------------------------------------------------------------------------*/
/* A PARTIR DE 990px PERSONALIZADO */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 990px) {
	.single_pages.casestud .back-but {
		margin-left:2%;
		width:98%;
	}
}

/*-----------------------------------------------------------------------------------*/
/* A PARTIR DE 900px PERSONALIZADO */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	.images-in-row-wrapper-centered img {
		max-width:32%!important;
	}
	
	.margin-140 {
		margin-right:70px;
	}
	
	footer .widget {
		margin-left:5%;
	}
}

/*-----------------------------------------------------------------------------------*/
/* A PARTIR DEL IPAD PORTRAIT (768px) */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.entry_list.blog .content {
		display:block;
		width:47%;
	}
	
	.single_pages.blog .content {
		display:block;
	}
	
	.single_pages.blog .content .entry.left {
		padding-right:2.5%!important;
		width:60%;
	}
	
	.single_pages.blog .content .entry.right {
		width:33%;
	}
}

/*-----------------------------------------------------------------------------------*/
/* A PARTIR DEL MOVIL IPHONE 6 LANDSCAPE  (667px) */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 667px) {
	
}

/*-----------------------------------------------------------------------------------*/
/* A PARTIR DEL MOVIL IPHONE 5 LANDSCAPE  (568px) */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 568px) {
	header {
		height:90px;
	}
	
	header .logo,header .logo img {
		width:145px!important;
		height:auto!important;
		font-size:12.5px;
	}
	
	.home_page .content .entry,.single_pages .content .entry {
		padding:35px 3% 0 2%;
	}
	
	.home_page .string_title h2 {
		margin:45px 0 0;
	}
	
	.single_pages.blog .content .entry.left {
		padding-left:2%!important;
		width:53%;
	}
	
	.single_pages.blog .content .entry.right {
		padding-right:0!important;
		width:40%;
	}
	
	.images-in-row-wrapper-centered img {
		display:table!important;
		max-width:100%!important;
	}
	
	.mob-yes {
		display:block!important;
	}
	
	.mob-no {
		display:none!important;
	}
	
	.translation .entry_list.blog .content {
		min-height:auto!important;
		width:44%;
	}
}

/*-----------------------------------------------------------------------------------*/
/* A PARTIR DEL MOVIL IPHONE 4 LANDSCAPE  (480px) */
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	.translation .entry_list.blog .content {
		width:95%;
	}
	
	.translation .entry_list.blog .content a {
		width:100%;
		height:auto;
	}
	
	.entry_list.blog .content {
		width:95%;
	}
	
	.single_pages.blog .content .entry {
		padding-top:45px;
	}
	
	.single_pages.blog .content .entry.left,.single_pages.blog .content .entry.right {
		padding-left:2%!important;
		width:95%;
	}
	
	.single_pages.blog .content .entry.right .content .thumb {
		width:100%;
		height:auto;
	}
	
	footer .widget,footer .widget:first-child {
		float:none;
		margin-left:3%!important;
		padding-bottom:20px;
		min-height:0;
	}
}