html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: 'Roboto', sans-serif;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
code, kbd, pre, samp {
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
select {
text-transform: none;
}
button {
overflow: visible;
}
button, input, select, textarea {
max-width: 100%;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
opacity: .5;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}
fieldset > :last-child {
margin-bottom: 0;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
optgroup {
font-weight: bold;
} body {
font-family: 'Roboto', sans-serif;
} .content-block {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 22px;    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content-block-half {
width: 512px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.content-block-half.left {
padding-left: 22px;
margin-left: auto;
margin-right: 0;
}
.content-block-half.right {
padding-right: 22px;
margin-left: 0;
margin-right: auto;
} #site-header {
padding-top: 40px;
}
#site-logo img {
display: block;
margin: 0 auto;
width: 180px;
max-width: 100%;
}
#header-bottom-line {
height: 4px;
background: #e62655;
} #for-bestilling {
position: absolute;
top: 0;
right: 22px; z-index: 1;
text-align: right;
}
#for-bestilling-heading {
font-size: 14px;
font-weight: 900;
color: #bbbbbb;
text-transform: uppercase;
margin-bottom: 5px;
}
#for-bestilling-text {
font-size: 14px;
font-weight: 400;
color: #000;
}
#for-bestilling-text p {
margin: 0 0 5px 0;
}
#for-bestilling-text a {
color: #668bf0;
text-decoration: underline;
} #main-navigation-container {
text-align: center;
margin-top: 50px;
margin-bottom: 15px;
}
.primary-menu .menu-expand-button {
display: none;
}
.primary-menu,
.primary-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.primary-menu li {
display: inline-block;
vertical-align: middle;
margin: 0 36px;
}
.primary-menu .menu-item a {
font-size: 14px;
font-weight: 400;
color: #000;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;
}
.primary-menu .menu-item.current-menu-item > a,
.primary-menu .menu-item.current-post-ancestor > a,
.primary-menu .menu-item.current-post-parent > a,
.primary-menu .menu-item.current-category-parent > a,
.primary-menu .menu-item.current-menu-ancestor > a,
.primary-menu .menu-item > a:hover {
color: #e62655;
} .primary-menu .sub-menu {
display: none;
}
#mobile-menu-button {
display: none;
} .secondary-navigation {
display: inline-block;
vertical-align: top;
width: 260px;
padding-right: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.secondary-menu,
.secondary-menu ul {
list-style-type: none;
padding: 0;
margin: 0;    
}
.secondary-menu .menu-item a {
font-size: 12px;
color: #333333;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;
display: block;
border-bottom: 1px solid #e5e5e5;
padding: 12px 0;
}
.secondary-menu .menu-item.current-menu-item > a,
.secondary-menu .menu-item.current-category-parent > a,
.secondary-menu .menu-item.current-post-ancestor > a,
.secondary-menu .menu-item.current-menu-ancestor > a,
.secondary-menu .menu-item > a:hover {
color: #e62655;
}
.secondary-menu > .menu-item,
.secondary-menu > .menu-item > a {
display: none;
}
.secondary-menu > .menu-item.current-menu-item,
.secondary-menu > .menu-item.current-category-parent,
.secondary-menu > .menu-item.current-post-ancestor,
.secondary-menu > .menu-item.current-menu-ancestor {
display: list-item;
} #frontpage-slider {
display: -webkit-flex;
display: -moz-flex;
display: flex;
height: 710px;
padding: 45px 0;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#frontpage-slider .content-block {
-webkit-align-self: flex-end;
align-self: flex-end;
}
#frontpage-slider .content-block .content-block-texts {
width: 50%;
}
.frontpage-slider-heading {
font-size: 60px;
font-weight: 300;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin: 0 0 20px 0;
}
.frontpage-slider-text {
font-size: 18px;
font-weight: 300;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin: 0 0 25px 0;   
}
.frontpage-slider-text p {
margin: 0 0 5px 0;
}
.frontpage-slider-text a {
color: #fff;
text-decoration: underline;
}
.frontpage-slider-link {
display: inline-block;
font-size: 12px;
font-weight: 400;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background: #e62655;
padding: 0 18px;
line-height: 36px;
height: 36px;
} #we-help {
background: #668bf0;
padding: 45px 0 65px 0;
}
#we-help .section-header {
font-size: 36px;
font-weight: 300;
color: #fff;
margin-bottom: 40px;
}
.we-help-items {
font-size: 0;
margin-left: -25px;
}
.we-help-item {
display: inline-block;
vertical-align: top;
position: relative;
width: 310px;
margin-left: 25px;
text-align: center;
}
.we-help-picture {
position: relative;
margin-bottom: 55px;
}
.we-help-picture img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.we-help-picture:after {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 100%;
width: 70%;
height: 7px;
margin: auto;
opacity: .4;
background: -moz-linear-gradient(top, rgba(33, 34, 64, .3) 0%, rgba(33, 34, 64, 0) 100%);
background: -webkit-linear-gradient(top, rgba(33, 34, 64, .3) 0%,rgba(33, 34, 64, 0) 100%);
background: linear-gradient(to bottom, rgba(33, 34, 64, .3) 0%,rgba(33, 34, 64, 0) 100%);
}
.we-help-heading {
font-family: 'AvenirNextBold';
font-size: 18px;
color: #fff;
text-transform: uppercase;
margin-bottom: 12px;
}
.we-help-text {
font-size: 14px;
font-weight: 400;
color: #fff;
margin-bottom: 15px;
}
.we-help-text a {
color: #fff;
text-decoration: underline;
}
.we-help-text p {
margin: 0 0 15px 0;
}
.we-help-link-container {
text-align: center;
}
.we-help-link {
font-size: 14px;
font-weight: 400;
color: #fff;
text-decoration: underline;    
} #map-conatiner {
position: relative;
}
#map {
height: 610px;
background: #D1D1D1 url(//www.kiropraktorhjellen.no/wp-content/themes/kiropraktor/images/preloader.gif) no-repeat center center;
}
#map-overlay-text {
position: absolute;
z-index: 1;
top: 80px;
left: 0;
right: 0;
margin: auto;
}
#map-overlay-text > div {
font-size: 36px;
font-weight: 300;
color: #1b1d4a;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
width: 50%;
}
#map-overlay-text > div a {
color: #1b1d4a;
text-decoration: underline;
}
#map-overlay-text > div p {
margin: 0;
padding: 0;
} #reviews {
font-size: 0;
background: #e9e9e9;
position: relative;
}
#reviews-left,
#reviews-right {
display: inline-block;
vertical-align: top;
width: 50%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
#reviews-left .content-block-half {
padding-top: 60px;
padding-bottom: 25px;
padding-right: 10px;
}
#reviews-right {
position: absolute;
height: 100%;
z-index: 1;
}
#reviews-right .content-block-half.right {
position: relative;
height: 100%;
}
#reviews-right .content-block-half.right .ratio-image {
display: none;
width: 100%;
}
#reviews .section-header {
font-size: 36px;
font-weight: 300;
color: #1b1d4a;
margin-bottom: 60px;
}
#loaded-reviews {
margin-bottom: 20px;
background: url(//www.kiropraktorhjellen.no/wp-content/themes/kiropraktor/images/preloader.gif) no-repeat center center;
min-height: 300px;
}
#loaded-reviews.content-loaded {
background: none;
}
#more-reviews-link {
font-size: 12px;
font-weight: 700;
color: #e62655;
text-decoration: underline;
}
.review-item {
border-top: 1px solid rgb(153, 153, 153);
padding-bottom: 15px;
padding-top: 10px;
}
.review-item:first-child {
border-top: none;
padding-top: 0;
}
.review-image {
display: inline-block;
vertical-align: top;
}
.review-image img {
display: block;
width: 30px;
height: 30px;
}
.review-name-date {
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
.review-name {
font-size: 13px;
color: #000;
}
.review-date {
font-size: 13px;
color: rgb(153, 153, 153);
}
.review-title {
font-size: 15px;
color: #000;
margin-top: 10px;
}
.review-text {
font-size: 13px;
color: #000;
margin: 5px 0;
}
.read-more-about-texts {
padding: 10px 30px;
background: rgba(255, 255, 255, .6);
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
}
.read-more-about-text {
font-size: 14px;
font-weight: 400;
color: #1a1d49;
margin-bottom: 18px;
}
.read-more-about-text a {
color: #1a1d49;
text-decoration: underline;   
}
.read-more-about-text p {
margin: 0 0 5px 0;
padding: 0;
}
.read-more-about-link {
display: inline-block;
font-size: 12px;
font-weight: 400;
color: #fff;
text-decoration: none;
padding: 0 18px;
line-height: 48px;
height: 48px;
background: #e62655;
} #main-section {
background: #fff;
padding-top: 80px;
padding-bottom: 130px;    
font-size: 0;
min-height: 0;
-webkit-transition: min-height 1s;
-moz-transition: min-height 1s;
transition: min-height 1s;
}
#main {
display: inline-block;
vertical-align: top;
width: calc(100% - 260px);
font-size: 14px;
color: #333333;
}
#main.err-404 {
width: 100%;
} #main article {
margin-bottom: 50px;
}
.article-title {
font-size: 35px;
font-weight: 300;
color: #333333;
margin: 0 0 30px 0;
}
.article-picture {
margin-bottom: 25px;
}
.article-picture img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;    
}
.article-ingress {
font-size: 16px;
font-weight: 400;
color: #333333;
margin-bottom: 30px;
}
.article-ingress a {
color: #333333;
text-decoration: underline;   
}
.article-ingress p {
margin: 0 0 15px 0;
}
.article-ingress img {
display: block;
margin: 5px auto;
}
.article-text {
font-size: 14px;
font-weight: 400;
color: #333333;
}
.article-text a {
color: #333333;
text-decoration: underline;   
}
.article-text p {
margin: 0 0 15px 0;
}
.article-text img {
display: block;
margin: 5px auto;
} #footer {
background: #668bf0;
padding: 60px 0 80px 0;
}
#footer .content-block {
font-size: 0;
}
#footer .footer-article {
position: relative;
display: inline-block;
vertical-align: middle;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer-article-heading {
font-size: 36px;
font-weight: 300;
color: #fff;
margin-bottom: 15px;    
}
.footer-article-text {
font-size: 12px;
font-weight: 400;
color: #fff;    
}
.footer-article-text a {
color: #fff;
text-decoration: underline;
}
.footer-article-text p {
margin: 0 0 5px 0;    
}
#footer .footer-article .container-with-border {
border: 2px solid #e62655;
padding: 30px;
width: 60%;
margin-bottom: 50px;
}
.footer-article.with-border .footer-article-heading {
font-size: 20px;
text-align: center;
}
.footer-article.with-border .footer-article-text {
text-align: center;
}
.student-discounts {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
background: #212240;
font-size: 20px; 
font-weight: 300;
color: #fff;
padding: 0 20px;
line-height: 70px;
} @media screen and (max-width:1023px) { html {
-webkit-text-size-adjust: 100%;
} a[href^="tel:"]{
color:inherit !important;
text-decoration:none;
}
.content-block {
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
} #site-header {
padding-top: 0px;
}
#site-logo {
padding-top: 30px;
padding-bottom: 20px;
width: 35%;
display: inline-block;
vertical-align: middle;
}
#site-logo img {
margin-left: 0;
}
#main-navigation-container {
max-width: 30%;
display: inline-block;
vertical-align: middle;
}
#for-bestilling {
position: static;
width: 35%;
display: inline-block;
vertical-align: middle;
} #mobile-menu-button-text {
display: inline-block;
vertical-align: middle;
font-size: 12px;
text-transform: uppercase;
color: #1d1d1b;
padding-right: 15px;
-webkit-transition: color .7s;
-moz-transition: color .7s;
transition: color .7s;
}
#main-navigation-container.expanded #mobile-menu-button-text {
color: #fff;
} #mobile-menu-button {
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;               
height: 100%;
padding: 0 20px;
position: absolute;
z-index: 100;
top: 0;
right: 0;
cursor: pointer;
background: #fff;
-webkit-transition: background .7s;
-moz-transition: background .7s;
transition: background .7s;
}
#main-navigation-container.expanded #mobile-menu-button {
background: #668bf0;
}
.hamburger-menu-button {
display: inline-block;
vertical-align: middle;
width: 14px;
margin: 0 auto 0 auto;
cursor: pointer;
}
.hamburger-menu-button > div > div {
height: 3px;
margin-top: 3px;
background: #1d1d1b;
-webkit-transition: -webkit-transform .7s, background .7s;
-moz-transition: -moz-transform .7s, background .7s;
-ms-transition: -ms-transform .7s, background .7s;
-o-transition: -o-transform .7s, background .7s;
transition: transform .7s, background .7s;
}
.hamburger-menu-button > div > div:first-child {
margin-top: 0;
}
#main-navigation-container.expanded .hamburger-menu-button > div > div {
background: #fff;
}
#main-navigation-container.expanded .hamburger-menu-button > div > div:first-child {
-moz-transform: translateX(0px) translateY(6px) rotate(45deg);
-webkit-transform: translateX(0px) translateY(6px) rotate(45deg);
-o-transform: translateX(0px) translateY(6px) rotate(45deg);
-ms-transform: translateX(0px) translateY(6px) rotate(45deg);
transform: translate(0,6px) rotate(45deg);
}
#main-navigation-container.expanded .hamburger-menu-button > div > div:nth-child(2) {
-moz-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
}
#main-navigation-container.expanded .hamburger-menu-button > div > div:last-child {
-moz-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-webkit-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-o-transform: translateX(0px) translateY(-6px) rotate(-45deg);
-ms-transform: translateX(0px) translateY(-6px) rotate(-45deg);
transform: translate(0,-6px) rotate(-45deg);
} #site-navigation {
width: 100%;
position: absolute;
top: 100%;
right: 0;
z-index: 100;
max-height: 0;
overflow: hidden;
background: rgba(102, 139, 240, .9);
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
-moz-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
transition: max-height .7s cubic-bezier(0, 0, 0, 1);
}
#main-navigation-container.expanded #site-navigation {
max-height: 1000px;
-webkit-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
-moz-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
transition: max-height .7s cubic-bezier(1, 0, 1, 1);
}
#site-navigation ul {
margin: 0;
padding: 0;
}
#site-navigation > ul {
padding: 30px 0 20px 0;
text-align: left;
}
#site-navigation li {
display: block;
margin: 0;
} .primary-menu .menu-item a {
color: #fff;
display: inline-block;
padding-left: 26px;
margin-bottom: 10px;
}
.primary-menu .menu-item.current-menu-item > a, 
.primary-menu .menu-item.current-post-ancestor > a, 
.primary-menu .menu-item.current-post-parent > a, 
.primary-menu .menu-item.current-category-parent > a, 
.primary-menu .menu-item.current-menu-ancestor > a, 
.primary-menu .menu-item > a:hover {
color: #354a83;
} .primary-menu .menu-item-has-children > a {
padding-left: 16px;
}
.primary-menu .menu-item-has-children > .menu-expand-button {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
cursor: pointer;
}
.menu-expand-button > span {
display: block;
-webkit-transition: -webkit-transform .5s .2s;
-moz-transition: -moz-transform .5s .2s;
-ms-transition: -ms-transform .5s .2s;
-o-transition: -o-transform .5s .2s;
transition: transform .5s .2s;
height: 3px;
background: #fff;
}    
.menu-expand-button > span:first-child {
-moz-transform: translateX(0px) translateY(3px) rotate(90deg);
-webkit-transform: translateX(0px) translateY(3px) rotate(90deg);
-o-transform: translateX(0px) translateY(3px) rotate(90deg);
-ms-transform: translateX(0px) translateY(3px) rotate(90deg);
transform: translate(0,3px) rotate(90deg);
}
.menu-item.expanded > .menu-expand-button > span:first-child {
-moz-transform: translateX(0px) translateY(3px) rotate(0);
-webkit-transform: translateX(0px) translateY(3px) rotate(0);
-o-transform: translateX(0px) translateY(3px) rotate(0);
-ms-transform: translateX(0px) translateY(3px) rotate(0);
transform: translate(0,3px) rotate(0);
} #site-navigation ul.sub-menu {
display: block;
padding-left: 30px;
overflow: hidden;
max-height: 0;
-webkit-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
-moz-transition: max-height .7s cubic-bezier(0, 0, 0, 1);
transition: max-height .7s cubic-bezier(0, 0, 0, 1);
}
#menu-main-menu .menu-item.expanded > .sub-menu {
max-height: 1000px;
-webkit-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
-moz-transition: max-height .7s cubic-bezier(1, 0, 1, 1);
transition: max-height .7s cubic-bezier(1, 0, 1, 1);
} .we-help-item {
width: calc(100% / 3 - 25px);
vertical-align: bottom;
} #reviews-left, 
#reviews-right {
width: 100%;
display: block;
}
.content-block-half {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;        
}
#reviews-left .content-block-half {
padding-left: 20px;
padding-right: 20px;        
}
#reviews-right {
position: static;
}
#reviews-right .content-block-half.right .ratio-image {
display: block;
}
} @media screen and (max-width:700px) { #for-bestilling {
display: none;
} #frontpage-slider {
height: 470px;
padding: 20px 0;
}
.frontpage-slider-heading {
font-size: 40px;
}
#frontpage-slider .content-block .content-block-texts {
width: 80%;
} .we-help-items {
margin-left: 0;
}
.we-help-item {
display: block;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
width: 100%;
} #map {
height: 510px;
}
#map-overlay-text {
position: static;
top: 0;
background: #D1D1D1;
padding-top: 20px;
padding-bottom: 20px;
}
#map-overlay-text > div {
font-size: 24px;
width: 80%;
text-shadow: none;
} #main-section {
padding-top: 30px;
padding-bottom: 30px;
}
#site-navigation-secondary {
display: none;
}
#main {
width: 100%;
} #footer {
padding: 30px 0;
}
#footer .footer-article {
width: 100%;
display: block;
text-align: center;
}
#footer .footer-article .container-with-border {
width: 100%;
margin-top: 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.student-discounts {
position: static;
display: inline-block;
}
} @media screen and (max-width:414px) { #map {
height: 320px;
}
}