/*
Theme Name: LMGB2020
Theme URI: https://www.liceobelgrano.edu.ar/
Description: Custom Theme para LMGB
Version: 1.0
Author: Quarter Studios
Author URI: https://quarterstudios.net/
Tags: Bootstrap,Responsive,jQuery,CSS3, HTML5
*/
/* RESET
-------------------------------------------------- */


h1, h2, h3, h4, h5, h6 {font-weight: 700;}
html, button, input, select, textarea {color: #fff; padding: 0;}
body {line-height: normal;color: #131E25; font-weight: 300;font-family: 'Open Sans', sans-serif;background-color: #fff; max-width: 100%; overflow-x: hidden; font-size: 16px;}
::-webkit-input-placeholder {color: #444; opacity: 1 !important;}
:-moz-placeholder {color: #444; opacity: 1 !important;}
::-moz-placeholder {color: #444; opacity: 1 !important;}
:-ms-input-placeholder {color: #444; opacity: 1 !important;}
input[placeholder], [placeholder], *[placeholder] {color: #444; opacity: 1 !important;}
blockquote:not(.test-quote){border-left:4px solid #EC3F3A;margin-bottom:15px;  padding: 10px; font-size: 18px; font-weight: 600;color: #131E25;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #b0b0b0; margin: 1em 0; padding: 0; }
/*img:not(.alignleft):not(.alignright):not(.size-medium):not(.aligncenter):not(.lg-image),*/
.size-large,.img-responsive {width: 100%; height: auto; display: block; }
	img.alignleft { margin: 5px 20px 5px 0; float: left;max-width: 100%;height: auto; }
	img.alignright { margin: 5px 0px 5px 20px; float: right;max-width: 100%;height: auto; }
	img.aligncenter { margin: 15px auto; float: none; height: auto;  display: block;  max-width: 100%; }
fieldset {border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
article{ line-height: 150%; }
	article a:not(.btn):not(.galink){ font-weight: bold; color: inherit; border-bottom: 1px dashed #131E25}
		article a:hover{color:#9F011A}
	article h2{ color: inherit; font-size: calc(20px + (24 - 20) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;}
	article h3{ color: inherit; font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;}
	article h4{ color: inherit; font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;}
	article h5{ color: inherit; font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)));font-weight: 700;}
	article strong{ font-weight: 700; }
*:hover, *:hover > a, a:hover>img,.navbar ul,.topbar a,.suave,figure.imagen img{ text-decoration: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.relative { position: relative; }
.cover {background-repeat: no-repeat;background-size: cover !important; background-position: center center !important; }
.scroll { background-attachment: scroll; }
.fixed { background-attachment: fixed !important; background-position: center center !important; background-size:100% auto !important; background-repeat: no-repeat !important; position: relative; overflow: hidden;}
.parallax,.pageheader{ position: relative;}
	.parallax::after,.pageheader::after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: "";background: rgba(0,0,0,0.35);}
	.parallax .container,.pageheader .container,.bloqueform .container{position: relative; z-index: 2}
.contain {background-repeat: no-repeat; background-size: contain !important; background-position: center center; }
.img-responsive, .contain img { display: block; float: none; clear: both; width: 100%; height: auto; }
.full-width { width: 100%; height: auto; padding: 5rem 0; overflow:hidden; position: relative;}
.col5{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;}
/* Colores */
.c-white{ color: #fff; }
	.c-bg-white{ background-color: #fff;}
.c-red{ color: #9F011A; }
	.c-bg-red{ background-color: #9F011A; }
.c-black{ color: #131E25;}
	.c-bg-black{ background-color: #131E25;}
.c-light{ color: #efefef;}
	.c-bg-light{ background-color: #efefef; }
/* Botones */
.btn{border: none;border-radius:0px;text-transform: uppercase;}
	.btn:hover,.btn:focus,.btn:active{ text-decoration: none; box-shadow: none;  }
	.btn-xg{padding: 1rem 1.5rem;font-size: 1.2rem;line-height: 1.5;}

	.btn-primary{background: #fff;color: #2C2D2F;}
		.btn-primary:hover{background:#45AFDF; color: #fff;}

	.btn-default{background: #9F011A;color: #fff;}
		.btn-default:hover, .btn-default:focus,.formulario input[type="submit"]:hover{background: #9F011A;color: #fff;}
/*
	.btn-default{background: #45AFDF;color: #fff;border: 1px solid #fff;}
		.btn-default:hover, .btn-default:focus,.formulario input[type="submit"]:hover{background: #fff;color: #45AFDF; border: 1px solid #dddddd;}
*/
	.btn-fixed{background: #45AFDF;color: #fff;border-radius:0; position: fixed; bottom: 0; left: 0; z-index: 99;}
		.btn-fixed:hover, .btn-fixed:focus{background:#223B71; color: #fff;}
		
/* NAVBAR */
.topbar{ position: relative; line-height: 24px;padding: 5px 0;background: #9F011A;}
	.topbar a:not(.btn){ color: #fff; font-size: 22px;}
		.topbar a:not(.btn):hover{ color: #131E25;}


.navbar {margin-bottom: 0;  padding: 10px 0;background: #fff;}
	.navbar .d-block {width: 100%;clear: both;}
	.navbar.scrolled{ -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);}
	.navbar .container{ position: relative; flex:1}
		.navbar .navbar-brand{padding:0px 15px;}
			.navbar .navbar-brand img{width:100%;max-width:180px; height: auto;}
				.navbar.scrolled .navbar-brand img{max-width:100px;}
		.navbar .navbar-nav li{position: relative; list-style: none; display: inherit; margin: 0 2px}
			.navbar .navbar-nav>li>a{ font-size: 16px; font-weight: 500; color: #131E25; padding:6px 10px;text-transform: uppercase; white-space: nowrap;}
			.navbar .navbar-nav>li>a:hover,
			.navbar .navbar-nav>li:hover>a,
			.navbar .navbar-nav>li.current_page_item>a,
			.navbar .navbar-nav>li.current-menu-item>a{background: #fff;color: #9F011A;}
	.navbar-toggler{z-index: 999}
		.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(42,67,97,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
		.navbar-toggler:hover .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(53,140,203,1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='0' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

/* Slider */
.homeheader{position:absolute;z-index:1;top: 0;left: 0;width:100%; height:100%;background-color: rgba(0,0,0,.05); text-align: center; color: #fff; font-size: calc(32px + (64 - 32) * ((100vw - 300px) / (1600 - 300))); align-items:center; justify-content:center; display: flex; text-transform: uppercase; font-weight: 700;}
	.homeheader .sub{font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1600 - 300))); text-transform: none; font-weight: 600;}
	
.carousel-caption{right: 0;bottom: 0px;left: 0;color: #fff; background-color: rgba(0, 0, 0, 0.35); height: 100%; text-align: left;}
	.carousel-caption .slidetitle{text-align: center; color: #fff; font-size: calc(32px + (48 - 32) * ((100vw - 300px) / (1600 - 300))); align-items:center; justify-content:center; display: flex; text-transform: uppercase; font-weight: 700}
	.carousel-caption .slidesubtitle{font-size: calc(18px + (32 - 18) * ((100vw - 300px) / (1600 - 300))); text-transform: none; font-weight: 600; text-align: center;}

	.carousel-indicators {bottom: 0px; margin-bottom: 5px;}
	.carousel-indicators li {width: 20px;height: 20px;background-color: #fff; border-radius: 50rem;}
		.carousel-indicators li.active{background-color: #9F011A; border-radius: 50rem;}
	.carousel-caption .p1{animation-delay: 0.8s;}
	.carousel-caption .p2{animation-delay: 1.6s;}
	.carousel-caption .p3{animation-delay: 2.4s;}
	.carousel-caption .p4{animation-delay: 1.0s;}	
	
/* HomeNews */
.homepost{ /*-webkit-box-shadow:0px 0px 10px 0 rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.5); */position: relative; padding-left: 75px; min-height: 85px}
	.homepost .date{ width: 60px; height: 80pxauto; display: block; position: absolute; left: 0; top:0; border: 1px solid #b0b0b0 }
		.homepost .date em{display: block; text-align: center; font-size: 17px; text-transform: uppercase; font-style: normal; font-weight: 500}
			.homepost .date em.dia,.homepost .date em.anio{background-color: #b0b0b0; color: #fff; margin-bottom: 0}
				.homepost .date em.dia{font-size: 32px; font-weight: 900}
				.homepost .date em.anio{ font-size: 19px; }
				.homepost .date em.mes{letter-spacing: 1.1px}
.homepost:hover{ color: #131E25 }
	.homepost:hover em.dia,.homepost:hover em.anio{background-color: #9F011A;}
	.homepost:hover .date{border-color: #9F011A;}

/* Members */
.autoridades .mbrpic{ display: block; width: 150px; height: 150px; border-radius: 50rem; overflow: hidden; border: 4px solid #9f011a; margin: 10px auto 20px; }
/* CTA */
.cta{position: relative;background:#2f2f2f url(images/tanque.jpg) top left no-repeat !important; background-size:auto 100% !important; background-attachment: fixed !important }
	.cta-title{font-size: calc(24px + (30 - 22) * ((100vw - 300px) / (1200 - 300))); font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 2rem; }
	
/* PageHeader */
.pageheader{ position: relative; text-align: left;padding: 5vw 0; }
	.pageheader .stripe{ width: 100%; height: auto; padding: 10px 0}
		.pageheader .page-title{ font-size: calc(24px + (42 - 24) * ((100vw - 300px) / (1600 - 300))); color: #fff; line-height: 130%; font-weight: 700; text-transform: uppercase;}

/* BreadCrumbs */
.breadcrumbs{ background-color: #9F011A; color: #fff; font-weight: 300; font-size: 13px; padding: 8px 0; }
	.breadcrumbs .breadcrumb-link{ color: #fff; }
		.breadcrumbs .breadcrumb-link:hover{ color: #000; }

/* Pagination **/
.pagination{padding: 15px 0}
	.page-numbers {display: inline-block !important;clear: none !important;border:none;background: #7d7d7d;padding: 8px 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #fff !important;font-size: 16px;text-decoration: none !important;vertical-align: middle; line-height: 160% !important; margin: 0 2px}
	.page-numbers:hover,.page-numbers:active,.page-numbers.current{background: #9F011A;color: #fff;}

/* footer */
footer{position: relative; background-color: #2C2D2F; color: #fff;}
	footer .foo-brand img{max-width: 200px; margin-bottom: 30px;}
	footer a,footer li a{ color: #fff; font-size: 15px; }
		footer address a{ line-height: 150%; }
		footer .sociales i.fa{ display: inline-block; font-size: 24px; margin-right:5px; width: 32px; height: 32px; line-height: 32px; text-align: center }
	footer ul{ padding-left: 0; text-transform: uppercase; line-height: 180%;}
		footer ul li{list-style: none; line-height: 15px; margin-bottom: 8px; }
		footer a:hover,footer li a:hover{color: #9F011A;}

/* PWD */
.pwd{ background-color: #fff; padding: 2rem 0 }
.pwd ul{ margin-bottom: 0; padding-left: 0 }
.pwd li,.pwd li a{ display: inline; padding: 0 8px; color: #2C2D2F; font-size: 13px; font-weight: 400; }
	.pwd li:not(:first-child){ border-left: 1px solid #2C2D2F;}
		.pwd a:hover{ color: #45afdf; }
/*Scroll */
.scrollToTop{ position: fixed; bottom: -10px; right: 20px; width: 48px; height: 48px; background-color: #9F011A; color: #fff; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px;  z-index: 99}
	.scrollToTop:hover{ opacity: 1; color: #fff; bottom: 0; background-color: #9F011A;}

/* Map */
.acf-map{ display: block; width: 100%; height: 550px; }

/*Sidebar */
aside .widget{margin-bottom: 20px; padding: 10px;}
aside .sidebar-title{ font-size: 24px; color: #2c2d2f;  border-bottom: 1px solid #2c2d2f; font-weight: 600; padding: 8px 0; margin-bottom: 20px;}
aside ul{padding-left:0px;}
	aside ul li{color:#9F011A; list-style: none;}
		aside ul li a{color:#2c2d2f;}
			aside ul li a:hover{color:#9F011A;}
aside ul li::before {
    text-align: left;
    position: relative;
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 20px;
    speak: none;
    content: "\f0a9";
    color: #9F011A;
    padding: 0 13px 0 0;
    text-indent: 0 !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.contacto .embed-container { position: relative; padding-bottom: 96.25%; height: 0; overflow: hidden; max-width: 100%; }
.contacto .embed-container iframe, .contacto .embed-container object, .contacto .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;}