/*
 Theme Name:  CAMU
 Description: CAMU custom WP theme based on Bootstrap 4.
 Theme URI:   https://camu.gr
 Author:      Schema
 Author URI:  https://schema.gr
 Version:     1.0
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
	font-family: AktivGrotesk-Bold;
	src: url(fonts/AktivGrotesk_W_Bd.woff);
}

@font-face {
	font-family:AktivGrotesk-Bold-Italic;
	src: url(fonts/AktivGrotesk_W_Bd.woff);
}

@font-face {
	font-family:AktivGrotesk-Italic;
	src: url(fonts/AktivGrotesk_W_It.woff);
}

@font-face {
	font-family:AktivGrotesk;
	src: url(fonts/AktivGrotesk_W_Rg.woff);
}

body {
	font-family: AktivGrotesk, sans-serif;
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

.container {
    max-width: 1440px;
}

a,
a:hover,
a:focus{
	color: #000;
}

h1, .h1,
h2, .h2,
h3, .h3{
	font-family: 'AktivGrotesk-Bold', sans-serif;
	/* border-top: 1px solid #000; */
}

h4, .h4 {
	font-family: 'AktivGrotesk-Bold', sans-serif;
	font-size: 18px;
}

h1, .h1{
	padding-top:2rem;
	padding-bottom: 3rem;
}

h2, .h2{
	padding-top: 1.5rem;
	padding-bottom: 2.5rem;
	margin-top: 3rem;
}

h3, .h3{
	padding-top: 1rem;
	padding-bottom: 2rem;
	margin-top: 2.5rem;
}

.grotesk-bold,
strong{
	font-family: 'AktivGrotesk-Bold', sans-serif;
	font-weight: normal;
}

.pt-big {
	padding-top: 8rem !important;
}

.pb-big {
	padding-bottom: 8rem !important;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.img-responsive{
	max-width: 100%;
}

.row-top {
    border-top: 1px solid #000;
}

.col-sm-25 {
    -ms-flex: 0 0 19.999997%;
    flex: 0 0 19.999997%;
    max-width: 19.999997%;
	padding-right: 15px;
	padding-left: 15px;
}

.border-bottom{
	position:relative;
	border-bottom: none !important;
}

.border-bottom::after {
    background-color: #606060;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    height: 1px;
    display: block;
    content: ' ';
    margin: 0 15px;
    left: 0;
}
.border-top{
	position:relative;
	border-top: none !important;
}

.border-top::before {
    background-color: #606060;
    position: absolute;
    top: 0;
    width: calc(100% - 30px);
    height: 1px;
    display: block;
    content: ' ';
    margin: 0 15px;
    left: 0;
}

.intro-text {
    font-size: 24px;
    font-family: 'AktivGrotesk-Bold', sans-serif;
    font-weight: 500;
}

.back-arrow {
	font-size: 20px;
	background: url(img/larr.jpg);
	padding-left: 40px;
	background-size: contain;
	background-repeat: no-repeat;
}

.single-post .entry-content p,
.single-item .entry-content p,
.stacked-content p,
.single-post .entry-content li,
.single-item .entry-content li,
.stacked-content li{
	line-height: 1.6rem;
}

.stacked-content.text-only {
    padding-bottom: 0.5rem !important;
}

.single-post .entry-content a{
	text-decoration:underline;
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99;
    background: #ff3300;
}

#page {
	width: 100%;
	max-width:1440px;
	margin-right: auto;
	margin-left: auto;
}

/*
#loading img {
    max-width: 20%;
    width: 100%;
    margin: 5% 0 0 5%;
    display: block;
    position: relative;
} */

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.come-in {
  transform: translateY(250px);
  animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.6s; /* So they look staggered */
}

@keyframes come-in {
  to { transform: translateY(0); }
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
#main-nav {
    font-size: 25px;
}

#main-nav > .navbar-nav > li.menu-item {
    margin: 0 10px 0;
	position:relative;
}

#main-nav ul li.active::after {
    border-bottom: 4px solid #FF3400;
    width: 60%;
    position: absolute;
    bottom: 0;
    content: ' ';
    left: 20%;
}


#main-nav .dropdown-menu li.active::after{
	display:none !important;
}

/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/

