/* 
Theme Name: Thirteen05 Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Thirteen05 Elementor is a child theme of Hello Elementor
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* GLOBAL */
body a {color:#7ac142;}

	/* COLORS */
	.green {color: #7ac142;}


/* PAGE - HOMEPAGE */
#services {
			position: relative;
			width:100%;
			border-radius:50%;
			border:solid 3px #7ac142;
		}
		#services:after {
			content:"";
			display: block;
			padding-bottom:100%;
		} 
		#services svg {
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			-webkit-transform: rotate(30deg);
			-ms-transform: rotate(30deg);
			-o-transform: rotate(30deg);
			transform: rotate(30deg);
		}
		#services svg path {
			stroke:#ccc;
			fill:#fff;
			transition:250ms;
			cursor:pointer;
			

		}
		#services svg path.active,
		#services svg path.active.hover {
			fill:#7ac142;
			stroke:#7ac142;
		}
		#services svg path.hover {
		    fill:#eee;
			stroke:#7ac142;
		}
		.service-description {
			display:none;
		}
		.service-description.active {
		    display:block;
		}
		#services .service-labels {
			position: absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
			pointer-events: none;
		}
		#services .service-labels .service-label {
			position: absolute;
			font-family:"Rokkitt", sans-serif;
			font-size:1.5vw;
			text-align:center;
			line-height: .85em;
			text-transform: capitalize;
		}
		#services .service-labels .service-label i {
		    display: block;
		    color:#7ac142;
		    padding-bottom: 10px;
		} 
		#services .service-labels .service-label.hover {
		}
		#services .service-labels .service-label.hover i {
		    color:#7ac142;
		}
		#services .service-labels .service-label.active,
		#services .service-labels .service-label.active.hover {
			color:#fff;
		}
		#services .service-labels .service-label.active i,
		#services .service-labels .service-label.active.hover i {
		    color:#fff;
		}
		#services .service-labels #service-1-label {
			top:13%;
			left:42%;
		}
		#services .service-labels #service-2-label {
			top:32%;
			left:70%;
		}
		#services .service-labels #service-3-label {
			top:62%;
			left:70%;
		}
		#services .service-labels #service-4-label {
			top:80%;
			left:38%;
		}
		#services .service-labels #service-5-label {
			top:59%;
			left:10%;
		}
		#services .service-labels #service-6-label {
			top:27%;
			left:10%;
		}
		.service-center {
			position: absolute;
			top:50%;
			left:50%;
			-webkit-transform: translateX(-50%) translateY(-50%);
			-ms-transform: translateX(-50%) translateY(-50%);
			-o-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background-color:#fff;
			border:solid 3px #7ac142;
			width:185px;
			height:185px;
			border-radius:50%;
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
		}
		.service-icon {
		    font-size:60px;
		    color:#7ac142;
			display: none;
		}
		.service-icon.hover,
		.service-icon.active {
			display: block;
		} 

/* PAGE - BLOG */
body.blog header.page-header {
	display: none;
}

body.blog .page-content {
	padding-bottom: 75px;
}


/* PORTAL FORMS */
#portal-forms {
	display:flex;
	flex-wrap:wrap;
}
#portal-forms small {
	color:#ccc;
	font-size:12px;
	display:block;
}
#portal-forms .category:before {
	
	content:"Category:";
	display:inline-block;
		font-weight:bold;
	margin-right:5px;
}
#portal-forms .category {
	margin-top:5px;
	display:inline-block;
	border-radius:5px;
	font-size:12px;
}
#portal-forms .filter {
	max-width:250px;
	width:250px;
	min-width:250px;
	margin-right:40px;
}
#portal-forms .filter h3 {
	font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
#portal-forms .filter ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#portal-forms .filter ul li {
	padding:0;
	margin:0;
	list-style-type:none;
	border-bottom: solid 1px #eee;
    padding: 8px 0;
    font-size: 13px;
}
#portal-forms .filter ul li label {}
#portal-forms .filter ul li label input {
	margin-right:5px;
}
#portal-forms #portal-forms-search {
	max-width: 100%;
    width: 100%;
    background-color: #eceeef;
    border: none;
    padding: 13px;
    margin-bottom: 15px;
    border-radius: 5px;
}
#portal-forms .pagination {
	max-width: 100%;
    width: 100%;
	flex-grow:1;
	list-style-type:none;
	padding:0;
	margin:20px 0 0 0;
	display:flex;
	align-items:center;
	justify-content:center;
}
#portal-forms .pagination li {
	padding:0;
	margin:0;
	list-style-type:none;
}
#portal-forms .pagination li a {
    border: solid 1px #eceeef;
    color: #252525;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
	font-weight:bold;
}
#portal-forms .pagination li.active a {
	background-color:#7ac142;
	color:#fff;
	border-color:#7ac142;
}
#portal-forms ul.list {
	padding:0;
	margin:0;
	list-style-type: none;
	flex-grow:1;
}
#portal-forms ul.list li {
	margin:0 0 5px 0;
	padding:20px;
	border:solid 1px #eee;
	display: flex;
	align-items: center;
	box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
}
#portal-forms ul.list li .buttons {
	margin-left:auto;
}
#portal-forms ul li .buttons a {
	margin-left:5px;
	border:solid 1px #7ac142;
	color:#7ac142;
	display: inline-block;
	padding:7px 30px;
	font-size: 14px;
}
#portal-forms ul.list li .buttons a:hover {
	color:#fff;
	background-color:#7ac142;
}
#portal-forms ul.list li .buttons a i {
	margin-right:5px;
}


/* MEDIA QUERIES */
@media (max-width: 500px) {
	.bg-green-grey {
		background-color: #7ac142 !important;
		background-image: none !important;
	}
}