/* Enter CSS below */


/* Overall Custom CSS start */

.news-image-wrap {text-align:center;} .news-grid .el-content{ 	padding: 10px 15px; } .news-grid .el-title{ 	padding: 10px 15px; } .news-grid .uk-button {margin-left:10px;margin-bottom:10px;} .news-image-wrap img {width:100%;}  .news-grid .el-item {webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15); 	transition:all .25s; 	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}  
.news-grid .el-item:hover { -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.15); box-shadow: 0 0 30px 0 rgba(0,0,0,.15); } 
.partners-accordion .el-title{text-align:left;} .partners-accordion .el-content, .partners-accordion .uk-margin-top {text-align:left;}
.tm-top {padding:0} .home .tm-top {display:none;} .uk-breadcrumb li::before {margin-left:1px !important; margin-right:8px !important} #icl_lang_sel_widget-3 {display:flex;justify-content:center;} #icl_lang_sel_widget-3 .wpml-ls-link{ background:transparent !important; } #tm-mobile .uk-grid-margin.uk-first-column .uk-panel{text-align:center;} #tm-mobile ul.uk-nav {margin-top:40px} #tm-mobile ul.uk-nav a{justify-content:center;}
#icl_lang_sel_widget-3,#tm-mobile ul.uk-nav a{justify-content:center}#icl_lang_sel_widget-3{display:flex}#icl_lang_sel_widget-3 .wpml-ls-link{background:0 0!important}#tm-mobile .uk-grid-margin.uk-first-column .uk-panel{text-align:center}#tm-mobile ul.uk-nav{margin-top:40px}body.qJTHM{display:none!important}
#credential_picker_container,.cardet-langsw-li a{display:flex;justify-content:center!important;align-items:center;font-size:17px;text-transform:uppercase}
.cardet-langsw-li{border-radius:50%;margin:5px}.uk-dropdown .cardet-langsw-li a{padding:0;width:100%;height:100%}.custom_lang_switcher_dropdown{background:0 0;box-shadow:none;padding:0}.custom_lang_switch_btn{padding:0;border-radius:50%}.uk-dropdown .cardet-langsw-li{margin:4px 0}.djacc__footer {display: none !important;}

/* Overall Custom CSS end */


/* Translate Press plugin start */

.trp-language-switcher > div {
    background-color: transparent !important;
    border:none !important;
}
.trp-language-switcher > div > a {
	display: flex;
	justify-content: center;
	width: 12px;
	height: 22px;
	margin-bottom: 5px;
	font-weight: 700 !important;
	font-size: 14px !important;
	font-family: Roboto, sans-serif !important;
	color: #fff !important;
	border-radius: 50% !important;
	background-color: #005f42 !important;
}
.trp-ls-shortcode-current-language {
    font-weight:700 !important;
    font-size:1rem !important;
    font-family: Roboto, sans-serif !important;
    border-radius:50% !important;
    color: #fff !important;
    background-color:#005f42 !important;
    transition:all 0.35s ease-in-out !important;
}
.trp-ls-shortcode-language a {
    font-weight:700 !important;
    font-size:1rem !important;
    font-family: Roboto, sans-serif !important;
    border-radius:10px !important;
    transition:all 0.35s ease-in-out !important;
    color: #fff !important;
    background-color: #005f42 !important;

}
.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language:hover {
	transform: none;
	cursor:pointer;
	opacity:0.8;	
}	
.trp-ls-shortcode-language a:hover  {
    transform: translateY(2px);
}

@media (max-width: 768px) {

/* Force container to be visible */
.trp-language-switcher .trp-ls-shortcode-language {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	height: auto !important;
	overflow: visible !important;
	width: auto !important;
  }
/* Hide duplicate current language */
.trp-language-switcher .trp-ls-shortcode-current-language {
    	display: none !important;
  }
/* Force row layout */
.trp-language-switcher .trp-ls-shortcode-language a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 22px;
	padding: 4px;
  }
.trp-language-switcher > div {
	background-image: unset !important;
  }
