/*
Theme Name: Belgian Association

Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: twentysixteen

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.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/*------------------------------------------------*/
/*-----------------[GRAVITY FORMS]----------------*/
/*------------------------------------------------*/
.gform_wrapper {
    position:relative; clear:both;
}
ul.gform_fields {
    margin:0;
    padding:0;
    list-style:none;
    margin: 0;
    position: relative;
    clear:both;
}
ul.gform_fields:after, ul.gform_fields:before {
    content: " ";
    display: table;
    clear: both;
}
ul.gform_fields ul{margin:0; padding:0; list-style:none}
ul.gform_fields .column-count-1-of-2{box-sizing:border-box; float:left; width:50%; padding-right:15px}
ul.gform_fields .column-count-2-of-2{box-sizing:border-box; float:left; width:50%; padding-left:15px}
ul.gform_fields .column-count-1-of-2 .gfield_label, ul.gform_fields .column-count-2-of-2 .gfield_label{display:none}
ul.gform_fields li.gfield{position:relative; padding-bottom:16px}
ul.gform_fields li.gfield input[type="text"], ul.gform_fields li.gfield  textarea {
    background-color: #f5f5f5;
    border: medium none;
    height: 36px;
    padding: 1px 10px;
    width: 100%;
}
ul.gform_fields li.gfield  textarea {
    height: 140px;
}
.gform_footer:after, .gform_page_footer:after{	visibility: hidden;
                                               display: block;
                                               font-size: 0;
                                               content: " ";
                                               clear: both;
                                               height: 0;}
.gform_footer input[type="submit"], .gform_page_footer input[type="button"], .gform_page_footer input[type="submit"]{
    background: #ea0000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 8px 50px;
    float:left;
}
.gform_page_footer input[type="submit"]{float:right}
.gform_footer img{position:absolute}
.gfield_description.validation_message {
    color: #f00;
    display: block;
    font-size: 0.7em;
    left: 0;
    line-height: 1em;
    position: absolute;
}
.validation_error {
    display: none;
}
.hideLabel label.gfield_label{display:none}
.gsection_title {
    font-size: 16px;
    line-height: 1.75;
    margin:0;
}
ul.gfield_radio > li, ul.gfield_checkbox  > li{display:inline-block; margin-right:1em;}
ul.gfield_radio > li input[type="radio"]{margin-right:3px}
.bigTitle label.gfield_label, .bigTitle .gsection_title{padding-top: 30px; font-size:30px; margin-top:20px; margin-bottom:10px;}

/*------------------------------------------------*/
/*-----------------[GRID MASANORY]----------------*/
/*------------------------------------------------*/
.grid-item { width: 47%; }
.post-single.grid-item {
    border: 1px solid #ebecec;
    margin-bottom: 35px;
    padding: 25px;
}
.text-left-section .grid .post-image {
    float: none;
    padding: 0;
    margin: 0 auto;
    display: table;
}
.grid .post-content {
    border-top: 1px solid #f1f1f1;
}
.grid .post-tile h3 {
    margin-top: 5px;
}
.grid .post-image img {
    max-width: 100%;
}

@media only screen and (max-width : 1200px) {
    ul.gform_fields .column-count-2-of-2, ul.gform_fields .column-count-1-of-2{padding:0; width:100%;}
}
@media screen and (max-width:991px){
    .post-single.grid-item {
        padding: 10px;
        width: 46%;
    }
}
@media only screen and (max-width : 480px) {
    #logo {
        position: relative;
        width: 150px;
    }
    .post-single.grid-item {
        padding: 20px;
        width: 100%;
    }
}