/** ----------------------------------------------------------------------------
 *  Theme Name:		Kulturkavics
 *  Theme URI: 
 *  Description:	Kulturkavics Bootsrap sablon a kulturkavics.hu oldalhoz
 *  Author:		Designer Studio
 *  Author URI: 	http://designer.hu/
 *  Version: 		1.2024
----------------------------------------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}


/** ----------------------------------------------------------------------------
 *
 *  Betűtípusok definiálása
 *
 *  Mindent betűtípust helyben tárolok a biztos elérhetőség miatt
 *
 *
 *  https://google-webfonts-helper.herokuapp.com/fonts
 *  
 *  ------------------------------------------------------------------------- */


@import	url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,700;1,400;1,700&family=Sumana:wght@700&display=swap');

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: normal;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: italic;
}

.sumana-bold {
  font-family: "Sumana", serif;
  font-weight: bold;
  font-style: normal;
}



/** ----------------------------------------------------------------------------
 *
 *  Alap beállítások
 *  
 *  ------------------------------------------------------------------------- */


html {
	font-size: 16px;
}

body {
	background: #EBE5D2;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #000000;
	height: 100%;
	line-height: 120%;
	background-size: cover;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	color: #1084BF;
	font-size: 1.83em;
	font-weight: bold;
	padding: 32px 0;
}

h2, h3, h4, h5 {
	color: #1084BF;
	padding: 0 0 1rem 0;
	text-transform: uppercase;
	font-weight: normal;
}

h2 {
	font-size: 1.83em;
}

h3 {
	font-size: 1.33em;
}

h4 {
	font-size: 1.18em;
}

/** Bejegyzés alcím */
h5 {
	color: #1084BF;
	margin: none;
	font-size:  1.18em;
}

a {
	color: #1084BF;
	text-decoration: none;
	font-weight: normal;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a:hover, a:focus {
	color: #DB2225;
}

/** ----------------------------------------------------------------------------
 *
 *
 *
 *  
 *  ------------------------------------------------------------------------- */

.post-author {
	color: #99A0BA;
	font-size: 0.75em;
	border-bottom: 1px solid #99A0BA;
}

.wp-caption {
	color: #99A0BA;
	font-size: 0.75em;
	text-align: right;
	margin:  0 0 2rem 0;
	border-bottom:  1px solid #CCCFDC;
}

.wp-caption p {
	margin:  0;
	padding: 0.5rem 0;
}

.navbar-toggler-icon {
/*
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width:  32px;
	height: 32px;
	background: url(images/nav-toggler.png);
*/	
}

.navbar-toggler span {
  display: block;
  background-color: #ffffff;
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 0.75;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}

.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
  opacity: 0.75;
}

.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}


/** ----------------------------------------------------------------------------
 *  ------------------------------------------------------------------------- */

.maintenance {
	background: URL(images/maintenance.png) no-repeat;
	background-position: center center;
}

/** ----------------------------------------------------------------------------
 *
 *  Reszponzív töréspontok definiálása, a hozzájuk tartozó egyedi beállítások
 *
 *  Alapvetően 1920x1080-as asztali képernyőre készült a sablon, az ettől 
 *  eltérő megjelenítésekhez kell igazítani az egyes méreteket.
 *  
 *  ------------------------------------------------------------------------- */

@media (min-width: 576px) {
	.container-sm, .container {
		max-width: 540px;
	}
	body {
		font-size: 125%;
	}
}

@media (max-width: 767px) {
	.wrapper-parallax .parallax-one {
		height: -webkit-calc(50vh — 62px)!important;	
	    	height: calc(50vh - 62px)!important;
    	}
	.wrapper-parallax .parallax-one-layer1 {
		background-size: 150% auto;
    	}

	.wrapper-parallax .parallax-one-layer2 {
		background-position: bottom 1.0rem left 1.0rem;
		background-image: url(images/logo-2.png);
		
    	}

	.nav-link {
		--bs-nav-link-padding-y: 0.75rem;
 		font-size: 1.0em;
	}

}

@media (min-width: 768px) {
	.container-md, .container-sm, .container {
		max-width: 720px;
	}
	body {
		font-size: 137.5%;
	}
}

@media (max-width: 991px) {
	.wrapper-parallax .parallax-one {
		background-attachment: scroll;
    		background-position: 60% top;
    	}
	.wrapper-parallax .parallax-one-layer1 {
		background-image: url(images/szlogen-2.png);
    	}
}

@media (min-width: 992px) {
	.container-lg, .container-md, .container-sm, .container {
		max-width: 960px;
	}
	body {
		font-size: 150%;
	}
}

@media (min-width: 1200px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
	}
	body {
		font-size: 150%;
	}
}

@media (min-width: 1400px) {
	.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1140px;
	}
	body {
		font-size: 150%;
	}
}

@media (max-width: 575px) {
	.container-sm, .container {
		max-width: 540px;
	}
	body {
		font-size: 1.125rem;
	}
	.wrapper-parallax .parallax-one {
    		background-position: center top;
    	}
}