.trp-language-switcher {
    position: relative;
}
.trp-ls-shortcode-language {
    display: none;           /* hide extra languages by default */
    flex-direction: row;
    gap: 12px;
}
.trp-language-switcher:hover .trp-ls-shortcode-language {
    display: flex !important; /* show on hover */
}

}


/* Translate Press plugin end */


/* Uk - general elements start */

.uk-breadcrumb {
    margin-top:10px;
}
.uk-button {
	background-color:#005f42 !important;
	color:#fff !important;
	transition:all .35s linear;
	border:0 !important;	
}
.uk-button:hover {opacity:0.8;}

/* Uk - general elements end */


/* LearnDash Registration Page start */

.uk-article-title {
	color:#005f42 !important;
}
.ld-registration__form h2 {
	color:#005F42 !important;
	font-size:32px;
}
/* LearnDash Login modal start */
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
 .ld-button.ld-button-reverse {
	transition:all 0.35s ease-in-out !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern)
 .ld-button.ld-button-reverse:hover  {	
  	background-color: #fff!important;
  	color: #005f42 !important;
	opacity:0.8 !important;		
}
.learndash-wrapper .ld-login-modal input[type="submit"]:not([disabled]){
	border-radius: 0px !important;
	transition:all 0.35s ease-in-out !important;
}
.learndash-wrapper .ld-login-modal input[type="submit"]:hover {
	opacity:0.8 !important;
}	
/* LearnDash Login modal end */

/* LearnDash Registration Page and Login Page */
.ld-registration__register-form input {
	padding-top:12px;
	padding-bottom:12px;
	border: 1px solid rgb(140, 140, 162);
	border-radius:4px;
	color: rgb(140, 140, 162);
}
.acf-input , .ld-form__field--error{
	margin-bottom:10px;
}
.ld-form .ld-form__field--error:not(:focus)  {
	border-color:#005f43e2 !important;
	
}
.ld-form .ld-form__field.active, .ld-form .ld-form__field:focus {
	border-color:#005f43 !important;
	box-shadow: #005f43 0px 0px 0px 2px inset !important;
}

#wp-submit-register , #wp-submit {
	background-color:#005f42 !important;
	color:#fff !important;
	border:0 !important;
	text-transform: uppercase !important;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
  	transition:all .35s linear !important;
  	font-family: 'Roboto Flex';
  	font-weight: 500;
  	letter-spacing: 0;
  	background-origin: border-box;
	transition:all .35s linear;
}
#wp-submit-register:hover , #wp-submit:hover {
	opacity:0.8;	
}
.ld-registration__login-link:hover , .ld-registration__register-link:hover , .ld-registration__forgot-password-link:hover {
	color:#005f42 !important;
}

/*Website CSS - Original start*/
.menu-item {
	text-transform:uppercase;
}
.uk-active.menu-item a {
	font-weight:700;
}
.tm-header .uk-logo {
	padding-top:10px;
	padding-bottom:10px;
}

.panelh3 .el-title{
	font-size:25px;
	font-weight:400;
}
.panelh3 img {
	margin-bottom:40px;
}
.panelh31 ul {list-style:none;}
.custom_lang_switcher_dropdown a, .custom_lang_switch_btn {
	color:#fff !important;
}
.tm-header .uk-active.menu-item a{
	display:flex; 
	flex-direction:row-reverse;
	
}
.color-pinky {
	color:#F8A55D !important;
}

.bg-pinky {
	background-color:rgba(252,180,126,.18) !important;
}
.uk-logo svg * {
	transition:all .35s linear;
	transform-origin:center;
	transform-box:fill-box;
}
.uk-logo:hover svg #tree path {
	transform:scale(1.1);
	
}
.tm-header .uk-active.menu-item a:after{
	width:11px;
	height:26px;
	content:"";
	background:url('/wp-content/uploads/2023/10/menu-active.svg');
	padding-right:5px;
	background-repeat:no-repeat;
	
}

/* hoem slide */
.phomes .el-title , .phomes .el-content {
	color:#005044;
}

.hbgl {
	position:absolute;
	bottom:-20px;
	left:-60px;
	width:200px;
	margin:0;
}
.hbgcb {
	position:absolute;
	left:40%;
	bottom:-20px;
	width:50px;
}