.home-slider-container {
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.home-slider-container img {
    width: auto;
    height: 100%;
}

.carousel {
    position: relative;
    height: 100%;
    display: block;
    width: 100%;
}

.carousel-inner {
    width: 100%;
    height: 100%;
    display: block;
}

.carousel-item {
    width: 100%;
    height: 100%;
    display: block;
}

.carousel-item .container{
	position:relative;
}

.carousel-item .row {
    width: 100%;
    height: 100%;
}

.slider-bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    height: auto !important;
}

.slider-small-text {
    max-width: 49.5%;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 2rem 4rem 5rem 1.5rem;
	vertical-align: top;
	font-weight:700;
}

.slider-small-text a{
	color: #fff;
	text-decoration:underline;
}

.slider-small-text  .light-text {
    font-size: 90%;
    font-weight: 400;
	display:block;
}

.full-bg-image {
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
	background-position: center center;
}

.full-bg-image {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.slider-text {
    font-size: 60px;
    max-width: 100%;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.top-title {
	font-family: 'AktivGrotesk', sans-serif;
	border-top: none;
    text-decoration: underline;
    font-size: 42px;
    font-weight: 700;
    padding-bottom: 5px;
    display: inline;
}

.large-content p {
    font-size: 24px;
}

.lang-link {
    font-family: 'AktivGrotesk', sans-serif;
    font-weight: bold;
    display: inline-block;
    margin-left: 30px;
}

.navbar-expand-xl .navbar-nav .dropdown-menu {
	/*top:0; */
    border-radius: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s  linear;
	   -moz-transition: all 0.5s  linear;
		 -o-transition: all 0.5s linear;
}

/*
.navbar-expand-xl .navbar-nav .dropdown-menu.show {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    border-radius: 0;
    border: none;
    background: #fff
    padding: 40px 0;
        padding-top: 40px;
    height: 100%;
    padding-top: 10%;
	margin-top: -2px;
} */

.navbar-expand-xl .navbar-nav .dropdown-menu.show a{
	color:#000;
	font-size: 18px;
    margin: 10px 0px;
    text-transform: none !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    background: none;
    color: #FF3400 !important;
}

#main-nav .dropdown-menu li.active {
	border-bottom:none !important;
}

.dropdown-toggle::after {
	display:none !important;
}

.home .sidemenu a,
.home .sidemenu .fa-bars{
	color: #fff;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.intro-content {
    font-size: 24px;
}

.entry-content img,
.entry-content figure {
    max-width: 100%;
    height: auto;
}

.more-link {
    font-size: 15px;
    color: #FF3400;
	font-family: AktivGrotesk, sans-serif;
	font-weight: normal !important;
}

.stacked-content h1, h2 {
    margin-top: 1rem;
}

.stacked-content h1, h2 {
	margin-top: 0.5rem;
	padding-top: 0;
	padding-bottom: 1.5rem;
}

.stacked-content img {
    max-width: 100%;
    height: auto;
	margin-top: 0.5rem;
}

.siblings a:hover{
	text-decoration: none;
}

.siblings img {
    max-width: 100%;
}

.siblings h3 {
    margin-top: 0;
    padding-bottom: 0;
}

.siblings span {
    color: #ff3400;
}

/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

.camu-logo-container {
    display: block;
    width: 100%;
}

.camu-logo-container.restricted img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.camu-inverse .camu-logo {
    display: none;
}

.camu-inverse.initializing .camu-logo-white{
	display: none;
}

.initializing .navbar {
	opacity: 0;
}

.camu-logo-container.restricted .camu-logo-white {
	display: block;
	opacity: 0;
}

.camu-logo-white-full {
	opacity: 1;
}

.camu-inverse.initialized .camu-logo-white-full {
	-webkit-transition: opacity 2.0s ease-in;
       -moz-transition: opacity 2.0s ease-in;
         -o-transition: opacity 2.0s ease-in;
                                  opacity: 0;
}

.initialized .camu-logo-container.restricted .camu-logo-white,
.initialized .navbar  {
    -webkit-transition: opacity 2.0s ease-in;
       -moz-transition: opacity 2.0s ease-in;
         -o-transition: opacity 2.0s ease-in;
                                  opacity: 1;
}



.camu-inverse .nav-link {
    color: #fff;
}

.news-list-item-container{
    border-right: 1px solid;
}

.news-item-6  {
    border-right: none;
}

.news-list-item-container a:hover{
	text-decoration: none;
}

.news-list-item {
    position: relative;
    height: 100% !important;
}

.news-list-item p {
    font-size: 13px;
}

.news-list-date {
    font-size: 14px;
    bottom: 0;
    position: absolute;
}

.home-face span {
    display: block;
    font-family: 'AktivGrotesk', sans-serif;
    margin-top: 10px;
    font-size: 14px;
}

.newsroom-list a:hover{
	text-decoration: none;
}

.newsroom-list img {
    max-width: 100%;
    height: auto;
	border: 1px solid #000;
}

.newsroom-list h2 {
    font-size: 20px;
	padding-bottom: 0.5rem;
}

.newsroom-list .entry-content {
    font-size: 14px;
}

.newsroom-list .entry-content p {
    line-height: 1.5;
}

.news-room-date.text-right {
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
# Special Content items
--------------------------------------------------------------*/
.double-column-container .col-sm-6 .top-row{
    width: 100%;
	display: block;
	border-top: 1px solid;
	height: 30px;
}

.top-image img {
    max-width: 100%;
}

.double-column-container .entry-content h3:first-of-type,
.double-column-container .entry-content h2:first-of-type {
    margin-top:0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer {
    font-size: 14px;
}

.footer-list-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-subscribe-title {
    font-size: 24px;
}

.footer-list-privacy ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-list-privacy ul li {
    display: inline-block;
    border-right: 1px solid;
    padding-right: 10px;
    margin-right: 5px;
}

/*--------------------------------------------------------------
# Collection
--------------------------------------------------------------*/
.exhibition-content img {
    width: 100%;
    height: auto;
}

.exhibition-content a:hover {
    text-decoration: none;
}

.exhibition-short-description {
    font-size: 18px;
}

.exhibition-more-link {
    font-size: 15px;
    color: #FF3400;
}

/*--------------------------------------------------------------
# Items
--------------------------------------------------------------*/
.single-post .item-title,
.single-item .item-title {
	padding-bottom: 1rem;
}

.single-post .entry-meta,
.single-item .entry-meta {
    font-size: 15px;
}

.single-post  .entry-meta p ,
.single-item .entry-meta p {
    margin-bottom: 5px;
}

.single-post .entry-content img ,
.single-item .entry-content img {
    border: 1px solid #cacaca;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Highlights
--------------------------------------------------------------*/
.grid {
    display: block;
    width: 100%;
}

.grid-item {
    width: 33.32%;
    padding: 15px 15px 60px 15px;
}

.grid-item .grid-img-container {
    width: 100%;
    height: auto;
    border: 1px solid;
    margin-bottom: 20px;
	overflow:hidden;
	position:relative;
}

.grid-item .grid-img-container img {
    width: 100%;
    height: auto;
	transition: all .4s ease-in-out;
}

.grid-item .grid-img-container:hover img{
    transform: scale(1.05);
}
/*
.grid-img-container:hover::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: ' ';
    display: block;
    background: rgb(0 0 0 / 10%);
}
*/

.grid-item a:hover{
	text-decoration:none;
}

.grid-item h3 {
    font-size: 20px;
}

.grid-item a:hover h3,
.grid-item a:hover h4{
    text-decoration:underline;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.footer-logo {
    max-width: 300px;
}

.footer-list-privacy {
    display: inline-block;
}

/*--------------------------------------------------------------
# Bootstrap Collapsible
--------------------------------------------------------------*/
.camu-collapse {
    margin-top: 3rem;
    border-top: 1px solid;
}

.camu-collapse .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid;
}

.camu-collapse .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
}

.camu-collapse .panel-title {
	font-size: 16px;
}

.camu-collapse .panel-title > a {
	display: inline-block;
	padding: 10px 0px;
	text-decoration: none;
	width:100%;
}

.camu-collapse .more-less {
	float: right;
	color: #212121;
}


.camu-collapse .glyphicon {
	font-size: .8em;
	margin-left: 10px;
	margin-right: 15px;
	}
.camu-collapse .plus-icon {
	display: inline-block;
	float: left;
}

.camu-collapse .mail-icon {
	float: right;
}

.panel.panel-default {
    border-bottom: 1px solid;
}

.more-less.fa.fa-plus {
    float: right;
}

.panel-title {
    padding: 20px 0;
}

.panel-title a {
    width: 100%;
    display: block;
}

.stacked-content .panel-default:first-of-type {
    border-top: 1px solid;
    margin-top: 2rem;
}

/* History */
span.history-border {
    height: 10px;
    border-top: 1px solid #ff3400;
    width: 50%;
    margin: 0 auto;
    display: block;
}

.history-row img {
    max-width: 100%;
    height: auto;
}

.history-year {
    font-size: 30px;
    color: #ff3400;
    font-family: 'AktivGrotesk-Bold', sans-serif;
}

.history-title h2 {
    margin: 0;
    padding-bottom: 2rem;
    padding-top: 1rem;
}

.history-v-row {
    width: 1px;
    background: red;
    position: absolute;
    left: 49.9%;
    top:0;
    height: 100%;
}

a.home-more {
    background: #8a2a84;
    display: block;
    color: #fff;
	font-size: 20px;
}

a.home-more span {
    font-size: 15px;
}

img.camu-logo {
    max-width: 350px;
}

button.navbar-toggler.visible-mobile {
    display: inline-block !important;
}

.side-menu-container {
    position: relative;
	margin-top:-3rem!important;
}

#side-nav {
    position: absolute;
    background-color: #fff !important;
    width: 100%;
    right: 0;
    top: 0;
    padding: 15px;
    z-index: 9;
}

#side-nav ul > li {
    text-align: right;
    list-style: none;
    margin: 0;
    padding: 5px 0;
	font-size: 20px;

}

#side-nav > ul.navbar-nav > li > a {
	text-transform: uppercase;
}

