/*
Theme Name: ITDT 2018
Author: Roby Heymann
Author URI: http://robyheymann.com.ar/
Description: Theme creado para ITDT.
Version: 1.0
Text Domain: itdt2018
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,800);

html {box-sizing: border-box; -webkit-font-smoothing: antialiased; position: relative; font-family: "Roboto", sans-serif !important; font-size: calc(14px + (16 - 14)*(100vw - 400px)/(880 - 400)); color: #000; font-weight: 100; background: #fff; scroll-behavior: smooth;}
*, *:before, *:after {box-sizing: inherit;position: relative;}

body {margin-left: 0 !important;background: #fff;overflow-x: hidden;width: 100%; scroll-behavior: smooth;padding-left: 355px;}
.uk-touch body{overscroll-behavior-y:contain}

@media (max-width: 400px) { 
  html{font-size:14px}
}
@media (min-width: 880px) { 
  html{font-size:16px}
}

a {color: inherit; }
a:hover {color: inherit; text-decoration: none;}
em {color: inherit !important;}
h1 ,h2, h3, h4, button {font-weight: 300; font-family: "Montserrat", sans-serif !important;}
main {padding-left: 25px;}


.uk-form button {border: #fff;background: #C11D35;line-height: 23px;height: 30px;width: 30px;cursor:  pointer;}
.uk-form label {font-size: 12px;}
.uk-form input,
.uk-form select {width: 100%; border: none !important;}
.uk-form textarea {width: 100%; height: 3em;}

.main {margin: 0 auto;}
.navbar {background-color: #fff;width: 355px;min-height: 100vh;padding: 25px;position: fixed;top: 0;left: 0;display: flex;flex-direction: column;justify-content: space-between;}
.navbar-brand {/* margin-bottom: 30px; */}
.navbar-brand img {max-height: 41px; height: 5.5vh;}
.navbar-menu {flex-grow: 1; padding-top: 90px;}

