/*
Theme Name: MIMU Mikromuuseum
Author: Oleg Kalinkin www.avar.ee
Description: Custom theme for Tuuliku Saadu.
Version: 1.0
*/

    :root{
      --page-bg: #ffffff;      /* outer background */
      --panel-bg: #ffffffd6;     /* content areas */
      --panel-bg-2: #f4efd0;   /* white-adjacent */
      --text: #1d1d1b;
      --muted: #5b5b57;
      --brand: #959448;        /* olive */
      --brand-2:#969448;       /* softer olive */
      --accent:#ffbd59;        /* warm accent */
    }

    body{
      background: url(img/taust.jpg) center center no-repeat;
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
      color: var(--text);}

a {color: #e79921;}
a:hover {color: #e79921; text-decoration: underline dashed;   text-decoration-thickness: 1px;}
	
    .footer {background: url(img/footer_bg.png) center bottom repeat-x;  color:#fff; width: 100%; }
	
    .page-wrap{
      max-width: 1480px;
      margin: 0 auto;
      padding: 24px 14px 56px;
    }
	
.clear, .clearboth {clear:both; height:0;}
	
	p {font-size:18px;}
	
	.float_right {float: right;}
	.float_left {float: left;}
	
	.hero_parem {padding: 0 0 30px 30px;}
	
	.header {max-width: 100%; 
		margin-top: 0px; 
		width:100%;
		margin-bottom:20px;
		transition: all 1s ease;
		background: transparent;}

.header .row {max-width: 1243px; 
	margin-left: auto !important; 
	margin-right: auto !important;}
	
	.logo { margin-top: -10px;
	float: left;}

.logo img {	max-width: 100%;
    height: auto;}

.header.sticky {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  z-index: 1000;
	  background: #e79921;
	  box-shadow: none;
	  padding: 0; 
	  transition: all 1s ease;
	height: 54px;	
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);}

.logged-in .header.sticky {top: 32px;}

@media screen and (max-width: 782px) {
.logged-in .header.sticky {top: 46px;}
}

@media screen and (max-width: 600px) {
	.logged-in .header.sticky {top: 0;}
}

.header.sticky .logo {margin-top: 1px;
	margin-bottom: -50px;
	padding: 0px 20px;}

.header.sticky .logo a img { height: 50px;   width: auto; 
	filter: grayscale(100%);
	filter: contrast(100%);
	filter: brightness(100);}

.header.sticky .topnav { margin-top: 1px; padding-top: 0px; box-shadow: none; margin-bottom: -50px; border-radius: 27px; }

.header.sticky .topnav a {line-height: 30px;}

.header.sticky .topnav li.broneeri_top a {
    color: #fff;
    border: 1px var(--brand) solid;}
	
	.esileht_hero {margin-top:20px;}
	.naudi {padding-left:0px;}
	
	h1 {font-size: 72px; color:#e79921; padding-bottom:40px; padding-left:0px; text-align: center;}
	
	.description {padding-top: 50px;
	font-family: "DM Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;}

	.topnav {background: #e79921; border-radius: 27px; ; padding: 0; width: fit-content; float: right; margin-top: 55px;
	    box-shadow: 0 10px 28px rgba(0, 0, 0, .08);}
	
	.topnav a {color: #fff; border-radius: 25px; margin:2px; font-size: 18px; line-height: 38px;
		display: block;
		padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
		font-size: var(--bs-nav-link-font-size);
		font-weight: var(--bs-nav-link-font-weight);
		text-decoration: none;
		background: 0 0;
		border: 0;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
		border: 1px dashed transparent;}

	.topnav a:hover, .topnav a:focus {color: #e79921; background:#fff;}

	.topnav li.broneeri_top a { display: inline-block;
		padding: 8px 10px;
		border-radius: 25px;
		background: var(--brand); 
		color: #fff;
		text-decoration: none;  
		border: 1px var(--brand) solid;
		font-size: 16px;
		border: 1px #fff dashed !important;	}
		
	.topnav li.broneeri_top a:hover {
		border: 1px #fff dashed !important; 
		background:#f4d59d  !important; 
		color:#85720a !important;}

.topnav li.current_page_item > a,
.topnav li.current_page_parent a,
.topnav li.current-menu-item > a,
.topnav li.current-menu-parent > a,
.topnav li.current-menu-ancestor > a {
    color: #85720a !important;
    background: #fff;
    border: 1px dashed #85720a;}

.topnav li.current_page_item > a:hover,
.topnav li.current_page_item > a:focus,
.topnav li.current_page_parent a:hover,
.topnav li.current_page_parent a:focus,
.topnav li.current-menu-item > a:hover,
.topnav li.current-menu-item > a:focus,
.topnav li.current-menu-parent > a:hover,
.topnav li.current-menu-parent > a:focus,
.topnav li.current-menu-ancestor > a:hover,
.topnav li.current-menu-ancestor > a:focus {
    color: #e79921;
    background: #fff;
    border: 1px solid #fff;}
	
	.normal_24 {font-weight:400; font-size:24px; padding-bottom: 20px;}
	.normal_18 {font-weight:400; font-size:18px;}
	
	.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: Georgia, serif;}
	
	h3 {color:#86730a;font-weight:700; font-size: 36px; margin-bottom:20px; text-align: center; }
	
	.deco_k6rs {background:url(img/k6rrelised.png) bottom right no-repeat; width:241px; height:180px; float: right; margin-top:-200px; margin-right:-100px;}
		
	.deco_mesilane {background:url(img/mesilane.png) bottom right no-repeat; width:205px; height:280px; float: right; margin-top:-280px; margin-right:-100px;}
	
	.dill_flower {
		position: relative;
		float: right;
		z-index: -3;
		width:290px; 
		height: 290px; 
		margin: -105px -150px; 
		background:url(img/dill-flower2.png) top right no-repeat;
		background-position: top right !important;}
	
	.info_blokk {margin-top: 40px; margin-bottom:50px;}
	
	.info_blokk a { 
	display: block; 
	background: var(--brand) url(img/k6rrelised.png) 130px 220px no-repeat;  
	color:#fff;  
	overflow:hidden;
	text-decoration:none; 
	border-radius: 25px; 
	transition: background-position 1s, background-color 0.2s;
	border:1px #95944859 solid;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .08);}
	
	.info_blokk a:hover {
	background: var(--panel-bg-2) url(img/k6rrelised.png) 130px 195px no-repeat; color:#000;
    box-shadow: 0 0px 28px rgba(0, 0, 0, .08);}
	
	.info_blokk a .thumb {border-radius: 20px;overflow:hidden; max-height:198px;}
	.info_blokk a:hover .thumb {border-radius: 20px;overflow:hidden;opacity: 0.9;}
	
	a .thumb img {width:101%;max-width:101%;height:auto;}
	
	.info_blokk a h4 {
		padding: 25px 30px 10px 30px; 
		font-family: "DM Sans", sans-serif;
		font-size:20px;
		font-weight:700;
	text-align: center;
    font-size: 30px;
    font-family: Georgia, sans-serif;}

	
	.info_blokk a p {padding: 0 30px 20px 30px;font-size:18px;}
	
	.round_20 {border-radius: 20px;}
	
	.panel {
		margin-bottom: 60px;
		background: var(--panel-bg);
		border-radius: 30px;
		padding: 20px 30px;}

    .panel.soft{  background: var(--panel-bg-2); }

	.inimesed {background: none; padding: 20px 0;}

	.heading {background: linear-gradient(
  to right,
  rgb(255 255 255 / 0) 0%,
  rgb(255 255 255 / 0.6) 50%,
  rgb(255 255 255 / 0) 100%);
		
    border-radius: 25px;
    padding: 20px;}
	
	.text-secondary {color:#000 !important;padding-bottom:10px; text-align: left;}	
	
	.heading-secondary {color:#000 !important;padding-bottom:10px; text-align: center;}
	
	.max_w {max-width: 100%; height: auto;}
	
	.hero_panel {
					
background: linear-gradient(
  to right,
  rgb(255 255 255 / 0.6) 0%,
  rgb(255 255 255 / 0.9) 50%,
  rgb(255 255 255 / 0.6) 100%);
		
    box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
	padding-top:40px !important;}
	
	.ajad_blokk {background:#f4efd0 !important;		background: transparent !important; padding: 20px 0;}
	
	a, a.btn-brand {	transition: background-position 0.6s, background-color 0.2s;}

a.btn:hover, a:hover .loe, a.loe_edasi {text-decoration: none;}
	
	.ajad_blokk a { display: block; 
	background:#fff url(img/bark.png) 50% 60% no-repeat; 
	overflow:hidden; color:#000; 
	text-decoration:none; 
	border-radius: 25px;
	transition: background-position 0.6s, background-color 0.2s;
	border: 1px #95944859 solid;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;}

	a.vaata_koik {
	display: block !important;
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;}
	
	.ajad_blokk a:hover {background: #b0af6194 url(img/bark.png) 50% 40% no-repeat; 
	color:#000; text-decoration:none;}
	.ajad_blokk a:hover .loe {color:#000;}
	
	.ajad_blokk a .thumb {border-radius: 20px;overflow:hidden; max-height:300px;}
	
	
	.ajad_blokk a:hover .thumb {border-radius: 20px;overflow:hidden;opacity: 0.9;}
	
	.ajad_blokk .date {width: 45%;padding: 2px 0px 20px 30px;/* font-style:italic; */
	color:#222;float: left;}
	
	a .loe {float:right; width: 45%;padding: 0 30px 20px 0px; font-size:18px; color: #e79921;
		font-weight: 700; text-align: right;}
	
	a:hover .loe {color:#fff;}
	
	.ajad_blokk a .thumb img {max-width:101%;height:auto;}
	
	.ajad_blokk a h4 {padding: 30px 30px 0 30px; font-family: "DM Sans", sans-serif; font-size:20px; font-weight:700;}
	
	.ajad_blokk a p {padding: 0 30px 20px 30px; font-size:18px; margin-bottom: 2px;}
	
	
	.loe_edasi, .ajad_blokk .vaata_koik, .inimesed .kysi_tuuri {
		display:inline-block; 
		line-height: 44px; 
		border-radius: 15px;
		padding: 0 20px;
		 width: 100%;
		 text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		border: 2px var(--brand) solid;
		margin-top: 10px;
		background: var(--brand) url(img/k6rrelised.png) 0px 0px no-repeat;  
		color:#fff;  
		overflow:hidden;
		box-shadow: none;}

	.loe_edasi:hover, .ajad_blokk .vaata_koik:hover, .inimesed .kysi_tuuri:hover {
	background: var(--panel-bg-2) url(img/k6rrelised.png) 0px -20px no-repeat; color:#000; }
	
	.loe_edasi {width: 250px; max-width:100%;}

	.row {
	margin-right: 0 !important;
	margin-left: 0 !important;}
	
	

	.inimesed .kysi_tuuri {font-size: 16px;}
	
	.mb_30 {margin-bottom:30px !important;}
	
	.loe_blokk {margin-bottom: 20px;}
	
	.col-md-4 {    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);}

	.giid {
	padding: 20px;
	font-family: Georgia, serif; text-align: center;
    font-size: 36px;
	color: #e79921;}
	
	.giid_secondary { text-align: center;
    font-size: 24px;
	padding-bottom: 20px;}

.panel_single .giid {text-align:left; padding-top: 0; padding-left: 0;}

.btn-edit-post-link {float: right;}

    .btn-brand{
		display:inline-block; 
		line-height: 44px; 
		border-radius: 15px;
		padding: 0 20px;   
		text-transform: uppercase;
		text-decoration: none;
		border: 2px var(--brand) solid;
		margin-top: 10px;

	background: var(--brand) url(img/k6rrelised.png) 0px 0px no-repeat;  
	color:#fff;  
	overflow:hidden;}

    .btn-brand:hover{
	background: var(--panel-bg-2) url(img/k6rrelised.png) 0px -20px no-repeat; color:#000;
	border: 2px var(--brand) solid;}

    .photo-frame{
      width: 100%;
      aspect-ratio: 16/9;
      overflow: hidden;
      background: #e9e9e9;
      border-radius: 22px 28px 20px 34px / 22px 18px 34px 20px;
      position: relative;}

    .photo-frame img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display:block; }

    .img-block{
      width:100%;
      aspect-ratio: 4/3;
      background:#e9e9e9;
      border-radius: 18px;
      overflow:hidden;}

    .img-block img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;}

    .post-card{
      height: 100%;
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 16px;
      overflow:hidden;
      background: var(--panel-bg);}

    .post-card .thumb{
      aspect-ratio: 4/3;
      background:#e9e9e9;}

    .post-card .thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;}
	
	
    .people-grid{
      margin-top: 0px;
      margin-bottom: 10px;}

    .person-col{
	  margin-top: 230px;
      display: flex;
      justify-content: center; }

    .person-shell{
      position: relative;
      width: 100%;
      max-width: 620px;
      padding-top: var(--shell-top);    }

    .person-card{
	font-size: 18px;
      height:100%;
      position: relative;
      width: 100%;
      border-radius: 25px;
      background: #ffffffc9;
      box-shadow: 0 10px 28px rgba(0,0,0,.08);
      overflow: visible;
      padding: 30px;
      padding-top: 50px; }

.person-card {
  display: flex;
  flex-direction: column;
  height: 100%; }


.person-card .text-center {
  margin-top: auto; 
  padding-top: 20px;}

	
.avatar {
      position: absolute;
      top: var(--shell-top);
      left: 50%;
      transform: translate(-50%, -200px);
      width: 250px;
      height: 250px;
      border-radius: 50%;
      background: #e9e9e9;
      overflow: hidden;
      z-index: 2;
      border: 4px solid #e79921;
      box-shadow: 0 6px 6px rgb(57 48 0 / 15%);}

    .avatar img{
		width: 250px;
		height: 250px;
		object-fit: cover;
		display: block;}

    .footer {color: #fff;
    font-size: 18px;
    padding: 25px 20px;
    background-image: url(img/k6rrelised_100.png), url(img/k6rrelised_100.png);
    background-position: 10% 45px, 33% 146%;
    background-repeat: repeat-x;
    background-size: 241px auto, 150px auto;}


.cprght {color: #fff; 	background-color: #d38f58;     border-radius: 15px; width: fit-content; padding: 10px 20px; margin-top: 100px;
    margin-inline: auto;}

.footer ul.menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 25px;
    padding: 1.5rem 2rem; 
    border-radius: 30px;
	background-color: #58571dd1;
    width: fit-content;
    margin-inline: auto; }

.footer .menu-item a {  text-decoration: none;
    color: #fff;
    font-size: 18px;
    transition: color 0.3s ease;
    border-radius: 15px;
	padding: 10px;
	border: 1px solid transparent;}

.footer .menu-item a:hover {border: 1px dashed #fff;
 	background-color: #fff;
    color: #4e4e1e;
    transition: background-color 0.3s ease;}

.footer .menu-item.broneeri_top a {	border: 1px solid #fff;
    background-color: #fff;
    color: #4e4e1e;
    transition: background-color 0.3s ease;}

.footer .menu-item.broneeri_top a:hover { background:transparent;
	color:#fff;
	border: 1px solid #fff;}

.footer .current-menu-item a {color: #fff;border: 1px dashed #fff;}

nav.navigation.pagination .nav-links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  width: 100% !important;
  text-align: center !important;
	
	max-width: 950px;
}

a.page-numbers {    display: inline-block;
    line-height: 44px;
    border-radius: 15px;
    padding: 0 20px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px var(--brand) solid;
    margin-top: 10px;
    background: var(--brand) url(img/k6rrelised.png) 0px 0px no-repeat;
    color: #fff;
    overflow: hidden;
    box-shadow: none;}


span.page-numbers {    display: inline-block;
    line-height: 44px;
    border-radius: 15px;
    padding: 0 20px;
    width: 140px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px var(--brand) solid;
    margin-top: 10px;
    background: var(--panel-bg-2) url(img/k6rrelised.png) 0px -20px no-repeat;
    color: #000;
    overflow: hidden;
    box-shadow: none;}

a.page-numbers:hover { background: var(--panel-bg-2) url(img/k6rrelised.png) 0px -20px no-repeat;
    color: #000;}

.ajad_blokk .nav-links a {margin-left:0; margin-right:0;}


nav.navigation.pagination { display: flex !important;
  justify-content: center !important;
  width: 100% !important;}

.panel_single {background: var(--panel-bg);
		border-radius: 30px;
		padding: 30px 30px;}

.panel_single h1 {font-size: 54px;
	color: #616022;
    padding-bottom: 20px;}

.sidebar_single {margin-top: 120px;}



@media screen and (max-width: 767px) {
.sidebar_single {margin-top: 40px;}
}

.sidebar_single h3 {text-align:center;}

.sidebar-recent-post-item {margin-bottom: 25px;}

.sidebar-recent-post-link {
    display: block; 
    background: var(--brand) url(img/k6rrelised.png) 130px 220px no-repeat;  
    color: #fff;  
    overflow: hidden;
    text-decoration: none; 
    border-radius: 25px; 
    transition: background-position 1s, background-color 0.2s;
    border: 1px #95944859 solid;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .08);
}

.sidebar-recent-post-link:hover {
    background: var(--panel-bg-2) url(img/k6rrelised.png) 130px 195px no-repeat; 
    color: #1d1d1b;
    box-shadow: 0 0px 28px rgba(0, 0, 0, .08);
    text-decoration: none;}

.sidebar-recent-post-thumb {
    border-radius: 20px;
    overflow: hidden; 
    max-height: 200px;
    margin: 0; }

.sidebar-recent-post-thumb img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: opacity 0.3s ease;}

.sidebar-recent-post-link:hover .sidebar-recent-post-thumb { opacity: 0.9;}

.sidebar-recent-post-content { margin: 0;  padding: 0;}

.title_side {
    padding: 20px 25px;
    font-family: Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
    background: transparent; 
    border: none;
    color: inherit;
}

.sidebar-recent-post-link:hover .title_side {color: #1d1d1b;}

.sidebar-recent-post-item {max-width: 340px; margin: 30px auto 0px auto;}

.prev_next_row { margin: 30px auto;}

.prev_next {max-width: 340px; margin: 40px auto 0px auto;}

.wp-block-image .alignleft {padding-right: 20px;  margin-bottom: 30px !important;}

.wp-block-image .alignright {padding-left: 20px;  margin-bottom: 30px !important;}

.wp-block-image img {border-radius: 15px;}


.entry-content { display: block !important;  column-count: 1 !important;}

.entry-content h2 {font-weight: bold; color:#4d5920;}

.menu-toggle {
  display: none;
  flex-direction: column;
  cursor: pointer;
  background: #e79921;
  border: none;
   gap: 10px;
   padding: 20px;
   border-radius: 20px;
}

.bar {
max-width: 100%;
    display: block;
    height: 4px;
    background-color: #fff;
    transition: 0.3s;
    border-radius: 3px;
}

@media screen and (max-width: 1080px) {
  .menu-toggle {max-width: 100%;
    display: block;}
	
  .topnav {
    display: none;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none; }

  .topnav.active {
    display: flex; }

  .topnav li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee; }

	.topnav.active {overflow:hidden;
	position: absolute;	}
	
  .topnav li a, .topnav li.broneeri_top a, .topnav li.broneeri_top a:hover {
    display: block;
    padding: 15px;
    width: 100%;
	  margin: 0 !important;
	  border: none !important;
	  border-radius: 0 !important; }
	
	 .topnav li:last-child {border-bottom: 0;}
	
}

@media (max-width: 750px) { 
    .entry-content .alignleft {
        float: none !important;
        display: block !important;
        margin: 0 auto 30px auto !important; 
        max-width: 100% !important;
    }

    .entry-content .alignleft img {
        height: auto !important;
        width: 100% !important;
    }
}


@media (max-width: 560px) {
	.page-wrap {padding: 0 0px 0 0px !important;}
		
	.row>* {padding-right: 0 !important; padding-left: 0 !important;     --bs-gutter-x: 0 !important;}
	
	.panel_single h1 {font-size: 44px; color: #616022;}
	.wp-block-image .alignleft {padding-right: 0px;}
	.wp-block-image .alignright {padding-left: 0px;}
	
}

@media (min-width: 560px) {
	.entry-content p {display: flow-root; min-width: 280px; }
}

@media (max-width: 340px) {
	.panel_single {padding: 30px 15px;}
}

.header {
  position: relative; 
}

@media screen and (max-width: 1080px) {
  .col-md-8 {
    display: flex;
    justify-content: flex-end; 
    align-items: center;
  }
	
	.menucontainer {
    display: block;
    position: static;
	border-radius: 25px 25px;
	}

	.nav.topnav, .header.sticky .topnav {
	display: block;
    position: absolute;
    left: 0;
    width: 100%; 
    background-color: #e69a28;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 1000; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    border-radius: 20px 0px 20px 20px;
    overflow: hidden;
  }
	
	.active .menu-toggle {background:#e79921;}
	
	.active {background:#e79921;
	border-radius: 25px 25px 0px 0px;
	transition: 0.5s ease;
	}

  .active  .nav.topnav {
    display: block;
  }

  .nav.topnav li {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }

  .nav.topnav li a {
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
  }
	
.nav.topnav li.current a, .nav.topnav li.current_page_item a, .topnav li.current-menu-item > a {color: #85720a;}
	
  .nav.topnav li a:hover {color: #e79921;}


  .nav.topnav li.broneeri_top {
    background-color: #8c9651;
    border-bottom: none;
  }
	
	.no_padding {padding: 0 0 0 0;}

  .menu-toggle.is-open .bar:nth-child(1) {
    transform: translateY(12px) rotate(45deg);
  }

  .menu-toggle.is-open .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.is-open .bar:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg);
  }
	
  .sticky .menu-toggle.is-open .bar:nth-child(1) {
    transform: translateY(14px) rotate(45deg);
  }

  .sticky .menu-toggle.is-open .bar:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
  }
	
	.sticky .menu-toggle {padding: 9px 15px;}
	
	.topnav {overflow: hidden;
	max-height: 0;
	overflow: hidden;
	transition: 0.5s ease;
	display: block !important;}

	
	
	  .menu-toggle {
	max-width: 100%;
    display: block;
    cursor: pointer;
    background: #e69a28;
    border: none;
    padding: 20px 20px 13px 20px;

    gap: 7px;
    z-index: 1001;
	border-radius: 20px;
	transition: border-radius 0.5s ease 0.5s; }

  .bar {
    width: 60px;
    height: 5px;
    background-color: white;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
    transition: transform 0.3s ease, opacity 0.3s ease; 
  }


	.active .menu-toggle {border-radius: 20px 20px 0 0;
		transition:  border-radius 0.1s ease 0s; }
	
	.active .topnav {transition: all 0.5s ease 0.1s; max-height:600px;}
	
	.sticky .topnav {border-radius: 0px 0px 20px 20px;}
	
	.sticky .topnav li:first-child {
		border-top: 1px solid rgba(255, 255, 255, 0.15);}
	
	h1 {font-size: 54px;}
	.pb30 {padding-bottom: 30px;}
}

@media screen and (min-width: 1081px) {
  .menu-toggle { display: none; }
}

@media screen and (max-width: 766px) {
	.logo { margin-top: 10px; float: left; padding-left: 10px;}
	.pb30 {padding-bottom: 30px;}
}

@media screen and (max-width: 480px) {
		.logo { margin-top: 10px; float: left; padding-left: 5px; padding-right: 5px;}
	h1 {font-size: 44px;}
	h2 {font-size: 36px;}
	h3 {font-size: 30px;}
	
	.panel {padding: 10px;}
	.menucontainer {width: 80px; max-width: 100%;}
	
	
	.sticky .topnav {border-radius: 0 !important;         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;}
}

@media screen and (max-width: 300px) {
	.menucontainer {}
	.menu-toggle {padding: 16px 15px 9px 15px; margin-top:0px; border-radius:15px;}
	.active .menu-toggle {border-radius:15px 15px 0 0;}
	.mobile-nav-container {padding: 2px;}
	.sticky .mobile-nav-container {padding: 0px;}
	
	.sticky .topnav {border-radius: 0 !important;         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;}

}

.person_shell_arch {}
.person_shell_arch .griid {font-size: 34px;
    font-weight: bold;
    color: #333;}

.avatar_arch {float: left; overflow:hidden;}
.avatar_arch img {max-width: 100%; height: auto; border-radius: 50%; overflow:hidden;
    margin: 20px auto;
    width: 340px;
    display: block;
}

.person_card_arch {float: right;}
.person_card_arch p {width: 100%;}

.person_card_arch {display: block !important;}


.avatar {max-width:80vw;max-height:80vw;}

.avatar img {max-width: 80vw; max-height:80vw; }

.panel img {max-width:100%;}