/* Theme Name: Physiotherapy Theme URI: http://underscores.me/ Author: WebBuilderPH Author URI: http://www.webbuilderph.com/ Description: Description Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: physiotherapy Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Physiotherapy is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body {margin: 0;} 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;} a:active, a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em; margin: 0.67em 0;} mark {background: #ff0; color: #000;} 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: 1em 40px;} hr {box-sizing: content-box; height: 0;} pre {overflow: auto;} code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;} button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;} button {overflow: visible;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;} button[disabled], html input[disabled] {cursor: default;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} input {line-height: normal;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse; border-spacing: 0;} /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea {color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5;} h1, h2, h3, h4, h5, h6 {clear: both;} p {margin-bottom: 1.5em;} dfn, cite, em, i {font-style: italic;} blockquote {margin: 0 1.5em;} address {margin: 0 0 1.5em;} pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;} code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;} abbr, acronym {border-bottom: 1px dotted #666; cursor: help;} mark, ins {background: #fff9c0; text-decoration: none;} big {font-size: 125%;} /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html {box-sizing: border-box;} *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body {background: #fff; /* Fallback for when there is no custom background color defined. */} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q {quotes: "" "";} hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;} ul, ol {margin: 0 0 1.5em 3em;} ul {list-style: disc;} ol {list-style: decimal;} li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;} dt {font-weight: bold;} dd {margin: 0 1.5em 1.5em;} img {height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */} figure {margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */} table {margin: 0 0 1.5em; width: 100%;} /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);} button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;} select {border: 1px solid #ccc;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;} textarea {width: 100%;} /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a {color: royalblue;} a:visited {color: purple;} a:hover, a:focus, a:active {color: midnightblue;} a:focus {outline: thin dotted;} a:hover, a:active {outline: 0;} /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation {clear: both; display: block; float: left; width: 100%;} .main-navigation ul {display: none; list-style: none; margin: 0; padding-left: 0;} .main-navigation li {float: left; position: relative;} .main-navigation a {display: block; text-decoration: none;} .main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999;} .main-navigation ul ul ul {left: -999em; top: 0;} .main-navigation ul ul a {width: 200px;} .main-navigation ul ul li {} .main-navigation li:hover > a, .main-navigation li.focus > a {} .main-navigation ul ul :hover > a, .main-navigation ul ul .focus > a {} .main-navigation ul ul a:hover, .main-navigation ul ul a.focus {} .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;} .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;} .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } .main-navigation ul.menu li.button-sign {display: none;} /* Small menu. */ .menu-toggle, .main-navigation.toggled ul {display: block;} @media screen and (min-width: 37.5em) { .menu-toggle {display: none;} .main-navigation ul {display: block;} } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;} .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%;} .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; text-align: right; width: 50%;} /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus {outline: 0;} /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft {display: inline; float: left; margin-right: 1.5em;} .alignright {display: inline; float: right; margin-left: 1.5em;} .aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;} /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget {margin: 0 0 1.5em;} /* Make sure select elements fit in widgets. */ .widget select {max-width: 100%;} /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky {display: block;} .hentry {margin: 0 0 1.5em;} .byline, .updated:not(.published) {display: none;} .single .byline, .group-blog .byline {display: inline;} .page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;} .page-links {clear: both; margin: 0 0 1.5em;} /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a {word-wrap: break-word;} .bypostauthor {display: block;} /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer {display: block;} /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;} /* Make sure embeds and iframes fit their containers. */ embed, iframe, object {max-width: 100%;} /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption {margin-bottom: 1.5em; max-width: 100%;} .wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto;} .wp-caption .wp-caption-text {margin: 0.8075em 0;} .wp-caption-text {text-align: center;} /*-------------------------------------------------------------- ## Start Custom Codes by Programmer -junnex --------------------------------------------------------------*/ /****** Fonts ******/ @font-face { font-family: 'Museo Sans 300'; src: url('fonts/MuseoSans300/museosansrounded-300-webfont.woff2') format('woff2'), url('museosansrounded-300-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo Sans 100'; src: url('fonts/MuseoSans100/museosansrounded-100-webfont.woff2') format('woff2'), url('fonts/MuseoSans100/museosansrounded-100-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo Sans 700'; src: url('fonts/MuseoSans700/museosansrounded-700-webfont.woff2') format('woff2'), url('fonts/MuseoSans700/museosansrounded-700-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /****** General ******/ body {line-height: normal; padding: 0; margin: 0; width: 100%; height: 100%; position: relative; font-size: 16px; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300;} .page .site-main .padtop0 {padding-top: 0; height: auto;} .frame {margin: 0 auto; position: relative; max-width: 1400px; height: auto; width: 100%;} .outerframe {margin: 0 auto; position: relative; max-width: 1150px; height: auto; width: 100%;} .innerframe {margin: 0 auto; position: relative; max-width: 920px; height: auto; width: 100%;} .text-center {text-align: center;} a.pdf-link {background: url('images/pdf-icon.png') no-repeat scroll 0 0 transparent; color: #edab28; height: 37px; width: 100%; text-decoration: none; display: table-cell; padding-left: 69px; position: relative; font-size: 14px; text-transform: uppercase; vertical-align: middle; bottom: 0;} a.big-button {display: block; background: none repeat scroll 0 0 #f39200; color: #ffffff; text-decoration: none; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 36px; padding: 44px 44px 40px; border-radius: 20px; box-shadow: 0 4px 0 #c74f20; margin: 0 auto; width: 90%; line-height: 40px;} a.big-button span {display: block; font-family: 'Museo Sans 700', 'Raleway', sans-serif; font-weight: 700; font-size: 34px; margin-top: 12px;} h1 {color: #3e8dcb; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 50px; margin: 20px 0;} h2 {color: #575757; font-size: 19px; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; margin: 4px 0;} .breadcrumbs {position: relative;} .breadcrumbs ul {list-style-type: none; margin: 20px 0 40px; padding: 0;} .breadcrumbs li {display: inline-block;} .breadcrumbs li:after {content: url(images/double-arrow-right.png); padding: 0 6px 0 10px;} .breadcrumbs li:last-child:after {content: "";} .breadcrumbs li > a {color: #666; font-size: 15px; text-decoration: none;} .main-fixed {z-index: 9999; position: relative;} .fixed {position: fixed !important; background-color: #fff; max-width: 100%; width: 100%; top: 0; box-shadow: 0 0px 24px #888888;} .main-fixed p.site-title {padding-top: 10px;} /****** Header ******/ .site-header {height: auto; position: relative; line-height: normal; padding-top: 34px; box-shadow: 0 0px 24px #888888; z-index: 1;} .site-header .site-title a {display: block;} .site-header h1.site-title, .site-header p.site-title {margin: 0; padding-bottom: 8px;} .site-description {display: none;} .site-header .site-branding {display: inline-block; margin-left: 50px; max-width: 182px; width: 100%;} .site-header .main-navigation {float: none; display: inline-block; max-width: 800px; width: 100%; bottom: -12px; position: relative; margin-right: 54px; margin-left: 40px;} .main-navigation ul.menu li {margin: 0 8px; border-bottom: 6px solid transparent;} .main-navigation ul.menu li > a {color: #428dcc; padding: 7px 7px 24px 7px; font-size: 17px;} .main-navigation ul.menu li.current-menu-item {border-bottom: 6px solid #00a9a2;} .main-navigation ul.menu li:hover {border-bottom: 6px solid #00a9a2;} .aanmeldenContent {display: inline-block; position: relative; top: -23px;} .aanmeldenContent > a {color: #ffffff; font-size: 17.49px; padding: 15px 30px 12px; /*display: inline;*/ text-decoration: none; background-color: #f39200; border-radius: 7px; box-shadow: 0px 2px 0 1px #c74f20; position: relative; margin-top: -14px;} /****** Banner ******/ .banner {background: url('images/fms-banner.jpg') no-repeat scroll center top transparent; background-size: cover; position: relative; height: 566px; width: 100%;} .container-title h1.banner-title {font-size: 68px; font-weight: 100; color: #428dcc; float: right; position: relative; margin: 100px 0 0; margin-right: 160px; width: 450px;} .container-title {width: 100%;} /****** Boxes ******/ .boxes {position: relative; text-align: center; margin-top: -62px;} .boxes .box {display: inline-block; background: none repeat scroll 0 0 #ffffff; text-align: left; margin: 0 30px; box-shadow: 0 2px 8px 1px #dedddc; padding: 38px; min-height: 360px; width: 360px; vertical-align: top; position: relative;} .boxes .box:hover, .news-box .featured-box:hover {box-shadow: 0 2px 8px 1px #c3c2c1;} .boxes .box .box-title, .inner-box .box-title {color: #575757; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-size: 34px; font-weight: 100; padding-bottom: 10px; margin-bottom: 30px !important;} .boxes .box .box-content {color: #575757; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-size: 25px; font-weight: 100; line-height: 30px;} .boxes .box .box-content p {margin: 0; padding: 20px 0;} .boxes .box .tel-content {display: table; position: relative; margin-bottom: 57px;} .boxes .box .tel-content a {display: table-cell; vertical-align: middle; top: 15px;} .boxes .box .tel-content a.text {color: #9d9d9c; font-size: 30px; position: relative; padding: 23px 24px 23px 0; text-decoration: none;} .boxes .box .tel-content a.icon {background: url('images/tel-icon.png') no-repeat scroll center center #f39200; padding: 38px; border-radius: 14px; position: absolute;} .boxes .box .call-content {position: relative; } .boxes .box .call-content .call-head {font-size: 23px;} .boxes .box .call-content .call-text {font-size: 18px;} .boxes .box .box-link {position: absolute; bottom: 35px;} .boxes .box .box-link > a {color: #71aad9; font-size: 14px; text-decoration: none; text-transform: uppercase;} .boxes .box .box-link > a:hover {text-decoration: underline;} /****** Main Content ******/ .site-content .site-main {background: none repeat scroll 0 0 #efeeee; position: relative; vertical-align: top; margin-top: 0; padding: 18px 0; margin-bottom: 0;} .home .site-content .site-main {padding: 0;} .content-editor {position: relative; margin-top: 64px;} .ccontent {margin: 60px 0 46px; font-size: 18px; line-height: 30px; color: #575757;} .ccontent h1 {line-height: 50px;} .ccontent .strong {color: #3c3c3b; font-weight: bold; margin-bottom: 40px;} .fms-services {position: relative; text-align: center; margin: 68px 0;} .fms-services .fservice {display: inline-block; border-top: 2px solid #d6d5d5; padding-top: 53px; margin: 0 34px; width: 340px; vertical-align: top;} .fms-services .fservice .fcontent {color: #666; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 15px; margin-top: 34px; line-height: 25px;} .oquality {background: none repeat scroll 0 0 #ffffff; position: relative; box-shadow: 0 3px 6px 0px #dedddc;} .oquality:before {content: ""; background: url('images/border-green.png') repeat scroll 0 0 transparent; position: relative; display: block; height: 9px; width: 100%;} .oquality .frame {padding: 50px 136px 80px;} .oquality .oquality-head {color: #428dcc; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 32px; padding: 0 0 30px; padding-left: 30px; padding-top: 30px;} .oquality .quality {display: inline-block; text-align: center; padding: 0 38px;} .oquality .quality img {margin-bottom: 40px;} .oquality .oquality-title {color: #575757; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 18px;} .news {position: relative; padding: 47px 0 10px; padding-left: 25px; padding-right: 25px;} .news .frame {padding: 0 136px;} .news .news-head {color: #3e8dcb; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 33px; margin-bottom: 35px;} .news .item {position: relative; margin-bottom: 20px; display: block;} .news .item .item-image {display: inline-block; position: relative; margin-right: 44px; height: 184px; max-width: 237px; ;} .news .item .item-content {display: inline-block; position: relative; vertical-align: top; max-width: 828px;} .news .frame .item:nth-child(2) .item-content {border-bottom: 2px solid #d6d5d5; padding-bottom: 30px;} .news .item .item-content:nth-child(fiest) {} .news .item .item-content.last {border-bottom: 0 none;} .news .item .item-content h1 {color: #343838; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 32px; margin-bottom: 12px; margin-top: 5px;} .news .item .item-content p {color: #7c8081; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 18.72px; line-height: 32px; margin-top: 0; padding-top: 0; margin-right: 100px;} .news .item .item-content p:after {content: url('images/arrow-right-blue.png'); position: absolute; height: 37px; max-width: 22px; width: 100%; right: 20px; top: 75px;} .clients {background: none repeat scroll 0 0 #ffffff; border-top: 2px solid #d8d7d7; border-bottom: 3px solid #dfdfde; position: relative; padding: 47px 0; padding-left: 20px;} .clients .frame {padding: 0 136px;} .clients .client-head {color: #3e8dcb; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 33px; margin-bottom: 35px;} .clients .client {display: inline-block; text-align: center; width: 24%;} .clients .client img {margin-bottom: 36px;} .clients .client .client-title {color: #575757; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 18px;} .site-content .site-main .frame > h1 {text-align: center;} .site-content .site-main .frame > p {text-align: center; color: #575757; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 19px;} .aanbod-box {margin-top: 60px;} .aanbod-box h2 {color: #f0ae00; font-size: 24px; text-transform: uppercase; line-height: 32px; letter-spacing: 1px; margin-bottom: 22px;} .aanbod-box p {color: #666666; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 15px; line-height: 22px;} .aanbod-box p.black {color: #000000;} .aanbod-box .box {padding: 0; text-align: inherit; margin-bottom: 54px;} .aanbod-box .box .borderbg-top {background: none repeat scroll 0 0 #f0ae00; height: 36px; position: relative; width: 100%; text-align: left;} .aanbod-box .box .borderbg-top > img {position: absolute; top: 0;} .aanbod-box .box > img {position: relative; margin-top: -22px;} .aanbod-box .box .inner-box {padding: 20px 34px 34px; text-align: left; min-height: 402px; position: relative;} .inner-box .box-title {color: #3e8dcb; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 2px;} ul.bblinks {list-style-type: none; position: absolute; margin: 0; padding: 0; bottom: 36px; width: 100%; max-width: 294px;} ul.bblinks li {display: inline-block; width: 100%; max-width: 49%; height: auto;} ul.bblinks li > a {background-color: transparent; padding: 10px; color: #f0ae00; font-size: 14px; text-decoration: none; text-transform: uppercase;} ul.bblinks li > a:hover {color: #fff !important;} .site-main .sidebar {display: inline-block; position: relative; padding-top: 30px; margin-right: 40px; height: auto; max-width: 300px; width: 100%; vertical-align: top; float: left;} /*.site-main .sidebar.s-news {width: 240px;}*/ .sidebar a.back-arrow {display: block; color: #1d1d1b; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 24px; text-decoration: none; margin-bottom: 50px;} .sidebar a.back-arrow:before {content: url('images/arrow-left-black.png'); padding-right: 30px;} .sidebar ul {list-style-type: none; margin: 0; padding: 0;} .sidebar li {vertical-align: middle; display: table; margin-bottom: 20px;} .sidebar li:before {content: ""; padding-right: 35px; position: relative; top: 4px; padding-left: 10px;} .sidebar li.active:before, .sidebar li:hover:before {content: url('images/arrow-right-blue-sidebar.png'); padding-right: 35px; padding-left: 0; position: relative; top: 4px;} .sidebar li > a {font-size: 18px; color: #666; display: inline-block; text-decoration: none; vertical-align: middle;} .sidebar li > a span.x-image {display: inline-block; height: 44px; width: 44px; margin-right: 30px; vertical-align: middle; border-radius: 8px; border: 1px solid #fff; text-align: center;} .sidebar li > a span {display: inline-block; width: 170px; vertical-align: middle;} .sidebar.s-news li > a span {display: inline-block; width: 195px; vertical-align: middle;} .site-main .main {display: inline-block; position: relative; max-width: 806px; width: 100%;} .inner-main {position: relative; background: none repeat scroll 0 0 #ffffff; box-shadow: 0 2px 8px 1px #dedddc; margin-bottom: 70px;} .inner-main > img {max-width: 806px; height: 326px; width: 100%;} .news-box .box a > img {position: relative; margin-top: 0; max-width: 360px; height: 281px; width: 100%;} .inner-main .borderbg-top {position: relative; height: 116px;} .inner-box {position: relative; padding: 40px 64px 60px;} .inner-main .text-container {position: relative; display: inline-block; height: auto; max-width: 530px; width: 100%;} .inner-main .icon-container {position: relative; display: inline-block; height: auto; max-width: 141px; width: 100%; vertical-align: top; text-align: right; background: none repeat scroll 0 0 #428dcc; border-radius: 26px; border: 2px solid #fff;} .inner-main h1 {font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; text-transform: uppercase; letter-spacing: 1px;} .inner-main h3 {color: #3e8dcb; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 28px; margin: 0; width: 100%; max-width: 476px; line-height: 34px;} .inner-main .editor-content {position: relative; margin: 60px 0;} .inner-main .editor-content p {color: #343738; font-size: 15px; margin-top: 0; line-height: 20px; margin-bottom: 20px;} .inner-main .editor-content h4 {margin-bottom: 6px; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 20px;} .inner-main .editor-content ul {list-style-image: url('images/bullet.png'); padding-left: 0; margin-top: 14px;} .inner-main .editor-content li {line-height: 20px; font-size: 15px; margin-bottom: 10px; padding-left: 10px;} .telephone-box {position: relative; margin-top: 52px; display: block; text-decoration: none;} .telephone-box > span {display: block;} .telephone-box:after {content: url(images/big-telephone-icon.png); top: -5px; position: absolute; right: 0;} .telephone-box .caption {color: #343738; font-size: 15px; margin-left: 6px; margin-bottom: 10px;} .telephone-box .number {color: #f39200; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 41px;} .telephone-box .text {color: #343738; margin-left: 6px; line-height: 24px; margin-top: 6px;} .team-box {margin-top: 60px;} .team-box .box {padding: 0; text-align: inherit; margin-bottom: 54px;} .team-box .box > img {position: relative; margin-top: 0;} .team-box .box .inner-box {padding: 40px 34px 34px; min-height: initial; text-align: left; position: relative; min-height: 234px;} .team-box h2 {color: #428dcc; display: table; min-height: 64px; width: 100%; margin-bottom: 24px; font-size: 26px; text-transform: uppercase; line-height: 32px; letter-spacing: 1px;} .team-box h2 > span {display: table-cell; vertical-align: bottom;} .team-box p {color: #000000; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 15px; line-height: 22px;} .news-box {margin: 60px 66px 0; text-align: left;} .news-box .box {padding: 0; text-align: inherit; margin-bottom: 54px;} .news-box .box > img {position: relative; margin-top: 0;} .news-box .box .inner-box {padding: 40px 34px 34px; min-height: initial; text-align: left; position: relative; min-height: 314px;} .news-box h2 {color: #428dcc; display: table; min-height: 64px; width: 100%; margin-bottom: 24px; font-size: 26px; text-transform: uppercase; line-height: 32px; letter-spacing: 1px;} .news-box h2 > span {display: table-cell; vertical-align: bottom;} .news-box h2 > a {display: table-cell; vertical-align: bottom; text-decoration: none; color: #428dcc; line-height: normal;} .news-box ul.bblinks {margin-top: 70px; max-width: 100%; bottom: 32px;} .news-box .featured-box {background: none repeat scroll 0 0 #ffffff; display: inline-block; margin: 0 30px 54px 30px; box-shadow: 0 2px 8px 1px #dedddc; padding: 0; min-height: 360px; text-align: inherit; vertical-align: top; position: relative; max-width: 785px; width: 100%;} .news-box .featured-box > img {position: relative; margin-top: 0;} .news-box .featured-box .inner-box {position: relative; top: -7px; text-align: left; padding: 0 32px 34px; min-height: 235px;} .news-box .featured-box .inner-box > span {display: block; line-height: 22px;} .news-box .featured-box > a {display: block; margin-bottom: 40px; text-align: center;} .news-box .featured-box h2 {font-size: 36px; margin-bottom: 20px;} .news-box .featured-box p {line-height: 20px;} .news-box .featured-box ul.bblinks {margin-top: 39px;} /*.single .inner-main .editor-content {margin-bottom: 0;}*/ .single .sidebar li.active > a, .single .sidebar li:hover > a {color: #428dcc;} .sidebar .white-container {background: none repeat scroll 0 0 #ffffff; box-shadow: 0 2px 8px 1px #dedddc; position: relative; padding: 50px 35px;} .sidebar .white-container .telephone-box {margin-top: 0;} .sidebar .white-container .telephone-box:after {content: ""; top: 0; position: relative; right: 0;} .sidebar .white-container .telephone-box .title {color: #428dcc; font-size: 32px; text-transform: uppercase; margin-bottom: 46px; line-height: 44px;} .sidebar .white-container .telephone-box .number {font-size: 32px; margin-bottom: 40px; text-decoration: none; display: block;} .sidebar .white-container .telephone-box .caption {margin-left: 2px; margin-bottom: 30px;} .sidebar .white-container .telephone-box img {display: block; margin: 0 auto;} .page-template-page-contact .sidebar .white-container {padding: 46px 44px;} .contact-info .head {color: #212121; font-family: 'Museo Sans 700', 'Raleway', sans-serif; font-weight: 700; font-size: 15px; line-height: 23px;} .contact-info .content {margin-bottom: 30px;} .contact-info .content > span {display: block; color: #212121; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 15px; line-height: 22px; margin-bottom: 2px;} .contact-info .content .column-content li {display: inline-block; color: #212121; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; font-size: 15px; margin-bottom: 0; line-height: 22px; width: 100%;} .contact-info .content .column-content li:hover:before {content: "";} .contact-info .content .column-content li > span {display: inline-block; width: 100%; max-width: 82px;} .contact-info .content .column-content li:before {padding: 0; top: 0;} .image-text {position: relative;} .image-text > img {position: absolute; top: 88px;} .form-container select#field-gender, .form-container select#field-reference, .form-container select#offer, .form-container select, .form-container select#field-day, .form-container select#field-month, .form-container select#field-year {border: 0 none; color: #404040; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 17px; outline: none;} span.wpcf7-form-control-wrap.gender, span.wpcf7-form-control-wrap.reference, .wpcf7-form-control-wrap.reason, .wpcf7-form-control-wrap.extra {padding: 16px 0px 10px; display: block; border-bottom: 1px solid #eaeaea;} span.wpcf7-form-control-wrap.gender {padding-left: 10px;} .wpcf7-form-control-wrap.reason {border-bottom: 1px solid transparent;} .wpcf7-form-control-wrap.reason textarea {border-bottom: 1px solid #eaeaea!important;} .wpcf7-form-control-wrap.extra {border-bottom: 1px solid transparent;} .wpcf7-form-control-wrap.extra textarea {border-bottom: 1px solid #eaeaea!important;} .form-container .wnotes {padding: 16px 20px 10px; display: block; border-bottom: 1px solid #eaeaea;} .form-container .text-notes {padding: 10px 20px 0; display: inline-block; color: #666; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 15px;} .form-container .text-notes-title {padding: 10px 20px 0; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 800; color: #666;} .form-container .text-notes-desc {padding: 10px 20px 0; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 800; color: #666} .form-container .container-form-selected .color {display: inline-block; width: 70%;} .form-container .container-form-selected p {display: inline-block; width: 20%; margin-top: 7px; float: right;} .container-form-selected .text-notes-desc {color: #666;} .container-form-selected .text-notes{color: #666;} .container-form-selected .signup-field {color: #666;} .container-form-selected .underline-form {padding-bottom: 10px; border-bottom: 1px solid #eaeaea; margin-top: 20px; } textarea#field-reason, textarea#field-extra {border: 0 none; color: #666; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100%; font-size: 17px; outline: none; height: 54px;} .birth-day, .birth-month, .birth-year {display: inline-block; margin-right: 20px;} .date-birth br {display: none;} .wpcf7-form p {margin-bottom: 0;} .wpcf7-form-control-wrap.extra {margin-bottom: 30px;} .remark textarea {height: 54px;} .transparenticon {position: relative; margin-top: -22px; width: 73px; height: 73px; border: 1px solid #fff; border-radius: 15px; margin: -22px auto 0;} .form-container .captcha-content {margin-top: 40px;} /* Fysiofit */ .fysiofit-btn {text-align: center;padding-top: 40px;padding-left: 35px;padding-right: 35px;width: 100%;} .fysiofit-btn .middle-btn:hover {-webkit-transform: scale(1.1);transform: scale(1.1);} .fysiofit-btn .middle-btn {color: #FFF; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300; margin-bottom: 30px; text-decoration: none; display: block; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 15px 20px 12px;} .fysiofit-btn .link-btn {text-decoration: none; color: #f39200; font-size: 14px; text-transform: uppercase; background-color:transparent!important; box-shadow: none!important; margin-top: 40px!important;} .telephone-fysiofit {padding: 40px 64px 60px;} .telephone-fysiofit .title {margin-bottom: 30px; color: #428dcc; font-size: 32px; text-transform: uppercase; line-height: 44px;} .telephone-fysiofit .caption {margin-bottom: 20px; font-weight: bold;} .telephone-fysiofit .number {color: #f39200; font-size: 32px; margin-bottom: 40px; text-decoration: none; font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300;} .telephone-fysiofit .aanmelden_button {color: #f39200; font-size: 14px; margin-top: 50px; display: block; text-decoration: none;} .telephone-fysiofit a img {position: absolute; top: 120px; right: 70px;} .widget-2 {margin-top: 30px;} .widget-1 span {display: block; padding: 3px 0px; font-size: 15px;} .widget-1 .streetAddress {font-family: 'Museo Sans 300', 'Raleway', sans-serif; font-weight: 300;} .table-price {padding: 40px 64px 60px;} .table-price table { text-align: left; border-bottom: 2px solid #ddd; display: block; margin-left: 20px; padding-bottom: 15px; line-height: 20px;} .table-price h1 {font-size: 32px; } .table-price table tbody tr td {font-size: 14px; color:#666; -webkit-column-width: 400px; -moz-column-width: 400px; column-width: 400px; line-height: 20px; padding: 10px 0px; vertical-align: text-top;} .table-price p {padding-left: 20px; color: #666;} .fixed-line {line-height: 20px!important;} .top .editor-content img {margin-left: 0px; padding-left: 13px;} .top .editor-content p strong {font-size: 22px; font-weight: 500; line-height: 35px;} .top .editor-content p {line-height: 20px;} /* Slider */ .flexslider {position: relative;} .flexslider .flex-viewport {width: 100%;} .nav-carousel .flex-prev{top: 25px; left:-30px; position: absolute;} .nav-carousel .flex-next {top: 25px; right:-60px; position: absolute;} .flexslider .slides {margin: 0px;} .flexslider .slides li {position: relative; margin-bottom: 20px; height: 150px; text-align: center;} .flexslider .slides li img {display: block; margin: 0 auto; padding-right: 40px; width: auto;} .flexslider .slides li .client-title {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; padding-right: 40px;} /****** Forms ******/ /*.form-container form input[type="text"], .form-container form input[type="email"] {color: #666; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 17px; padding: 16px 20px 10px; border-radius: 0; width: 100%; margin-bottom: 20px; border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom: 1px solid #eaeaea; outline: none;}*/ .form-container form input[type="text"], .form-container form input[type="email"] {color: #404040; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 17px; padding: 16px 20px 10px; border-radius: 0; width: 100%; margin-bottom: 20px; border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom: 1px solid #eaeaea; outline: none;} .form-container form input[type="submit"] {background: none repeat scroll 0 0 transparent; color: #f39d2f; font-size: 14px; text-transform: uppercase; box-shadow: none; border: 0 none; text-shadow: none; position: relative; float: right; margin-right: 40px; outline: none;} .form-container form span.wpcf7-not-valid-tip {text-align: right; font-size: 14px;} .form-container form input[type="text"]:focus, .form-container form input[type="email"]:focus {border-bottom: 1px solid #f18700;} .wpcf7-textarea {color: #404040;font-family: 'Museo Sans 100', 'Raleway', sans-serif;font-weight: 100;font-size: 14px; padding: 16px 20px 10px; border-radius: 0; width: 100%; border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom: 1px solid #eaeaea; outline: none; height: 100px;} .wpcf7-textarea:focus { border-bottom: 1px solid #f18700;} .form-container form select {background-color: transparent!important; padding-left: 10px; padding-right: 10px; } .form-container .field {padding-left: 20px;} .wpcf7-form textarea:focus { border-bottom: 1px solid #f18700!important;} .form-container form select:focus .gender { border-bottom: 1px solid #f18700!important;} /****** Footer ******/ .site-footer {background: none repeat scroll 0 0 #428dcc; color: #ffffff; position: relative;} .site-info .frame {padding: 64px 16px 64px 136px;} .site-info .column {display: inline-block; margin: 0 22px; vertical-align: top; width: 24%;} .site-info .column:first-child {margin-left: 0;} .site-info .column.last {margin-right: 0;} .site-info .column.contact-d {width: 17%;} .site-info .column.open-d {width: 22%;} .site-info .column.office-d {width: 22%;} .site-info .column .ctitle {color: #ffffff; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 31px; margin-bottom: 24px;} .site-info .column .column-content {font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 16px; color: #ffffff;} .site-info .column .column-content span {display: block; line-height: 28px;} .site-info .column .column-content ul {margin: 0; padding: 0; list-style-type: none;} .site-info .column .column-content ul li {display: block;} .site-info .column .column-content ul li span {display: inline-block; width: 100%; max-width: 100px;} .site-info .column .column-content img {margin-top: 10px;} .site-info .column .footer-menu {margin-top: 40px; position: relative;} .site-info .column .footer-menu ul {list-style-type: none; margin: 0; padding: 0;} .site-info .column .footer-menu li {display: inline-block; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 13px;} .site-info .column .footer-menu li > a {display: inline-block; color: #ffffff; text-decoration: none; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 13px;} .site-info .column .footer-menu li:after {content: "|"; margin: 10px;} .site-info .column .footer-menu li:last-child:after {content: ""; margin: 0;} .item-image .img-responsive {height: 204px; width: 237px;} @media screen and (max-width: 768px) { .boxes .box.hide-box { display: none; } } .training-list-span { float: left; } .training-list-hours { margin-bottom: 5px!important; width: 130px; float: left; } .boxes .box .box-title a { text-decoration: none; color: #575757; } .footer-iframe { border: 0px; position: absolute; top: 0px; right: 0px; } footer .widget-even { position: relative; } @media screen and (max-width: 646px) { footer .widget-even { margin-left: 20px !important; } } .footer-menu-new ul#footer-menu{ padding: 0px; margin: 15px 0 0 0; list-style: none; } @media screen and (max-width: 1080px) { .footer-menu-new ul#footer-menu{ margin: 15px 0 0 20px; } } .footer-menu-new .menu li { display: inline-block; margin-right: 10px; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-size: 14px; } .footer-menu-new .menu li:after { content: '|'; display: inline-block; color: #ffffff; margin-left: 10px; } .footer-menu-new .menu li:last-child:after { content: ''; } .footer-menu-new .menu a { color: #ffffff; text-decoration: none; } .footer-menu-new .menu a:hover { color: #ffffff; text-decoration: underline; } .footer-bottom-1, .footer-bottom-2 { float: left; width: 25%; } .footer-bottom-2 { width: 50%; position: relative; top: -80px; margin: 0 12px; margin-left: calc(25% + 10px); } @media screen and (max-width: 1080px) { .footer-bottom-1, .footer-bottom-2 { float: none; width: 100%; } .footer-bottom-2 { top: 20px; margin: 0 0 0 20px; } } @media screen and (max-width: 646px) { .footer-bottom-2 { margin: 0 0 40px 20px; } } .frame-no-padding-first { padding-bottom: 0px; } .frame-no-padding { padding-top: 0px; padding-bottom: 0px; position: relative; } .footer-bottom-2 .ctitle { color: #ffffff; font-family: 'Museo Sans 100', 'Raleway', sans-serif; font-weight: 100; font-size: 31px; display: block; } .footer-bottom-2 a { display: inline-block; vertical-align: middle; margin-top: 20px; } .footer-bottom-2 a.footer-logo-first { margin-right: 70px; } .footer-bottom-2 .ctitle span { font-size: 16px; } @media screen and (max-width: 646px) { .footer-bottom-2 .ctitle span { display: block; } } @media screen and (max-width: 646px) { footer .social-media-wrapper { text-align: left; margin-left: 20px; } } @media screen and (max-width: 920px) { .site-main .sidebar.contact-sidebar ul, .site-main .sidebar.fisiofit-sidebar ul { display: block !important; } } .widget_contact_widget a, .contact-info a { color: #212121 !important; } .remark textarea { font-size: 17px !important; } .social-media-wrapper { position: relative; } #mc_embed_signup { position: absolute; top: -85px; width: 245px !important; } #mc_embed_signup form { padding: 0px !important; } #mc_embed_signup input.email { background: none !important; border: 0px !important; border-bottom: 1px solid #ffffff !important; width: 100% !important; border-radius: 0px !important; color: #ffffff !important; font-family: 'Museo Sans 100' !important; } #mc_embed_signup input.email:focus { outline: none; } #mc_embed_signup ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ffffff !important; } #mc_embed_signup ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff !important; } #mc_embed_signup :-ms-input-placeholder { /* IE 10+ */ color: #ffffff !important; } #mc_embed_signup :-moz-placeholder { /* Firefox 18- */ color: #ffffff !important; } #mc_embed_signup input.button { color: #ffffff !important; font-size: 17.49px !important; padding: 10px 20px 8px !important; text-decoration: none !important; background-color: #f39200 !important; border-radius: 7px !important; box-shadow: 0px 2px 0 1px #c74f20 !important; position: relative !important; height: auto !important; width: auto !important; min-height: 1px !important; line-height: 1 !important; font-family: 'Museo Sans 100' !important; } @media screen and (max-width: 1080px) { .site-info .frame { overflow: visible !important; } #mc_embed_signup { top: -100px; padding-left: 20px; } } @media screen and (max-width: 646px) { .site-info .frame { overflow: hidden !important; } #mc_embed_signup { position: relative; top: 0px; } } .footer-bottom-1 .social-media-wrapper { margin-top: -60px !important; } .footer-logos { display: none; } .external-news ul { list-style: none; padding: 0; margin: 0; } .external-news ul li { display: block; margin-bottom: 20px; } .external-news ul li a{ font-family: 'Museo Sans 100', 'Raleway', sans-serif; color: #3e8dcb; font-size: 25px; text-decoration: none; margin-bottom: 5px; } .external-news ul li a:hover{ color: #f39200; } .external-news .forum-link { margin-bottom: 30px; } .external-news .forum-link span, .external-news .forum-link a { display: inline-block; vertical-align: middle; } .external-news .forum-link a { width: 180px; } .external-news .forum-link a img { width: 100%; height: auto; position: relative; top: 3px; } iframe.footer-iframe { top:-200px; } @media screen and (max-width:1080px) { iframe.footer-iframe { top:0px; } } @media screen and (max-width:767px) { iframe.footer-iframe { position: :relative; height: 100% !important; } }