@charset "UTF-8";

/*
Theme Name: SLAID
Theme URI: https://slaid.nl
Author: slaid
Author URI: https://slaid.nl
Description: 
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slaid
Tags: 


*/
/*
@font-face {
	font-family: GilroyBlack;
	src: url('/wp-content/themes/slaid/assets/fonts/Gilroy-Black.otf');
  }
  @font-face {
	font-family: MerriweatherReg;
	src: url('/wp-content/themes/slaid/assets/fonts/Merriweather-Regular.ttf');
  }

  @font-face {
    font-family: 'MinionProRegular';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Regular'), url('/wp-content/themes/slaid/assets/fonts/MinionPro-Regular.woff') format('woff');
    }
    
    @font-face {
    font-family: 'MinionProBold';
    font-style: normal;
    font-weight: normal;
    src: local('Minion Pro Bold'), url('/wp-content/themes/slaid/assets/fonts/MinionPro-Bold.woff') format('woff');
    }
	*/
	@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
html, body, #page{
	margin:0;
	padding:0;
	font-family: Merriweather, serif;
	font-style: normal;
	font-weight: 400;
	font-size:1em;
}

.page{
    margin:0 auto;
    width:50%;
    margin-top:5em;
}
.pleft{
    width:49%;
    float: left;
}
    .pleft .title{
        font-size:3em;
        padding-right: 1em;
        margin-top:0.8em;
        color:#BABCCB;
    }
    .pleft .content{
        width:80%;
        margin-top:2em;
        border-top:1px solid #000;
        font-size:0.9em;
        line-height: 1.9em;
        padding-top:2em;
        padding-right: 3em;
        color:#696C6E;
    }
    .pleft .footer{
        width:80%;
        font-size:0.9em;
        line-height: 1.9em;
        margin-top:2em;
        padding-top:2em;
        border-top:1px solid #000;
        padding-right: 1em;
        color:#696C6E;
    }
.pright{
    width: 49%;
    float: right;
    border-left:1px solid #000;
}
    .pright .siteholder{
        margin:0 auto;
        width:50%;
        padding:3em;   
        border-bottom:1px solid #000;
    }
    .pright .siteholder img{
        max-width: 15em;
    }
    @media only screen and (max-width: 1140px) {
        .page{
            margin:0 auto;
            width:100%;
            margin-top:1em;
            overflow: none;
        }
        .pleft{
            width:49%;
            padding-left:1em;
        }
        .pleft .footer{
            border-bottom:1px solid #000;
        }
        .pright{
            width: 49%;
            border:0px;
        }
        .pright .siteholder{
            margin:0 auto;
            width:100%;
            padding:1em; 
            border-bottom:0;  
        }
    }

@media only screen and (max-width: 780px) {
    .page{
        margin:0 auto;
        width:100%;
        margin-top:1em;
        overflow: none;
    }
    .pleft{
        width:100%;
        padding-left:1em;
        float:none;
        clear:both;
    }
    .pleft .footer{
        border-bottom:1px solid #000;
    }
    .pright{
        width: 100%;
        border:0px;
        float:none;
    }
    .pright .siteholder{
        margin:0 auto;
        width:100%;
        padding:1em; 
        border-bottom:0;  
    }
}