a:focus {outline:none!important}	
	
	
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");	
	
@font-face {	
  font-family: 'icomoon';
  src: url(https://www.pardubice-striptyz.cz/assets/fonts/icomoon/style.css);	
}	
	
@font-face {	
  font-family: 'Bootstrap-icons';
  src: url(https://www.pardubice-striptyz.cz/assets/fonts/bootstrap-icons/bootstrap-icons.woff);	
}		
	
@font-face {	
  font-family: 'Open Sans';
  src: url(https://www.pardubice-striptyz.cz/assets/fonts/Open_Sans/OpenSans-Light.ttf);	
}	
	
@font-face {	
  font-family: 'Open Sans Bold';
  src: url(https://www.pardubice-striptyz.cz/assets/fonts/Open_Sans/OpenSans-Bold.ttf);	
}	
	
@font-face {	
  font-family: 'Magra';
  src: url(https://www.pardubice-striptyz.cz/assets/fonts/Magra/Magra-Bold.ttf);	
}	
	
	
body {
	font-family: 'Open Sans', sans-serif;
  position: relative; }
  body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  body.offcanvas-menu:before {
    opacity: 1;
    visibility: visible; }

p {
  color: #000;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Magra', sans-serif; }

a {
	color: #00cca0;
  	-webkit-transition: .3s all ease;
  	-o-transition: .3s all ease;
  	transition: .3s all ease;	
}

a, a:hover {
	text-decoration: none !important;
}
	
a:hover {	
 	color: #002a4d;
}
	

strong {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: 400;
}	
	
.btn {	
	display: inline-block;
	width: auto;
	max-width: 100%;
	
	padding: 13px 46px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	border-radius: 3px;	
}	
	
	
.btn-primary {	
	color: #fff;
	background: #00cca0;
	border: 2px solid #00cca0;
}
	
.btn-primary:hover {	
	color: #00cca0;
	background: none;
	border: 2px solid #00cca0;
}	
	
.btn-secondary {	
	color: #00cca0;
	background: none;
	border: 2px solid #00cca0;
}	
	
.btn-secondary:hover {	
	color: #fff;
	background: #00cca0;
	border: 2px solid #00cca0;
}	
	
	
.btn-white {	
	color: #fff;
	background: none;
	border: 2px solid #fff;
}
	
.btn-white:hover {	
	color: none;
	background: #fff;
	border: 2px solid #fff;
}	
	
	
	
	
	
.section-padding {		
	padding-top: 55px;	
	padding-bottom: 55px;	
}	

.container-full	{
	width: 1480px;
	max-width: 100%;
	margin: auto;
}	
	
.container-small	{
	width: 980px;
	max-width: 100%;
	margin: auto;
}	

/* ---------------------------------------- menu ---------------------------------------- */
.hero {
  height: 100vh;
  width: 80%;
  background: #5d5b6a; }

.site-navbar {
  margin-bottom: 0px;
  z-index: 1999;
  position: absolute;
  top: 0;
  width: 100%; }
  .site-navbar .site-logo {
    position: relative;
    left: 0;
    font-size: 24px; }
  .site-navbar .site-navigation .site-menu {
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu .active {
      color: #007bff;
      display: inline-block;
      padding: 20px 20px; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: inline-block; }
      .site-navbar .site-navigation .site-menu > li > a {
        padding: 20px 20px;
		  font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        display: inline-block;
        text-decoration: none !important; }
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #007bff; }
      .site-navbar .site-navigation .site-menu > li.social > a {
        padding-left: 5px;
        padding-right: 5px; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #007bff;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown .active {
          color: #007bff !important; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 210px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #eff1f3;
              color: #000; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #007bff; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .active {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap .social {
      display: inline-block; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li.social {
        float: none !important;
        width: auto !important; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
	
  position: absolute;
  z-index: 100;
  width: 100%; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }

    .sticky-wrapper .site-navbar .site-menu-toggle {
      color: #000; }
    .sticky-wrapper .site-navbar .site-logo a {
      color: #fff; }
    .sticky-wrapper .site-navbar .site-menu > li > a {
      color: #000 !important; }
	
.sticky-wrapper .site-navbar .site-menu > li > a:hover, .sticky-wrapper .site-navbar .site-menu > li > a.active {
        background: #00cca0 !important;  
	    color: #fff !important;
		border-radius: 3px;
	}
	
	.sticky-wrapper .site-navbar {
		 background-color: rgba(255, 255, 255, 0.5);
		
}		
	
  .sticky-wrapper.is-sticky .site-navbar {
    background: #fff;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.1); }
    .sticky-wrapper.is-sticky .site-navbar .site-menu-toggle {
      color: #000; }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #007bff; }
    .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a {
      color: #000 !important; }
  
	
	.sticky-wrapper.is-sticky .site-navbar .site-menu > li > a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu > li > a.active {
        background: #00cca0 !important;
		color: #fff !important;
		border-radius: 3px;
	}
	


	

	
	
@media (max-width: 1319.9px) {
	#sticky-wrapper{
		margin-top: 0px;
		max-width: 100%;
		border-radius: 0px;
	}
}	
	
	
@media (min-width: 1320px)  {
	#sticky-wrapper{
		margin-top: 65px;
		width: 100%;
		border-radius: 3px;
	}
}	
	
	
.site-menu-toggle {
	float: right !important;	
}	
	
	
.sticky-wrapper{
  
	max-width: 1320px;
	height: 75px !important;		
}
	
.sticky-wrapper .site-navbar{
   	padding-top: 10px;
	padding-bottom: 10px;
	

}	
	
.sticky-wrapper.is-sticky .site-navbar{
	 	background: #fff;
	width: 100% !important;
	position: relative;
	left: 0;
   	padding-top: 0px;
	padding-bottom: 0px;	
}	
	
[class^="icon-"], [class*=" icon-"] {
	font-family: 'Bootatrap-icons', sans-serif;
	  content: "\F659";
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
}
	

	
/* ----------------------------------------  #hero carousel ---------------------------------------- */	
#hero .carousel-item {
	position: relative;
	width: 100%;
	height: 90vh;	
}	
	
@media (min-width: 1px) and (max-width: 767.98px) {
	#hero .carousel-item {	
		height: 80vh;	
	}	
}
	
	
.carousel-inner {
	
    
}	

.carousel-caption {	
	position: absolute;
	top: 35%;
	padding-left: 0px;
	padding-right: 0px;
	left: 0;
	right: 0;	
	text-align: center;
}	
	
.carousel-caption .content{	
	max-width: 1320px;
	margin: auto;
}	
	
	
.carousel-caption p{	
	text-align: left;
}	
	
.carousel-caption p.text-1{	
	font-family: 'Magra', sans-serif;
	font-size: 72px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(200, 200, 200, .3);
	margin-bottom: 0;
	
   position:relative;
   animation:move-text-right 3s infinite;
   animation-delay:0s;
   animation-iteration-count:1;
   -webkit-animation:move-text-right 3s infinite;
   -webkit-animation-delay:0s;
   -webkit-animation-iteration-count:1;	
	
}	
	
	
.carousel-caption p.text-2{	
	font-family: 'Magra', sans-serif;
	font-size: 58px;
	font-weight: normal;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(200, 200, 200, .3);
	margin-bottom: 0;
	
   position:relative;
   animation:move-text-left 3s infinite;
   animation-delay:0s;
   animation-iteration-count:1;
   -webkit-animation:move-text-left 3s infinite;
   -webkit-animation-delay:0s;
   -webkit-animation-iteration-count:1;		
	
}	
	
.carousel-caption a.btn{	
	float: left;
	margin-top: 35px;
	
   position:relative;
   animation:text-fade 3s infinite;
   animation-delay:0s;
   animation-iteration-count:1;
   -webkit-animation:text-fade 3s infinite;
   -webkit-animation-delay:0s;
   -webkit-animation-iteration-count:1;		
		
}	
	
	
@media (min-width: 1px) and (max-width: 767.98px) {
	.carousel-caption p.text-1,
	.carousel-caption p.text-2{	
		font-size: 34px;
		padding-left: 40px;
		padding-right: 40px;
	}	
	.carousel-caption a.btn{
		margin-left: 40px;
		margin-right: 40px;		
	}	
}	
	
	
	
img.img-slide{
 	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center ;
}		
	

@keyframes move-text-right
 {
   from {
     left: -200px;
	 opacity: 0;
   }
   
   to {
      left: 0px;
	 opacity: 1;  
   }

}	
	
@keyframes move-text-left
 {
   0% {
     left: 200px;
	 opacity: 0;
   }
	 
   25% {
     left: 200px;
	 opacity: 0;
   }	 
   
   100%  {
      left: 0px;
	 opacity: 1;  
   }

}	
	
@keyframes text-fade
 {
    0% {
	 opacity: 0;
   }
	 
    35% {
	 opacity: 0;
   }	 
   
    100%{
	 opacity: 1;  
   }

}	
	

/* ----------------------------------------  home.php ---------------------------------------- */
	
.home-content {	
	position: relative;
	padding: 85px 25px;
}		
	
.home-img {	
	display: block;
	position: relative;
	overflow: hidden;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
}	

.home-img img{	
  position: absolute;
  top: 50%;
  left: 60%;
  -webkit-transform: translate(-60%, -50%);
  -ms-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  max-width: 145%;
filter: grayscale(41%) sepia(40%) brightness(108%) contrast(105%);
-webkit-filter: grayscale(41%) sepia(40%) brightness(108%) contrast(105%);
-moz-filter: grayscale(41%) sepia(40%) brightness(108%) contrast(105%);
	
}	
	
	
.home-img-bg {	
	display: block;
	position: relative;
	overflow: hidden;	
}	
	
.home-img-bg img{	
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}	
	
.home-img-opacity{	
	opacity: .2;
}		
	
#home-category {	
	background: #e5f4ff;	
	padding-top: 65px;	
	padding-bottom: 65px;	
}	
	
#home-category .card{	
	background: #002a4d;
	border: 0;
	
}
	
#home-category .card:hover{	
	background: #00cca0;
	border: 0;
	transition: .15s ease-in-out;	
}	
	
	
	
#home-category .image{	
	height: 380px;
	overflow: hidden;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}	
	
#home-category .image img{	
	height: 100%;
	object-fit: cover!important;
	transition: transform .3s;
}	
	
#home-category .card:hover .image img{	
	transform: scale(1.2);
	transition: transform .3s;
}	
		
@media (min-width: 576px) and (max-width: 767.98px) {
	#home-category .image{	
		height: 280px;
	}
}	
	
@media (max-width: 575.98px) {
	#home-category .image{	
		height: 220px;
	}
}	
	
	
#home-category h3{	
	padding: 12px;
	font-size: 22px;
	color: #fff;
}	
	
	
	
#home-post {	
	color: #fff;
	background: #002a4d;	
	padding-top: 65px;	
	padding-bottom: 65px;	
}	
	
#home-post .card {	
	border: 0;
	border-radius: 3px;
	overflow: hidden;
}	
	
