/*
Theme Name: Dreven
Version: 1.0
Author: Draxis
Author URI: https://draxis.gr/
Template: extension

LOGO GREEN: #1BBCB6
GREEN: #259844
*/

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');

/*@font-face { font-family:'Font Awesome 6 Free'; font-style:normal; font-weight:300; font-display:block; src:url("../extension/assets/font-icons/webfonts/fa-light-300.woff2") format("woff2"), url("../extension/assets/font-icons/webfonts/fa-light-300.ttf") format("truetype"); } .fal { font-family: 'Font Awesome 6 Free' !important; font-weight: 300; }*/

:root { --main-color:#259844; }
::selection { text-shadow:none; background:var(--main-color); }
a, a:focus, a:active { color:var(--main-color); }
a, a:hover, a:focus, a:active, a.active, button:focus, button:active { outline:0; }
body { position: relative; min-height:100vh; font-size:16px; }
body, h1, h2, h3, h4, h5, h6, p { font-family:'Poppins', sans-serif; }
ul ul { margin-left:12px; }
li { margin-top:2px; }
.tc { text-align:center }
table { border:none; }
td, th { padding:4px 0; border:none; }
/* #page { padding-bottom:95px; / *footer height* /  } */

/* HEADER */
#page .main-header { margin-top:0; }
#sticky-header-sticky-wrapper { height:90px !important; transition:all 0.3s ease-in-out; }
#sticky-header { padding: 20px 0; background-color: rgba(255,255,255,.7); }
#sticky-header:hover { background-color:rgba(255, 255, 255, 0.95); }
.is-sticky #sticky-header { background-color:rgba(255, 255, 255, 0.95); height:60px; padding:0; }
#site-branding img { height:50px; max-height:50px; }
.is-sticky #site-branding img { height:40px; max-height:40px; margin-top:10px; }
#site-navigation { text-align: right; margin-right:10px; }
#site-navigation li a { height:40px; line-height: 40px; margin-top: 10px; color: #222; font-size:15px; font-weight:600; letter-spacing:0.05em; }
#site-navigation li a:hover, #site-navigation li.current-menu-item a { color:var(--main-color); }
#site-navigation li::before { background-color:transparent; }
@media only screen and (max-width:980px) {
	header .top-header { position:relative !important; }
	header .main-header { margin-top:0 !important; }
}

body.home #content { padding:0; }

/* SLIDER */
.slider-footer { padding:30px !important; background:#2bbcb5; opacity:0.8 !important; width: 100%; }
.find_about_us { display: flex; align-items: center; flex-direction:row; }
.find_about_us h2 { flex:1; margin:0 !important; color:#fff; font-size:28px; font-weight:300; line-height:28px !important; }
.find_about_us p { padding:0; margin:0; }
.find_about_us a {  position:relative; padding:10px 28px !important; border:2px solid #fff !important; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; }
.find_about_us a::before { content: ''; position:absolute; left:0; top:0; width:0%; height:100%; background-color:transparent; transition:all 0.3s ease-in-out; }
.find_about_us a:hover::before { width:100%; background-color:rgba(0,0,0,0.1); }


/* SERVICES boxes */
.boxes .elementor-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr; grid-gap:0; }
.boxes .elementor-container .elementor-column { min-width:100%; }
.boxes .elementor-widget-icon-box, .boxes .elementor-widget-icon-box .elementor-widget-container { min-height:100%; }
.boxes .elementor-icon-box-content { margin-bottom:20px; }
.boxes .read-more { position:absolute; bottom:0; right:0; margin-right:15px; padding:4px 10px; font-size:14px; border-top:1px solid #eee; border-left:1px solid #eee; transition:background .3s; }
.boxes .elementor-widget-icon-box .elementor-widget-container:hover .read-more { background-color:var(--main-color); }
.boxes .elementor-widget-icon-box .elementor-widget-container:hover .read-more a { color:#fff; }
@media only screen and (max-width:1100px) {
	.boxes.services .elementor-container { grid-template-columns:1fr; }
}



/* PRINCIPLES */
@media only screen and (max-width:980px) {
	.boxes.principles .elementor-container { grid-template-columns:1fr 1fr; }
}
@media only screen and (max-width:700px) {
	.boxes.principles .elementor-container { grid-template-columns:1fr; }
}

/* SERVICES */
.service li::before { font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f105"; margin:0 10px 0 5px; }

/* CONTACT */
.contact-details i { color:#777; }
.contact-details a { color:#222; }
.contact-details a:hover { color:var(--main-color); }
input, textarea { margin-bottom:10px !important; }
input:focus, input:focus-visible, textarea:focus, textarea:focus-visible { outline:none !important; }
span[data-name="quiz-math"] { display: inline-block; float: left; }
span[data-name="quiz-math"] input.quiz { width:50px; height:36px; }
button, input[type="button"], input[type="submit"] { background-color:#222; float:right; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:var(--main-color); }
.wpcf7-not-valid-tip { font-size:12px; margin-top:-10px; }
.wpcf7 form .wpcf7-response-output { /*margin-top:1em;*/ border-width:1px; }


/* FOOTER */
footer p { font-size:14px; }
/*footer { position:absolute; bottom: 0; width:100%; height:95px; }*/
.elementor-widget-icon-box a:after { content:""; display:block !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } 
.elementor-widget-icon-box:hover a.elementor-icon { fill:var(--main-color) !important; color:var(--main-color) !important; border-color:var(--main-color) !important; }
footer .elementor-widget-icon-box:hover .elementor-icon-box-description { text-decoration:underline; }


/*.backtop { position:absolute; top:-66px; left:50%; width:90px; height:60px; margin:0 0 0 -45px; font-size:30px;  line-height:40px; color:#a6a6a6; background-color: #242424; border-radius: 100% 100% 0 0; z-index: 115; }
.backtop:hover { color:#fff; }
.site-info {  background-color:#242424; }
.site-info .copyright { font-size:16px; font-weight:300; color:#fff; }*/