/*
Theme Name: Aniversario UFRO
Theme URI: https://aniversario.ufro.cl
Author:Luis Jara - Alejandra Lagos | DirCom UFRO
Description: UFRO 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Aniversario, UFRO, DirCom
Text Domain: UFRO
*/

html {
    color: #222;
    font-size: 62.5%;
    line-height: 1.4;
}
#contenedor{
  max-width:1900px;
  margin:0 auto;
  background-color:#FFFFFF;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.4); 
}
/**************************
***********MENU************
**************************/
.menu{
  position: fixed;
  z-index:999!important;
  width:1900px;
  background:#003a6c;
  margin:auto;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal > li.mega-menu-item > a.mega-menu-link {
  line-height: 17px!important;
  /*height:50px;*/
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal {
 padding:14px!important;
}
/**************************
*********EVENTOS***********
**************************/
#wpsm_accordion_295 a{
	color:#698D31!important;
}
#wpsm_accordion_295 a:hover{
	color:#7da93a !important;
}
#wpsm_accordion_311 a{
	color:#5a379b !important
}
#wpsm_accordion_311 a:hover{
	color:#7743d6 !important
}
#wpsm_accordion_315 a{
	color:#3a8388 !important
}
#wpsm_accordion_315 a:hover{
	color:#4baeb5 !important
}
.mec-event-tile-view article.mec-tile-item .mec-event-title {
	font-size: 18px!important;
}
ul.mec-categories li.mec-category a {
	color: #fff!important;
}
.mec-container{
	margin-top:100px;
}
.comment-respond{
	visibility:hidden!important;
	height:20px;
}
.mec-labels-normal{
	visibility:hidden!important;
}
.mec-next-month, .mec-previous-month{
	visibility:hidden!important;
}
/**************************
***********FOOTER**********
**************************/
.footer{
	margin:0 auto;
	padding:0 50px;
	background-image: url("https://aniversario.ufro.cl/wp-content/uploads/2021/06/footer-background.png");
}
.footer{
	color:#fff;
	font-family:Roboto; 
	font-size:1.2em;
}
.footer a{
	color:#fff;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}
.fa-facebook:hover {
  color:#24c6e8;
}
.fa-twitter-square:hover {
  color:#55acee;
}
.fa-linkedin:hover{
  color:#0077b5; 
}
.fa-youtube:hover {
  color:#cd201f;
}
.fa-flickr:hover {
  color:#ff0084;
 /* background:#0063dc 3px;*/
}
.fa-whatsapp:hover {
  color:#4dc247;
}
.fab.fa-instagram:hover {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}
/**************************
*********MEDIA SCREEN******
**************************/

@media only screen and (max-width: 700px) {
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-41 a,
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-42 a,
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-43 a,
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-44 a,
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-45 a,
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-46 a{
	  width:100%!important;
	}
	#mega-menu-wrap-menu-principal #mega-menu-menu-principal li{
		border-bottom:1px solid #fff!important;
	}
	.menu{
		position:inherit;
		width:auto!important;
	}
	.mec-container{
		margin-top:50px;
	}
}
@media only screen and (min-width: 801px) {
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-41{
  width:100px !important;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-42{
  width:280px !important;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-43{
  width:140px !important;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-44{
  width:120px !important;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-45{
  width:120px !important;
}
#mega-menu-wrap-menu-principal #mega-menu-menu-principal #mega-menu-item-46{
  width:290px !important;
}

}
@media only screen and (max-width: 1280px) {

}
@media only screen and (min-width: 1280px) {

}