/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.single-post .post-item .post-item-description p{text-align:justify;}
p{
	/*color:#4a4a4a;*/
}



.header-inner{
    background-color:#9a3263 !important;
    height:100px !important;
    box-shadow:0px 0px 4px 1px #9a3263;
}
.raleway , .raleway p{
   font-family:'Raleway' !important;
}
.roboto-condensed{
    font-family:'Roboto Condensed';
}
.oswald{
    font-family:"Oswald";
}
.ultra-light{
    font-weight:200;
    
}
.font-compress{
    letter-spacing: -4px;
}
.font-compress_2{
    letter-spacing: -2px;
}
.morado{
    color:#9a3263 !important;
}
.hover_morado:hover{
      color:#9a3263 !important;
}
.azul{
    color:#4d8ac2;
}


.btn.btn-primary{
    background-color:#9a3263 !important;
    border-color:#9a3263 !important;
    font-family:"Roboto Condensed" !important;
}
.btn.btn-primary:hover{
     background-color:#b37090 !important;
}

#mainMenu nav > ul > li > a {
    color:white;
    font-family: Oswald;
    font-weight:200;
    font-size:1.35em;
   
    text-align:center !important;
  /* Ancho límite del enlace */
}
#mainMenu nav > ul > li {
 margin-left:20px !important;   
 margin-top:5px;
}
#mainMenu nav > ul > li > a .titulo {
    margin-top:-50px;
    
   /*  border:1px solid red;*/
  /* Ancho límite del enlace */
}

#mainMenu.menu-sub-title nav > ul > li > a > .menu-sub-title{
         /* Ajusta este valor a tu gusto */
  width: auto !important;
 
  height:45px;
  font-size:0.82em;
  color:white;
  /*text-shadow:1px 1px black;*/
  font-weight:200;
  margin-top:13px !important;
  padding-top:6px;
  opacity:1 !important;
 /* text-transform:uppercase;*/
  /*font-family:Raleway !important;*/
}

#mainMenu.menu-sub-title nav > ul > li {
    line-height: 64px;
   
}

a > span.logo-default::before, a > span.logo-dark::before {display:none;}
a > span.logo-default::after, a > span.logo-dark::after {display:none;}




@media (max-width: 992px){
.container {
   /* padding: 0 0px ;*/
}
#page-content {
    padding-top: 30px !important;
}
}

#page-content {
    top:-45px;
  /*  padding-top: 20px !important;*/
}

body, p{
    font-family:Raleway !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Oswald", sans-serif;  letter-spacing: 0px; font-weight:200 !important }
h2 > a{
    font-weight:200 !important;
    font-size:1.5em !important;
}

.widget .widget-title, .widget > h4 {
    font-size: 18px;
}



@media (max-width: 991px) {
    #mainMenu:not(.menu-overlay) nav {
       
    }
    #mainMenu:not(.menu-overlay) nav > ul > li > a {
        display: block;
        padding: 18px 0;
        font-size: 22px;
       color:#9a3263 !important;
        text-align:left;
        border: 0;
        border-radius: 0;
        border-bottom:1px solid #eee;
    }
    #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li > a > .menu-sub-title{ 
        color:black;
        text-shadow:none !important;
        margin-top:0px !important;
        max-width:95% !important;
        height:80px;
        border:0px solid red;
        padding-top:16px;
        text-overflow: ellipsis !important;
        
    }
}