/*
 Theme Name:     Kalakeli Child theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Joe Walkling
 Author URI:     https://www.joewalkling.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* ------------------------------------------------------------------------- */
/* -------------------- Theme customization starts here -------------------- */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* COLOURS */
/* ------------------------------------------------------------------------- */
:root {
	--black: #000000;
	--dark-grey: #1b1718;
	--white: #ffffff;
	--red: #f43e29;
	--yellow: #fea032;
	--green: #727639; 
	--pink: #fb6353;
	--cream: #f8f6f3;
	--beige: #ede8df;
	--purple: #7777b7;
	--border-gray: rgba(27,23,24,0.25);
}

::selection{
	color: var(--purple);
	background: var(--yellow);
}


/* ------------------------------------------------------------------------- */
/* Fonts */
/* ------------------------------------------------------------------------- */

@font-face {
  font-family: 'Telegraf-Reg';
  src: url('PPTelegraf-Regular.eot'); /* IE9 Compat Modes */
  src: url('PPTelegraf-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('PPTelegraf-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('PPTelegraf-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body, h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Telegraf-Reg';
}

/* ------------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------------- */

/* ----- Remove Shadow on Main Header ----- */
#main-header, #main-header.et-fixed-header {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

/* main header width */
.et_menu_container{
	padding-left: .5vw!important;
	padding-right: .5vw!important;
	width: 100%;
	max-width: 100%;
}

/* center logo */
.logo_container{
	text-align: center;
	width: 99%!important;
	/*border-bottom: 1px solid #fff!important;*/
}
@media only screen and (max-width:980px){
	#main-header{
		position: fixed!important;
		z-index: 999999!important;
	}
	#main-header.et-fixed-header{
		background-color: #fff!important;
	}
}


/* --- change logo on fixed header */
/* logo */ .et-fixed-header #logo {
    content: url('http://kala-keli.com/wp-content/uploads/resources/kalakeli-logo-primary.svg')!important;
}

@media only screen and (max-width: 600px){
	.logo_container{
		text-align: left;
	}
}

/* change header and hamburger colours on projects (people)
.single-project #logo{
	 content: url('http://kala-keli.com/wp-content/uploads/resources/kalakeli-logo-primary.svg')!important;
}
.single-project .et_divi_100_custom_hamburger_menu__icon {
	background: var(--dark-grey)!important;
}
.single-project .et_divi_100_custom_hamburger_menu__icon div{
	background: #fff!important;
}
.single-project #et-top-navigation::before{
	color: var(--dark-grey)!important;
}*/

/* ------------------------------------------------------------------------- */
/* Navigation */
/* ------------------------------------------------------------------------- */

/* ----- hamburger*/
.et_divi_100_custom_hamburger_menu__icon{
	background: #fff;
	padding: 11px 0px!important;
	height: auto!important;
	width: 44px!important;
}

.et_divi_100_custom_hamburger_menu__icon div{
	height: 2px!important;
	border-radius: 0px!important;
}
.et_divi_100_custom_hamburger_menu__icon div:first-child, .et_divi_100_custom_hamburger_menu__icon div:last-child {
	opacity: 0;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
	opacity: 1;
}
.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:last-child {
	opacity: 1;
}
/* add word 'menu' to hamburger */
#et-top-navigation::before{
	content:'menu';
	font-family: 'Telegraf-Reg', sans-serif!important;
	font-size: 12px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: white;
	position: absolute;
	right: 54px;
	top: 28px;
}
.et-fixed-header #et-top-navigation::before{
	color: var(--dark-grey);
}

/* change hamburger on fixed header */
.et-fixed-header .et_divi_100_custom_hamburger_menu__icon{
	background: var(--dark-grey)!important;
}
.et-fixed-header .et_divi_100_custom_hamburger_menu__icon div{
	background: #fff!important;
}

@media only screen and (max-width:980px){
	/* hamburger */ #et-top-navigation{
		padding: 11px 0px!important;
	}
	/* hamburger */ .et_divi_100_custom_hamburger_menu .mobile_menu_bar{
		margin-bottom: 0px!important;
	}
	/* logo in header */ #logo{
		height: 80%!important;
		max-height: 80%!important;
	}
}
@media only screen and (max-width: 600px){
	#et-top-navigation::before {
		display: none;
	}
}



