/* Theme Name: spel Theme URI: https://www.psychologenpraktijk-spel.nl/ Description: Psychologenpraktijk SPEL Author: de Communcatievormer Author URI: https://www.decommuncatievormer.nl Template: bootstrap-basic Version: 1.0.1 Tags: Psychologenpraktijk SPEL, de Communcatievormer, Ursus Media Text Domain: bootstrap-basic */ /***************************** EINDE ALGEMEEN **********************************/ body {background: #000000; } #main {z-index:10;} #main img {max-width:100%; height:auto!important;} #header {z-index:100; height:584px;} @media all and (max-width: 767px) { #header {height:484px;} } #header-slider {position:absolute; width:100%; z-index:0;} #header-top { position:relative; padding-top:10px; padding-bottom:10px; } @media all and (max-width: 767px) { #header-top {padding-top:0px;} } #header-bottom {position:relative; margin-top:0px; background-color:#1e3936;} @media all and (max-width: 767px) { #header-bottom {position:absolute; top:40px; width:100%;} } #header .logo-header {text-align:left;} @media all and (max-width: 767px) { #header .logo-header {margin-top:20px;} } #header .aanmelden-header{text-align:right; margin-bottom:1rem;} #header .aanmelden-header .btn {text-transform:uppercase; min-width:80%; text-align:center;} #header .adres-header{text-align:right;} #content .entry-title {margin-top:70px;} #content .entry-title h1 {margin-bottom:50px; color:#ffffff; text-transform:uppercase;} #content .entry-content {margin-top:0px; margin-bottom:50px;} #content .sidebar {display:block; margin-bottom:50px;} #content .sidebar .entry-wrap {display:block; padding:40px; background-color:#ffffff; margin-top:-100px;} #content .sidebar .entry-subtitle {display:block; color:#ffffff; padding-top:0px; padding-bottom:50px; } #content .sidebar .entry-subtitle * { color:#ffffff; } #content .sidebar .entry-thumbnail {width: 100%; height:auto!important;} #content .sidebar .entry-thumbnail img {width: 100%; height:auto!important;} @media all and (max-width: 1199px) { #content .sidebar .entry-wrap {padding:30px;} } @media all and (max-width: 991px) { #content .sidebar .entry-wrap {padding:20px;} } @media all and (max-width: 767px) { #content .entry-title {margin-top:30px;} #content .sidebar .entry-subtitle {padding-bottom:20px; } #content .sidebar .entry-wrap {padding:20px;} } #section-home {position:relative; display:block; margin-top:0px;} #section-home .post {position:relative; display:block; margin-top:0px; text-align:center;} #section-home .post .post-afbeelding img {width:80%; height:auto!important} #section-home .post .post-intro {position:relative; display:block; margin-top:10px; text-align:center; height:4.5rem; line-height:1.5rem; font-size:1rem;} #section-home .post .post-leesmeer .btn {min-width:60%; text-align:center;} .wpcf7-form {margin-top:32px; margin-bottom:32px;} .wpcf7-form ul {list-style:none;} .wpcf7-form li {list-style:none; } .wpcf7-form label, .wpcf7-form .label {font-weight:300; height:auto; vertical-align:top; font-size:1rem; color:#000000; padding:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;} .wpcf7-form .wpcf7-form-control-wrap {margin-bottom:8px; display:block;} @media all and (max-width: 767px) { .wpcf7-form .wpcf7-form-control-wrap {} } .wpcf7-form .wpcf7-text {width:100%; height:22px; line-height:22px; font-size:1rem; padding-left:10px; padding-right:10px; border:1px solid #dedede; background-color:#ffffff; margin-bottom:0px;} .wpcf7-form .wpcf7-textarea {width:100%; height:100px; resize: none; font-size:1rem; padding:10px; border:1px solid #dedede; background-color:#ffffff; margin-bottom:0px;} .wpcf7-form .wpcf7-date {width:100%; height:22px; line-height:22px; font-size:1rem; padding-left:10px; padding-right:10px; border:1px solid #dedede; background-color:#ffffff; margin-bottom:0px;} .wpcf7-form .wpcf7-radio {width:100%; min-height:22px; line-height:22px; font-size:1rem; padding:5px; padding-left:0px; padding-right:0px; background-color:#ffffff; margin-bottom:0px;} .wpcf7-form .wpcf7-checkbox {width:100%; min-height:22px; line-height:22px; font-size:1rem; padding:5px; padding-left:0px; padding-right:0px; background-color:#ffffff; margin-bottom:0px;} .wpcf7-form .wpcf7-list-item { display: inline-block; margin-left:0px; } .wpcf7-form .wpcf7-list-item-label { display: inline-block; margin-left:5px; margin-right:20px; } .wpcf7-form .wpcf7-submit { padding:3px; padding-left:30px; padding-right:30px; float:none; } #section-footer-contact {position:relative; padding-top:50px; padding-bottom:50px; background-color:#000000; } #section-footer-contact a, #section-footer-contact *, #section-footer-contact * > * {color:#ffffff; } #section-footer-facebook {position:relative; padding-top:50px; padding-bottom:50px; background-color:#5690ad; color:#ffffff; } #section-footer-facebook a.facebooklink, #section-footer-facebook .facebooklink *, #section-footer-facebook .facebooklink * > * {color:#ffffff;} #section-footer-facebook .facebooklink i {font-size:2rem; color:#ffffff; } #section-footer-facebook .facebooklink:hover *, #section-footer-facebook .facebooklink:hover * > * {color:#000000!important; } #section-footer-facebook a.facebooklink:hover {color:#000000;} #section-copyright {position:relative; padding-top:16px; padding-bottom:16px; color:#666666; background-color:#ffffff; font-size:1rem;;} #section-copyright a {color:#666666; font-size:1rem;;} #section-copyright a:hover {color:#3C3C3B;} @media all and (max-width: 767px) { #section-footer-contact .footer-rechts {margin-top:2rem;} #section-copyright {text-align:left;} } #section-page-content {padding-top:40px; background-color:#ffffff;} @media all and (max-width: 767px) { #section-page-content {padding-top:20px;} } #section-page-footer { background-color:#ffffff; padding:10px;} section.error-404 .page-title {margin-top:40px;} #u_ContentSlider .slides {background-image:url('images/header.jpg'); background-size:cover; background-position:center center;} .bereikbaarheid_mob {text-align:right; line-height:1rem; margin-top:8px;} .bereikbaarheid_mob *, .bereikbaarheid_mob * > * {color:#ffffff!important; } .bereikbaarheid_mob a {color:#ffffff!important; } @media all and (max-width: 767px) { .home .entry-content .btn { margin-bottom:1rem; min-width:60%; text-align:center; } }