/*
Theme Name: CIC by SW Child
Theme URI:
Description: Child theme for customizing CIC 2020 Theme.
Version: 0.1
Author: emendez
Author URI:
Template: cicbysw
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url('../cicbysw/style.css');
/*@import url('style2.css');*/

html,body{  font-family: 'Ubuntu', sans-serif !important; color: #3b3b3b; font-weight: 500; }
html.js, body { margin-top: 0 !important; background: transparent; }
body, body p{ font-size: 17px; }
.hidden{ display: none; }
#site-header { background: white; min-height: 70px; }
.primary-menu > li > a{ color: white !important; text-transform: uppercase; font-weight: 200; }
ul.primary-menu{ font-size: 1.5rem; }
.dtable{ display: table !important; width: 100% ; height: 100% ; }
.dtable .innerd{ display: table-cell; vertical-align: middle; }
.img-responsive{display:block;max-width:100%;height:auto}
.center-block{display:block;margin-right:auto;margin-left:auto}
.text-center{ text-align: center; }
.page article header.entry-header{ display: none; }
.page .post-inner,
.page .wp-block-image:first-child { padding-top: 0; margin: 0 0; }
h1,h2,h3,h4,h5,h6{  }
.fw900{ font-weight: 900; }
.fwbold{ font-weight: bold; }
.fwbolder{ font-weight: bolder; }
.italic{ font-style: italic; }
.w100{ width: 100%;}
.margin-0-auto-block{ margin: 0 auto; display: block; }
.gold-text, .gold-text > p { color: gold; }
.text-dorado, .text-dorado >p {
    color: #996a22;
    font-weight: bold;
    margin-top: 2rem;
}
.text-darkblue{ color: #004279; }

.uppercase{ text-transform: uppercase;}
div.backg-transparent{ background: transparent; }
.relative{ position: relative; }
ul, ol{ margin : 0; padding: 0; }

a{ color: #005faf; }

a.hover{ opacity: 1; }
a.hover:hover,
a.hover:active,
a.hover:focus,
a.hover:hover img,
a.hover:active img,
a.hover:focus img,
ul.top-menu-desktop li a{ opacity: 0.8; transition: 0.5s; }
a:hover > img{ opacity: 0.85; transition: 0.5s; }

ul.footer-social-networks{ width: 100%; }
ul.footer-social-networks li{ display: inline-block; }
ul.footer-social-networks li a{ display: block; padding: 6px 10px; color: white; }

.w5perc{ width: 5%;}
.w10perc{ width: 10%;}
.w15perc{ width: 15%;}
.w20perc{ width: 20%;}
.w25perc{ width: 25%;}
.w30perc{ width: 30%;}
.w35perc{ width: 35%;}
.w40perc{ width: 40%;}
.w45perc{ width: 45%;}
.w50perc{ width: 50%;}
.w55perc{ width: 55%;}
.w60perc{ width: 60%;}
.w65perc{ width: 65%;}
.w70perc{ width: 70%;}
.w75perc{ width: 75%;}
.w80perc{ width: 80%;}
.w85perc{ width: 85%;}
.w90perc{ width: 90%;}
.w95perc{ width: 95%;}
.w100perc{ width: 100%;}

.max-width-10perc{ max-width: 10% !important; }
.max-width-20perc{ max-width: 20% !important;; }
.max-width-30perc{ max-width: 30% !important;; }
.max-width-40perc{ max-width: 40% !important;; }
.max-width-50perc{ max-width: 50% !important;; }
.max-width-60perc{ max-width: 60% !important;; }
.max-width-70perc{ max-width: 70% !important;; }
.max-width-80perc{ max-width: 80% !important;; }
.max-width-90perc{ max-width: 90% !important;; }
.max-width-100perc{ max-width: 100%  !important;; }

.max-width-100px{ max-width: 100px; }
.max-width-200px{ max-width: 200px; }
.max-width-300px{ max-width: 300px; }
.max-width-400px{ max-width: 400px; }
.max-width-500px{ max-width: 500px; }
.max-width-600px{ max-width: 600px; }
.max-width-700px{ max-width: 700px; }
.max-width-800px{ max-width: 800px; }
.max-width-900px{ max-width: 900px; }
.max-width-1000px{ max-width: 1000px; }

.padding-20{ padding: 20px; }
.padding-30{ padding-left: 30px; }
.padding-40{ padding-bottom: 40px; }
.padding-50{ padding-right: 50px; }

.padding-top-10{ padding-top: 10px; }
.padding-left-10{ padding-left: 10px; }
.padding-bottom-10{ padding-bottom: 10px; }
.padding-right-10{ padding-right: 10px; }

.padding-top-20{ padding-top: 20px !important; }
.padding-left-20{ padding-left: 20px!important; }
.padding-bottom-20{ padding-bottom: 20px !important; }
.padding-right-20{ padding-right: 20px !important; }

.padding-top-30{ padding-top: 30px !important; }
.padding-left-30{ padding-left: 30px !important; }
.padding-bottom-30{ padding-bottom: 30px !important; }
.padding-right-30{ padding-right: 30px !important; }

.padding-top-40{ padding-top: 40px !important; }
.padding-left-40{ padding-left: 40px !important; }
.padding-bottom-40{ padding-bottom: 40px !important; }
.padding-right-40{ padding-right: 40px !important; }

.padding-top-50{ padding-top: 50px; }
.padding-left-50{ padding-left: 50px; }
.padding-bottom-50{ padding-bottom: 50px !important; }
.padding-right-50{ padding-right: 50px; }

.padding-top-100{ padding-top: 100px; }
.padding-left-100{ padding-left: 100px; }
.padding-bottom-100{ padding-bottom: 100px !important; }
.padding-right-100{ padding-right: 100px; }

.margin-top-0{ margin-top: 0 !important; }
.margin-left-0{ margin-left: 0 !important; }
.margin-bottom-0{ margin-bottom: 0 !important; }
.margin-right-0{ margin-right: 0 !important; }


.margin-top-5{ margin-top: 5px;}
.margin-bottom-5{ margin-bottom: 5px;}
.margin-left-5{ margin-left: 5px;}
.margin-right-5{ margin-right: 5px;}

.margin-top-10{ margin-top: 10px;}
.margin-bottom-10{ margin-bottom: 10px;}
.margin-left-10{ margin-left: 10px;}
.margin-right-10{ margin-right: 10px;}

.margin-top-15{ margin-top: 15px !important;}
.margin-bottom-15{ margin-bottom: 15px !important;}
.margin-left-15{ margin-left: 15px !important;}
.margin-right-15{ margin-right: 15px !important;}

.margin-top-20{ margin-top: 20px;}
.margin-bottom-20{ margin-bottom: 20px;}
.margin-left-20{ margin-left: 20px;}
.margin-right-20{ margin-right: 20px;}

.margin-top-30{ margin-top: 30px;}
.margin-bottom-30{ margin-bottom: 30px;}
.margin-left-30{ margin-left: 30px;}
.margin-right-30{ margin-right: 30px;}

.margin-top-40{ margin-top: 40px  !important;}
.margin-bottom-40{ margin-bottom: 40px !important;}
.margin-left-40{ margin-left: 40px !important;}
.margin-right-40{ margin-right: 40px !important;}

.margin-top-50{ margin-top: 50px; }
.margin-left-50{ margin-left: 50px; }
.margin-bottom-50{ margin-bottom: 50px; }
.margin-right-50{ margin-right: 50px; }

.margin-top-100{ margin-top: 100px; }
.margin-left-100{ margin-left: 100px; }
.margin-bottom-100{ margin-bottom: 100px !important; }
.margin-right-100{ margin-right: 100px; }

.padding-lr-15{ padding-left: 15px !important; padding-right: 15px !important;}
.container-1100px{ width: 100%; max-width: 1100px; margin: 0 auto; padding: 15px; }

/* Animaciones CSS */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.faster {
  -webkit-animation-duración: 500ms;
  duración de la animación: 500 ms;
}

.animated.delay-02s {
  -webkit-animation-delay: 0.2s;
  animación-delay: 0.2s;
}
.animated.delay-04s {
  -webkit-animation-delay: 0.4s;
  animación-delay: 0.4s;
}
.animated.delay-06s {
  -webkit-animation-delay: 0.6s;
  animación-delay: 0.6s;
}
.animated.delay-08s {
  -webkit-animation-delay: 0.8s;
  animación-delay: 0.8s;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/* Animaciones CSS */

/* resets para materialize */
nav{ height: auto !important; }
.row{ margin-bottom: 0px !important; }
nav ul.top-menu-desktop a:hover {
    background-color: transparent;
}
ul li{ margin: 0; }

select.browser-default,
input[type="text"],
input[type="email"],
input[type="password"]{
    border: 0 !important;
    border-radius: 5px !important;
    background-color: white !important;
    text-align: center;
    padding: 0px 0px !important;
    margin: 0 0 5px 0 !important;
    height: 47px;
    text-align-last: center;
}
select.browser-default.border-lightgray,
input[type="text"].border-lightgray,
input[type="email"].border-lightgray,
input[type="password"].border-lightgray
{ border: 1px solid #e1e1e1 !important; }
.btn{ text-decoration: none!important; }
.input-field{ margin: .2rem 0 !important;}
.error {
    font-size: 14px;
    color: #c90a0a;
    width: 100%;
    text-align: left;
    line-height: 14px;
}
.content-tab{ padding: 40px 20px !important; }
.input-field>label {
    width: 100% !important;
    top: 14px !important;
}
table{ font-size: 1.3rem !important; }
.collapsible-body ul{ margin-left: 20px; }
b, strong{ font-weight: bold !important; }

.top-menu-desktop li{ position: relative; }
.top-menu-desktop li a{ display: inline-block; }
.top-menu-desktop .sub-menu{ padding: 15px 0; display: none; position: absolute; right: 0; top: 20px; background: white; }
.top-menu-desktop li:hover .sub-menu{ display: block; }
.top-menu-desktop .sub-menu > li{ background: white; width: 100%; min-width: 150px; display: inline-block;}
.top-menu-desktop .sub-menu > li > a{ display: block; padding: 7px 12px;}
.top-menu-desktop .sub-menu > li > a:hover,
.top-menu-desktop .sub-menu > li > a:active,
.top-menu-desktop .sub-menu > li > a:focus{ background-color: #f1f1f1; }

.top-menu-desktop .menu-item-has-children{ background: url(images/has-children.png) no-repeat; background-position: 58px 5px; }
/* resets para materialize */

.btn.btn5d6258{background: #5d6258; color: white; font-weight: bold; }
.btn.btn5d6258:hover,
.btn.btn5d6258:focus,
.btn.btn5d6258:active{ background: #5d6258; opacity: 0.8; color: white; }
.btn-rounded{ border-radius: 20px !important; }

.btn.waves-effect.btn-darkgold{ background: #dfa623; color: white; }
.btn.waves-effect.btn-darkgold:hover,
.btn.waves-effect.btn-darkgold:focus,
.btn.waves-effect.btn-darkgold:active{ background: #dfa623; opacity: 0.8; color: white; }

.btn.waves-effect.btn-darkgray1{ background: #5d6c77; color: white; }
.btn.waves-effect.btn-darkgray1:hover,
.btn.waves-effect.btn-darkgray1:focus,
.btn.waves-effect.btn-darkgray1:active{ background: #5d6c77; opacity: 0.8; color: white; }

.btn.waves-effect.btn-red{ background: #dc1c1c; color: white; }
.btn.waves-effect.btn-red:hover,
.btn.waves-effect.btn-red:focus,
.btn.waves-effect.btn-red:active{ background: #dc1c1c; opacity: 0.7; color: white; }

.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    /* support for plugin https://github.com/bfred-it/object-fit-images */
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#menu-menu-principal li a{ color: black; }
#menu-menu-principal li a:hover,
#menu-menu-principal li a:focus,
#menu-menu-principal li a:active{ color: #5c6b76; }

.home-slider,
.home-slider > .jarallax,
.home-slider > .jarallax > .inner-relative,
.home-slider > .parallax,
.home-slider > .parallax-container,
.home-slider > .parallax-container > .inner-relative{ width: 100%; height: 80vh; }
.home-slider > .parallax-container > .inner-relative{ padding: 20px; }
.home-slider > .parallax-container > .inner-relative .inner-img-cic2020{ width: 100%; max-width: 450px;}

.right-image-que-es-cic{ position: absolute; max-width: 65% !important; margin-left: 17.5%; z-index: 10; }

ul.home-premiaciones li .inner-container{ border-radius: 10px; border-radius: 10px; padding: 25px 15px; }
.premiaciones-titular{ font-size: 17pt; color: #353535; text-align: center; width: 100%; margin-bottom: 0; line-height: 22px; margin-top: 10px;}
.home-premiaciones li:nth-child(1) .premiaciones-texto-secundario p:first-child,
.home-premiaciones li:nth-child(2) .premiaciones-texto-secundario p:first-child,
.home-premiaciones li:nth-child(3) .premiaciones-texto-secundario p:first-child{ margin-top: 25px; }
.premiaciones-texto-secundario p{ font-size: 10pt; color: #008971; text-align: center; width: 100%; margin: 5px 0; line-height: 15pt; }
/*.home-premiaciones .slick-track{ display: table !important; }*/

.slick-slider > .slick-prev,
.slick-slider > .slick-next{ position: absolute; bottom: -50px; z-index: 10; font-size: 30px;}
.slick-slider > .slick-prev{ left: 48%; margin-left: -20px; }
.slick-slider > .slick-next{ right: 48%; margin-right: -20px;  }
.slick-disabled{ opacity: 0.5; }

.home-jurado{ }
.home-jurado li {  }
.home-jurado li .inner-container{ border-radius: 10px; }
.home-jurado li .inner-container img{ border-radius: 10px 10px 0 0; }
.home-jurado li .inner-container .inner-text{ padding: 25px 20px; }

.jurado-texto1{ font-size: 22px; color: #353535; margin-bottom: 5px; }
.jurado-texto2{ font-size: 18px; color: #dfa622; margin-bottom: 5px; }
.jurado-texto3{ font-size: 18px; color: #353535; margin-bottom: 5px; }

.home-ganadores-list{ margin: 0; padding: 0; width: 110%; margin-left: -5%; }
.home-ganadores-list li .inner-container{ border-radius: 10px; }
.home-ganadores-list li .inner-container img{ border-radius: 10px 10px 0 0; }
.home-ganadores-list li .inner-container .inner-text{ padding: 25px 20px; }

.header-inner { padding: 0; }

.site-logo img { max-height: 4.1rem; float: left; }

.top-top-menu-desktop{ }
.top-top-menu-desktop li{ }
.top-top-menu-desktop li:first-child{ border-right:1px solid #5d6c76; }
.top-top-menu-desktop li a{ color: #5d6c76; padding: 2px 6px; }


button.hamburger.hamburger--slider.sidenav-trigger{ background: transparent; margin-top: -10px; float: right; }
.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}
.hamburger.is-active:hover,.hamburger:hover{opacity:.7}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before{background-color: #005faf; }
.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#005faf;}
.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}
.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px};

.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}
.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}

.hamburger--header.hamburger--slider .hamburger-inner{top:2px}
.hamburger--slider.is-active .hamburger-inner:after{top:20px}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{ margin-top: 0 !important;}
#site-footer {
    background: black;
    color: white;
    font-size: 1.8rem;
    padding: 2rem 0;
}
.footer-credits, .footer-copyright{ color: white !important; }

.tabs-year-winners{ margin: 0; padding: 0; border-bottom: 1px solid #e2ad32;  }
.tabs-year-winners li{ margin-bottom: 15px; }
.tabs-year-winners li a{ display: block; color: black; font-weight: bolder; padding: 6px 10px;}
.tabs-year-winners li a.active,
.tabs-year-winners li a.focus,
.tabs-year-winners li a.hover,
.tabs-year-winners li a:hover{ background: #5c6b76; color: white; border-radius: 50px; }




/************************* Breakpoints */

@media (min-width: 1200px)
{
  /* XL */
  .hidden-xl{ display: none !important; }
}

@media ( min-width: 1000px ) {

}

@media (min-width: 993px)
{
  /* L */
  .hidden-l{ display: none !important; }
  #main-click-menu{ display: none; }


}

@media (max-width: 992px)
{
  /* M */
  .hidden-m{ display: none !important; }



}

@media (min-width: 700px){

}

@media (min-width: 601px)
{
  /* M */


}

@media (max-width: 600px)
{
  /* S */
  .hidden-s{ display: none !important; }
  .home-slider, .home-slider > .jarallax,
  .home-slider > .jarallax > .inner-relative,
  .home-slider > .parallax,
  .home-slider > .parallax-container,
  .home-slider > .parallax-container > .inner-relative {
    height: 40vh;
}

}

@media (max-width: 500px)
{



}