@import url('https://fonts.googleapis.com/css2?family=Grandstander:ital,wght@0,100..900;1,100..900&display=swap');
#block-festivalverano-festivaldeverano2024bloqueprincipal
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-08/fondo%204-01%20%282%29.jpg);/*https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg*/
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;
}


#block-festivalverano-stival-de-verano-2024-galerias-block-1
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg);
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;
}


.page-node-type-galeria  .node--type-galeria .field__item{
   /* width: 350px;
    float: left;
    margin: 20px;*/
}

.page-node-type-galeria  .node--type-galeria  .field--name-body {
  
    background-color: #dfdede;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 16px;

}


#block-festivalverano-stival-de-verano-2024-galerias-block-1 .perfiles .titulos {
    margin-left: 0;
    background: #000000a8;
    color: #ffF;
    padding: 10px;
    border-radius: 0;
    min-height: auto;
    bottom: 0px !important;
    width: 100%;
}

#block-festivalverano-stival-de-verano-2024-galerias-block-1 .slick-slide {
    padding: 10px;
}
/* #block-festivalverano-festivaldeverano2024galeria .field__item
 {
    width: 380px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}*/
#block-festivalverano-festivaldeverano2024encabezado
{
	/*background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo-1_op_0.jpg);*/
    background-size: cover;
    background-position: center;
    min-height: 404px;
        background-attachment: fixed;

}
#block-festivalverano-festivaldeverano2024programacionhome
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo%202-01.jpg);
    background-size: cover;
    background-position: center;
    min-height: 404px;    background-attachment: fixed;
}

