body {
margin: 0px;
padding: 0px;
font-size: 1em;
}
#logo {
max-width: 200px;
display: inline-block;
}
#header_menu {
display: inline-block;
}
#header_menu>div>ul {
display: inline-block;
list-style: none;
margin: 0px;
padding: 0px;
}
#header_menu>div>ul li {
padding: 0px;
margin: 0px;
list-style: none;
display: inline-block;
margin-left: 50px;
}
#header_menu>div>ul li:nth-last-child(2) {
margin-left: 90px;
}
#header_menu>div>ul li:last-child {
margin-left: 0px;
}
#header .header_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
width: 100%;
height: auto;
overflow: auto;
flex-direction: row;
} .single-toppen {
min-height: 570px;
background-size: cover;
background-position: center center;
margin-top: 90px;
margin-left: -30px;
margin-right: -30px;
}
.single-content {
text-align: center;
margin-top: 30px;
min-height: 60vh;
} #footer-default {
background-color: #89519B;
}
#footer-bottom {
background-color: #EBE3EF;
}
:root {
--custom-color-1: #306F7F;
--custom-color-2: #8A529B;
--color-black: #1d1d1b;
--color-light-gray: #f2f2f2;
}
@font-face {
font-family: 'Grold-Rounded-Slim-Bold';
src: url(//brocentrum.se/wp-content/themes/filippa/assets/font/Grold/Grold-Rounded-SemiLight.otf) format('opentype');
}
@font-face {
font-family: 'Grold-Rounded-ExtraLight';
src: url(//brocentrum.se/wp-content/themes/filippa/assets/font/Grold/Grold-Rounded-ExtraLight.otf) format('opentype');
}
@font-face {
font-family: 'Open-Sans';
src: url(//brocentrum.se/wp-content/themes/filippa/assets/font/OpenSans/OpenSans-Regular.ttf) format('truetype');
}
body {
font-family: "proxima-nova", sans-serif;
font-size: 1.1rem;
font-weight: 300;
background: linear-gradient(to bottom, #f5f3f6 400px, #ffffff 300px);
min-height: 100vh;
}
body.single-post {
background: linear-gradient(to bottom, var(--custom-color-2) 400px, #ffffff 300px);
}
body.single-snmall_shop {
background: linear-gradient(to bottom, var(--custom-color-2) 400px, #ffffff 300px);
}
a { color: var(--custom-color-1);
}
a:hover {
color: var(--custom-color-2);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: "Grold-Rounded-Slim-Bold";
}
h1 {
margin-bottom: 2rem;
font-size: 3rem;
}
h2 {
font-size: 2.7rem;
}
h3 {
font-size: 20px;
font-weight: 500;
}
h4 {
font-family: "Grold-Rounded-ExtraLight";
font-size: 20px;
color: var(--custom-color-2);
}
h6 {
font-size: .8rem;
font-weight: 600;
color: #000000;
line-height: 24px;
} #footer-default {
background-color: #306f80;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
#footer-bottom {
background-color: #e0e7ed;
text-align: center;
padding-top: 13px;
padding-bottom: 9px;
color: var(--custom-color-1);
font-size: 14px;
} #header .header_inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;
width: 100%;
height: auto;
overflow: auto;
flex-direction: row;
padding: 30px;
}
#header .menu-item a {
letter-spacing: 0.100em;
font-size: 1.5rem;
font-weight: 100;
color: var(--custom-color-1);
font-family: 'Grold-Rounded-Slim-Bold';
}
#header .menu-item.current-menu-item a, #header .menu-item a:hover {
text-decoration: none;
color: var(--custom-color-2);
font-family: 'Grold-Rounded-Slim-Bold';
}
#header_menu>div>ul {
margin: 0px;
display: flex;
align-items: center;
}
#header .menu-huvudmeny-container .menu-item:has(.filippa-custom-social) a {
padding: 0;
margin: 0;
line-height: 0;
}
.filippa-custom-social {
display: inline-block;
width: 45px;
height: 45px;
background-size: cover;
background-position: center center;
margin-right: 10px;
transition: all ease-in 0.2s;
}
.filippa-custom-instagram {
background-image: url(//brocentrum.se/wp-content/themes/filippa/assets/image/IN-Icon-Tile.png);
}
.filippa-custom-facebook {
background-image: url(//brocentrum.se/wp-content/themes/filippa/assets/image/FB-Icon-Tile.png);
} .filippa-feature-container {
border-left: 2px solid #e0cdaa;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 40px;
}
.filippa-feature-title {
font-size: 18px;
color: #4c4641;
font-weight: 500;
letter-spacing: 0.100em;
margin-bottom: 10px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.filippa-feature-description {
font-size: 14px;
color: #4c4641;
font-weight: 400;
letter-spacing: 0.050em;
} .filippa-countup-border-right {
border-right: 2px solid #FFF;
}
.filippa-countup-border-left {
border-left: 2px solid #FFF;
}
.filippa-countup-border-top {
border-right: 2px solid #FFF;
}
.filippa-countup-border-bottom {
border-left: 2px solid #FFF;
}
.filippa-countup-container {
color: #4c4641;
}
.filippa-countup-number {
font-size: 35px;
font-weight: 500;
}
.filippa-countup-title {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.100em;
}
.filippa-countup-icon {} .filippa-contactcard-container {
background-color: #f5f3f6;
}
.filippa-contactcard-quote {
background-color: #4c4641;
} .item.lgx-item {
padding: 0px !important;
margin: 0px;
}
.owl-theme .owl-controls .owl-nav>div:hover {
background-color: #8d817b;
}
.owl-theme .owl-controls .owl-nav>div {
background-color: #8d817b !important;
border-radius: 0px !important;
opacity: 1 !important;
padding: 15px 15px !important;
} .filippa-button-link {
background-color: #efedf0;
color: #8d817b;
transition: all ease-in 0.2s;
font-weight: 500;
letter-spacing: 0.100em;
font-size: 14px;
}
.filippa-button-link:hover {
background-color: #FFF;
color: #8d817b;
text-decoration: none;
} .wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea {
border: 0px;
padding: 0px;
background: transparent;
border-bottom: 2px solid #8e8e8e;
width: 100%;
display: inline-block;
box-sizing: border-box;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 20px;
}
.wpcf7-form-control-wrap textarea {
height: 90px;
}
.wpcf7-form input[type="submit"] {
border: 0px;
padding-left: 35px;
padding-right: 35px;
padding-top: 11px;
padding-bottom: 9px;
background-color: #8d817b;
letter-spacing: 0.100em;
color: #FFF;
font-weight: 500;
font-size: 14px;
transition: all ease-in 0.2s;
cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover {
background: #333;
}
.wpcf7-form-control-wrap input[type="text"]:focus,
.wpcf7-form-control-wrap input[type="email"]:focus,
.wpcf7-form-control-wrap textarea:focus {
outline: none !important;
}
.wpcf7-form-control-wrap input[type="text"]::placeholder,
.wpcf7-form-control-wrap input[type="email"]::placeholder,
.wpcf7-form-control-wrap textarea::placeholder {
color: #000;
font-size: 14px;
letter-spacing: 0.100em;
font-weight: 400;
}
.small-text {
font-size: 14px;
letter-spacing: 0.050em;
margin-bottom: 20px;
}
.small-text h4 {
padding-bottom: 0px;
} .single-toppen {
min-height: 570px;
background-size: cover;
background-position: center center;
margin-top: 90px;
margin-left: -30px;
margin-right: -30px;
}
.single-content {
text-align: center;
margin-top: 30px;
min-height: 10vh;
}
.snmall-paginator {
display: flex;
justify-content: space-between;
background: var(--custom-color-1);
padding: 30px;
margin: 30px -30px;
}
.snmall-paginator a {
color: white;
}
.snmall-paginator div {
text-align: left;
color: white;
}
.snmall-paginator .paginator-title a {
font-size: 1.2rem;
font-weight: 700;
color: #fff;
}
.snmall-paginator div.paginator-next {
text-align: right;
}
.snmall-paginator .paginator-left-arrow {
margin-right: 10px;
font-size: 2rem;
}
.snmall-paginator .paginator-right-arrow {
margin-left: 10px;
font-size: 2rem;
} .butik-toppen {
min-height: 570px;
background-size: cover;
background-position: center center;
margin-top: 90px;
margin-left: -30px;
margin-right: -30px;
}
.butik-content {
text-align: center;
margin-top: 30px;
}
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {
body {
background: white;
}
.single-toppen,
.butik-toppen {
min-height: 250px;
margin-top: 10px;
}
.filippa-countup-border-right {
border-right: 0px solid #FFF;
}
.filippa-countup-border-left {
border-left: 0px solid #FFF;
}
.filippa-countup-border-top {
border-right: 0px solid #FFF;
}
.filippa-countup-border-bottom {
border-left: 0px solid #FFF;
}
.filippa-countup-container {
margin-bottom: 20px;
margin-top: 20px;
}
}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}