#side-nav ul.sub-menu li {
    font-size: 18px;
}

#side-nav ul.sub-menu {
    margin-bottom: 30px;
}

i.fas.fa-bars {
    font-size: 24px;
    margin-top: 2px;
}

/* Filters */
.camu-button:hover,
.camu-button {
    border: 1px solid;
    border-radius: 20px;
	font-size: 0.95rem;
    padding: 8px 22px;
}

.filtered-out {
    display: none;
}

.filter-container span {
	margin-right: 1.5rem;
	font-size: 1.1rem;
	padding: 5px 18px 5px;
	font-family: 'AktivGrotesk-Bold', sans-serif;
}

.filter-btn  {
	margin-right: 1.5rem;
	font-size: 0.95rem;
	padding: 8px 22px;
	font-weight: 700;
	margin-bottom: 1rem;
}

.filter-btn:hover,
.filter-active{
	border: 1px solid;
	background: #e7e1e1;
}

.tax-archive-element a {
    display: block;
}

.tax-archive-element a img{
	margin-bottom:10px;
}

a.tax-expander {
    color: #000;
    font-family: 'AktivGrotesk-Bold', sans-serif;
    margin-bottom: 20px;
    display: block;
    font-size: 18px;
    background-image: url(img/plus.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

a.tax-expander.opened {
	background-image: url(img/minus.svg);
}

a.box-expander {
    min-height: 20px;
}

.more-container-tax {
    margin-bottom: 30px;
}

.visible-mobile{
    display: none !important;
}

#search-icon {
    background-image:url( 'img/search_black.png' );
    width: 20px;
    height: 20px;
    background-size: contain;
}

.home #search-icon {
    background-image:url( 'img/search_white.png' );
}

