/* 
Theme Name: 2A INCORP
Theme URI: #
Version: v3
Author: Saman Aldaqi
Author URI: sam.aldaghi@gmail.com
*/


@import url('assets/clash-grotesk.css');
@import url('assets/satoshi.css');
html {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1;
    color: #333;
    overflow-x: hidden;
	font-family: 'ClashGrotesk-Variable';
	font-family: 'Satoshi-Variable';
    -webkit-font-smoothing: subpixel-antialiased;
}
*+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul {
    margin: 5px 0;
}
html[dir="rtl"] .uk-navbar-dropdown:before {
	 left: auto;
	 right: 16px;
	
}
.uk-link, a {
    color: #333;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 500;
	
	font-family: ClashGrotesk-Variable;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {

}

:root {
	scroll-behavior: auto;
	
	
}

body {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	color: #353535;
	overflow-x: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	

}

a {
	transition: 0.3s all;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    font-family: inherit;
	
    color: #111;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-weight: 600;
    color: #333;
    text-transform: none;
}
.logo {
	margin-right: 15px;
	img {
		height: 50px;
        object-fit: contain;
	}
}

#top-header {
	.top-hero-image {
        z-index: -1;
		position:absolute;
	}

	.uk-navbar-dropdown {

		width: 300px;
	}

	.uk-navbar-dropdown-nav>li>a:hover {
		color: #222;
	}

	.uk-navbar-dropdown-nav>li>a {
		color: #555;
	}
	.uk-subnav {

		margin-bottom: 0;
	}
}


.section-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

	
	& > * {
		margin: 0;
		padding: 0;
	}
	.line {
        height: 1px;
        width: 100%;
        margin: 0 15px;
        background: linear-gradient(90deg, rgba(0, 115, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
	}
	a {
		
	}
	
}
.home-slideshow {

	img {
    background: #f1f1f1;
    width: 100%;
    object-fit: contain;
    height: 100%;
/***
background:
      conic-gradient(at 10% 50%,#0000 75%,#ffffff 0),
      conic-gradient(at 10% 50%,#0000 75%,#ffffff 0) calc(1*32px) calc(3*32px),
      conic-gradient(at 10% 50%,#0000 75%,#ffffff 0) calc(2*32px) calc(1*32px),
      conic-gradient(at 10% 50%,#0000 75%,#ffffff 0) calc(3*32px) calc(4*32px),
      conic-gradient(at 10% 50%,#0000 75%,#ffffff 0) calc(4*32px) calc(2*32px),
      conic-gradient(at 50% 10%,#0000 75%,#ffffff 0) 0 calc(4*32px),
      conic-gradient(at 50% 10%,#0000 75%,#ffffff 0) calc(1*32px) calc(2*32px),
      conic-gradient(at 50% 10%,#0000 75%,#ffffff 0) calc(2*32px) 0,
      conic-gradient(at 50% 10%,#0000 75%,#ffffff 0) calc(3*32px) calc(3*32px),
      conic-gradient(at 50% 10%,#0000 75%,#ffffff 0) calc(4*32px) calc(1*32px),
      #e9ebf2;
background-size: 160px 160px;

**/

background-image: linear-gradient(#ffffff 2px, transparent 2px), linear-gradient(to right, #ffffff 2px, transparent 2px);
        background-size: 40px 40px;
        background-color: #f6f7f9;
	}

	.uk-dotnav>*>* {
		transition: 0.3s all;
		width: 8px;
		height: 8px;
		background: #dbdadf;
		border: 0;
		border-radius: 4px;
	}
	.uk-dotnav>.uk-active>* {
		background-color: #0374ff;
		border-color: transparent;
		width: 20px;
		border-radius: 5px;
	}
	.uk-dotnav>.uk-active>*:focus {
		
		box-shadow: 0 0 0 1px #faf9fb, 0 0 0 3px #0374ff;
	}

	.uk-dotnav {
		height: 15px;
	}


}
.post-taxonomies > p {
    margin: 10px 0 0px 0;
}
.report-card {
    background: #f3f6f9;
    margin-top: 65px;
	
	
	.uk-card-media-top {
		width: 90%;
		margin: 0 auto;
		
		img {
			margin-top: -50px;
			margin-bottom: -20px;
			border-radius: 5px;
		}		
		
		
	}
	.uk-card-title {

        font-size: 1.2rem;
	}
	.taxonomies p {
		font-size: 13px;
		margin: 0;
		opacity: 0.8;
	}
}


.blog-card {
    background: #f3f6f9;
	
	.uk-card-body {
		padding: 20px;
	}
	
	.taxonomies p {
		font-size: 13px;
		margin: 0;
		opacity: 0.8;
	}	
	
}