/*
Theme Name: GIS Pro - GIS Data Consulting
Theme URI: https://layercayk.com
Author: https://layercayk.com
Author URI: https://layercayk.com
Description: Custom built theme.
Version: 1.0
wpBoiler WordPress Theme © 2011-2026
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


@font-face {
    font-family: "Px Grotesk Regular";
    src: url("https://db.onlinewebfonts.com/t/9527a4c4f55e8075eb6a60fe577d89c4.eot");
    src: url("https://db.onlinewebfonts.com/t/9527a4c4f55e8075eb6a60fe577d89c4.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/9527a4c4f55e8075eb6a60fe577d89c4.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/9527a4c4f55e8075eb6a60fe577d89c4.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/9527a4c4f55e8075eb6a60fe577d89c4.svg#Px Grotesk Regular")format("svg");
}

.flex.flex-v-h-center.load-more-container .max-width-wrapper {
    margin: auto;
    max-width: 1471px;
}

.home .header-banner .header-images {
	height: 474px;
}
.home .header-banner .header-images img.dashboard--image {
	transform:scale(1.2);
}
.single .the-content ul {
    list-style: outside;
    margin-left: 15px;
    width: calc(100% - 15px);
	margin-bottom:15px;
	color:#575757;
	font-size:16px;
}
.display-blog-post .card {
	animation:fadeInUp .6s 1;
	animation-fill-mode:forwards;
	top:15px;
}
button.filter-button.flex.flex-v-center {
	display:none;
}
@keyframes fadeInUp {
	0%{
		opacity:0;	
		top:15px;
	}
	100%{
		opacity:1;
		top:0;
	}
}
.single .the-content ol {
	list-style: num;
    margin-left: 15px;
    width: calc(100% - 15px);
	margin-bottom:15px;
	color:#bf4444;
	font-size:16px;
}
.loader {
      width: 48px;
      height: 48px;
      border:10px solid #FFF;
      border-radius: 50%;
      position: relative;
      transform:rotate(45deg);
      box-sizing: border-box;
    }
    .loader::before {
      content: "";
      position: absolute;
      box-sizing: border-box;
      inset:-10px;
      border-radius: 50%;
      border:10px solid #FF3D00;
      animation: prixClipFix .3s infinite linear;
    }

    @keyframes prixClipFix {
        0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
        25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
        50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
        75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
        100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
    }
      
.single span.entry-date,
.single span.author.vcard {
    display: none;
}

@media(max-width:1100px){
	.home .header-banner .header-images img.dashboard--image {
		transform:scale(1);
		margin-top:-400px;
		position:absolute;
	}
	button.filter-button.flex.flex-v-center {
		display:block;
		padding: 15px;
        margin: 5px;
        background: #bf4444 !important;
        color: #fff;
        margin-bottom: 15px;
		max-width:75px;
	}
	.buttons-wrap {
		display:none !important;
	}
	.buttons-wrap.active {
		display: block !important;
        animation: fadeInUp .6s 1;
        animation-fill-mode: forwards;
        opacity: 0;
        position: absolute;
        left: 0;
        margin-top: 97px;
        z-index: 99;
        background: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        margin-left: 31px;
        width: calc(100% - 60px) !important;
		padding-top:15px;
	}
	.buttons-wrap.active button {
		width: 100%;
		text-align: left;
		padding-left: 30px;
	}
}

@media(max-width:800px) {
	.display-blog-post .tags-container.max-width-wrapper button {
		padding-bottom: 5px;
		padding-top: 5px;
	}
}