/*

Theme Name: Coperteam Theme

Theme URI: https://github.com/elementor/hello-theme/

Description: Coperteam Theme is a child theme of Hello Elementor, created by Stefanos

Author: Stefanos

Author URI: https://stefanos-choutridis.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

*/

a{
	color: #0080bc;
}

/*HEADER*/
#site-header{
	padding: 0;
}
#site-header > .header-inner{
	align-items: center;
}
.custom-logo-link{
	max-width: 200px;
}

/* header fixing start */
/* Make header/nav full height */
.site-header,
.site-header .container,
nav.site-navigation.show {
    height: 90px;
}

/* UL full height */
nav.site-navigation.show ul {
    height: 100%;
    display: flex;
    align-items: stretch;
}

/* LI full height */
nav.site-navigation.show ul li {
    height: 100%;
    display: flex;
    align-items: stretch;
    padding: 0 5px;
}

/* A full height */
nav.site-navigation.show ul li a {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 14px !important;
    background: transparent;
}

/* Hover bg */
nav.site-navigation.show ul li:hover > a,
nav.site-navigation.show ul li.current-menu-item > a,
.site-navigation ul.menu li.menu-item-has-children:hover:after{
    background: #0080bc;
    color: #fff;
}


/* Bottom border animation */
nav.site-navigation.show ul li a::after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
    height: 2px;
    background: #FFE96B;
    transform: scaleX(0);
    transition: transform .25s ease;
    transform-origin: center;
}

/* Show border */
nav.site-navigation.show ul li:hover > a::after,
nav.site-navigation.show ul li.current-menu-item > a::after {
    transform: scaleX(1);
}

/* header fixing end */

.site-navigation ul.menu li a{
	color: #231f20;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 0 !important;
	transition: all 0.3s linear;
}
.site-navigation-toggle-holder .site-navigation-toggle{
	background-color: transparent;
}
.site-navigation-dropdown ul.menu li.current-menu-item a{
	background: #0080bc;
}

.site-navigation ul.menu li:hover>ul{
    width: 100%;
	left: 5px;
}
.site-navigation ul.menu li:hover>ul>li{
    width: 100%;
	padding: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
}
.site-navigation ul.menu li:hover>ul>li>a{
    width: 100%;
}

/*Home Page*/
.logo-arxiki-center{
	margin-left: auto;
    margin-right: auto;
}
/* Scrollbar width */
*::-webkit-scrollbar {
  width: 2px;
  height: 8px;
}
/* Scrollbar track */
*::-webkit-scrollbar-track {
  background: #000;
  -webkit-box-shadow: none;
}
/* Scrollbar thumb */
*::-webkit-scrollbar-thumb {
  background: #0080bc;
  border-radius: 5px;
  -webkit-box-shadow: none;
}
.ct-highlight{
	background: #FFE96B;
	padding: 4px;
}

/*Epikoinonia Page*/
#ct-form label{
	font-weight: 600;
}
#ct-form input, #ct-form textarea{
	border-radius: 8px;
    margin-top: 8px;
}
#ct-form input[type=submit]{
	background: #000;
    color: #fff;
    font-weight: 600;
}

/* SMART SLIDER HOMEPAGE */
.coperteam-slide-heading > div{
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    line-height: 50px !important;
    letter-spacing: 12px !important;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
}
.coperteam-slide-subheading > div{
    white-space: nowrap;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    letter-spacing: 0px !important;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 0px);
}

/* CT BOXES ANIMATION */
.ct-boxes-animation > div > div, .ct-boxes-animation-2 > div > div{
	height: 300px;
    align-content: center;
    border: 1px solid #dddddd;
	padding: 5px;
}
.ct-boxes-animation > div > div:before, .ct-boxes-animation-2 > div > div:before {
	opacity: 0;
    border: 1px solid #dddddd;
	border-bottom-color: transparent;
    border-right-color: transparent;
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
	top: -1px;
    left: -1px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ct-boxes-animation > div > div:after, .ct-boxes-animation-2 > div > div:after {
	opacity: 0;
    border: 1px solid #dddddd;
	border-bottom-color: transparent;
    border-right-color: transparent;
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
	bottom: -1px;
    right: -1px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ct-boxes-animation > div > div:hover:before, .ct-boxes-animation-2 > div > div:hover:before {
	opacity: 1;
    border: 5px solid #000;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.ct-boxes-animation > div > div:hover:after, .ct-boxes-animation-2 > div > div:hover:after {
	opacity: 1;
    border: 5px solid #000;
    border-top-color: transparent;
    border-left-color: transparent;
}
.hide-box{
	opacity: 0 !important;
}

/* FOOTER Start here*/
#site-footer{
	background: #231f20;
    color: #fff;
}
/* FOOTER Ends here*/

/* EPIKOINONIA Start here */
.ct-contact-form p{
	text-align: center;
}
.ct-contact-form input, .ct-contact-form textarea{
	border: none;
    border-bottom: 2px solid;
    border-radius: 0 !important;
    background: transparent;
}
.ct-contact-form input:focus-visible, .ct-contact-form textarea:focus-visible{
	outline: none !important;
    box-shadow: none !important;
}
.ct-contact-form input[type="submit"]{
	margin-left: auto;
    margin-right: auto;
    display: block;
	transition: all 0.3s linear;
}
.ct-contact-form input[type="submit"]:hover{
	background: #0080bc !important;
}
/* EPIKOINONIA Ends here */

/* MEDIA QUERIES */
@media screen and (max-width: 768px){
	.coperteam-slide-heading > div{
		line-height: 30px !important;
		font-size: 160% !important;
	}
	.coperteam-slide-subheading > div{
		font-size: 110% !important;
	}
}