:root {
  --theme-blue: #052c65; /* blue */
  --content-bg: #ECF6CE; /*body bg */
  --theme-logo: #fbf8f3; 
  --theme-color-three: #87c540; /* footer bg */
  --light-bg: #f6f8f9;
  --bg-primary: #052c65;    
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-navbar-color: #052c65;
  --bs-navbar-active-color:#000000;

}

/* body {font-family: "Roboto";} */

.atlasz {background-color :white; border-radius: 6px; margin-top:20px;}
.atlasz .fbt {background-color:#f8f9fa; height: 20px;}


nav.navbar {
    background-color: var(--theme-logo);
}

.navbar-brand .site-slogan {
	font-family: Fira Sans;
}


  @media (min-width: 992px) {
    
    #block-grafint-branding a.site-title {display: none;}
    
    .navbar-expand-lg .navbar-nav {
    	flex-direction: row;
    	justify-content: flex-start !important;
    }
    
  }
  
  @media (max-width: 991px) {
    #block-grafint-webhelymarkazasa a.site-title {display: none;}
  }
  
   @media (max-width: 450px) {
       
          .navbar-brand .site-title {
    	    font-size: 1.3rem;
    	    font-weight: bold;
    	    letter-spacing: 1px;
    	    text-transform: uppercase;
        }
        
         .atlasz {margin-top:0px !important;}        
  
   }
  
.region.region-nav-additional  {margin-top:20px;}
  



footer {
    background-color: var(--theme-blue);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}



nav.navbar .nav-link.active,
nav.navbar .nav-link.show {color:#000000;}

    @media (min-width: 992px) {
        .navbar-brand img {
        	height: 100px;
        }
    }

nav.navbar .nav-link {
    font-family: Roboto;
    font-weight: 400;
    font-size: 17px;
}


.navbar-brand a.site-title {
	color: var(--theme-blue);
	font-family: Fira Sans;
	font-weight: 500;
	text-transform: unset;
	padding-left:5px;
}


h1,h2,h3,h4,h5 {font-family: "Fira Sans";}

h5.card-title {font-weight:400;}


.heroblock {
	background-image: url(/images/tablekeziras2.jpg);
	height: 500px;
	background-position: center center;
	background-size: cover;
	border-radius: 6px;
}

  @media (max-width: 450px) {    
    .heroblock {
    	height: 695px;
    }
  }

.heroblock .mask {
	/* position: absolute; */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-attachment: fixed;
	border-radius: 6px;
}

.heroblock .mask {
	background-color: rgba(5, 44, 101, 0.65);
}

.fira {font-family: "Fira Sans";}


header {
	margin-bottom: 3rem;
	border-top: 10px solid var(--theme-blue);
	border-bottom: 2px solid var(--theme-blue);
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


#navbarSupportedContent {justify-content: space-between !important;}

.navbar-brand > div {
	display: flex;
	align-items: center;
	gap: 15px;
}


#views-bootstrap-munkatarsaink-page-1 .img-fluid {height:100%;}


.accordion {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.accordion-button:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0px 0px 0px #052c65;
}



.accordion-button:not(.collapsed) {
	color: #052c65;
	background-color: #f8f9fa /*#052c65*/;
}


.view-szolgaltatasaink .view-content {
	display: flex;
	max-width: 800px;
	margin: 0 auto;
	gap: 2em;
	flex-wrap: wrap;
}

.view-szolgaltatasaink .view-content .views-row {
    flex:1;
}

.card-group {
	gap: 2em;
	max-width: 800px;
	margin: 0 auto;
}

.card .card-body {
	min-height: 325px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-group .card {
	border: 1px solid var(--bs-gray-300) !important;
	border-radius: 6px;
}

.card-title {
	margin-bottom: var(--bs-card-title-spacer-y);
	color: var(--bs-card-title-color);
	background: var(--bs-gray-300);
	margin: -16px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}

.kapcs {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

form#search-form {margin-bottom:20px;}


.region.region-sidebar-second nav.block > h5 {
	background-color: var(--theme-blue);
	color: white;
	padding: 9px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom:0px;
}

.region.region-sidebar-second nav.block {
	border: 1px solid var(--theme-blue);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.region.region-sidebar-second nav.block ul.nav li.nav-item {
	border-bottom: 1px solid var(--theme-blue);
}

.region.region-sidebar-second nav.block ul.nav li.nav-item:last-child {
	border-bottom: 0px solid var(--theme-blue);
}


.region.region-sidebar-second nav.block ul.nav li.nav-item a.active,
.region.region-sidebar-second nav.block ul.nav li.nav-item:hover a {
	background-color: rgba(5, 44, 101,0.1);
}


  @media (max-width: 450px) { 
        .atlasz .fbt {
        	background-color: #f8f9fa;
        	height: 0px;
        }
        
        .atlasz {border-radius: 0px;}
        
        header {
        	border-top-left-radius: 0px;
        	border-top-right-radius: 0px;
        }
        
        footer {
        	border-bottom-right-radius: 0px;
        	border-bottom-left-radius: 0px;
        }
        
        
}