/* @override 
	https://www.yogakreutzberg.ch/wp-content/themes/uncode-child/style.css?* */



/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/






/* @group Fonts
-------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'Univers LT Pro';
    src: url('fonts/UniversPro57Condensed/font.woff2') format('woff2'),
        url('fonts/UniversPro57Condensed/font.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* @end ------------------------------------------------------------------------------ */



.simple-banner .simple-banner-text {
	font-family: "Univers LT Pro", Helvetica, Arial, sans-serif!important;
	font-weight: 400;
	font-size: 1.3rem!important;
	letter-spacing: 0.035em!important;
	color: #1e1e1e!important;
	text-transform: lowercase!important;
}


/* @group Reset
-------------------------------------------------------------------------------------- */

/* Basic Font Size / Rendering
------------------------------------------------------------- */

body {
	-webkit-font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	text-rendering: optimizeLegibility!important;
}

html {
	font-size: 16px!important;
}
	@media all and (min-width: 1200px) and (max-width: 1599px) {
		html {
			font-size: 14px!important;
		}
	}
	@media all and (min-width: 960px) and (max-width: 1199px) {
		html {
			font-size: 12px!important;
		}
	}
	@media all and (min-width: 571px) and (max-width: 959px) {
		html {
			font-size: 12px!important;
		}
	}
	@media all and (min-width: 351px) and (max-width: 570px) {
		html {
			font-size: 10px!important;
		}
	}
	@media all and (min-width: 0px) and (max-width: 350px) {
		html {
			font-size: 9px!important;
		}
	}

/* @end ------------------------------------------------------------------------------ */






/* @group Typography 
-------------------------------------------------------------------------------------- */

/* Font Reset
------------------------------------------------------------- */

.box-wrapper p,
.box-wrapper li,
.box-wrapper h1,
.box-wrapper h2,
.box-wrapper h3 {
	font-family: "Univers LT Pro", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0;
	word-spacing: 0;
	color: #1e1e1e;
}


/* Font Formats
------------------------------------------------------------- */

.box-wrapper p,
.box-wrapper li {
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
}

.box-wrapper h1 {
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
}

.box-wrapper h2  {
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
}

.box-wrapper h3{
	font-size: 2.2rem;
	line-height: 1.2;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
}


/* Margins
------------------------------------------------------------- */

p, li {
	margin: 2rem 0 0;
}

h1, h2, h3{
	margin: 2.6rem 0 0;
}


/* Text Selection Color
------------------------------------------------------------- */

::selection {
	background: rgba(237, 237, 237, 0.99)!important;
	color: inherit!important;
}

::-moz-selection {
	background: rgba(237, 237, 237, 0.99)!important;
	color: inherit!important;
}


/* Links
------------------------------------------------------------- */

