/*
 Theme Name:   Spacious Child
 Theme URI:    https://example.com/spacious-child
 Description:  A lightweight child theme for the Spacious theme by ThemeGrill. Safe default setup with proper stylesheet enqueues and translation loading.
 Author:       Your Name
 Author URI:   https://example.com
 Template:     spacious
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  spacious-child
 Tags:         blog, portfolio, e-commerce, one-column, two-columns, right-sidebar, custom-menu, featured-images, translation-ready
*/

/* Your child theme overrides go below */
:root {
  /* Example CSS variable for quick theming */
  --accent: #2a7ae2;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* Example tweak: adjust header title spacing */
.site-title { margin-bottom: 0.25rem; }

/* You can add your own CSS here. Click the help icon above to learn more. */
*, p, li, a, body { 
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 1.0em;
}

body p {
    line-height: 1.3;
}

a {
    text-decoration: none;
}

body {
     background:#fff;
}

.wide-978 #primary, .narrow-978 #primary {
    width: 65.5763547%;
}

.wide-978 #secondary, .narrow-978 #secondary {
    width: 30.4827586%;
}

#primary {
    float: left;
} 

#secondary {
    float: right;
}

 .main-navigation li:first-child {
     margin-left:0;
}
 .wpcf7 input[type="checkbox"] + label, .wpcf7 input[type="radio"] + label {
     font-size:12px!important;
}
 .wide-978 .inner-wrap {
     max-width: 900px;
     margin:0 auto;
}
 h1, h2, h3, h4, h5, h6 {
     padding-bottom: 10px;
     color: #93509f;
}
 h1 {
     font-size:17px;
     font-weight:700;
}
 h3 {
     font-size:15px;
     font-weight:700;
     padding-bottom: 2px;
}

.main-navigation a {
    letter-spacing: 0.03em;
    color: #444444;
    display: block;
    float: left;
    line-height: 1.875;
    text-transform: uppercase;
}

 .main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover a {
     color: #93509f;
     text-decoration: none;
}
 #standaard.header-background-image {
     background-image:url('http://www.vermeulenvertalingtraining.nl/tijdelijk/wp-content/uploads/2015/10/vermeulen-vertaling-training-eindhoven-background.jpg');
}
 #secondary h3.widget-title {
     color: #93509f;
}

#header-text-nav-wrap {
    padding:1em 0;
    display: flex;
    justify-content: space-between;
}

 #header-logo-image img {
     height: 80px;
     width: 228px;
}
 .header-background-image {
     height: 215px;
     width: 100%;
     background-size: cover;
     background-position: center bottom;
     overflow: hidden;
     background-repeat: no-repeat;
}
 .header-background-image img {
     height:235px;
     max-width:inherit;
}
 #gradient {
     background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.7)));
     background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
     background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
     background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
     background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00ffffff\', endColorstr=\'#b3ffffff\',GradientType=0 );
     height: 235px;
     position: absolute;
     width: 100%;
     margin-top: -235px;
}
 #social {
     margin-top:16px;
     text-align:right;
}
 #social h1 {
     color: #93509f;
     font-size:15px;
     padding-bottom:2px;
     margin-bottom: 0;
}
 #social p {
     line-height: 16px;
     font-size: 13px;
     color:#666;
     margin-top: 0;
}
 #social p a:hover {
    color:#666;
}
 #menu-wrapper {
     margin-top:-46px;
     height:32px;
     background: rgba(255, 255, 255, 0.63);
     position: relative;
     box-shadow: inset 1px -3px 10px -7px rgba(0,0,0,0.2);
}
 .main-navigation {
     float: none;
     padding-top: 0;
}
 .main-navigation li {
    float: left;
    position: relative;
    margin: 0 0 0 25px;
    padding-top:2px;
}

.menu {
    list-style-type: none;
    padding-left:0;
    padding-top:1px;
}

.menu li {
    display: inline-block;
}

 form.searchform {
     float:right;
}

