/* 
Theme Name: Hello Elementor Child by Konrad Jędrosz
Theme URI: https://konradjedrosz.com/wp-themes/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Konrad Jędrosz
Author URI: https://konradjedrosz.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
*/

:root {
  --primary-color: #223189; /*dark blue*/
  --secondary-color: #92C653; /*green*/
}

a{
	color:var( --e-global-color-primary );
}
a:hover{
	color:var( --e-global-color-primary );
	text-decoration:underline;
}

/* MENU */
.site-header .site-navigation ul.menu li a {
	color:#fff;	
}
.site-header .site-navigation ul.menu li a:hover {
	color:#fff;	
	text-decoration:none;
}
.site-header .site-navigation ul.menu li:hover{
	border-bottom:2px solid #96BBF7;
}
.site-header .site-navigation ul.menu li.current_page_item {
	border-bottom:2px solid #fff;	
}
.site-navigation-toggle-holder .site-navigation-toggle{
	color: #fff;
}
.site-navigation-dropdown ul.menu li.current-menu-item a{
	background: #fff;
	color: #55595c;
}

.site-footer{
	margin-top:30px;
}
.site-footer .footer-inner .copyright a{
	font-size:0.75rem !important;
	font-weight:normal !important;
	color:#fff !important;	
	text-decoration:underline;
}

/*CONTACT FORM 7*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 16px;
color: var( --e-global-color-primary ) !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top:10px;
}
.wpcf7-submit {
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 14px;
font-weight: 500;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 0.3em 1.5em!important;
line-height: 1.7em;
background: var( --e-global-color-primary ) !important;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 300ms ease 0ms;
}

/*GO TO TOP BTN*/
#goToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 0; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ddd; /* Set a background color */
  color: var( --e-global-color-accent ); /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 5px 0 0 5px; /* Rounded corners */
  font-size: 16px; /* Increase font size */
}

/***************/

main#content .page-header{
	margin-top:30px;
}
#custom-page-header{
	padding:30px 60px;
	margin-bottom:20px;
}
label{
	width:100% !important;
}
hr{
	border:1px solid #a8a8a8;
	margin:10px auto !important;
}
table th{
	text-align:left !important;
}
.search-form{
	margin-bottom:20px;
}
.search-form label{
	width:70% !important;
}
blockquote{
	border-left:8px solid #92C653;
	padding-left:20px;
	font-size:1.5rem;
	font-style: italic;
}
blockquote p{
	font-style: italic;
}
.post .wp-post-image{
	width:200px;
	float:left;
	margin:0 20px 20px 0;
}
article.post{
	clear:both;
	margin-bottom:50px;
}



/* POPUP */
#popup-overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	
}
#popup-content{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 14px;
	background: #fff;
	border-radius:3px;
	width:80vw;
	height: 80vh;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	padding: 20px;
}
#popup-close{
	float:right;
	font-size:2rem;
	font-weight:bold;
	margin-top: -15px;
}