/****************************************************************************************************************************/
/* This user.css file is based upon Joomla 4, the Joomla 4 template Cassiopeia and additional software.						*/
/* Author: Winfried Buijen - GW15 BV		 																				*/
/* Copyright (C) 2023 GW15 BV <https://www.gw15.nl>		 																	*/
/* This user.css file is Free Software and is distributed under the terms 													*/
/*  of the GNU General Public License, version 3 or any later version.														*/
/****************************************************************************************************************************/
/* user.css voor website: GW EducaZon		 																				*/
/* Standaard kleuren voor GW websites zijn: 																				*/
/* Active background: #f9b234 (zon);																						*/
/* Passieve background: #926138 (vogel);																					*/
/* Menu-items: #fff (wit);																									*/
/* color: #000 (zwart);																										*/
/****************************************************************************************************************************/
/** CSS blokken: 																										   **/
/**  0. Initialeer vaste waarden (o.a. standaard kleuren)																   **/
/**  1. Body + background image																							   **/
/**  2. Main 																											   **/
/**  3. Card - zijkolommen 																								   **/
/**  4. Navigatie - navbar 																								   **/
/**  5. Hamburger menu	 																								   **/
/**  6. h1, h2, h3, h4, h5, h6, hr, p, div																				   **/
/**  7a. images	 																										   **/
/**  7b. fluid images	 																								   **/
/**  8. headers	 																										   **/
/**  9. module headings																									   **/
/** 10. site-grid																										   **/
/** 11. site-grid																										   **/
/** 12. site-grid																										   **/
/** 13. top-a																											   **/
/** 14. top-b																											   **/
/** 15. language selector																								   **/
/** 16. blog-table																										   **/
/** 17. 																												   **/
/** 18. 																												   **/
/** 19. 																												   **/
/** 20. 																												   **/
/** 31. GDPR component																									   **/
/** 32. Dabase-utility Custom Tables																					   **/
/** 33. Dabase-utility JooDB																							   **/
/** 34. Dabase-utility RO CSVI																							   **/
/** 35. PWT Sitemap																										   **/
/** 36. Community Builder																								   **/
/** 37. Komento																											   **/
/** 38. AcyMailing																										   **/
/** 39. (IC) Agenda																										   **/
/** 40a. Phoca Download																									   **/
/** 40b. Phoca Gallery																									   **/
/** 40c. Phoca Maps																										   **/
/** 41. HikaShop			 																							   **/
/** 42. CCIdeal																											   **/
/** 43. Donation																										   **/
/** 44. 																												   **/
/** 45. Breezing Forms																									   **/
/** 46. RSForms!																										   **/
/** 47. Smart Slider																									   **/
/** 48. All Videos																										   **/
/** 49. 																												   **/
/** 50. Regular Labs Tabs & Accordions																					   **/
/** 51. content	 																										   **/
/** 60. Styling site-grid > container: Maakt ruimte voor de footer, zodat content goed getoond wordt.					   **/
/** 61. GDPR-module																										   **/
/** 62. footer (copyright, gdpr-module en informatie) 																	   **/
/** 63. footer	 																										   **/
/** 71. Website specifieke css																							   **/
/** 81. Website specifieke css																							   **/
/** 91. Media screen = Smartphone portrait																				   **/
/** 92. Media screen = Smartphone landscape																				   **/
/** 93. Media screen = Tablets																							   **/
/** 94. Media screen = Desktop																							   **/
/** 95. Media screen = Wide screen																						   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/**  0. Initialeer vaste waarden (o.a. standaard kleuren)																   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/**  1. Body + background image																							   **/
/****************************************************************************************************************************/
body {
	margin: 0 auto;
	max-width: 100%;
	color: #000;
	background-color: #C1C2C4;
	background: url('/images/headers/gwedu-bg.jpg')   ; 
	background-attachment: fixed;
	background-repeat: no-repeat; 
	background-position: center;
	background-size: cover;
}

/****************************************************************************************************************************/
/**  2. Main 																											   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/**  3. Card - zijkolommen 																								   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/**  4. Navigatie - navbar 																								   **/
/****************************************************************************************************************************/
.container-header.full-width {
	background: #f9b234;
}

.metismenu.mod-menu .metismenu-item,
.metismenu.mod-menu .mm-collapse > li > a:active,
.metismenu.mod-menu .mm-collapse > li > a:hover,
.metismenu.mod-menu .mm-collapse > li > a, 
.metismenu.mod-menu > li.level-1.active,
.metismenu.mod-menu > li > a:hover,
.metismenu.mod-menu > li > a:active {
	color: #DCA821; 
	font-size: 1.0rem;
	line-height: 1.5;
  	font-weight: bold;	
	text-decoration: none;
	margin: 0 0.2em;
	border: 0.1em solid #324F4C;
	border-radius: 5px;
	background-color: #324F4C;
}

