/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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
*/

/* Add your custom styles here */

:root{
	--blue:#0099FF;
	--salmon:#E1341E;
	--lightblue:#9dc8eb;
	--skyblue:#d8ebfa;
}

html {
	 box-sizing: border-box; 
	 background: #333;
}

html * {
	box-sizing: inherit; 
}

body (
	background: #fff;
)

ul {
	margin:0 0 20px 0;
	padding: 0 0 0 25px;
}

/* header
----------------------------------------*/
.hero-count-on {
	color: var(--blue);
	font-weight:bold;
	letter-spacing: 3px;
}

/* portfolio
----------------------------------------*/

.wwd-portfolio {
	display:flex;
	flex-wrap: wrap;
	gap: 20px;
}

.wwd-portfolio .portfolio-item {
	flex: 0 0 calc(33.333% - 20px); 
	text-align:center;
	padding: 0 0 30px 0;
}

.wwd-portfolio .portfolio-item img{
	padding: 3px;
	border: solid 1px #ccc;
}

.wwd-portfolio .portfolio-item h3.portfolio-item-title {
	font-size:18px;
	padding:0;
	margin: 0;
}

.wwd-portfolio .portfolio-item h3.portfolio-item-title,
.wwd-portfolio .portfolio-item h3.portfolio-item-title a {
	color: #333;
}

.wwd-portfolio .portfolio-item h3.portfolio-item-title a:hover {
	color: #0099FF;
}

/* post navigation
----------------------------------------*/
.elementor-post-navigation {
	flex-direction: row-reverse;
}

.elementor-post-navigation a {
	background: #fff;
	border: solid #ccc 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	padding: 5px;
}

.elementor-post-navigation a:hover {
	background: #f3f3f3;
}

.elementor-post-navigation .elementor-post-navigation__next a {
	flex-direction: row-reverse;
}

.elementor-post-navigation .elementor-post-navigation__prev a {
	flex-direction: row-reverse;
}

/* Tablet Styles */
@media (max-width: 1024px) {
   
}

/* Mobile Styles */
@media (max-width: 767px) {
    
}