body, body p, input, textarea {
     font-weight:300;
     font-size:14px;
}

 a {
     color:#93509f;
     font-weight:300;
}

 input, textarea {
     border-radius: 5px!important;
}

 input {
     padding:1px 10px!important;
}

 textarea {
     border-radius: 5px!important;
     padding:5px 10px!important;
}
 .success_message.reply_msg {
     background-color: #fff;
     color: #93509f;
}
 .search-wrap #images li {
     display:inline-block;
     padding:3px 5px 0 0;
}
 .search-wrap #images li:last-child {
     padding:3px 0 0 0;
}
 .search-wrap #images li svg {
     height:17px;
}
 .search-wrap #images a:hover li svg path {
     fill:#888;
}
 .search-wrap a {
     display:inline-block;
}
 .search-wrap #images li svg path {
     fill:#8d5ba5;
}
 h1 {
     font-size: 17px;
     line-height: 17px;
}
 h2 {
     line-height: 20px;
     color: rgb(23, 64, 103);
     font-size: 18px;
}
 article p a:hover, article li a:hover {
     color:#666;
}
 article li {
     margin-bottom:7px;
     list-style:disc;
}
 h3.inschrijfformulier {
     margin-top:0;
}

.wpcf7-list-item {
    margin-left:0;
}

.wpcf7-list-item-label {
     width:94%;
     float:right;
}
.wpcf7 input, .wpcf7 textarea  {
     max-width: 100%;
}
.wpcf7-mail-sent-ok {
     border: none;
}
.wpcf7-response-output {
     margin: 0;
     padding: 0;
}

.wpcf7-acceptance {
    font-size: 0.98em;
}

.wpcf7-form-control label {
    display: flex;
}

.cf7-cf-turnstile, .cf7-cf-turnstile iframe {
    width:100%!important;
    min-width: auto!important;
}

#main {
    padding-top:25px;
}
 .by-author {
     display:none;
}
 .post .entry-meta {
     border:none;
}
 .post .entry-meta .read-more-link {
     float:left;
}
 .post .entry-meta .date, .post .entry-meta .category {
     position:absolute;
     top:3px;
     right:0;
}
 .post .entry-meta .category {
     margin-right:63px;
}
 .hfeed article {
     position:relative;
}
 .site-header .menu-toggle {
    display: none;
 }
 .testimonial_rotator .testimonial_rotator_slide_title {
     display:none;
}
 .testimonial_rotator_quote {
     padding:0;
     margin:0;
}
 .category {
     display:none;
}
 .single-post .date {
     display:none;
}
 .single-post .extra-hatom-entry-title {
     display: block;
}
 .single-post textarea {
     margin:0;
}
 .wpcf7 textarea {
     margin-bottom:-10px;
}
 @media screen and (max-width: 767px) {
     #gradient, .header-background-image {
         display:none;
    }
     .site-header .menu-toggle {
         padding: 10px 15px;
    }
     .mobile-hide, #social {
         display:none;
    }
     #menu-wrapper {
         background:none;
         box-shadow:none;
    }
     #volg {
         text-align:left;
         margin-left:5px;
    }
     #menu-wrapper {
         margin-top: -50px;
         height:42px;
    }
     #menu-hoofd-menu {
         position:relative;
         z-index:9999;
         margin-top:25px;
    }
     #menu.inner-wrap {
         width:100%;
    }
   .search-wrap {
     display:none;
   }
   #secondary {
    display: none;
   }
   .wide-978 #primary {
    width: 100%;
   }
}
 .main-small-navigation {
     background:transparent;
     margin-top:0;
}
 .main-small-navigation li, .main-small-navigation ul .current_page_item, .main-small-navigation li a:hover {
     background:#fff;
}
 .main-small-navigation li a {
     color:#444;
     padding:15px;
     border-bottom:1px solid #EAEAEA;
}
 .main-small-navigation ul li.current_page_item a, .main-small-navigation li a:hover {
     color:#004078;
}
 .widget-title span {
     border-bottom:none;
}
 #secondary h3.widget-title {
     color: #93509f;
     font-size: 15px;
     font-weight: 400;
     padding-bottom: 2px;
}
 h3 {
     font-size: 15px;
     font-weight: 400;
     padding-bottom: 2px;
}
 #secondary .widget {
     margin-bottom: 35px;
     font-size: 13px;
     border-left: 1px solid #f2f2f2;
     padding-left: 28px;
}
 .search-wrap {
     float:right;
     margin-top: -26px;
}
 .search-wrap #images li {
     display:inline-block;
     padding:3px 5px 0 0;
}
 .search-wrap #images li:last-child {
     padding:3px 0 0 0;
}
 .search-wrap #images li svg {
     height:17px;
}
 .search-wrap #images a:hover li svg path {
     fill:#888;
}
 .search-wrap a {
     display:inline-block;
}
 .search-wrap #images li svg path {
     fill:#8d5ba5;
}