/* ----- Slide in menu */
.et_slide_in_menu_container{
	width: 50%!important;
	background: #fff url('http://g39.85b.myftpupload.com/wp-content/uploads/resources/k-circle.svg') no-repeat 98% 94%!important;
    background-size: 15vh!important;
}
/* menu items */
.et_mobile_menu li a{
	text-decoration: none!important;
}
.et_mobile_menu li a:hover{
	text-decoration: underline!important;
	opacity: 1!important;
}

/* menu animation */
.menu-items{
	position: relative;
}
.mi-home {animation: move-1 1000ms 1 ease-in-out 0ms;}
.mi-about {animation: move-1 1150ms 1 ease-in-out 0ms;}
.mi-retreats {animation: move-1 1300ms 1 ease-in-out 0ms;}
.mi-venue {animation: move-1 1450ms 1 ease-in-out 0ms;}
.mi-teachers {animation: move-1 1600ms 1 ease-in-out 0ms;}
.mi-scholarships {animation: move-1 1750ms 1 ease-in-out 0ms;}
.mi-contact {animation: move-1 1900ms 1 ease-in-out 0ms;}

@keyframes move-1 {
	0%   {left:10rem; top:0px;}
  100%  {left:0px; top:0px;}
}

/* register item */
@media only screen and (min-height:450px){
	.mi-register{
		position: fixed!important;
    	bottom: 4vh;
    	border: 1px solid var(--beige);
    	padding: 0.75rem 1.5rem;
	}
}
@media only screen and (max-width: 980px){
	.et_mobile_menu{
		padding-top: 106px!important;
	}
}
@media only screen and (max-width: 768px){
	.et_slide_in_menu_container{
		width: 66%!important;
		max-width: 66%!important;
		background-image: none!important;
	}
}
	
@media only screen and (max-width: 600px){
	.et_slide_in_menu_container{
		width: 100%!important;
		max-width: 100%!important;
		background-image: none!important;
	}
	.et_mobile_menu{
		text-align: center!important;
	}
	.mi-register{
		left: 10px;
		right: 10px;
	}
}
	
/* ------------------------------------------------------------------------- */
/* BODY */
/* ------------------------------------------------------------------------- */

/* ---------- HOMEPAGE */