#home-post .image {	
	overflow: hidden;
	padding-right: 5px !important;
	margin: 0;	
	height: 300px;
}
	
@media (min-width: 0px) and (max-width: 440px) {
	#home-post .image {	
		overflow: hidden;
		padding-right: 5px !important;
		margin: 0;	
		height: 350px;
	}
}	
	
#home-post .image img{	
	height: 100% !important;
	object-fit: cover;
}	

	
	
	
	
#home-post .content h4{
	font-size: 22px;
	line-height: 1.2em;
	padding-right: 8px;
	font-weight: bold;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}	
	
#home-post .content p{
	font-size: 16px;
	line-height: 1.4em;
	color: #555;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 20px !important;
}	
	
#home-post .btn{
	float: right;
	margin: 8px;
	
	padding: 4px 32px;
}	
	
/* ---------------------------------------- post.php ---------------------------------------- */
.post-header {	
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: #e5f4ff;
}	
	
.post-header img{	
	width: 100%;
	height: auto;
	filter: blur(20px) opacity(70%);
	transform: scale(1.2);
}
	
.post-content {	
	padding-top: 65px;
	padding-bottom: 65px;	
}	
	
	
.post-related {	
	padding-top: 0px;
	padding-bottom: 65px;	
}	
	
	
.post-related .card{	
	border-radius: 3px;
	border: 1px solid #eee;
    overflow: hidden;
	transition: .15s ease-in-out;
}	
	
