/*
Mobil CSS

#ffe6ff

*/

h1 { font-family: "Roboto", sans-serif }

body {
	font-family: "Candara", sans-serif;
	letter-spacing: 3px;
}

  .piros,
  .red	{
    border: 1px solid red;
  }
 
  .site_pink_color {
	  color: #ffb3b3;  /* sötétebb: #ff6666;  */
	}
 
  .site_dpink_color { 
   /*#4d0000;*/
	  color: #ff6666;
  }
	
	
	
	.site_bkg_color {
	  background-color: #ffffff/* #393939; /* zsuzsi 5let #ffe6e6  #6c757e;  #ffe6ff; pink */
	}

	.site_font_color {
	  color: #111111; 
	}	
	
	/* pink szövegcim:  #ffb3b3 
	  ezt cserélni erre #4d0000
		
		meg ezt: #bbbbbb;
		 erre:   #444444;
		
	*/
	
	
	/*  ez tartalmazza a GNZs név feliratot is */
	.brand-logo {
	  display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		background: url('img/gnzs3_logo_feher-mas.jpg') no-repeat;
		width: 220px;
		height: 83px;
	}	
	
	/*  kép a hamburger - toggler icon  */
	.custom-toggler.navbar-toggler { 
		/*border-color: #393939;
		border-style: solid;*/
		font-size:2.5rem;  /* ettől lesz nagyobb a hamburger */
		box-shadow: none;
    border: none;		
	} 
	.custom-toggler .navbar-toggler-icon { 
		background-image: url('img/pink-toggler-icon-transparent.png');
		box-shadow: none;
		border: none;
	}
	
	/*  sajnos nincs hatással
	.custom-toggler:active,
	.custom-toggler:focus {	
		border: 0px solid #393939;
		box-shadow: none;
	} */
	
	.no-padding {  /* enélkül a brand-logo és a hamburger nem fér el egymás mellett */
		padding-left: 0px;
		padding-right: 0px;
	}	
	
	
	.violet {
	  background-color: #4d004d;
	}

	.hover_bkg {
	  background-color: #3d3d5c;
	}
	
	
	.flag_icon {
	  height:65%;
    right:0;
	  cursor:pointer;
  }
	
	.flag_icon2 {
    height: 110%;	
    right:0;
	  cursor:pointer;
  }

	a:link    { text-decoration: none}
	a:visited { text-decoration: none}
	a:hover   { text-decoration: none; cursor:pointer;}
	a:active  { text-decoration: none}	
	a:focus {
		outline:0;
		-webkit-appearance: none;  /* ha ez nincs akkor csúnya keretet csinál */
	}
	
	.gh-10  { height:1.5rem;	}

	.gh-100 { height:8rem;	}

	text {color: #111111;}	
  h3   {color: #111111;}	
  h4   {color: #4d0000;}	
	
/*  navbar customization --------- */	

	.navbar-light .nav-item.active .nav-link text,
	.navbar-light .nav-item:focus .nav-link text {
	  color: #111111;
	}
	
	.navbar-light .nav-item:hover,
	.nav-link text {
	  color: white;
	}	
	
	.navbar-light .nav-item .nav-link:hover,
  .navbar-light .nav-item .nav-link:hover > text 	{
	  background-color:  #3d3d5c;
		color: white;
	}
	
	.nav-link.disabled > text {
    color: #555555;		
	}	

	.nav-link > text {
    font-size: 1.25rem;
		cursor: pointer;
		padding-left: 0.5rem;
	}
	
	.navbar  {
		text-transform: uppercase;
	}

	.main-menu-item {
	  height: 3rem;
	  padding: 10px 0px 10px 50px; 
	  color:#111111;
	  border-bottom: 1px solid #111111;
		text-transform: uppercase;
	}


	.top-border {
    border-top: 1px solid #111111;	
	}

	.bottom-border {
    border-bottom: 1px solid #111111;	
	}

	.vertical-space1 {
	  line-height: 1rem;
	}

	.center {
	  text-align:center;
	}
	
	.main-menu-item > text {
    color:#111111;			
    font-size: 1.25rem;
	}
	
	.item-pic {
	  padding-top: 0.5rem;
		text-align: right;
		border-bottom: 1px solid #111111;
	}

  /*  ezt a kettőt arányosan vertical center-re kell igazitani */
	.item-pic-hei {
	  height: 8rem;
	}
	.fullcenter {
		padding: 40px 0px 10px 10px;
	}	
	/*---- */
	
	.main-menu-item:hover,
	.main-menu-item:hover > text,
  .item-pic:hover	 {
	  background-color:  #3d3d5c;
	  color: white;
		
	}


	.line-6rem {
	  height: 6rem;
	}
	
	.font-1p5rem {	
    font-size: 1.5rem;
	}

	
  .clickeable {
	  cursor:pointer;
	}

	
/*  --- social footer  gerhardrichteres --------------- */

  .social_footer_color {
	  color: #333333;
		background-color: #e6e6e6;
		
	}
	.span-footer-follow-us {
		display: block;
		float: left;
		margin-top: 10px;
		margin-right: 7px !important;
	}

	a.facebook,
	a.instagram {
		border-right: none !important;
		height:60px;
		width:60px;
		display:block;
		float:left !important;
		margin-top:3px !important;
		padding-right:0 !important;
		margin-right:0 !important;
	}
/*
	a.facebook:hover {
		background-position:0px -72px;
	}
*/
	.facebook {
		/*background:transparent url('img/logo_facebook2.png') no-repeat 0px 0px;
		transition:none !important;
		text-indent: -9999px;*/
	  display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		background:transparent url('img/fb-icon.png') no-repeat;
		width: 70px;
		height:70px;
	}

	a.instagram {
		/*background: 
			transparent url('img/insta54_1.png') no-repeat 0 0;
		transition: none !important;
		text-indent: -9999px; */
	  display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		background:transparent url('img/insta-icon.png') no-repeat;
		width: 70px;
		height:70px;
		
	}
	/*
	a.instagram:hover {
		background: 
			transparent url('img/insta54_2.jpg') no-repeat 0 0;
	} */
/*  ---- social footer --- */	
	
.clearer {
    font-size: 0;
    line-height: 0;
    display: block;
    margin: 0;
    padding: 0;
    clear: both;
    height: 0;
    width: auto;
}	
	
  .rightflow {
		text-align: right;
	}
	
	.item-pic {
	  padding-top: 0.5rem;
		text-align: right;
		border-bottom: 1px solid #111111;
	}
	
	.main-menu-item-pic {
	  height: 5rem;
	}
	
	.bottpadd {
	  padding-bottom: 0.5rem;
	}

	
#chgLanguage {
	cursor: pointer;
	width: 50px;
	margin-left: 20px;
	margin-right: 15px;
}


.text-middle {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

p {
	/* font-family: "Noto"; */
	font-size: 1.2rem;
	line-height: 1.5rem; 
	text-align: justify;
	color: #111111;
}

p::first-letter {
	font-size: 150%;
}

.shadow {
	box-shadow: 0px 10px 20px -5px rgba(0,0,0,.6); 
}


.white-shadow {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}


.img_bw {
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%);
}
.img_bw:hover {
  -webkit-filter: grayscale(100%); 
  filter: grayscale(100%); 
  -webkit-filter:drop-shadow(16px 16px 20px red) invert(75%);
  filter:drop-shadow(16px 16px 20px red) invert(75%);
  border:1px solid white;
}

.loader {
  position: absolute;
  left: 50%;
  top:  20%;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*  TEXT form  --------------------             */	
.txt-focim{
  font-family: "Candara", sans-serif;
	font-size: 1.5rem;
	line-height: 1.4rem;	
	font-weight: 800;
	color: #4d0000;
	padding-bottom: 0.5rem;
}

.txt-alcim {
	font-family: "Candara", sans-serif;
	/*"Laffayette Comic Pro", sans-serif;*/
	font-size: 1.1rem;
	line-height: 1.5rem;	
	font-weight: 800;
	line-height: 1.2rem;
	color: #222222;
}

.artszoveg {
	font-family: "Candara", sans-serif; 
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1.2rem;
}

.artszoveg::first-letter {
	font-size: 150%;
}

.artszoveg > img {
	width: 30%;
	height: auto;
}

.artszoveg > img:hover {
	width: 90%;
	height: auto;
}


/*  EVENT form  --------------------             */	
	.dlink  {
		background-color:#abcdef;
	}
	
	.dpict > img:not(.more-btn) {
		width: 45%;
		height: auto;
	}

	.dpict > img:not(.more-btn):hover {
		width: 90%;
		height: auto;
	}

/*  CV form  --------------------             */		
	.cvszoveg {
		/* font-family: "Laffayette Comic Pro", sans-serif; */
		font-size:1.0em;
		font-weight:400;
		line-height:1.2em;
		color: #000000;  /*#111111; */
	}

	.cveev {
		font-size:1.1em;
		font-weight:800;
		line-height:1.5em;
	}
	
	.cvcim {
		font-family: "Laffayette Comic Pro", sans-serif; 
		font-size:1.5em;
		font-weight:400;
		line-height:1.7em;
		color: #4d0000;
	}
	

  .gallery-element {
	  padding-top: 1.0rem;
    border-bottom: 1px solid #111111;
  }

  .gallery-pic {
	  padding-bottom: 0.6rem;
	}
	
  .pic-bigtitle {
	  font-family: "Candara", sans-serif;
		font-size:   1.2rem;
		line-height: 1.2rem;
		font-weight: 800;
		letter-spacing: 4px;
	}

	.pic-details {
	  font-family: "Candara", sans-serif;
		font-size:   1.0rem;
  }


  .more-btn {
	  width:  35px;
		height: 35px;
		cursor: pointer;
	}

	
  .top-spacer {
    height: 4.5rem; 
		padding-top: 0.5rem; 
	}
	
  .top-space2 {
    height: 4.5rem;		
		padding-top: 0.8rem;
		padding-bottom: 1.2rem;
	}
	
	
	.stat-left {
		text-align: left;
		font-size: 80%;
		width:30%;
		padding-top:10px;
  }
	
	.like-right {
		text-align: right;
    padding-bottom:4px;  
		cursor:pointer;
		font-size: 100%;
		font-weight:800;
		color: #99004d;
		width:70%;
	}