/* homepage image grid */
.kk-home-image{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 25vh);
	grid-gap: 3px;
}
.kk-home-image .kk-h-image{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kk-home-image .kk-h-image-1{
	grid-column: 1 / span 1;
	grid-row: 1 / span 2;
}
.kk-home-image .kk-h-image-2{
	grid-column: 2 / span 1;
	grid-row: 1 / span 3;
}
.kk-home-image .kk-h-image-3{
	grid-column: 1 / span 1;
	grid-row: 3 / span 2;
}
.kk-home-image .kk-h-image-4{
	grid-column: 2 / span 1;
	grid-row: 4 / span 1;
}

@media only screen and (max-width:980px){
	.kk-home-image{
		grid-template-rows: repeat(4, 15vh);
	}
	.kk-home-image .kk-h-image-1{
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}
	.kk-home-image .kk-h-image-2{
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}
	.kk-home-image .kk-h-image-3{
		grid-column: 2 / span 1;
		grid-row: 3 / span 1;
	}
	.kk-home-image .kk-h-image-4{
		grid-column: 1 / span 2;
		grid-row: 4 / span 2;
	}
}

@media only screen and (max-width:600px){
	.kk-home-image{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(5, 20vh);
	}
}

/* --- homepage retreats */

/* retreats grid */
.kk-retreats .et_pb_ajax_pagination_container{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3px;
}
.kk-retreats .et_pb_post{
	margin-bottom: 0px!important;
}

/* feat images */
.kk-retreats .entry-featured-image-url {
	padding-top: 50%;
	display: block;
	overflow: hidden;
}
.kk-retreats .entry-featured-image-url img {
	position: absolute; height: 100%; width: 100%;
	top: 0; left: 0; right: 0; bottom: 0;
	object-fit: cover;
	transition: transform 500ms ease-in-out 0ms, -webkit-filter 500ms ease-in-out 0ms;
}
.kk-retreats .entry-featured-image-url img:hover{
	transform: scale(105%);
	-webkit-filter: brightness(60%);
}

/* ---------- ABOUT */

/* --- teachers grid*/
.kk-teachers .et_pb_ajax_pagination_container{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3px;
}
/* post items */
.kk-teachers .et_pb_portfolio_item{
	border: 1px solid var(--border-gray);
	padding: 15px;
	margin-bottom: 0px!important;
}

/* feat images */
.kk-teachers .et_portfolio_image {
	padding-top: 100%;
	display: block;
	overflow: hidden;
}
.kk-teachers .et_portfolio_image img {
	position: absolute; height: 100%; width: 100%;
	top: 0; left: 0; right: 0; bottom: 0;
	object-fit: contain;
	transition: -webkit-filter 500ms ease-in-out 0ms;
}
.kk-teachers .et_portfolio_image img:hover {
	-webkit-filter: brightness(60%);
}
@media only screen and (max-width:980px){
	.kk-teachers .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width:600px){
	.kk-teachers .et_pb_ajax_pagination_container{
		grid-template-columns: repeat(2, 1fr);
	}
}


/* philosophy image grid */
.kk-philosophy-image{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(3, 30vh);
	grid-gap: 3px;
}
.kk-philosophy-image .kk-v-image{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.kk-philosophy-image .kk-v-image-1{
	grid-column: 1 / span 2;
	grid-row: 1 / span 1;
}
.kk-philosophy-image .kk-v-image-2{
	grid-column: 3 / span 2;
	grid-row: 1 / span 1;
}
.kk-philosophy-image .kk-v-image-3{
	grid-column: 5 / span 2;
	grid-row: 1 / span 2;
}
.kk-philosophy-image .kk-v-image-4{
	grid-column: 1 / span 1;
	grid-row: 2 / span 1;
}
.kk-philosophy-image .kk-v-image-5{
	grid-column: 2 / span 1;
	grid-row: 2 / span 1;
}
.kk-philosophy-image .kk-v-image-6{
	grid-column: 3 / span 2;
	grid-row: 2 / span 2;
}
.kk-philosophy-image .kk-v-image-7{
	grid-column: 1 / span 2;
	grid-row: 3 / span 1;
}
.kk-philosophy-image .kk-v-image-8{
	grid-column: 5 / span 2;
	grid-row: 3 / span 1;
}

@media only screen and (max-width: 980px){
	.kk-philosophy-image{
		grid-template-rows: repeat(3, 15vh);
	}
}
@media only screen and (max-width: 600px){
	.kk-philosophy-image{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(7, 20vh);
	}
	
	.kk-philosophy-image .kk-v-image-1{
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-philosophy-image .kk-v-image-2{
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-philosophy-image .kk-v-image-3{
		grid-column: 1 / span 2;
		grid-row: 2 / span 2;
	}
	.kk-philosophy-image .kk-v-image-4{
		grid-column: 1 / span 1;
		grid-row: 4 / span 1;
	}
	.kk-philosophy-image .kk-v-image-5{
		grid-column: 2 / span 1;
		grid-row: 4 / span 1;
	}
	.kk-philosophy-image .kk-v-image-6{
		grid-column: 1 / span 2;
		grid-row: 5 / span 2;
	}
	.kk-philosophy-image .kk-v-image-7{
		grid-column: 1 / span 1;
		grid-row: 7 / span 1;
	}
	.kk-philosophy-image .kk-v-image-8{
		grid-column: 2 / span 1;
		grid-row: 7 / span 1;
	}
}

/* ---------- VENUE AND ACCOMMODATION */

/* Venue image grid */
.kk-venue-image{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(4, 30vh);
	grid-gap: 3px;
}
.kk-venue-image .kk-v-image{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.kk-venue-image .kk-v-image-1{
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}
.kk-venue-image .kk-v-image-2{
	grid-column: 3 / span 4;
	grid-row: 1 / span 2;
}
.kk-venue-image .kk-v-image-3{
	grid-column: 1 / span 3;
	grid-row: 3 / span 1;
}
.kk-venue-image .kk-v-image-4{
	grid-column: 4 / span 1;
	grid-row: 3 / span 1;
}
.kk-venue-image .kk-v-image-5{
	grid-column: 5 / span 2;
	grid-row: 3 / span 2;
}
.kk-venue-image .kk-v-image-6{
	grid-column: 1 / span 2;
	grid-row: 4 / span 1;
}
.kk-venue-image .kk-v-image-7{
	grid-column: 3 / span 2;
	grid-row: 4 / span 1;
}
@media only screen and (max-width: 980px){
	.kk-venue-image{
		grid-template-rows: repeat(4, 15vh);
	}
}
@media only screen and (max-width: 600px){
	.kk-venue-image{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(8, 20vh);
	}
	.kk-venue-image .kk-v-image-1{
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}
	.kk-venue-image .kk-v-image-2{
		grid-column: 1 / span 2;
		grid-row: 3 / span 2;
	}
	.kk-venue-image .kk-v-image-3{
		grid-column: 1 / span 1;
		grid-row: 5 / span 1;
	}
	.kk-venue-image .kk-v-image-4{
		grid-column: 2 / span 1;
		grid-row: 5 / span 1;
	}
	.kk-venue-image .kk-v-image-5{
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
	}
	.kk-venue-image .kk-v-image-6{
		grid-column: 2 / span 1;
		grid-row: 6 / span 1;
	}
	.kk-venue-image .kk-v-image-7{
		grid-column: 1 / span 2;
		grid-row: 7 / span 2;
	}
}


/* Accommodation image grid */
.kk-accomm-image{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(4, 25vh);
	grid-gap: 3px;
}
.kk-accomm-image .kk-a-image{
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.kk-accomm-image .kk-a-image-1{
	grid-column: 1 / span 3;
	grid-row: 1 / span 2;
}
.kk-accomm-image .kk-a-image-2{
	grid-column: 4 / span 2;
	grid-row: 1 / span 2;
}
.kk-accomm-image .kk-a-image-3{
	grid-column: 1 / span 1;
	grid-row: 3 / span 2;
}
.kk-accomm-image .kk-a-image-4{
	grid-column: 2 / span 1;
	grid-row: 3 / span 2;
}
.kk-accomm-image .kk-a-image-5{
	grid-column: 3 / span 2;
	grid-row: 3 / span 2;
}
.kk-accomm-image .kk-a-image-6{
	grid-column: 5 / span 1;
	grid-row: 3 / span 2;
}

@media only screen and (max-width: 980px){
	.kk-accomm-image{
		grid-template-rows: repeat(4, 15vh);
	}
}
@media only screen and (max-width: 600px){
	.kk-accomm-image{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 25vh);
	}
	.kk-accomm-image .kk-a-image-1{
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
	}
	.kk-accomm-image .kk-a-image-2{
		grid-column: 1 / span 2;
		grid-row: 4 / span 2;
	}
	.kk-accomm-image .kk-a-image-3{
		grid-column: 1 / span 1;
		grid-row: 3 / span 1;
	}
	.kk-accomm-image .kk-a-image-4{
		grid-column: 2 / span 1;
		grid-row: 3 / span 1;
	}
	.kk-accomm-image .kk-a-image-5{
		grid-column: 1 / span 1;
		grid-row: 6 / span 1;
	}
	.kk-accomm-image .kk-a-image-6{
		grid-column: 2 / span 1;
		grid-row: 6 / span 1;
	}
}

/* price grid */
.price-grid{
	display:grid;
	grid-template-columns: 2fr 2fr 3fr;
	grid-gap: 3px;
}
@media only screen and (max-width:980px){
	.price-grid{
		grid-template-columns: 3fr 1fr 2fr;
	}
}
@media only screen and (max-width: 600px){
	.price-grid{
		grid-template-columns: 1fr;
	}
}


/* --- Registration Form */
.caldera-grid .btn{
	border: 1px solid var(--beige)!important;
	padding: .5rem .75rem!important;
	text-transform: uppercase!important;
	font-size: 16px!important;
}


/* ------------- CONTACT */

/* --- Team grid*/
.kk-team {
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 3px;
}
/* items */
.kk-team-title{
	grid-column: 1 / 6;
}
.kk-navala{}
.kk-mickaelis{}
.kk-admin{}
.kk-venue{}
.kk-social{}

/* blurb items */
.kk-team-item .et_pb_blurb_content{
	border: 1px solid var(--border-gray);
	padding: 15px 15px 35px 15px;
	margin-bottom: 0px!important;
	height:100%;
}
.kk-team-item .et_pb_blurb_description{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
.kk-team-item .et_pb_main_blurb_image img{
	transition: -webkit-filter 500ms ease-in-out 0ms;
}
.kk-team-item .et_pb_main_blurb_image img:hover{
	-webkit-filter: brightness(60%);
}

@media only screen and (max-width: 768px){
	.kk-team{
		grid-template-columns: repeat(3, 1fr);
	}
	.kk-team-title{
		grid-column: 1 / 4;
	}
}
@media only screen and (max-width: 600px){
	.kk-team {
		grid-template-columns: repeat(2, 1fr);
	}
	.kk-team-title{
		grid-column: 1 / 3;
	}
}


/* flex vertical align */
.jw-flex-center{display:flex;flex-direction: column;justify-content:center;}
.jw-flex-end{display:flex;flex-direction: column;justify-content:flex-end;}
.jw-flex-start{display:flex;flex-direction: column;justify-content:flex-start;}


/* ---------- General body ---------- */

/* --- remove column margin on tablet and mobile */
@media only screen and (max-width: 980px){
	.et_pb_column {
		margin-bottom: 0px!important; 
	}
}

/* ------------------------------------------------------------------------- */
/* POST PAGE AND PROJECT TEMPLATES */
/* ------------------------------------------------------------------------- */



/* ---------- BIOGRAPHY PROJECT TEMPLATE */

/* Post content*/
.wp-block-separator{
	border-top: 1px solid var(--border-gray)!important;
	border-bottom: 0px !important;	
	margin: 20px 0px;
}

/* images fullwidth */
.wp-block-image img{
	width:100%;
	padding: 20px 0px 0px 0px!important;
}
/*caption*/ 
.wp-block-image figcaption{
	margin: 0px!important;
    font-size: 11px!important;
    color: var(--border-gray)!important;
}

@media only screen and (max-width: 768px){
	.wp-block-separator{
		margin: 15px 0px!important;
	}
	.wp-block-image img{
		padding-top: 10px 0px 10px 0px!important;
	}
}

/* ---------- RETREATS POST TEMPLATE */

/* button */ .post-register {text-decoration: none!important;} .post-register:hover {text-decoration: underline!important;}

/* ------------------------------------------------------------------------- */
/* FOOTER */
/* ------------------------------------------------------------------------- */
/* footer links */
.kk-footer a{
	text-decoration: none!important;
}
.kk-footer a:hover{
	text-decoration: underline!important;
	opacity: 1!important;
}

/* footer grid navigation */
.kk-footer-grid{
	display: grid;
	grid-template: auto / repeat(4 , 1fr);
	grid-gap: 0px 2vw;
}
/* footer items */ 
.kk-footer-contact{
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-social{
		grid-column: 1 / span 1;
		grid-row: 2 / span 1;
		text-align: left!important;
	}
	.kk-footer-about{
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-retreats{
		grid-column: 3 / span 1;
		grid-row: 1 / span 1;
	}
	.ftr-sign-up{
		grid-column: 4 / span 1;
		grid-row: 1 / span 1;
}

/* footer reveal */
@media only screen and (min-width: 980px) and (min-height: 768px) {
	#main-content {
		margin-bottom: 100vh;
		z-index: 2;
	}

	#main-footer, .et-l--footer {
   		z-index: 0;
   		position: fixed;
    	bottom: 0;
    	right: 0;
    	left: 0;
	}
}


@media only screen and (max-width: 980px){
	.kk-footer-grid{
		display: grid;
		grid-template: auto / repeat(3 , 1fr);
		grid-gap: 0px 2vw;
	}
	.kk-footer-contact{
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-social{
		grid-column: 3 / span 1;
		grid-row: 2 / span 1;
		text-align: left!important;
	}
	.kk-footer-about{
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-retreats{
		grid-column: 3 / span 1;
		grid-row: 1 / span 1;
	}
	.ftr-sign-up{
		grid-column: 1 / span 2;
		grid-row: 2 / span 1;
	}
}
@media only screen and (max-width: 600px){
	.kk-footer-grid{
		display: grid;
		grid-template: auto / repeat(2 , 1fr);
		grid-gap: 0px 2vw;
	}
	.kk-footer-contact{
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-about{
		grid-column: 2 / span 1;
		grid-row: 1 / span 1;
	}
	.kk-footer-retreats{
		grid-column: 1 / span 2;
		grid-row: 2 / span 1;
	}
	.ftr-sign-up{
		grid-column: 1 / span 2;
		grid-row: 3 / span 1;
	}
	.kk-footer-social{
		grid-column: 1 / span 2;
		grid-row: 4 / span 1;
		text-align: left!important;
	}
}


/* ------------------------------------------------------------------------- */
/* LINKS */
/* ------------------------------------------------------------------------- */
a:link {
	text-decoration: underline;
	cursor: pointer;
}
a:visited {}
a:hover {}
a:active {}

/* ------------------------------------------------------------------------- */
/* Login */
/* ------------------------------------------------------------------------- */
.tml{
	font-size:20px!important;
}
.tml-field{
	padding: .7em 1em!important;
	border: 1px solid var(--dark-grey)!important;
	background:rgba(0,0,0,0.0)!important;
}
.tml-button{
	font-size:20px!important;
	padding: .3em 1em!important;
	background:var(--dark-grey)!important;
	border: 1px solid var(--dark-grey)!important;
	color:#fff!important;
}
.tml-button:hover{
	background:#fff!important;
	border: 1px solid var(--dark-grey)!important;
	color:var(--dark-grey)!important;
}
/* input */
.tml input.text, .tml input.title, .tml input[type=email], .tml input[type=password], .tml input[type=tel], .tml input[type=text], .tml select, .tml textarea{
		color: var(--dark-grey)!important;
		font-size:20px;
}

/* errors */.tml .tml-error {
	color: var(--red); 
	border: 1px solid var(--red)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px;
}

/* Success */.tml .tml-success {
	color: var(--green);
	border: 1px solid var(--green)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;
}

/* message */.tml-message {
	color: var(--purple); 
	border: 1px solid var(--purple)!important;
	text-transform: capitalize; 
	font-size: 18px;
	letter-spacing:0px;
	line-height:1.3em!important;
	box-shadow:none!important;
	padding:25px!important;}

/* passwords */
#pass-strength-result.short {
    background-color: var(--pink);
    border-color: var(--pink);
    opacity: 1;
}
#pass-strength-result.bad {
    background-color: var(--red);
    border-color: var(--red);
    opacity: 1;
}
#pass-strength-result.good {
    background-color: var(--yellow);
    border-color: var(--yellow);
    opacity: 1;
}
#pass-strength-result.strong {
    background-color: var(--green);
    border-color: var(--green);
    opacity: 1;
}

/* ------------------------------------------------------------------------- */
/* caldera forms */
/* ------------------------------------------------------------------------- */

.caldera-grid .alert-success{
	background-color: var(--green)!important;
	border: 1px solid var(--green)!important;
	color: #fff!important;
	padding: 15px 25px;
}
/* ------------------------------------------------------------------------- */
/* COOKIES */
/* ------------------------------------------------------------------------- */
#cookie-law-info-bar {
    box-shadow: none!important;
	border-top: 1px solid rgba(0,0,0,0.5)!important;
	font-size:11px!important;
	padding: 5px 5px 7px 5px!important;
}
.cli-plugin-button:hover{
	background-color:#f5f5f5!important;
}
.cli-plugin-button{
	border: 1px solid rgba(0,0,0,0.5)!important;
	font-size:11px!important;
	margin:2px!important;
	padding:7px 7px 5px 7px!important;
}