.box-wrapper .uncode_text_column a,
.box-wrapper .uncode_text_column a:hover,
.box-wrapper .uncode_text_column a:active {
	font: inherit;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
	background: -moz-linear-gradient(left, #1e1e1e 0%, #1e1e1e 100%);
	background: -webkit-linear-gradient(left, #1e1e1e 0%, #1e1e1e 100%);
	background: linear-gradient(to right, #1e1e1e 0%, #1e1e1e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e',GradientType=1 );
	background-repeat: no-repeat;
	background-size: 100% 0.05em;
	background-position: 0 100%;
	
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.box-wrapper .uncode_text_column a:hover {
	opacity: 0.4;
}



/* @end ------------------------------------------------------------------------------ */






/* @group Header
-------------------------------------------------------------------------------------- */

/* Logo
------------------------------------------------------------- */

#main-logo .text-logo {
	font-family: "Univers LT Pro", Helvetica, Arial, sans-serif!important;
	font-weight: 400;
	font-size: 1.3rem!important;
	letter-spacing: 0.035em!important;
	color: #1e1e1e!important;
	text-transform: lowercase!important;
}
@media (max-width: 959px) {
	#main-logo .text-logo {
		font-size: 1.6rem!important;
	}
}

	
/* Menu
------------------------------------------------------------- */

@media (min-width: 960px) {
	.menu-wrapper .menu-primary ul li a,
	.menu-wrapper .menu-primary ul li a:hover,
	.menu-wrapper .menu-primary ul li a:active {
		font-family: "Univers LT Pro", Helvetica, Arial, sans-serif!important;
		font-weight: 400!important;
		font-size: 1.3rem!important;
		text-transform: none!important;
		letter-spacing: 0.035em!important;
		color: #1e1e1e;
		
		-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out;
		-o-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}
	.menu-wrapper .menu-primary ul li a:hover {
		opacity: 0.4;
	}
}


/* Menu Mobile
------------------------------------------------------------- */

@media (max-width: 959px) {
	body.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart li.menu-item-link > a {
		font-family: "Univers LT Pro", Helvetica, Arial, sans-serif!important;
		font-weight: 400!important;
		font-size: 1.6rem!important;
		text-transform: none!important;
		letter-spacing: 0.1em!important;
		color: #1e1e1e!important;
		line-height: 1.2!important;
		padding: 1.5rem 0px;
	}
	
	.submenu-light .main-menu-container,
	.submenu-light .menu-smart {
		background-color: #ededed;
	}
}

@media (max-width: 570px) {
	.menu-container .logo-container {
	    position: relative;
	    padding: 27px 27px 27px 27px !important;
	}
	
	.mobile-menu-button {
	    padding: 27px 27px 27px 27px;
	}
}

/* @end ------------------------------------------------------------------------------ */






/* @group Layout
-------------------------------------------------------------------------------------- */

/* Site and Menu Width
------------------------------------------------------------- */

.limit-width {
	max-width: 922px;
	margin: auto;
}

.row-menu.limit-width {
	max-width: 1210px;
	margin: auto;
}

	@media all and (min-width: 1200px) and (max-width: 1599px) {
		.limit-width {
			max-width: 822px;
		}
		.row-menu.limit-width {
			max-width: 1085px;
		}
	}
	@media all and (min-width: 960px) and (max-width: 1199px) {
		.limit-width {
			max-width: 722px;
		}
		.row-menu.limit-width {
			max-width: 960px;
		}
	}
	@media all and (min-width: 571px) and (max-width: 959px) {
		.limit-width {
			max-width: 722px;
		}
		.row-menu.limit-width {
			max-width: 960px;
		}
	}
	@media all and (min-width: 0px) and (max-width: 570px) {
		.limit-width {
			max-width: 722px;
		}
		.row-menu.limit-width {
			max-width: 960px;
		}
	}


/* H Padding
------------------------------------------------------------- */

.main-container .row-container .single-h-padding {
	padding-left: 36px;
	padding-right: 36px;
}

.main-container .row-container .double-h-padding {
	padding-left: 108px;
	padding-right: 108px;
}
	@media all and (min-width: 571px) and (max-width: 959px) {
		.main-container .row-container .single-h-padding {
			padding-left: 36px;
			padding-right: 36px;
		}
		
		.main-container .row-container .double-h-padding {
			padding-left: 81px;
			padding-right: 81px;
		}
	}
	@media all and (min-width: 0px) and (max-width: 570px) {
		.main-container .row-container .single-h-padding {
			padding-left: 27px;
			padding-right: 27px;
		}
		
		.main-container .row-container .double-h-padding {
			padding-left: 54px;
			padding-right: 54px;
		}
	}


/* Top/Bottom Padding
------------------------------------------------------------- */

.main-container .row-container .single-top-padding {
	padding-top: 54px;
	padding-top: 3.375rem;
}

.main-container .row-container .single-bottom-padding {
	padding-bottom: 54px;
	padding-bottom: 3.375rem;
}

.main-container .row-container .double-top-padding {
	padding-top: 108px;
	padding-top: 6.75rem;
}

.main-container .row-container .double-bottom-padding {
	padding-bottom: 108px;
	padding-bottom: 6.75rem;
}

/* @end ------------------------------------------------------------------------------ */






/* @group Misq
-------------------------------------------------------------------------------------- */

/* Remove Body Background
------------------------------------------------------------- */
.page-body {
	background: transparent;
}

@media all and (min-width: 0px) and (max-width: 959px) {
	body:after{
	      content:"";
	      position:fixed; /* stretch a fixed position to the whole screen */
	      top:0;
	      height:100vh; /* fix for mobile browser address bar appearing disappearing */
	      left:0;
	      right:0;
	      z-index:-1; /* needed to keep in the background */
	      background: url(https://www.yogakreutzberg.ch/wp-content/uploads/yoga-small.png) center center;
	      -webkit-background-size: cover;
	      -moz-background-size: cover;
	      -o-background-size: cover;
	      background-size: cover;
	}
}



/* @end ------------------------------------------------------------------------------ */




/* @group Cookie Banner
------------------------------------------------------------- */

body .cc-window.cc-floating * {
	font-family: "Univers LT Pro", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
	font-weight: normal;
	color: #1e1e1e;
	
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.05em;
	word-spacing: -0.05em;
}

body .cc-window.cc-floating {
	padding: 25px;
	max-width: 320px;
	background-color: #f5f5f5;
	
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

body .cc-bottom {
	bottom: 35px;
}

body .cc-right {
	right: 35px;
}

body .cc-floating .cc-message {
	margin-bottom: 20px;
}

body .cc-btn,
body .cc-btn:hover,
body .cc-btn:active {
	background: none!important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	padding: 5px;
}

@media (max-width: 600px) {
	
	body .cc-window.cc-floating {
		max-width: none;
	}
	
	body .cc-window.cc-bottom {
		bottom: 0px;
	}
	
	body .cc-window.cc-right {
		right: 0px;
	}	
	
}

/* @end */