/* h2h */
.bg2h {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	left:0;
	margin-top:0 !important;
}
.bg2h svg{
	width:100%;
	object-fit:cover;
}
.bg2h p{
	height:100%;
}

.h2h {
	color:#EFDECA;
}

.scroll-icn svg{
	width:50px;
	animation: float 6s ease-in-out infinite;
}

@keyframes float {
	0% {transform: translatey(0px);}
	50% {transform: translatey(-20px);}
	100% {transform: translatey(0px);}
}
.h3grid{
	margin-top:50px !important;
}
.h3grid svg{
	width:150px;
}
.h3grid .el-content{
	color:#231F20;
}

.panelh3 .el-content {
	color:#231F20;
	margin-top:10px !important;
}
.panelh3 .el-title{
	margin-top:-22px !important;
	color:#005044;
}

body:not(.home) .tm-header .uk-navbar-container, body:not(.home) .tm-headerbar-default{
	background-color:#DFEBF7;
}

.color-black {
	color:#231F20;
}

/*About Page-Switcher start*/
.custom-sw .uk-switcher .el-content {
	color:#231F20;
}
.custom-sw .uk-switcher .el-title{
	color:#005044;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
}
.custom-sw .uk-switcher {
	border:2px dashed #015044;
	padding:20px;
	border-radius:10px;
	max-height:500px;
	overflow:scroll;
	background-color:#fff;
}
.custom-sw .el-nav a {
	background:#005044;
	margin:0px 0 10px 0;
	color:#fff;
	position:relative;
	z-index:2;
	font-weight:bold;
}

.custom-sw .el-nav a:before{
	content:"";
	width:40px;
	height:2px;
	background:url('/wp-content/uploads/2023/10/dash.svg');
	position:absolute;
	right:-40px;
	z-index:1;
	opacity:0;
	transition:all .35s linear;
}

.custom-sw .el-nav .uk-active a:before
{opacity:1;}

@media only screen and (max-width:768px){
	.custom-sw .el-nav a:before {
		display:none !important;
	}
	
}
@media only screen and (min-width:769px){
	.custom-sw {
		padding-left:100px;
		position:relative;
	}
	.custom-sw:before{
		content:"";
		width:269px;
		height:216px;
		display:block;
		background:url('/wp-content/uploads/2023/10/bg-menu-sw-1.svg');
		background-size:contain;
		background-repeat:no-repeat;
		position:absolute;
		left:0;
		top:0;
	}
	.custom-sw .el-nav .uk-active a{border:0 !important;}

}


/*About Page-Switcher end*/

.grid-join-c > div {
	justify-content:center;
}
.grid-join-c2 >div >div:nth-child(6) img{
	margin-bottom:22px !important;
}
.form-join p{
	margin:0 !important;
}
.form-join .uk-input, .form-join .uk-textarea {
	background-color:transparent;
	border:1px solid #005044;
	color:#231F20;
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #005044 !important;
}

::placeholder {
  color: #005044 !important;
}

.wpcf7-spinner {
	display:block;
}
.ul2 li {
	margin-top:20px !important;

}
.tm-header .uk-navbar-container > div{
	margin-left:5%;
	margin-right:5%;
	max-width:unset;
}
.tm-header .menu-item a {
	font-size:17px;
}

.uk-notification-message {
	text-align:center;
}
.tm-header .uk-navbar-dropdown-nav .uk-active.menu-item a {
	flex-direction:row;
}

.tm-header .uk-navbar-dropdown-nav .uk-active.menu-item a:after {display:none;}