.navbar-menu .uk-nav > li {float: none;margin-bottom: 5px; border: 1px solid #ccc; border-radius: 15px; padding: 2px 5px; transition: all 0.6s;}
.navbar-menu .uk-nav > li:hover {background: rgba(200,200,200,0.1); border: 1px solid #999;}
.navbar-menu .uk-nav > li > a {display: block;line-height: 15px;color: #000;font-size: 14px;font-weight: 400;}
.navbar-menu .uk-nav > li > a:hover {font-weight: 600;}
.navbar-menu .uk-nav > li.current-menu-item:not(.current_page_ancestor) > a,
.navbar-menu .uk-nav > li.current-menu-parent:not(.current_page_ancestor) > a {font-weight: bold;}
.navbar-menu .uk-nav .sub-menu {opacity: 0; padding-left: 10px; padding-bottom: 0; overflow: hidden; height: 0; transform: translateY(-12%); z-index: -1; transition: all 0.2s ease-in-out;}
.navbar-menu .uk-nav .sub-menu > li > a {font-size: 14px;display: block;padding-top: 5px;padding-bottom: 0;font-weight: 400;}
.navbar-menu .uk-nav .sub-menu > li > a:hover {font-weight: bold;}
.navbar-menu .uk-nav .sub-menu > li.current-menu-item > a {font-weight: 600;}
.navbar-menu .uk-nav > li:hover .sub-menu {opacity: 1; position: relative; padding-bottom: 5px; height: auto; transform: translateY(0); z-index: 1;}
.navbar-menu .uk-nav > li.current-menu-item .sub-menu {opacity: 1; position: relative;transform: translateY(0); z-index: 1;}
.navbar-menu .uk-nav > li.current-menu-parent .sub-menu {opacity: 1; position: relative;transform: translateY(0); z-index: 1;}

.navbar-content.pie {font-size: 10px;color: #444;line-height: 1;font-weight: 400;}

.uk-navbar-toggle {margin: 0;color: #000;line-height: 1;font-size: 1.5em;position: absolute;right: 3px;top: 3px;}

.site {padding: 25px 25px 25px 0;min-height: 100vh;}

@media (max-width: 780px){
  body {padding-left: 0;}
  main {padding-left: 0;}
  
  .navbar {background: #fff;min-height: auto;padding: 10px;width: 100%;height: 47px;/* position: relative; */display: block; z-index: 10;}
   
  .navbar-brand {flex: 1; text-align: left; }
  .navbar-brand img {max-height: 24px; height: 5.5vh;}
  .navbar-content.pie {display: none;}
  
  .site {padding: 47px 10px 10px 10px;}
}

.uk-offcanvas-bar {background: #fff;}
.uk-offcanvas-bar {list-style: none; padding: 0 10px; margin: 0; font-weight: bold; font-size: 16px;}
.uk-offcanvas-bar .uk-nav-header {padding: 10px 0;}
.uk-offcanvas-bar .uk-nav-header img {max-height: 24px; height: 5.5vh;}
.uk-offcanvas-bar .current-menu-item > a {font-weight: 600;}
.uk-offcanvas-bar li {padding: 5px 0;}
.uk-offcanvas-bar li a {color: #000; padding: 0; font-weight: 400;}
.uk-offcanvas-bar li .uk-nav-sub 
.uk-offcanvas-bar li .uk-nav-sub a {color: #C11D35; font-size: 11px; font-weight: 300;}

.breadcrumbs {list-style: none; margin: 0; padding: 0;}
.breadcrumbs li {display: inline-block; font-size: 13px;}
.breadcrumbs li.separator {margin: 0 5px;}

.footer {min-height: 50px;}
.footer-inner {margin: 0 auto;font-size: 11px;color: #666;padding: 10px;line-height: 1.1;}

a.social {border: 1px solid #333;border-radius: 50%;padding: 6px;color: #333;font-weight: 400;margin: 0 1px;transition: all ease 0.5s;font-size: 13px;line-height: 1;width: 26px;text-align: center;}

.footer .uk-width-small-1-5 {padding-bottom: 15px;}

@media (max-width: 480px){
  .footer {padding-bottom: 15px;}
}



/* HOME ----------- */
.home-main-slider {height: 70vh;background: #fff;overflow: hidden; margin-bottom: 25px;}
.home-main-slider .uk-slideshow {height: 75vh !important;}
.home-main-slider .uk-slideshow li {height: 75vh !important;}
.home-main-slider .uk-slideshow li a {position: absolute; width: 100%; height: 100%; top: 0;}
.home-main-slider .uk-overlay-panel {display: flex; background-color: rgba(0,0,0,0.1);}
.home-main-slider .slide-txt {max-width: 800px; width: 100%; margin: auto; line-height: 1.4;}
.home-main-slider .text {font-size: 20px; font-weight: 600;}
.home-main-slider .title {font-size: 28px; font-weight: 800; margin-bottom: 10px;}
.home-main-slider .slide-txt span {display: inline-block; text-decoration: none; padding: 15px; font-size: 14px; font-weight: 600; color: #fff; background-color: #C11D35;}

.home-header {margin-bottom: 15px;}

.home-news {height: 20vh;}
.home-news h3 {font-weight: 600;margin-right: 25px;} 

.home-news-item {background-color: #ccc;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background-blend-mode: multiply;height: 20vh;padding: 25px;display: flex;}
.home-news-title {font-size: 20px;font-weight: 400;line-height: 1.2;margin: auto;color:#fff;flex: 1;}

@media (max-width: 480px){
  .home-main-slider .slide-txt {padding: 0 16px;}
}


@media (max-width: 780px){

}

/* INTERNAS */

.alignleft {float: left; margin-right: 15px;}
.alignright {float: right;}


/* CONTENIDOS GENERICO */
.content-area h1 {font-weight: 600; color: #000;}
.content-area h2 {font-weight: 400;color: #000;}
.content-area h3 {font-weight: 600; color: #000; font-size: 20px;}
.content-area h4 {font-weight: 600; color: #000;}
.content-area .inner-content a {color: inherit; text-decoration: underline;}

iframe{max-width:100%;width: 100%;}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.top-header {margin-bottom: 15px;}
.top-header h1 {margin-bottom: 0px;font-weight: 400;line-height: 45px;margin-top: -4px;}

.content-area {max-width: 880px;}

@media (max-width: 480px){
  .top-header h1 {line-height: 1.2em; font-size: 2.1em;}
  
  .content-area {margin-top: 15px;}
}