#search-box {
    z-index: 9;
}

.hidden {
    display: none !important;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1440px) {

}

@media screen and (max-width: 1199px) {
	.hide-mobile{
		display: none !important;
	}
	.visible-mobile{
		display: block !important;
	}

    .head-row img {
        height: 100% !important;
        width: auto !important;
    }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
	.news-item-6  {
	    border-right: 1px solid;
	}

}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
	.grid-item {
	    width: 49.5%;
	}
}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	.carousel-fade .carousel-item {
		background:none !important;
	}

	.full-bg-image {
	    width: 100%;
	}

	.slider-bottom-content {
	    display: none !important;
	}

	.slider-text{
		position: absolute;
		bottom: 20px;
		z-index: 9;
		left: 20px;
	}

	.carousel-item .row{
		display: block;
	}

	.carousel-item .col-sm-6 {
		width: 100%;
	    position: relative;
	    height: 100%;
	    display: block;
	    max-width: 100%;
	}

	.footer-list-privacy ul li {
	    display: block;
	    margin: 0;
	    padding: 0;
	    border: none;
	}

	.footer-list-privacy {
	    display: block;
	    margin: 10px 0 0 0 !important;
	}

}

/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 575px) {

}

/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
	.grid-item {
	    width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-height: 620px) {

	.slider-text{
		font-size:50px;
	}

	.slider-small-text {
		padding-bottom: 1rem !important;
	}
}