wefra/themes/default/css/style.css

155 lines
2.1 KiB
CSS

@charset "utf-8";
/*===============================================*/
/* 01. GENERAL */
/*===============================================*/
body{
font-family: 'Oswald', serif;
color:#6a6a6a;
font-size:15px;
margin:0px !important;
}
.nav-item-submenu a {
background-color: black;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Oswald', sans-serif;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
color:#333333;
}
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover{
color:#513072;
}
h1, h2, h3,
.h1, .h2, .h3{
margin-top: 20px;
margin-bottom: 20px;
}
h4, h5, h6
.h4, .h5, .h6{
margin-top: 10px;
margin-bottom: 10px;
}
h1, .h1{
font-size:50px;
}
h2, .h2{
font-size:40px;
}
h3, .h3{
font-size:25px;
}
h4, .h4{
font-size:16px;
line-height:22px;
}
h5, .h5{
font-size: 14px;
}
h6, .h6{
font-size: 12px;
}
h1.inline, h2.inline, h3.inline,
h4.inline, h5.inline, h6.inline{
display:inline;
vertical-align:middle;
}
p{
font-family: 'Oswald', serif;
font-size:16px;
line-height:26px;
margin-bottom:25px;
}
p.lead{
font-size:19px;
line-height:28px;
font-weight:normal;
}
.content-bg {
background-color:#f6f6f6;
}
.row.is-flex {
display: flex;
flex-wrap: wrap;
margin:20px 0px;
}
.row.is-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
.row.is-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.box-info div{
background-color:#fff;
border: solid 10px #f6f6f6;
}
.full-width-light-grey {
background-color:#f6f6f6;
padding-top:20px;
}
.full-width-dark-grey {
background-color:#2c2c2c;
padding-top:20px;
}
.full-width-white {
background-color:#fff;
padding-top:20px;
}
.marg-bot-4 {
margin-bottom: 4px;
}
.icon-lg {
font-size: 25px;
}