/*
Theme Name: Teletón Chile 2016
Theme URI: http://www.teleton.cl
Description: Responsive theme for Teletón Chile 2016 website.
Version: 1.0
Author: Ilógica
Author URI: http://www.ilogica.cl
*/
/*==============================================
WordPress Core
===============================================*/
.alignnone { margin: 5px 20px 20px 0; }
.validation_error{ display: none; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
  /* Above WP toolbar. */
}
/*==============================================
END WP
===============================================*/


/*==============================================
GENERAL
===============================================*/

body { color: #7E7E7E; font-size: 16px; line-height: 20px; font-family: 'Source Sans Pro', sans-serif; text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;}
h1 { font-size: 38px; line-height: 46px; margin-top: 10px; margin-bottom: 10px; }
h2 { font-size: 32px; line-height: normal; margin-top: 10px; margin-bottom: 10px; font-weight: normal; }
h3 { font-size: 26px; line-height: normal; margin-top: 10px; margin-bottom: 10px; font-weight: normal; }
h4 { font-size: 22px; line-height: normal; margin-top: 5px; margin-bottom: 5px; }
h5 { font-size: 22px; line-height: 30px; margin-top: 5px; margin-bottom: 5px; }
h6 { font-size: 16px; line-height: 18px; margin-top: 5px; margin-bottom: 5px; }
p { font-size: 16px; line-height: 22px; }
a {
    color: #666;
    width: 100%
}
blockquote {
  margin: 30px 0;
  border: 0;
  font-style: italic;
}
small { font-size: 12px; }
b, strong { font-weight: 800; }
span {
}
ul { list-style: none; padding-left: 0; }
ul.dots-list { list-style: initial; padding-left: inherit; }
ul.dots-list li { margin-bottom: 10px; }

ol {
}
ol li {
}
table {
}

a:focus {
  outline: none !important;
  /*border:1px dotted rgba(0,0,0,.2);*/
  box-shadow: none;
}
/** { 
    background-size: cover !important;
    background-repeat: no-repeat !important;
}*/

input { height: 45px; width: 100%; }
label { color: #5B5B5F; font-weight: normal; }
textarea { height: 90px; width: 100%; }
.form-group { margin-bottom: 5%; margin-top: 20px; }
.form-control { border-radius: 0; height: 60px; border: 1px solid rgba(150, 172, 194, 0.6); background-color: #EAEDF0;}
.radio-inline { font-size: 16px; /*margin-top: 15px;*/}
.radio-inline input[type=radio] { height: initial; }
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 15px; }
select.form-control { color: #999; }
form span.error {display: block; float: none; clear: both; font-size: 14px; color: #E83644;}
form .g-recaptcha {margin-bottom: 30px;}
.error { color: #F3A33E; padding-top: 10px; }
label.error { display: none; }
/* buttons */

.pantalla {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

.transition { 
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}

.saturate:hover {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%);
}

a {
  color: #666;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  display: inline-block;
  /*overflow: hidden;*/
  width: fit-content;
}
/*.btn.focus, .btn:focus, .btn:hover { color: #64A02F; }*/
a:focus, a:hover { color: inherit; display: block; overflow: hidden;  }
.view-more { display:block; margin: 25px 0; }

.btn { 
  border-radius: 0;
  margin: 5px 0; 
  font-size: 14px; 
  padding: 8px 40px; 
  text-decoration:none; 
  display: inline-block !important; 
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.btn.active { box-shadow: none; }
.btn-xxl { font-size: 28px; font-weight: bold; padding: 20px 80px; }
.btn-xl { font-size: 20px; font-weight: bold; padding: 10px 70px; }
.btn-lg { font-size: 20px; font-weight: bold; padding: 10px 40px; }
.btn-md { font-size: 20px; font-weight: bold; padding: 20px 25px; }
.btn-md2 {
    font-size: 40px;
    font-weight: bold;
    padding: 20px 25px;
}
.btn-sm { font-size: 16px; padding: 5px 25px; }
.cont-btn-center { text-align: center; }
.btn-center { display: inline-block !important; }
.btn-full { width: 100%; display: block; }

.btn-light { font-weight: normal !important; }

.cont-btn { text-align: center; }
#menu-principal .cont-btn { text-align: left; }
.cont-btn .btn { display: inline-block !important; }

.btn-letra-responsive {
    font-size: 30px !important
}

@media(min-width: 768px) {
    .btn-letra-responsive {
        font-size: 18px !important
    }
}

/* colors hover */

.blue { color: #23415B; }
.grey { color: #676674; }
.red { color: #DA6E59; }
.light-yellow { color: #F7D8A2; }
.super-light-yellow { color: #FFEFD5; }
.cyan { color: #44BAE8; }
.white { color: #fff; }
.green { color: #3C7A35; }
.light-green {color: #5DB753;}
.yellow { color: #F3A33E}

/*a.green:hover {color: #3C7A35;}*/
/* bg colors */

.bg-half-blue { background: url('../img/bg-half-blue.gif'); background-size: 100%; }
.bg-green { background: #3C7A35; color: #fff; }
.bg-light-green { background: #5DB753; color: #fff; }
a.bg-green:hover, a.bg-light-green:hover { color:#fff; opacity: .8; }
.bg-blue { background: #23415B; color: #fff; }
a.bg-blue:hover,
a.bg-blue:focus,
a.bg-blue.active,
button.bg-blue:focus,
button.bg-blue:hover { background: rgba(35, 65, 91, 0.9); color: #fff; }

.bg-filter-blue { background: rgba(35, 65, 91, 0.3); }
.bg-white {background: #fff;}
.bg-cyan { background: #44BAE8; color: #fff; }

.bg-light-blue { background: #4DB5E3; color: #fff; }
a.bg-light-blue:hover { color: #fff; opacity: .8; }

.bg-yellow  {background: #F3A33E; color: #fff;}
button.bg-yellow:hover { color: #fff ; opacity: .8; }

.bg-purple {background: #8546AD; color: #fff;}
a.bg-purple:hover { color: #fff; opacity: .8; }

a.bg-cyan:hover,
a.bg-cyan:focus,
a.bg-cyan.active,

button.bg-cyan:focus,
button.bg-cyan:hover { background: rgba(68, 186, 232, 0.9); color: #fff; }

.bg-filter-cyan { background: #396DB5; }
.bg-filter-light-cyan {background: #ECF4FB;}

.bg-red { background: #EE7468; color: #fff; }
a.bg-red:hover,
a.bg-red:focus,
a.bg-red.active,
button.bg-red:focus,
button.bg-red:hover { background: rgba(238, 116, 104, 0.9); color: #fff; }

.bg-filter-red { background: rgba(238, 116, 104, 0.1); }


.bg-light-yellow { background: #F7D8A2; }
a.bg-light-yellow:hover,
a.bg-light-yellow:focus,
a.bg-light-yellow.active,
button.bg-light-yellow:focus,
button.bg-light-yellow:hover { background: rgba(247, 216, 162, 0.9);}

.bg-filter-light-yellow { background: rgba(247, 216, 162, 0.1); }

.bg-super-light-yellow { background: #FFEFD5; }
a.bg-super-light-yellow:hover,
a.bg-super-light-yellow:focus,
a.bg-super-light-yellow.active,
button.bg-super-light-yellow:focus,
button.bg-super-light-yellow:hover { background: rgba(255, 239, 213, 0.9); }

.bg-filter-super-light-yellow { background: rgba(255, 239, 213, 0.1); }


/* genéricas */
.bg-img { background-size: cover; }
img { max-width: 100%; }
.bold { font-weight: 800; }
.semibold { font-weight: 600; }
.extrabold { font-weight: 800; }
.light { font-weight: lighter; }
.fixed { position: fixed; width: 100%; background: #fff; z-index: 9999; }
.center { text-align: center; }
img.center { display: block; margin: 0 auto; }
div.center { display: block; margin: 0 auto; }
.underline { text-decoration: underline !important; }



/* section */

a.btn-matriculate { background-color: #fff; color: #396db5; border: 1px solid transparent; }
a.btn-matriculate:hover { border: 1px solid #fff; background-color: #396db5; color: #fff; }
section { padding: 25px 0; }

section#calendar-admission { padding-top: 20px; }

.ico-list { background-image: url('../img/ico-list.png'); background-repeat: no-repeat; background-position: left; background-size: 57px 55px; padding-left: 80px; padding-bottom: 15px;}
.ico-note { background-image: url('../img/ico-note.png'); background-repeat: no-repeat; background-position: left; background-size: 50px 52px; padding-left: 80px; padding-bottom: 15px;}

.ico-lista { background-image: url('../img/ico-lista.png'); background-repeat: no-repeat; background-position: left; background-size: 57px 55px; padding-left: 80px; padding-bottom: 15px;}
.ico-pdf { background-image: url('../img/ico-pdf.png'); background-repeat: no-repeat; background-position: left; background-size: 50px 52px; padding-left: 80px; padding-bottom: 15px;}
.ico-video { background-image: url('../img/ico-video.png'); background-repeat: no-repeat; background-position: left; background-size: 57px 55px; padding-left: 80px; padding-bottom: 15px;}
.ico-beneficios { background-image: url('../img/ico-beneficios.png'); background-repeat: no-repeat; background-position: left; background-size: 57px 55px; padding-left: 80px; padding-bottom: 15px;}

.ico-informacion { background-image: url('../img/Icono01.png'); background-repeat: no-repeat; background-position: left; background-size: 67px 67px; padding-left: 80px; padding-bottom: 15px;}
.ico-preguntas { background-image: url('../img/Icono02.png'); background-repeat: no-repeat; background-position: left; background-size: 67px 67px; padding-left: 80px; padding-bottom: 15px;}
.ico-consultas { background-image: url('../img/Icono03.png'); background-repeat: no-repeat; background-position: left; background-size: 67px 67px; padding-left: 80px; padding-bottom: 15px;}

.container-filter { position: relative; background-size: cover !important; overflow: hidden; }
.content-filter { position: relative; z-index: 1; color: #fff; margin: 0 auto; display: block; }

.no-margin { margin: 0; }
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0; }
.no-padding-bottom { padding-bottom: 0; }

.margin-xs { margin: 2% 0; }

.margin-bottom-md,
.margin-bottom-lg,
.margin-md { margin-bottom: 8% !important; }

.margin-bottom-sm,
.margin-bottom { margin-bottom: 3% !important; }

.margin-bottom-xs { margin-bottom: 2% !important; }

.margin-top-md,
.margin-top-lg { margin-top: 5%;  }

.margin-top,
.margin-top-sm { margin-top: 3%; }

.margin-top-xs { margin-top: 2% !important; }
.mt-20 {margin-top: 20px;}

.mt-50 {margin-top: 50px;}
.pr-15 { padding-right: 15px; }
.pt-30 { padding-top: 30px; }
.pt-50 { padding-top: 50px; }
.padding-xxs { padding: 1% 0; }
.padding-sm { padding: 3% 0; }
.padding-md { padding: 5% 0;  }
.padding-lg { padding: 10% 0;  }
.padding-bottom-sm { padding-bottom: 3% }
.padding-top-sm { padding-top: 3%; }
.padding-top-md { padding-top: 5%; }
.padding-all { padding: 5%; }
.padding-all-sm { padding: 3%; }
.padding-all-xs { padding: 2%; }
.margin-sm { margin: 3% 0; }
.inline { display: inline-block; }
.hidden { display: none; }
.visible { display: block; }
.block { display: block; }
.left { text-align: left; }
.border-bottom { border-bottom: 1px solid #C3CDD8; }
.border-top {border-top: 1px solid #fff;}

.margin-bottom-mobile { margin-bottom: 25px !important; }

#redes { background: #E0EBF6; padding: 50px 0; }
#redes h3 { color: #747280; font-size: 32px; float: left; }
#redes ul { float: right; margin-top: 10px; }
#redes li { float: left; margin-right: 5px; }
#redes li a { display: block; width: 60px; float: right; text-indent: -9999px; height: 45px; }
#redes li a:hover { opacity: .9; }
#redes li .btn_face { background: #39579B url('../img/red_face.png') no-repeat center; background-size: 40%; }
#redes li .btn_twit { background: #01ABF0 url('../img/red_twitter.png') no-repeat center; background-size: 30%; }
#redes li .btn_youtube { background: #C00730 url(../img/red_youtube.png) no-repeat center; background-size: 30%; }
#redes li .btn_flickr { background: #FA14AD url(../img/red_flickr.png) no-repeat center; background-size: 30%; }
#redes li .btn_linkedin { background: #00649B  url(../img/red_linkedin.png) no-repeat center; background-size: 30%; }
#redes li .btn_instagram { background: #4F7EA6 url(../img/red_instagram.png) no-repeat center; background-size: 30%; }
#redes li .btn_foursquare { background: #366CE3 url(../img/red_foursquare.png) no-repeat center; background-size: 30%; }

/* Contact */

.contact-write {background-color: #FADFB2; padding-bottom: 30px; padding-right: 2%;}
.contact-call, .contact-visit { background-color: #F7D8A2; }


/*====================================
BLOCK COLUMNS
======================================*/
.block-columns,banner
pngock-full { padding: 0; overflow: hidden; }
.block-columns > li,
.block-full > li { list-style: none; float: left; margin-bottom: 2%; min-height: 50px; }
.block-columns-2 > li,
.block-columns-3 > li,
.block-columns-4 > li, 
.block-columns-6 > li{ width: 100%; }

.block-columns.block-columns-3 > li { margin-bottom: 0; }
.block-columns.block-columns-3 {overflow: visible;}
/* header */

#top-menu a { font-size: 14px; padding: 10px; display: block; }
#bottom-menu { padding: 30px 0;}
#bottom-menu .logo-admision { width: 80%; }
.go-to-home { margin-top: 15px; align-content:end}

/* home */

/* #featured-admission { background-image: url('../img/banner.png'); background-color: #396DB5;background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; padding-top: 0; }  */
#featured-admission {background-color: #396DB5; padding-top: 0; } 
/* .img-banner-admision {float: right; padding-top: 116px; padding-bottom: 170px;}  */
/* .img-banner-admision {float: right;}  */
.img-banner-info {
    border-style: none;
    border: 0px;
    background-repeat: no-repeat;
    /*object-fit: fill;*/
}
.img-banner-text { padding-top: 142px; padding-bottom: 130px; }
.ucn-al-dia p { text-align: center; }
.same-height { min-height: 155px; }
/*.radio-inline { padding-left: 0; margin-left: 0; }*/
.radio-inline input[type="radio"] { width: auto;}
label.radio-inline {margin-bottom: 15px; margin-top: 0 !important; padding-right: 30px; }
/*.radio-inline span { margin-left: 10px; }*/
/*.rectangule-gradient {background: linear-gradient(0deg, rgba(57,109,181,0.00) 0%, #1A62B3 77%); padding-top: 30px;}*/
p.enter-folio {display: inline-block;}
.letter-item {color: #50E3C2; font-size: 32px; font-weight: 700; padding-right: 40px;}
.ico-postular { background-image: url('../img/ico-postula.png'); background-position: left; background-size: 100px; height: 100px; background-repeat: no-repeat; }
a.click-here { text-decoration: underline; }
a.click-here:hover { color: #F7D8A2;}
/*! debug only */
/** {box-shadow: inset 0 0 0 1px rgba(0,0,0,.5);}*/

/*==============================================
MEDIA QUERY
===============================================*/
@media (min-width: 480px) { 
  .block-columns-6 > li { width: 48%; margin-right: 2%; }
  .block-columns-6 > li:nth-child(even) { margin-right: 0; } 
}

@media (min-width: 600px) { 
}

@media (min-width: 768px) {
  .block-columns-2 > li { width: 49%;}
  .block-columns-3 > li { width: 32%; }
  .block-columns-4 > li { width: 23.5%; }
  .block-columns-5 > li { width: 18.4%; }
  .block-columns-6 > li { width: 15%; }
  .block-columns-7 > li { width: 12.5%; padding: 0 5px; }
  .block-columns > li { margin-right: 2%; }
  .block-columns > li:last-child,
  .block-columns-3 > li:nth-child(3),
  .block-columns-3 > li:nth-child(6),
  .block-columns-3 > li:nth-child(9),
  .block-columns-3 > li:nth-child(12),
  .block-columns-4 > li:nth-child(4),
  .block-columns-4 > li:nth-child(8),
  .block-columns-4 > li:nth-child(12),
  .block-columns-4 > li:nth-child(16),
  .block-columns-4 > li:nth-child(20),
  .block-columns-4 > li:nth-child(24),
  .block-columns-4 > li:nth-child(28),
  .block-columns-4 > li:nth-child(32),
  .block-columns-4 > li:nth-child(36),
  .block-columns-4 > li:nth-child(40),
  .block-columns-4 > li:nth-child(44),
  .block-columns-4 > li:nth-child(48),
  .block-columns-4 > li:nth-child(52),
  .block-columns-4 > li:nth-child(56),
  .block-columns-4 > li:nth-child(60),
  .block-columns-4 > li:nth-child(64),
  .block-columns-6 > li:nth-child(6),
  .block-columns-6 > li:nth-child(12) { margin-right: 0; }
  .block-columns-7 > li:nth-child(7),
  .block-columns-7 > li:nth-child(14),
  .block-columns-7 > li:nth-child(21) { margin-right: 0; }

  
}

@media (max-width: 991px) {
  
  h4 { font-size: 18px; }
  .logo-ucn { width: 50%; }
  #bottom-menu .logo-admision { width: 50%;margin-top: 20px; }
  .img-banner-text { padding-top: 60px; padding-bottom: 30px;}
  #featured-admission .col-md-6 { text-align: center; }
  /* .img-banner-admision { float: none; padding-top: 30px; padding-bottom: 170px;} */
  .img-banner-admision { float: none; padding-top: 0px; padding-bottom: 0px;}
    .img-banner-info {
        float: none;
        padding-top: 0px;
        padding-bottom: 0px;
        /*object-fit: fill*/
    }
}


@media (min-width: 992px) {
   
    h1 { font-size: 38px; line-height: 44px; margin-top: 10px; margin-bottom: 10px; }
    h2 { font-size: 36px; line-height: normal; margin-top: 10px; margin-bottom: 10px; font-weight: normal; }
    h2.title-sm { font-size: 18px; }
    h3 { font-size: 26px; line-height: normal; margin-top: 10px; margin-bottom: 10px; font-weight: normal; align-content: center; align-items: center;}
    h4 { font-size: 18px; line-height: normal; margin-top: 5px; margin-bottom: 5px; }
    h5 { font-size: 24px; line-height: 34px; margin-top: 5px; margin-bottom: 5px; }
    h6 { font-size: 20px; line-height: 28px; margin-top: 5px; margin-bottom: 5px; }
 
    #top-footer li:hover { border-bottom: 2px solid #E75353; }
    #top-footer .btn-top-footer a { margin-top: 2px; }
    #top-footer .btn-top-footer:hover { border-bottom: 0; }
    #top-footer ul{float: right;}

    /* section */
     section { padding: 50px 0; }
    .margin-bottom { margin-bottom: 10% !important; }
    .margin-bottom-xs { margin-bottom: 2% !important; }
    .margin-bottom-sm { margin-bottom: 5% !important;  }
    .margin-bottom-md { margin-bottom: 20% !important; }
    .margin-bottom-lg { margin-bottom: 30% !important; }
    .margin-top { margin-top: 10% !important; }
    .margin-top-sm { margin-top: 5% !important; }
    .margin-top-md { margin-top: 20% !important; }
    .margin-top-lg { margin-top: 30% !important; }
    .margin-md { margin: 30px 0; }
    .margin-sm { margin: 5% 0; }
    .margin-xs { margin: 2% 0; }
    .padding-xs { padding: 2% 0; }
    .padding-xxs { padding: 1% 0; }
    .margin-bottom-mobile { margin-bottom: 15px !important; }     



}




@media (min-width: 1024px) {
}

@media (min-width: 1200px) {
    .featured-block .content-filter { width: 1170px; }
    .featured-filter .content-filter { width: 1170px; min-height: 400px;}
}