/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.landscape.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.landscape.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*# sourceMappingURL=responsive.smalltouch.landscape.css.map */
/* LEADERBOARD*/
.mobile .wrap-leaderboard{
	display: none;
}
/* REGION HEADER */
#header .container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#header .container #branding{
    max-width: 30vw;
    margin: 3%;	
}
.bloque-redessociales{
    text-align: center;
}
.mobile .bloque-redessociales *{
	color: #494949;
}
.mobile .bloque-redessociales ul.txt{
	padding: 0;
    margin: 0 0 3% 0;	
}
.boxmainpage .boxwrappertop,
.boxmainpage .boxwrapperbottom,
.boxmainpage .wrap-mainmenu{
	position: inherit;	
}
.front #columns{
	height: 0;
}
/* MENU TOP */
.mobile .bloque-menutop{
	background-color: rgba(0, 0, 0, 0.42);
    padding: 6px 0;
	margin-bottom: 0;
    border-radius: 0;
}
.bloque-menutop ul.menu{
	text-align: center;
}
.bloque-menutop ul.menu li{
    margin: 0;
}
.bloque-menutop ul.menu li a{
    color: #FFFFFF;
    font-size: 95%;
    border-right: 1px solid #FFFFFF;
}
.bloque-menutop ul.menu li:last-child a{
    border-right: 0;
}
.boxmainpage .wrap-mainmenu .menu-wrapper{
	margin: 0;
}
.boxmainpage .wrap-mainmenu .responsive-menus{
	margin: 0 0 5% 0;
}
.boxmainpage .wrap-mainmenu .responsive-menus .toggler{
    border-radius: 0;
    box-shadow: none;
    padding: 10px 0;
}
.boxmainpage .wrap-mainmenu .responsive-menus ul{
	border-radius: 0;
}
/* BLOQUE FOOTER */
.bloque-footer .wrapbox{
	font-size: 95%;
}
.bloque-footer .wrapbox .box1 .bx{
	line-height: normal;
}
.bloque-footer .wrapbox .box1{
	margin-bottom: 5%;
}
/* BLOQUE HORARIOS */
.bloque-horario.front .block-title{
    font-size: 6vw;
    margin: 10px 0 20px 0;	
}
/* BLOQUE SERVICIOS - ICONOS */
.bloque-servicioicons{
	margin-bottom: 5vh;
}
.bloque-servicioicons .block-content{
	background-size: contain;
}
/* BLOQUE PUBLICIDAD HOME */
.bloque-publihome .panel-display .region .region-inner .block .block-inner{
	margin-right: 10px;
    margin-left: 10px;
}
.bloque-servicioicons .block-content .wrapbox .box{
	margin: 3% 1.5%;
	max-width: 20%;
}
.bloque-servicioicons .block-content .wrapbox .box .boxtxt h3{
	font-size: 2.9vw;
}
.not-front #main-content-header #page-title{
	text-align: center;
	margin-bottom: 3%;
}

.bloque-horario.front .panel-display .region{
	margin: auto;
}

.view-avisos-legales.vws-avisoslegales .boxmain .box.box1{
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}
.view-avisos-legales.vws-avisoslegales .boxmain .box.box2{
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    padding: 4% 10px;
}

.mnpnlFooter2022 .region-three-25-25-50-first,
.mnpnlFooter2022 .region-three-25-25-50-second{
    margin-bottom: 20px;
}
.mnpnlFooter2022 .region-three-25-25-50-third{}
.mnpnlFooter2022 .region-three-25-25-50-third .block-inner{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */
.page-taxonomy .nodes .node,
.nuestrasmarcas.teaser .view-content .views-row,
.page-views .novedades.teaser .view-content .views-row,
.viewsnuestrasmarcas .view-content .views-row{
	margin: 0 auto 3% auto;
}

#header .region-header .region-inner{
 	-webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;		
}

#block-block-1{
	
}
#block-block-1 .block-content .txt {
	-moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
#block-block-1 .block-content .txt .box{
	
}
#block-block-1 .block-content .txt .box.box1{
    border: 0;
    padding: 8px 0px;	
}
#block-block-1 .block-content .txt .box.box2{
    padding: 0;
    margin-bottom: 15px;	
}
#block-block-1 .block-content .txt .box.box2 ul li{
	line-height: normal;
}
#block-block-5{
	margin-bottom: 20px !important;
}
#block-block-5 .block-content ul.txt{}

#node-1 .node-content h2{
	line-height: normal;
	padding-left: 50px;
}
#block-block-2 .wrapbox .boximg{
	margin: 20px;
}
#block-block-3 .wraptxt{
	text-align: left;
}
#block-block-3 .wraptxt .wrapbox{
    margin-bottom: 10px;
    padding-left: 30px !important;	
}
#block-block-3 .wraptxt .wrapbox .separa{
	display: none;
}
#block-block-3 .wraptxt .wrapbox.box1{}
#block-block-3 .wraptxt .wrapbox.box2{
	background-position: 0 8px;
}
#block-block-3 .wraptxt .wrapbox.box3{
	background-position: 0 2px;
}

/*
 * MENU PRINCIPAL
 */
.blckMainMenu{
    margin-bottom: 15px !important;
}

.blckEventos2021 .view-header h2{
	margin: 0;
	padding: 20px 0;	 
}
.blckEventos2021 .more-link{
    margin-bottom: 20px;
}

.blckMnpnlCine2021 .blckTitleCine h2{
    font-size: 210%;
}
.blckLogoCinecolombia .imgwrap{
    padding-top: 0;
}