/* DOMAIN: baobab.com */

@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;700&family=Spectral:wght@300;400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Stardos+Stencil:wght@700&display=swap');

:root {
  /* COLOR DEFINITIONS */

	--bb-blue-1: #5e58a6;
	--bb-blue-2: #362063;	
	--bb-green-1:#a4b43a;
	--bb-green-2:#919f33;


}

@media (max-width: 767px){
	:root{
		--body-font-size:14px;
		--h2-font-size:1.6em;
		--h3-font-size:1.3em;
		--h4-font-size:1.15em;
		--banner-height:20vw;
		--textblock-padding:20px;
		--row-margin:2em;

	}
}

@media (min-width: 768px){
	:root{
	--body-font-size:16px;
	--h2-font-size:1.8em;
	--h3-font-size:1.45em;
	--h4-font-size:1.25em;
	--banner-height:150px;
	--textblock-padding:30px;
	--row-margin:3em;
	}
}

@media (min-width: 992px){
	:root{
		--body-font-size:18px;
		--h2-font-size:2.1em;
		--h3-font-size:1.6em;
		--h4-font-size:1.4em;
		--banner-height:175px;
		--row-margin:4em;
	}
}

@media (min-width: 1200px){
	:root{
		--banner-height:200px;
		--textblock-padding:30px;
	}
}


body																									{ background:#FFF; color: #333; font-family: "Gothic A1", sans-serif; font-weight:400; font-style:normal; font-size:16px; line-height:1.3em; }
textarea																							{ font-size:14px; }

h1, h2, h3																						{ color: var(--bb-blue-1); font-family: "Spectral", serif; font-weight:300; font-style:normal; margin:1.5em 0 0.5em; text-align: center; }
h1																										{ font-size:3em; }
h2																										{ font-size:var(--h2-font-size); }
h3																										{ font-size:var(--h3-font-size); }

h1:first-child,
h2:first-child,
h3:first-child																				{ margin-top:0; }

a, a:active, a:focus																	{ color:var(--bb-green-1); text-decoration:none; }
a:hover																								{ color:var(--bb-green-2); text-decoration:none; }

img.pull-left																					{ margin:2px 15px 15px 0; }
img.pull-right																				{ margin:2px 0 15px 15px; }

header .logo																					{ display: block; text-align: center; padding:1em; }
header .logo img																			{ margin-left: -10%; width: 60%; max-width: 600px; }


/* NAVIGATION */
.navbar-default																				{ background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; }
.navbar-default .navbar-nav														{ float: none; margin:1em 0; width: 100%; text-align: center; }
.navbar-default .navbar-nav > li											{ float: none; display: inline-block; }
.navbar-default .navbar-nav > li > a									{ color: var(--bb-blue-1); font-family: "Spectral", serif; font-weight:300; font-style:normal;
																												font-size: calc(var(--body-font-size) * 1.2); text-shadow:none; padding:var(--body-font-size) calc(var(--body-font-size) * 1.3); }
.navbar-default .navbar-nav > li > a:hover						{ color: var(--bb-blue-2);  }

.navbar-default .navbar-nav > li:last-child > a				{ font-family: "Stardos Stencil", system-ui; font-weight:700; font-style: normal;
																												background-color:var(--bb-blue-1); color: #FFF; border-radius: 0.5em;
																												margin-left: calc(var(--body-font-size) * 1.3); text-transform: uppercase; }
.navbar-default .navbar-nav > li:last-child > a:hover	{ background-color:var(--bb-blue-2);}



/* CONTENT */
.content .row																					{ margin: var(--row-margin) auto; }
.content .textblock																		{  }
.content .textblock.center,
.content .textblock.center :is(h1, h2, h3, h4)				{ text-align: center; }
.content .textblock li																{ margin:0.5em auto; }
.content .textblock ul:has(li img.box1),
.content .textblock ul:has(li img.box4)								{ display: flex; list-style: none; margin: 0 0 var(--body-font-size); padding: 0; flex-wrap: wrap; justify-content: space-around; }
.content .textblock li:has(img.box1)									{ max-width: 100%; }
.content .textblock li:has(img.box4)									{ max-width: 45%; }
.content .textblock li img.box1,	
.content .textblock li img.box4												{ border:1px solid var(--bb-blue-1); }
.content .textblock img																{ max-width:100%; }
.content .form																				{ }
.content .gmap																				{ height:400px; }


/* FORM */
.content .form .req label:after												{ color:red; content:" *"; }
.content .form input.email														{ display:none; }


/* FOOTER */
footer .container																			{ font-size:12px; text-align:center; }

/* MODAL */
.ct_modal h2																					{ font-size: 1.3em; }

@media (max-width: 767px){
	.navbar-brand																				{ padding:8px 15px; }
	.navbar-brand .logo																	{ display: none; }
	.navbar-brand span																	{ display: none; }
}

@media (min-width: 768px){
	.navbar-brand 																			{ display:none; }
	.content .textblock li:has(img.box4)								{ max-width: 22%; }
}

@media (min-width: 992px){

	.content .container	{ max-width: 800px; }

}

@media (min-width: 1200px){

}