.post-related .card:hover{	
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,.099);
	transition: .15s ease-in-out;
}	

.post-related .card .image{	
	width: 100%;
	height: 350px;
	overflow: hidden;
}	
	
.post-related .card .image img{	
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s;
}		

.post-related .card:hover .image img{		
	transform: scale(1.2);
	transition: transform .3s;
}	
	
	
.post-related .card .content{	
	padding: 4px 8px 10px 8px
}	
	
.post-related .card .content p{	
	min-height: 6em;
}	
	
.post-related h2.entry-title{	
	color: #001c33;
	font-weight: 400;
	font-size: 1.6rem;
	padding: 10px 0;
}
	
/* ---------------------------------------- #archive-loop archive-loop.php ---------------------------------------- */	
#archive-loop .card{	
	border-radius: 3px;
	border: 1px solid #eee;
    overflow: hidden;
	transition: .15s ease-in-out;
}		
	
#archive-loop .card:hover{	
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,.099);
	transition: .15s ease-in-out;
}		
	
#archive-loop .card .item-img{	
	height: 250px;
	overflow: hidden;
}	
	
#archive-loop .card .item-img img{	
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s;
}	
	
#archive-loop .card:hover .item-img img{		
	transform: scale(1.2);
	transition: transform .3s;
}	
	