.research_grid .el-title{
	font-size:25px;
}
.research_grid .el-item {
	background-color:#dfebf7;
	padding:10px;
	transition:all .35s linear;
}
.show-more-btn {color:#005f42; cursor:pointer;}

.research_grid.articles .el-title
{font-size:16px; font-weight:400 !important;}
.custom_lang_switcher_dropdown.uk-open {
	display:flex;
	justify-content:center;
}
.custom_lang_switcher_dropdown {left:unset !important;}



/* Mobile Ajustments */
@media only screen and (max-width:768px) {
	.tm-header-mobile .uk-logo svg{
		width:60%;
	}
	.tm-header-mobile .uk-navbar-toggle {
		position:relative;
		z-index:99999;
	}

	.uk-offcanvas-bar .menu-item a{
		font-size:20px;
	}
	.uk-offcanvas-bar{
		background:#fff;
	}
	.uk-offcanvas-bar .uk-nav-default > li > a , .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
		color:#005e43d4;
	}
	.uk-offcanvas-bar .uk-nav-default > li.uk-active > a , .uk-offcanvas-bar .uk-nav-default > li > a:hover , 
	.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover {
		color:#005e43;
	}
	.uk-offcanvas-bar .uk-icon-button {
		color:#fff;
		background-color:#005e43;
		opacity:1;
		transition:all 0.35s ease-in-out;
	}
	.uk-offcanvas-bar .uk-icon-button:hover {
		color:#fff;
		background-color:#005e43;
		opacity:0.8;
	}
	.top-padding-mob{
		padding-top:20px;
	}
	.dislpay-none-mob{
		display:none !important;
	}	
}


.bg-green {
	background-color:rgba(208,234,218);
}
/* .aboutgrid #vision_1 #Group_2 * {
	fill:#005044
}
 */

.wpcf7-acceptance .uk-checkbox {
	border-color:#000;
	margin-right:5px;
}
body:not(.home) h1 {
	font-weight:600;
}
.wpcf7-acceptance * {
	color:#000;
}
.wpcf7-acceptance > span {
	margin:0 !important;
}
.menubutton{align-items:center !important;
display:flex;}
.menu-item a {font-size:14px !important;}
.menubutton a{
	background-color:#005F42;
	color:#fff !important;
	text-align:center;
	padding:5px!important;
	min-height:unset !important;	
}
.menubutton a:before {
	display:none !important;
}
.menubutton {display:none;}

/*Website CSS - Original end*/


/*e-Learning platforms start*/

/* LearnDash Course Grid Styling */
.e-learning-button .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
	width: 12%;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
	border-radius:0px !important;
	transition:all 0.35s ease-in-out !important;
}

.e-learning-grid-courses .uk-card-default { 
	opacity: 0.6;;
	transition:all 0.35s ease-in-out !important;
}
.e-learning-grid-courses .uk-card-default:hover { 
	border-color:#dfebf7b7;
	background-color: #dfebf7b7;
	opacity: 1;
}
.e-learning-grid-courses .cardet-course-header h3 {
	color:#000 !important;
	font-weight:600;
}
/* LearnDash Course Grid Styling end */	

/* Restricted badge */
.restricted-badge {
    position: absolute;
	top: 20px;
	left: 20px;
	font-size: 16px;
	font-weight: 500;
	background: #dfebf7;
	color: #005044;
	padding: 10px 15px 8px 35px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
	z-index: 3;
	cursor: default;
	text-align: center;
}

.restricted-badge::before {
   content: "";
   width: 29px;
   height: 29px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/restricted-icon.png');
   position: absolute;
   top: 6px;
   left: 8px;
   background-repeat: no-repeat; 
}

/* End of restricted badge */


/* Inner section for Thriving Schools Project - Buttons Styling -  */

.buttons-wrapper {
  display: inline-block;
  position: relative;
  z-index: 3;
  cursor: pointer;
  transition: all 0.35s ease-in-out; /* slightly shorter to match pause better */
  will-change: transform;            /* hint to browsers for smoother transforms */
}

/* when active: stop animation and apply scale */
.buttons-wrapper .active {
  animation: none !important;       /* stop floating so transform can be the scale */
  transform: scale(1.05);
  opacity: 0.8;
}

.buttons-wrapper a {
  font-size: 14px;	
  font-weight: 700;
  width: 185px;
  background-color: #005044 !important;
  color: #fff !important;
  padding: 25px 25px 25px 50px;
  border-bottom: 10px solid #d0eada !important; 
}
.buttons-wrapper a:before {
   content: "";
   width: 32px;
   height: 32px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/country-icon-button.png');
   position: absolute;
   top: 27px;
   left: 33px;
   background-repeat: no-repeat;	
}