.metismenu.mod-menu > li.level-1.active,
.metismenu.mod-menu > li > a:hover,
.metismenu.mod-menu > li > a:active,
.metismenu.mod-menu .mm-collapse > li > a:active,
.metismenu.mod-menu .mm-collapse > li > a:hover {
	color: #ffffff; 
}

/****************************************************************************************************************************/
/**  5. Hamburger menu	 																								   **/
/****************************************************************************************************************************/
.container-header .navbar-toggler {
  border: 3px solid #926138;
  color: #926138;
  cursor: pointer;
}

/****************************************************************************************************************************/
/**  6. h1, h2, h3, h4, h5, h6, hr, p, div																				   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/**  7a. images	 																										   **/
/**  7b. fluid images	 																								   **/
/****************************************************************************************************************************/
img {
	margin: 0em 0em 0em 0em;
}

/****************************************************************************************************************************/
/**  8. headers	 																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/**  9. module headings																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 10. site-grid																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 11. site-grid																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 12. site-grid																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 13. top-a																											   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 14. top-b																											   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 15. language selector																								   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 16. blog-table																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 17. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 18. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 19. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 20. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 31. GDPR component																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 32. Dabase-utility Custom Tables																					   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 33. Dabase-utility JooDB																							   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 34. Dabase-utility RO CSVI																							   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 35. PWT Sitemap																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 36. Community Builder																								   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 37. Komento																											   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 38. AcyMailing																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 39. (IC) Agenda																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 40a. Phoca Download																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 40b. Phoca Gallery																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 40c. Phoca Maps																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 41. HikaShop			 																							   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 42. CCIdeal																											   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 43. Donation																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 44. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 45. Breezing Forms																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 46. RSForms!																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 47. Smart Slider																									   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 48. All Videos																										   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 49. 																												   **/
/****************************************************************************************************************************/
/****************************************************************************************************************************/
/** 50. Regular Labs Tabs & Accordions																					   **/
/****************************************************************************************************************************/
[data-rlta-element=heading] {
    color: #926138;
  	background-color: #fff;
}

[aria-selected=true] {
    background-color: #f00;
}

[data-rlta-element=heading] > a:hover,
[data-rlta-element=heading] > a:focus,{
    color: #f9b234;
}

.gw33tabs {
  background: #272556; 
}

.gw33tabs a:hover {
  background: #ff0000; 
}

.gw33tabs a:active {
  background: #ff0000; 
}

/****************************************************************************************************************************/
/** 51. content	 																										   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/** 60. Styling site-grid > container: Maakt ruimte voor de footer, zodat content goed getoond wordt.					   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/** 61. GDPR-module																										   **/
/****************************************************************************************************************************/
.cc-revoke.cc-bottom {
	background-color: #060;
	bottom: 0.7em;
	border-radius: 5px;
}

/****************************************************************************************************************************/
/** 62. footer (copyright, gdpr-module en informatie) 																	   **/
/****************************************************************************************************************************/
.container-footer {
	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	height: 3em;
  	width: 100%;
  	max-width: 100%;
	margin-top: 1em;
	color: #926138;
	background-color: #f9b234; /* Standaard GW logo kleur zon */
	background-image: none;
  	position: fixed;
  	bottom: 0px;
	z-index: 500;
}

.footer,
.footer > .grid-child {
  	width: 100%;
  	max-width: 100%;
  	height: 3em;
	margin: 1em 2em 0em 0em;
  	padding: 0em;
	color: #926138;
	background-color: #f9b234; /* Standaard GW logo kleur zon */
	background-image: none;
  	position: fixed;
  	bottom: 0px;
}

.container-footer > div > div::nth-child(1), 
.container-footer > .grid-child > div::nth-child(2), 
.container-footer > .grid-child > div::nth-child(3) {
  	align-self: center;
  	margin: auto auto;
}

.footer > div > div:nth-child(1) {
	color: #926138; /* Standaard GW logo kleur vogel */
	visibility: visible;
	margin-left: 2em;
}

.footer > div > div:nth-child(2) {
	color: #926138; /* Standaard GW logo kleur vogel */
	visibility: visible;
}

.footer > div > div:nth-child(3) {
	color: #926138; /* Standaard GW logo kleur vogel */
	visibility: visible;
	margin-right: 3em;
}

.footer > div > div.mod-custom {
	padding: 0 3em 0 1em;
  	font-weight: bold;
}

/****************************************************************************************************************************/
/** 71. Website specifieke css																							   **/
/** 81. Website specifieke css																							   **/
/****************************************************************************************************************************/

/****************************************************************************************************************************/
/** 91. Media screen = Smartphone portrait																				   **/
/** 92. Media screen = Smartphone landscape																				   **/
/** 93. Media screen = Tablets																							   **/
/** 94. Media screen = Desktop																							   **/
/** 95. Media screen = Wide screen																						   **/
/****************************************************************************************************************************/