.block-views-blockfestival-de-verano-2024-noticias-block-1
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/fondo.jpg);
    background-size: cover;
    background-position: top;
    background-position: center;
    min-height: 404px;    background-attachment: fixed;
}
body {
    padding-top: 79px;
    /*background-image: url(https://www.idrd.gov.co/sites/default/files/2024-07/FONDOPROGRAMACION___.jpg);*/
        background-image: url(/sites/default/files/2025-06/TramadoOpa.png), linear-gradient(154deg, #ffeb3b, #ff5722, #f44336, #b71c1c);
    background-repeat: repeat;
    background-size: contain;
    background-position: left;
    background-attachment: fixed;
}
.modal-backdrop
 {
  position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
 }

.logofestival {
  /*  max-width: 600px;*/
}

.cartel
{
	    background-color: #ffffff94;
    width: 200px;
    border-radius: 8px;
    min-height: 200px;
    /* box-shadow: 60px -16px teal; */
    color: #FFF;
    text-shadow: 1px 1px 2px black;
    font-size:4em;
    font-weight: bold;
        position: relative;
}

.cartel .nros
{
   display: flex;
    justify-content: center;
    align-items: center;
    min-height: 140px;
}

.txtcartel
{
	  position: absolute;
    bottom: 0px;
    text-align: center;
    width: 200px;
    background-color: #FFF;
    border-radius: 0px 0px 8px 8px;
}

.txtcartel h3 {
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    padding: 9px;
}



.logomovfestival .logo {
    position: relative;
    z-index: 1;
}

.logomovfestival .logo {
    position: relative;
    z-index: 1;
}

.logomovfestival .cometa1 {
        top: -26%;
    right: 36%;
    animation: pendulum 6s ease-in-out infinite;
    transform-origin: center bottom;
}

.logomovfestival .cometa1a {
       top: -60%;
    right: 31%;
    animation: pendulum 6s ease-in-out infinite;
    transform-origin: center bottom;
}
.logomovfestival .cometa2a {
   top: -26%;
    right: -11%;
    animation: pendulum1 1.5s  ease-in-out infinite;
    transform-origin: center bottom;
}

.logomovfestival .cometa2 {
    top: -8%;
    right: 31%;
    animation: pendulum1 1.5s  ease-in-out infinite;
    transform-origin: center bottom;
}

.logofestival  .fechas img    
{
		max-width: 407px;
    padding: 20px 0px;
    /* max-width: 512px; */
    z-index: 1;
    position: relative;
}
   

.logomovfestival .logo img    
{
	width: 100%;
	max-width: 781px;
	

}
.anim1
{
animation: float 1.5s ease-in-out infinite;
    width: auto;
    position: absolute;
    left: 30%;
    bottom: 58px;
}


.anim2 {
        left: -266px;
    position: absolute;
    bottom: -10%;
}
.anim3 {
  right:0;
    position: absolute;
    bottom: 0;
}
.anim3 img {
   max-width: 500px;
}



/*.anim2 img {
   max-width: 500px;
}
*/


.animnew1 {
        left: -220px;
    position: absolute;
    bottom: -14px;
}

.animnew2 {
      left: 0;
    position: relative;
    margin-bottom: -47px;
    bottom: 0;
}

.animnew3 {
    right: 70px;
    position: absolute;
    top: -60px;
}



.animnew3 img{
  
     width: 300px;
     height:auto;
}



   
.zind1
{
	z-index:1;
}

.menusperior  {

    width: 513px;
    border-radius: 0px 0px 20px 20px;
    z-index: 1;
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
		z-index: 2;
}
.menusperior ul
{
    list-style: none;
    margin: 0px;
}
.menusperior li
{
    float: left;
    margin-right: 30px;
    font-family: 'Montserrat';
    font-style: bold;
    /* font-size: 24px; */
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #FF252F;
}
.menusperior li a
{
	    color: #FF252F;
    text-decoration: none;
}




.rotation1 {
    animation: rotation 70s infinite;
}
.start-0 {
    left: 0 !important;
}


/*******************************
****************************
****************************
****************************
******************************/

@keyframes float {
	0% {transform: translatey(0px);}
	50% {transform: translatey(-20px);}
	100% {
		transform: translatey(0px);
	}
}



@keyframes float {
	0% {

		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


@keyframes pendulum {
  0%, 100% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(5deg);
  }
}

@keyframes pendulum1 {
  0%, 100% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(1deg);
  }
}



@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes float {
	0% {

		transform: translatey(0px);
	}
	50% {

		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}


.region-footer
{	
background-color: transparent !important;
}

footer {
      background-color: transparent !important;

    margin-top: 0; 
}

	
	#block-festivalverano-festivaldeverano2024encabezado		.cometa1 img 
	{
		width:120px;
	}
	#block-festivalverano-festivaldeverano2024encabezado	.cometa2 img 
	{
		width:120px;
	}



.lista-eventos  li
{
	
    float: left;
        margin: 5px;
    list-style: none;
}

.lista-eventos li a
{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 189.57px;
    height: 45.3px;
    background: #FF252F;
    border: 3px solid #FFFFFF;
    border-radius: 35px;
    list-style: none;
    color: #FFF;
    text-decoration: none;
}

.lista-eventos li:nth-child(1):hover a, 
.lista-eventos li:nth-child(1):hover .bef-link--selected 
{
  background: #34126f;

}
.lista-eventos li:nth-child(2) a {
  background: #fff;
    border: 3px solid #F39200;
    color: #F39200;
}

.lista-eventos li:nth-child(2):hover a, 
.lista-eventos li:nth-child(2):hover .bef-link--selected
{
	background: #F39200;
    border: 3px solid #fff;
    color: #fff;
}

.lista-eventos li:nth-child(3) a {
  background: #fff;
    border: 3px solid #21B9DB;
    color: #21B9DB;
}
.lista-eventos li:nth-child(3):hover a, 
.lista-eventos li:nth-child(3):hover .bef-link--selected
{
  background: #21B9DB;
    border: 3px solid #FFF;
    color: #FFF;
}
.lista-eventos li:nth-child(4) a {
  background: #fff;
    border: 3px solid #D61052;
    color: #D61052;
}
.lista-eventos li:nth-child(4):hover a, 
.lista-eventos li:nth-child(4):hover .bef-link--selected
{
  background: #D61052;
    border: 3px solid #fff;
    color: #fff;
}

.lista-eventos li:nth-child(5) a {
  background: #fff;
    border: 3px solid #93C01F;
    color: #93C01F;
}
.lista-eventos li:nth-child(5):hover a, 
.lista-eventos li:nth-child(5):hover .bef-link--selected
{
  background: #93C01F;
    border: 3px solid #fff;
    color: #fff;
}

.circulo
{
  border: 4px solid;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
}

.list {
    visibility: visible;
    animation-name: fadeInLeft;
    /* font-size: 20px; */
    font-weight: bold;
    font-size: 18px;
    font-family: Montserrat;
    cursor: pointer;
    width: 100%;
}
.list:hover 
{
    background-color: #ffffff26;
}


.modal-content
{
    border-radius: 1.3rem;
   
}
.modal-title {
  
    color: #FFF;
    font-weight: bold;
    font-family: Montserrat;
}

.modal-header 
{
    border-top-left-radius: calc(1.3rem - 1px);
    border-top-right-radius: calc(1.3rem - 1px);
    color: #FFF;
    background: #000;
}
.Deporte .circulo, .Deporte .modal-header 
{
	background-color: #f59200;
}
.Grandes .circulo, .Grandes .modal-header 
{
	background-color: #21B9DB;
}
.Recreacion .circulo, .Recreacion .modal-header 
{
	background-color: #D61052;
}

.Actividad  .circulo, .Actividad .modal-header
{
	background-color: #93C01F;
}

    
.Deporte .fa-2xl::before
{
	color: #f59200;
}
.Grandes .fa-2xl::before 
{
color: #21B9DB;
}
.Recreacion .fa-2xl::before 
{
	color: #D61052;
}

.Actividad  .fa-2xl::before
{
	color: #93C01F;
}    
    
.btn-closenew {
    color: #FFF;
    font-weight: 600;
    font-family: Montserrat;
    font-size: 27px;
    text-shadow: 2px 2px black;
    padding: 5px 15px;
}
.ckeditor-accordion-container > dl 
{
    max-width: 100%;
}

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover 
{
    background-color: transparent;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) 
{

    background-color: transparent;
}
    
 .ckeditor-accordion-container dt 
 {
 background-color: transparent;
 	
 }
 
 .ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {

    border-bottom: transparent;
}

.ckeditor-accordion-container > dl {

    border:transparent;
}
.ckeditor-accordion-container > dl dd {
    border-right: transparent;
    border-left: transparent;
}


.ckeditor-accordion-container dt {
    padding: 16px 0px !important;
    border-radius: 20px;
    border: solid #FFF;
    margin-bottom: 10px;
}

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after 
{
    background: #FFF;
    font-weight: bold;
}


.accordion-item, .accordion-header {
    background: transparent;
}
.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: transparent !important;
}

.accordion-button {
    color: #ffffff !important;
    background-color: transparent !important;
}
.accordion-collapse{
    background: transparent;
}

.accordion-header{
    padding: 16px 0px !important;
    border-radius: 20px;
    border: solid #FFF;
    margin-bottom: 10px;
}
dt::before {
    content: "";
    background: url(https://www.idrd.gov.co/sites/default/files/2024-07/icono.png);
    position: relative;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-left: 25px;
}
/*dt
{z-index: -1;}*/

.modal-body img
{
	    border-radius: 20px;
}

.modal-footer{
    color: #060606 !important;
    font-size: 10px  !important;
    padding: 5px !important;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    color: var(--ColorTextos);
}

.form--inline {
    display: flex;
    justify-content: center;
}
.modal-dialog
{
	top: 10%;
}


.animnew2 
{margin-bottom: -49px;}


#block-festivalverano-festivaldeverano2023descargaapp
{
	z-index:3;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 p {
    font-family: 'Work Sans', sans-serif;
    color:#FFF;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 p a {
    color: #f1df60;
    text-decoration: underline;
}


#views-bootstrap-festival-de-verano-2024-noticias-block-1 h1, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h2, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h3, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h4, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h5, 
#views-bootstrap-festival-de-verano-2024-noticias-block-1 h6 {
    font-family: 'Montserrat', sans-serif;
    color: #ff9595;
}

/******** CONFIGURACION PARA PANTALLAS ************************/

@media (max-width: 1399.98px) { 


.anim1 img{
    width: 135px;
}
			.cometa1 img 
	{
		width:110px !important;
	}
	.cometa2 img 
	{
		width:110px !important
	}
}


@media (max-width: 1199.98px){ 
		.cometa1 img 
	{
		width:110px !important
	}
	.cometa2 img 
	{
		width:110px !important
	}
	.anim1 {

    left: 25%;
        bottom: 28%;
	}
	.logomovfestival .cometa1 {
 
    right: 30%;
  
}

.logomovfestival .cometa2 {
  
    right: 24%;

}
}



@media (max-width: 991.98px) { 
		.cometa1 img 
	{
		width:110px !important
	}
	.cometa2 img 
	{
		width:110px !important
	}
	.globo img {
    width: 185px !important;
}
    .anim1 img {
        width: 127px !important;
    }
    .anim1 {
        left: 20%;
        bottom: 21%;
    }
    	.logomovfestival .cometa1 {
 
    right: 28%;
  
}

.logomovfestival .cometa2 {
  
    right: 20%;

}

	
}

	
@media (max-width: 767.98px) 
 {
.globo img {
    width: 160px !important;
}
	.cometa1 img 
	{
		width:85px !important
	}
	.cometa2 img 
	{
		width:85px !important
	}
	.anim3 img {
   max-width: 300px !important
	}
	.anim1 img {
        width: 89px !important;
    }
	.anim2 img {
	   max-width: 300px !important
	}
		
		.imagenevento {
	    float: left;
	    width: 125px;
		}
		.imagenevento img 
		{
	    width: 100%;border-radius: 10px;
		}
		.list {
	    font-size: 14px;        width: 270px;
		}
		.circulo {
	    border: 1px solid;
	    width: 20px;
	    height: 20px;
	    border-radius: 20px;
	    background-color: #fff;
	}
	
	
	.lista-eventos, dd
	{
		    padding: 0px;
	}
		.ckeditor-accordion-container > dl dd {
    padding: 0px;
    }
      .container
    {
		    padding: 0px;
	}
	.view-filters ul {width: 260px; }
		.menusperior {
    width: 383px;}
}



@media (max-width: 490.98px) 
 {
    .globo img {
        width: 120px !important;
    }
  .anim1 img {
        width: 73px !important;
    }
    
    .anim1 {
   
    bottom: 31px;
    }
    
    .logomovfestival .cometa1 {
    top: -44% !important; 
    right: 29%; }
    
    .logomovfestival .cometa2 {
    top: -25%;
    }
    
	.cometa1 img 
	{
		width:70px !important
	}
	
	.cometa2 img 
	{
		width:68px !important
	}
	.anim3 img {
   max-width: 300px !important
	}

	.anim2 img {
	   max-width: 300px !important
	}
	
	
	.imagenevento {
    float: left;
    width: 125px;
	}
	.imagenevento img 
	{
    width: 100%;border-radius: 10px;
	}
	.list {
    font-size: 14px;        width: 270px;
	}
	.circulo {
    border: 1px solid;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
	}
	
	.lista-eventos, dd
	{
		    padding: 0px;
	}
	.ckeditor-accordion-container > dl dd {
    padding: 0px;
    }
    .container
    {
		    padding: 0px;
	}
	.view-filters ul {width: 260px; }
	.menusperior {
    width: 383px;}

	
}

.modal-body .MAPAIMG img {
    WIDTH: 100%;
    HEIGHT: AUTO;
}


.progdia{
    font-size: 1.5em;
    font-weight: bold;
}

.bordederecha {
    border-right: solid;
}

.vistagris {
    max-height: 109px;
    overflow: hidden;
}


.grid-item{
margin:8px
}
.cuentaregresiva
{
	background-color: #FFF !important;
    border-radius: 70px !important;
    position:relative;
}
.cuentaregresivaslogan
{
	     font-family: "Grandstander" !important;
    color: #FFC521;
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    line-height: normal;
}
.cuentaregresiva span {
    text-align: center !important;
    font-size: 3.7em !important;
    font-weight: 900 !important;
    color: #B91037 !important;
    font-family: "Grandstander" !important;
    font-optical-sizing: auto !important;
}

.cuentaregresiva2{
    color: #b91037;
    text-transform: uppercase;
    font-weight: bold;
    line-height: normal;
}
.bordeamarilloderecha
{
	border-right: 2px solid #ffc521;
}

.sombrerochino
{
	position: absolute;
    top: -80px;
    left: -70px;
    animation: columpio 4s ease-in-out infinite;
  transform-origin: top center;
}
.sombrerochino img
{
    width: 200px;
}



@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes columpio {
  0% {
    transform: rotateZ(0deg) rotateX(3deg);
  }
  50% {
    transform: rotateZ(5deg) rotateX(-3deg);
  }
  100% {
    transform: rotateZ(0deg) rotateX(3deg);
  }
}

.cadena
{
	background-image: url(https://www.idrd.gov.co/sites/default/files/2025-06/CADENA.png);
    /* background: repeat-x; */
    background-repeat: repeat-x;
        height: 100px;
    background-size: contain;
}
.redes a 
{
	margin-right: 10px;
}
.globo img
{
	width: 250px;
}
.globo
{
	position: fixed;
    top: 0;
    right: 9%;
    z-index: -1;
}