/* 

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;
}
.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;
}
.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.3em;
}
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;
}
}



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;
}