/* 
Theme Name:  Alternate
Description: Geen betaalde plugins nodig.
Author:      Bastiaan de Jong
Version:     1.0.0
Text Domain: alternate
*/

:root {
/* colors */
	--background: #fff;
	--altbg: #212121;
	--softbg: whitesmoke;
	--gray: #838585;
	--main: #259B24;
	--maindk: #8BC34A;
	--sub: #FF9800;
	--subdk: #FFC107;
	--fontcolor: #212121;
	--positive: #1ec100;
	--negative: #DF3232;
/* fonts */
	--family: 'Montserrat', sans-serif;
	--altfamily: 'Poppins', sans-serif;
	--regular: 15px;
	--icons: "Font Awesome 6";
/* features */
	--shadow: 0px 0px 80px rgba(0,0,0,.1);
	--transition: all 250ms;
}
@media (min-width: 576px) {:root {--container:calc((100vw - 540px) / 2);}}
@media (min-width: 768px) {:root {--container:calc((100vw - 720px) / 2);}}
@media (min-width: 992px) {:root {--container:calc((100vw - 960px) / 2);}}
@media (min-width: 1200px) {:root {--container:calc((100vw - 1140px) / 2);}}
@media (min-width: 1400px) {:root {--container:calc((100vw - 1320px) / 2);}}
::selection {background:var(--maindk);color:white;}
body,
html {display:block;background:var(--background);margin:0;box-sizing:border-box;min-height:100vh;}

/* container */
body > *, .container {margin: 0 auto;}
@media (min-width: 576px) {.container{max-width:540px;width:auto;margin: 0 auto;}.halfcontainer{max-width:270px;width:auto;}}
@media (min-width: 768px) {.container{max-width:720px;width:auto;}.halfcontainer{max-width:360px;width:auto;}}
@media (min-width: 992px) {.container{max-width:960px;width:auto;}.halfcontainer{max-width:480px;width:auto;}}
@media (min-width: 1200px) {.container{max-width:1140px;width:auto;}.halfcontainer{max-width:570px;width:auto;}}
@media (min-width: 1400px) {.container{max-width:1320px;width:auto;}.halfcontainer{max-width:660px;width:auto;}}
@media (min-width:992px) {.desktop-hidden {display:none;}}
@media (max-width:992px) {.mobile-hidden {display:none;}}
@media (max-width:768px) {.container {padding-left:20px;padding-right:20px;}}

/* global */
* {color:var(--color);position:relative;}
img {display:block;max-height:100%;max-width:100%;width:auto;height:auto;}

/* shortcodes */
p > .tel i {display:none;} 
p > .mail i {display:none;} 