#archive-loop .card h2 a{	
	color: #002a4d;
}		
	
#archive-loop .card h2 a:hover{	
	color: #00cca0;
}	
	
#archive-loop .card .item-content{	
	min-height: 8em; 
	padding: 0 12px;
}	
	
#archive-loop a.btn{	
	margin: 0 auto 10px;
}	
	
/* ---------------------------------------- category.php #pagenation ---------------------------------------- */		
.page-numbers{	
	padding: 8px 16px;
	border: 1px solid #00cca0;
	color: #00cca0;
	margin: 2px;
	border-radius: 3px;
}
	
.page-numbers:hover{	
	background: #00cca0;
	border: 1px solid #00cca0;
	color: #fff;
}	
	
.current {	
	background: #00cca0;
	border: 1px solid #00cca0;
	color: #fff;
}	
	



	
	

		
	

/* ---------------------------------------- #custom-fields (card) ---------------------------------------- */	
#custom-fields {	
	border-radius: 8px;
	border: 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
	overflow: hidden;
}	
	
#custom-fields img{	
	width: 100%;
	height: 100%;
	object-fit: cover;
}	
		

#custom-fields ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#custom-fields ul li{
	text-align: left;
}	
	
#custom-fields ul li::before{
	font-family: "Bootstrap-icons", sans-serif;
	content: "\F270";
	padding-right: 6px;
	color: #7A96C1;
}		
	
#custom-fields .item-blue-1 {
	font-size: 1.2em;
	font-size: bold;
	color: #002a4d;
	background: #e5f4ff;
	font-weight: bold;
}		
	
#custom-fields .item-blue-2 {
	font-size: 1.2em;
	font-size: bold;	
	color: #fff;
	background: #002a4d;
}	
	
#custom-fields  a.item-blue-2:hover{	
    background: #00cca0;

}	
	
	
/* ---------------------------------------- #form ---------------------------------------- */		
#form {	
	margin-top: 50px;
	border-radius: 8px;
	border: 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
	padding: 20px;
}	
	
#form label{	
	color: #000;
	font-weight: bold;
}	
	
.form-control::placeholder {
            color: #000;
            font-size: .8em;
	        opacity: .5;
}
	
	

#form input:focus-within,
#form select:focus-within,	
#form textarea:focus-within	{
  background: #e5f4ff;
  color: #000;
}
	
#form input[readonly] {
  border-style: dotted;
  cursor: not-allowed;
  color: #777;
}	
	
#form INPUT[type="checkbox"] {
  background: #fff;
  width: 17px;
  height: 17px;
  padding: 0 6px 12px 0;
  border-radius: 0;
  border: 0 !important;
  box-shadow: 0 0 0 2px #00cca0;
}	
	
#form  INPUT .wpcf7-quiz,
#form  INPUT .quiz {
 width: 100% !important;
}		

	
/* ---------------------------------------- #footer ---------------------------------------- */	
#footer {
	padding-top: 25px;
	padding-bottom: 5px;
	color: #fff;
	background: #001c33;	
}	
	
#footer p{
	font-size: .9em;
	color: #fff;
	opacity: .6;
}	
	
#footer a{
	color: #fff;
	opacity: .6;
}	
	
#footer a:hover{
	color: #fff;
	opacity: 1;
}		
	
	
	
.max-width {
	max-width: 60px !important;
}