/* keep image style when active if you want it on the image */
.buttons-wrapper .active a {
  box-shadow: 10px 5px 10px #00000042;
  transition: transform 0.35s ease-in-out; /* smoother image changes */
}

/* Fade-in animation for section display */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

.wellbeing-buttons, .teachers-buttons, .framework-buttons {
 	background-color:#307467;
    font-size:28px;
	padding-top:0px;
    padding-bottom:0px;
	transition:all 0.35s ease-in-out;
}
.wellbeing-buttons:hover , .teachers-buttons:hover , .wellbeing-buttons.active , .teachers-buttons.active ,
.framework-buttons:hover {
    background-color:#005044;
}
.wellbeing-buttons .el-image, .teachers-buttons .el-image {
    background-color:#005044;
    padding:0px 20px 0px 20px;
    border:40px solid #005044;
}  
.wellbeing-buttons .el-title, .teachers-buttons .el-title,.framework-buttons .el-title {
    position:relative;
    color:#fff; 
	padding-left:5px;
}
.framework-buttons .el-title {
	padding:15px;
}

.wellbeing-buttons .el-title:after,
.teachers-buttons .el-title:after, 
.framework-buttons .el-title:after {
   content: "";
   width: 47px;
   height: 33px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/arrow-icon.png');
   position: absolute;
   top: 35%;
   left: 275px;
   background-repeat: no-repeat;
   background-size: 30px;
   transition:all 0.35s ease-in-out;
}
.wellbeing-buttons .el-title:after,
.teachers-buttons .el-title:after {
   transform: rotate(90deg) translateY(-50%);
}
.framework-buttons .el-title:after {
   left: 445px;
}
.teachers-buttons .el-title:after {
   left: 110px;
}

@media only screen and (max-width:768px) {
	.framework-buttons .el-title::after {
		left: 185px;
		top: 65px;
	}

}

/* Iner section for Thriving Schools Project - Buttons Styling end */
/* Modules section - Styling */
.wellbeing-title , .teahcers-title {
   position: relative;
   color: #005044;
   font-weight: 700 !important;
   padding-left: 135px;
}
.wellbeing-title:before {
   content: "";
   width: 120px;
   height: 107px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/wc-modules-title.png');
   position: absolute;
   top: -45px;
   left: 0px;
   background-repeat: no-repeat;
}
.teahcers-title:before {
   content: "";
   width: 120px;
   height: 107px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/t-modules-title.png');
   position: absolute;
   top: -34px;
   left: 0px;
   background-repeat: no-repeat;
}

.module-box {
	background-color:#dfebf7;
	padding:30px;
	color:#005044;
	transition:all 0.35s ease-in-out;
}
.modules-title {
	color:#005044;
    font-weight:700;
	font-size:28px;
}
.modules-subtitles {
	position: relative;
	color:#005044;
	font-size: 22px;
    font-weight:500;
	padding-left: 50px;
}
.modules-subtitle1:before {
   content: "";
   width: 44px;
   height: 38px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/modules-subtitle1-icon.png');
   position: absolute;
   left: 0px;
   background-repeat: no-repeat;
   background-size: 40px;
   transform: translateY(-50%);
   top: 50%;
}
.modules-subtitle2:before {
   content: "";
   width: 36px;
   height: 50px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/modules-subtitle2-icon.png');
   position: absolute;
   left: 0px;
   background-repeat: no-repeat;
   background-size: 30px;
   transform: translateY(-50%);
   top: 50%;
}
.modules-subtitle3:before {
   content: "";
   width: 38px;
   height: 43px;
   background-image: url('https://stagging.teacherwellbeing.eu/wp-content/uploads/2025/12/modules-subtitle3-icon.png');
   position: absolute;
   left: 0px;
   background-repeat: no-repeat;
   background-size: 35px;
   transform: translateY(-50%);
   top: 50%;
}
.module-links a {
	font-style: italic;
	font-size:16px;
	opacity: 0.8;
	transition:all 0.35s ease-in-out;
}
.module-links a:hover {
	color:#005044 !important;
	opacity: 1;
}

/* e-Learning platforms end*/