/*
Theme Name:     tis-hello-elementor
Description:
Author:         Gabriel Lewertowski
Template:       hello-elementor

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Black.otf);
	font-weight: 800;
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Bold.otf);
	font-weight: 700;
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Medium.otf);
	font-weight: 500;
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Book.otf);
	font-weight: 400;
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-Light.otf);
	font-weight: 300;
}

@font-face {
    font-family: Gotham;
    src: url(fonts/Gotham-ExtraLight.otf);
	font-weight: 200;
}

html {
	font-size: 1.2em;
	--header-height: 5rem;
	--page-footer-height: 15rem;
}

body {
	font-family: Gotham, sans-serif;
	line-height: 1;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2.5rem;
}

h1,h2,h3 {
	text-align: center;
}

a {
	color: orange;
}

section {
	padding: 3em 1em;
}

header#site-header .elementor-row {
	height: var(--header-height);
}

footer {
	padding: 2em;
	font-size: 0.8rem;
	color: white;
}

footer p {
	margin-bottom: 0 !important;
}

footer .elementor-nav-menu a {
	color: white;
	font-size: 0.8rem;
	padding: 0.4em 0 !important;
}

footer h4 {
	font-size: 1rem;
	display: inline-block;
	border-bottom: 1px solid orange;
	padding-bottom: 0.3em !important;
	color: orange;
}

.tis-btn {
	font-size: 1.2rem;
	border-radius: 10px;
	padding: 0.5em 1em;
	display: inline-block;
}

.tis-btn-transparent {
	background-color: transparent;
	color: white !important;
	border: 1px solid white;
}

.tis-btn-white {
	background-color: white;
	color: #f39220 !important;
}

.tis-btn-orange {
	color: orange !important;
	border: 1px solid orange;
}

.orange-gradient-bg {
	background: linear-gradient(315deg, #f8a645, #f04824);
	color: white;
}


.tis-icon-list {
	margin-left: 1.5em;
    font-size: 1.2rem;
}

.tis-icon-list li {
	list-style: none;
	text-indent: -1.5em;
	margin: 1em 0;
}

.tis-icon-list li:before {
    content: '';
    width: 1em;
    height: 1em;
	margin-right: 0.5em;
	display: inline-block;
    background-image: url('/wp-content/uploads/sites/7/2019/09/1.Bullet_Point.png');
    background-size: cover;
	vertical-align: middle;
}

.elementor-nav-menu--dropdown a:hover {
	color: black !important;
}

header nav {
	font-size: 0.8rem;
}



.tis-page-header {
	margin-top: -5rem;
	height: 25rem;
	display: flex;
	align-items: center;
}

.tis-page-header h1 {
	color: white;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.5em;
}

.tis-page-header strong {
	font-weight: 500;
}

.tis-page-footer {
	height: var(--page-footer-height);
}

#comments {
	padding: 0;
}

/* landing page */
#give-the-software {
	margin-top: -5em;
}

#give-the-software h1 {
	text-align: left;
}

#our-products h4 {
	line-height: 1;
}

#increase-your-trust p {
	font-weight: 500;
}

#increase-your-trust img {
	width: 35%;
}

#what-makes-us-different {
	font-size: 1.2rem;
}

#what-makes-us-different li {
	margin: 1em 0;
}

.tis-menu-horizontal-sticky nav {
	justify-content: center;
	margin: 1em 0;
}

.tis-menu-horizontal-sticky a {
	color: #f39220;
	padding: 0 1em !important;
}

.tis-menu-horizontal-sticky .elementor-item-active {
	font-weight: bolder;
}

.tis-menu-horizontal-sticky li:not(:last-child) {
    border-right: 2px solid #f39220;
}

.tis-product-heading h4 {
	font-weight: 400 !important;
	font-style: italic;
}

.tis-product-description p {
	text-align: left;
}

#tis-mitre-cwe dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}
  
#tis-mitre-cwe dt::after {
    content: ":";
}

#tis-mitre-cwe dd {
	margin-bottom: 0.5em;
	margin-left: 6em;
}

.tis-offer-box .elementor-widget-image {
	width: 20%;
	max-width: 20%;
}

.tis-offer-box .elementor-widget-heading {
	width: 80%;
	max-width: 80%;
	padding-right: 8%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tis-offer-box .elementor-widget-text-editor {
	margin: auto 1em auto 1em;
	text-align: center;
}

.tis-offer-box {
	color: white;
}

.tis-capability {
	min-height: 250px;
}

.tis-latest-news {
	color: white;
	border-radius: 25px;
	padding: 20px;
	font-size: 30px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}


.tis-latest-news .tis-latest-news-header {
	display: flex;
	justify-content: space-between;
}

.tis-team-name {
	color: orange;
	text-align: center;
	margin-top: 1em;
}

.tis-team-position {
	text-align: center;
}

#tis-blog-posts-grid article .elementor-post__excerpt {
	margin-bottom: 4em !important;
}

#tis-blog-posts-grid article .elementor-post__text {
	flex-grow: 1;
	position: relative;
}

#tis-blog-posts-grid .elementor-post__read-more {
	position: absolute;
	bottom: 0;
	right: 1em;
	font-size: 1em;
	font-weight: normal;
	border-radius: 10px;
	padding: 0.5em 1em;
	border: 1px solid;
}

#tis-category-posts-grid .elementor-post__text {
	width: 100%;
}

#tis-category-posts-grid .elementor-post__title {
	text-align: left;
	font-size: 1.5rem !important;
}

#tis-category-posts-grid .elementor-post__excerpt {
	display: inline-block;
	font-size: 1rem !important;
	line-height: 1 !important;
	color: black !important;
}

.elementor-post__excerpt p {
	color: black !important;
}

.elementor-post__excerpt p::after {
	content: " […]"
}

.elementor-pagination {
	margin: 1em;
}

.elementor-pagination .page-numbers {
	border: 1px solid;
	border-radius: 5px;
	padding: 0.2em 0.5em; 
}
	
/* For tablets */
@media only screen and (max-width:1024px) {
	html {
		font-size: 1.1em;
	}
}

/* For smartphones */
@media only screen and (max-width:767px) {
	html {
		font-size: 1em;
	}
	
	.tis-page-header {
		height: 100vh;
	}
}