/*
Theme Name: Bookadew
Author: Mike Buis
Author URI: https://mikebuis.nl/
Description: Dit thema representeert bookadew.com de internationale site. Updates volgen nog ( zie versienummer ).
Tags: bookadew, arsprintmedia
Version: 2.0.6
Requires at least: 5.7
Tested up to: 5.7
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bookadew
Domain Path: /languages
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.
*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');




/* OLD BORDER-BOX */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}



:root{
	--container-width: 1280px;
	--column-padding: 20px;
}
/* COLUMN CLASSES */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"]{
	position: relative;
	float: left;
	padding: var(--column-padding)
}
.col-nopad{
	padding: 0;
}




/* FLOAT CLASSES */
.left{float:left;}
.right{float:right;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}




/* CONTAINER */
.container
{
  min-width: 1000px;
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
}





html{
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
    line-height: 1.7em;
	font-weight: 300;
	scroll-behavior: smooth;
}

/* @media only screen and (max-width: 1280px) {
	html{
		font-size: 14px;
	}
} */

@media only screen and (max-width: 1200px) {

	html{
		font-size: 14px;
	}
	.container{
		min-width: auto;
		width: 100%;
		max-width: 600px;
		padding: 20px;
	}

	[class*="col-"] {
	  width: 100%;
	}
}

a,button{
	transition: 0.1s;
	font-weight: 400;
	text-transform: capitalize;
}

/*
================================================================================
*/


/*
================================================================================
*/

/*
================================================================================
*/