/*
 Theme Name: coachingbande
 Author: elico.de
 Version: 1.0.0
*/





/* poppins-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* poppins-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/coachingbande/assets/fonts/poppins-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}







:root 
{
  	--Color-Jet-Stream: #BDE2EA;
	--Color-Jet-Stream-Light: #CCE3DE;
	--Color-Jet-Stream-Lightest: #F7FBFA;
	--Color-Jet-Stream-Lighter: #F1F9FA;
	
	--Color-Bittersweet: #EC5F66;
	--Color-Firefly: #0E2132;
	--Color-Blue-Stone: #005460;
    --Color-Blue-Stone-Light: #4C878F;
	--Color-Blue-Stone-Lighter: #CCDCDF;
	--Color-Blue-Stone-Lightest: #CCDCDF;

	--Color-Blue-Stone-Darkest: #00191C;
    --Color-White: #FFFFFF;
    --Color-Gray: #EFEFEF;
    --Color-Red: #D32F2F;
    
	--Color-Seashell-Peach-Light: #FFFBF8;
	--Color-Neutral-Lighter: #D8D9D9;
   
	--spacing-md: 24px;



 
}



	@font-face {font-family: 'Slick';src: url('/wp-content/themes/coachingbande/assets/fonts/slick-regular.woff2') format('truetype');font-weight: normal;font-style: italic;}
		
	* {padding:0; margin:0;box-sizing:border-box;}
	body {margin:0;font-family:'Poppins',sans-serif;line-height:24px;color:var(--Color-Firefly);font-size:16px;line-height:24px; word-wrap: break-word; font-weight: 400;}
		
	.ins {width:100%;max-width:1440px;margin:0 auto;padding:0 64px;}
		
	@media (max-width: 768px) { 	.ins  { padding:0 24px} 	}

	.breadcrumb {padding: 0px 4px;margin:  0;list-style: none;}
	.breadcrumb li {display: inline;font-size: 12px;}
	.breadcrumb li a {color: var(--Color-Firefly, #0E2132);text-decoration: none;transition: color 0.2s ease;  line-height: 21px;}
	.breadcrumb li a:hover {text-decoration: underline;}
	.breadcrumb .separator {width: auto;height: 10px;vertical-align: middle;margin: 0 4px;  line-height: 21px;}
	.breadcrumb li.active {  font-size: 14px;font-weight: 600;  line-height: 21px;}

	.w100 {width:100%;}
	.df {display:flex}
	.dif {display:inline-flex}
	.fdc {flex-direction: column}
	.fdr {flex-direction: row}
	.jcfs {justify-content: flex-start}
	.jcfe {justify-content: flex-end}
	.jcc {justify-content: center}
	.jcsb {justify-content: space-between}
	.aifs {align-items: flex-start}
	.aic {align-items: center}
	.ais {align-items: stretch}
	.ass {align-self: stretch}
	.fww {flex-wrap:wrap;}
	
	
	.gap8 {gap:8px}
	.gap10 {gap:10px}
	.gap12 {gap:12px}
	.gap16 {gap:16px}
	.gap20 {gap:20px}
	.gap22 {gap:22px}
	.gap24 {gap:24px}
	.gap32 {gap:32px}
	.gap40 {gap:40px}
	.gap48 {gap:48px}
	.gap64 {gap:64px}
	.gap80 {gap:80px}
	.gap120 {gap:120px}
		
	.tac {text-align:center}
	.tar {text-align:right}
	
	.fwb {font-weight:bold;}
	
	.mb8  {margin-bottom: 8px}
	.mb16 {margin-bottom:16px}
	.mb22 {margin-bottom:22px}
	.mb24 {margin-bottom:24px}
	.mb32 {margin-bottom:32px}
	.mb36 {margin-bottom:36px}
	.mb40 {margin-bottom:40px}
	.mb56 {margin-bottom:56px}
	.mb64 {margin-bottom:64px}
	.mb80 {margin-bottom:80px}











/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  HEADER            ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

 
.h1, h1 {font-size: 48px;font-weight: 600;line-height: 57.60px;}
.h2, h2 {align-self: stretch; color: var(--Color-Blue-Stone, #005460); font-size: 40px; font-family: Poppins; font-weight: 600; line-height: 48px; word-wrap: break-word}
.h3, h3 {font-size: 32px;font-weight: 600;line-height: 48px;}


@media (max-width: 1190px) {
	.h1, h1 {font-size: 36px;line-height: 1.24;padding-top:36px}
	.h2, h2 {font-size:24px;line-height: 28.80px; }
	.h3, h3 {font-size:24px;line-height: 28.80px; }
}



a {color:var(--Color-Blue-Stone); text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline; cursor:pointer;}

.tagline {	color:  #000405;	}


/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  STANDARAD ULs           ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */


ul {  list-style-type: disc;   padding-left: 24px;}
ul li::marker {  color: var(--Color-Bittersweet);  font-size: 1.2em;}
ul ul {list-style-type: circle;   padding-left: 20px;}
ul ul li::marker {  color: var(--Color-Bittersweet);}
ul ul ul {list-style-type: square; padding-left: 20px;}
ul ul ul li::marker {  color: var(--Color-Bittersweet);}


/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  BUTTONS           ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

a.button.primary, button.primary {height: 44px;border:1px solid var(--Color-Blue-Stone);text-align:center;cursor:pointer;background: var(--Color-Blue-Stone); border-radius: 6px;color:#fff;font-size: 16px;font-weight: 500; line-height: 44px; word-wrap: break-word ; padding:0 12px;text-decoration:none;}
a.button.primary:hover, button.primary:hover {background:#fff; color:var(--Color-Blue-Stone);}

a.button.secondary, button.secondary {height: 44px;border:1px solid var(--Color-Bittersweet);text-align:center;cursor:pointer;background: var(--Color-Bittersweet); border-radius: 6px;color:#fff;font-size: 16px;font-weight: 500; line-height: 44px; word-wrap: break-word ; padding:0 12px;text-decoration:none}
a.button.secondary:hover, button.secondary:hover {background:transparent;color:var(--Color-Bittersweet);}

a.secondary.outline, button.secondary.outline {color:var(--Color-Bittersweet);background:transparent; text-decoration:none;text-decoration:none}
a.secondary.outline:hover, button.secondary.outline:hover {color:#fff;background:var(--Color-Bittersweet)}

button.fullwidth {width:100%;}
			

/*verfwendet auf INDEX*/
button.bluestonesmall, a.bluestonesmall {height: 32px;border:1px solid var(--Color-Blue-Stone);text-align:center;cursor:pointer;background: var(--Color-Blue-Stone); border-radius: 6px;color:#fff;font-size: 16px;line-height: 24px;  font-weight: 500; word-wrap: break-word ; padding:4px 10px;text-decoration:none}
button.bluestonesmall:hover, a.bluestonesmall:hover {background:#fff;color:var(--Color-Blue-Stone);}

button.bluestonesmalloutline, a.bluestonesmalloutline {height: 32px;border:1px solid var(--Color-Blue-Stone);text-align:center;cursor:pointer;background: #fff; border-radius: 6px;color:var(--Color-Blue-Stone);font-size: 16px;line-height: 24px;  font-weight: 500; word-wrap: break-word ; padding:4px 10px;text-decoration:none}
button.bluestonesmalloutline:hover, a.bluestonesmalloutline:hover {background:var(--Color-Blue-Stone);color:#fff;}

/* ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ */ 
/* ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ MODULE ++++ */ 

/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  CTA ACADEMIC           ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
	#academic_programm  {}
	#academic_programm .ins {padding: 80px 64px;}
	#academic_programm .content-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 0px; border: 1px solid var(--Color-Blue-Stone-Lighter); border-radius: 16px;}
	#academic_programm .text-column {flex: 1 1 450px; display: flex; flex-direction: column; gap: 32px; padding:60px 0; }
	#academic_programm .text-column h3 {padding: 0 40px;font-size:32px;line-height:41px;}
	#academic_programm .text-column p {display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 32px; padding: 0 40px;}
	#academic_programm .text-column .button-group {display: flex; align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 32px; padding: 0 40px;}
	#academic_programm .image-column {flex: 1 1 450px; background-image: url("/wp-content/themes/coachingbande/assets/img/akademie-programm-2025.png"); background-size: cover; background-position: center; border-top-right-radius: 16px; border-bottom-right-radius: 20px;}
	
	@media (max-width: 1024px) {
		#academic_programm .ins  { padding:64px 24px} 
		#academic_programm .content-wrapper {gap: 20px;}
		#academic_programm .image-column {flex: 1 1 450px; border-radius: 0 0 16px 16px; min-height: 350px;}
	}
    

/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  CTA NEWSLETTER           ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

	#modul_newsletter .frm {background:var(--Color-Jet-Stream-Lightest); padding:80px;margin:80px 0;⁨border-radius:16px;}
	#modul_newsletter .flx {flex:1 1 450px}
	
	#modul_newsletter .flx .hdr1 {color: var(--Color-Blue-Stone, #005460); font-size: 24px; font-weight: 600; line-height: 41.6px;}
	#modul_newsletter .flx .hdr2 {color: var(--Color-Bittersweet, #EC5F66); font-size: 24px; font-family: Poppins; font-weight: 600; line-height: 41.6px;}
	
	#modul_newsletter .flx .rght {flex:1 1 0; align-self: stretch; color: var(--Color-Firefly, #0E2132); font-weight: 400; line-height: 24px;}
	#modul_newsletter .flx form {margin:32px 0 16px}
	
	
	#modul_newsletter .flx form input {background:rgb(255,255,255,.5); }
	#modul_newsletter .flx form input[type='checkbox']	{height:16px; width:16px;display:inline;}
	#modul_newsletter .flx form input[type='text']	{width: 100%;}
	#modul_newsletter .flx form input[type='email']	{width: 100%;margin: 0;}
	#modul_newsletter .flx form input[type='number']	{width: 100%;margin: 0;appearance: none}
	#modul_newsletter .flx form label {font-size:14px;}
	
/* WebKit (Chrome, Edge, Safari, iOS) */
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {  -webkit-appearance: none !important;  margin: 0 !important;  display: none;}
/* Zusätzlich Safari/iOS: komplette Number-Optik abschalten */
input[type="number"] {  -webkit-appearance: textfield !important;  appearance: textfield !important;}
/* Firefox */
input[type="number"] {  -moz-appearance: textfield;}



	#modul_newsletter .flx form input[type='submit']	{text-align:center; border:none; cursor:pointer; background:var(--Color-Blue-Stone); border-radius:6px; color:#fff; font-size:16px; font-weight:500; line-height:24px; padding:6px; }
	#modul_newsletter .flx p 	{font-size:8pt !important;line-height:1.4}

	@media (max-width: 768px) { 	#modul_newsletter .frm   { padding:64px 24px} 	}

/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  YOUTUBE VIDEOS            ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

	.ifrmwrppr{position:relative;padding-bottom:56.25%;overflow:hidden}
	.ifrmwrppr iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  PODCAST           ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
	#module_podcast  {}
	#module_podcast .ins {padding: 80px 64px;}
	#module_podcast .content-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 0px; border: 1px solid var(--Color-Blue-Stone-Lighter); border-radius: 16px;}
	#module_podcast .text-column {flex: 1 1 450px; display: flex; flex-direction: column; gap: 32px; padding:60px 0; }
	#module_podcast .text-column h3 {padding: 0 40px;font-size:32px;line-height:41px;}

		#module_podcast .text-column p {padding:0 40px;}
		#module_podcast .podcast-links {align-self:stretch;flex-direction:row;justify-content:space-between;align-items:center;gap:18px;display:flex;padding:0 40px; flex-wrap:wrap;}
		#module_podcast .podcast-link-item {flex:1 1 100px;height:53px;width:auto;position:relative;}
		#module_podcast .podcast-link-image {height:53px;width:auto;left:0;top:0;position:absolute;}
	
	#module_podcast .image-column {flex: 1 1 450px; background-image: url("/wp-content/uploads/coachingbande-podcast.jpg"); background-size: cover; background-position: center; border-top-right-radius: 16px; border-bottom-right-radius: 20px;}
	
	@media (max-width: 1024px) {
		#module_podcast .ins  { padding:64px 24px} 
		#module_podcast .content-wrapper {gap: 20px;}
		#module_podcast .image-column {flex: 1 1 450px; border-radius: 0 0 16px 16px; min-height: 350px;}
	}





			
			
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  Goodies              ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */




		
		#goodiesopen .ins .cont {border-bottom: 1px var(--Color-Neutral-Lighter, #D8D9D9) solid;}
		#goodiesopen .ins .cont .txt {flex: 1 1 auto}
		#goodiesopen .ins .cont .btn {flex: 0 0 auto;margin-left:0;}
		#goodiesopen .ins .cont .btn  {padding:12px 6px ;}
		
		
		
		
	#goodielist {padding:112px 0;}
	#goodielist .lft, #goodielist .rgt 	{flex:1 1 450px}
	#goodielist .item 	{align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex; width:100%;margin-bottom:32px;}
	#goodielist .item .icn {width: 24px; height: 24px; position: relative; overflow: hidden}
	#goodielist .item .icn .icncm {width: 17px; height: 12.31px; left: 3.50px; top: 0px; position: absolute; }
	#goodielist .item .content {flex: 1 1 0; color: var(--Color-Firefly, #0E2132); font-size: 16px; font-weight: 400; line-height: 24px; }
	#goodielist .item .content .title {font-size: 18px;    font-weight: 600;	line-height: 25px; padding-bottom:16px;}
	#goodielist .rgt .frm 	{border-radius:16px; padding:32px;border:1px solid #B7D8D1}
	#goodielist .rgt .divider 	{height: 1px;  background-color: #B7D8D1; margin: 32px 0;}
	#goodielist #blck_contains {align-self: stretch;  flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: flex}
	#goodielist #blck_contains .hl {align-self: stretch; color: var(--Color-Firefly, #0E2132); font-size: 18px; font-weight: 600; line-height: 27px; }
	#goodielist #blck_contains .box {align-self: stretch; padding-top: 8px; padding-bottom: 8px; justify-content: flex-start; align-items: flex-start; gap: 24px; display: inline-flex;flex-wrap:wrap;}
	#goodielist #blck_contains .box .flex 	{flex: 1 1 0; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex}
	#goodielist #blck_contains .box .item 	{align-self: stretch; justify-content: flex-start; align-items: flex-start; gap: 16px; margin-bottom:0; display: inline-flex}
	#goodielist #blck_contains .box .item .icn {width: 24px; height: 24px; position: relative; overflow: hidden}
	#goodielist #blck_contains .box .item .icn .icncm {width: 17px; height: 12.31px; left: 3.50px; top: 0px; position: absolute; }
	#goodielist #blck_contains .box .item .txt {flex: 1 1 0; color: var(--Color-Firefly, #0E2132); font-size: 16px; font-weight: 400; line-height: 24px; }
			
	@media (max-width: 768px) { 	
		#goodielist {padding:64px 0;}
	}
				
	#goodieinfomaterial  {background: var(--Color-Seashell-Peach-Light, #FFFBF8); padding: 80px 0; }
	#goodieinfomaterial .ins .cont {border-bottom: 1px var(--Color-Neutral-Lighter, #D8D9D9) solid;}
	#goodieinfomaterial .ins .cont .txt {flex: 1 1 auto}
	#goodieinfomaterial .ins .cont .btn {flex: 0 0 auto;margin-left:0;}
	#goodieinfomaterial .ins .cont .btn  {padding:12px 6px ;}

	#goodieclosed  {padding: 80px 0; overflow: hidden; background: var(--Color-Jet-Stream-Lighter⁨, #F1F9FA);}	
	#goodieclosed .left {flex:1 1 480px; }
	#goodieclosed .left .hl  {align-self: stretch; font-size: 40px; font-weight: 600; line-height: 48px; }
		 
	#goodieclosed .right img {border-radius: 16px;overflow:hidden;width:100%; height:auto;}
		
	@media (max-width: 900px) 
	{
		#goodieclosed  {padding: 64px 0; }	
		#goodieclosed .left .hl {font-size:24px;line-height:1.4}
	}













			
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  FOOTER                 ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

footer {background: var(--Color-Blue-Stone); color: var(--Color-White); padding: 80px 0 40px;}
footer #footerlogo {width:160px; height:auto;}
footer .hdr1 {font-size: 48px; font-weight: 700; line-height: 57.6px;}
footer .hdr2 {font-size: 48px; font-family: 'Vollkorn Italic', serif; font-weight: 600; line-height: 48px;}

footer span {font-weight: 600; line-height: 48px; font-size: 14px;}
footer ul {list-style: none;}
footer ul li a {font-weight: 400; text-decoration: none; display: block; padding: 4px 0; color: #fff; font-size: 14px; line-height: 24px;}
footer ul li a:hover {text-decoration: underline; cursor: pointer;}


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

footer span {display:block;margin-top:45px;}
footer .sub {}
footer .sub1 {order:2;text-align:center !important}
footer .sub2 {order:1; justify-content:center;text-align:center !important;margin-bottom:16px;}

}

#backToTop{position:fixed;bottom:30px;right:30px;background:rgba(51,51,51,0.5);color:#fff;border:none;border-radius:6px;width:40px;height:40px;font-size:24px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:opacity .3s; z-index:99999999999; transform:rotate(-90deg)}
#backToTop:hover{background:rgba(51,51,51,0.8)}







/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */
/* ====  OLD    OLD     OKLD              ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  =====  ====  */
/* ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  ====  */

	.directcontent {width:952px; max-width:100%; margin:64px auto;}
	.directcontent p { margin: 16px 0 ; line-height:140% }
	.directcontent .container .main-content.education {width: 768px;max-width: 100%;margin: 0 auto}
	.directcontent .container .main-content.education {width: 768px;max-width: 100%;margin: 0 auto}
	.directcontent ul {list-style:none;}
	.directcontent li:before {content: "■";color: #a3c6bf;margin-right: .5em;display: inline-block;margin-left: calc(var(--icon-space) * -1);width: var(--icon-space)}
	.directcontent li ul,
	.directcontent li ol {padding-left: 30px;display: block}
	.directcontent li ul li::before,
	.directcontent li ol li::before {content: "o";color: #a3c6bf}
	.directcontent h2 {color: var(--Color-Blue-Stone, #005460);line-height: 1.6;font-weight: bold;font-size:26px;margin-bottom: 16px;font-family: 'Open Sans', sans-serif}
	.directcontent h3 {color: var(--Color-Blue-Stone, #005460);line-height: 1.6;font-size:26px;font-weight: 700;font-size: 1.25rem;margin-bottom: 16px;font-family: 'Open Sans', sans-serif}
	.directcontent  ul, .directcontent ol {list-style: none;padding-left: 30px;list-style: none;margin: 1em 0;}
	.hidden {display: none}