html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;margin: 0; padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul,li{list-style:none;padding:0;margin:0;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;outline:none;text-decoration: none;}
ins{background-color:#FFF;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
.wrapper input,select{vertical-align:middle}
select{ max-width: 100%; }
embed, iframe,object, video{ max-width: 100%; }
::selection{
background: #333; 
color: #FFF;
}
::-moz-selection{
background: #333; 
color: #FFF;
}
.clear { clear: both; }
.fade-in{
opacity: 1 !important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
} textarea, input, body{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
body{
background-color: #F1F1F1;
-webkit-font-smoothing: antialiased;
background-attachment: fixed;
color: #373D43;
}
body.disable-scroll .wrapper{
position: fixed; 
overflow-y: scroll;
width: 100%;
}
body.full-width-layout{
background-color: #FFF;
}
body.full-width-layout #header{
border-bottom: none;
}
body.full-width-layout .portfolio-filter{
border-top: none;
}
body.full-width-layout .welcome-message{
padding: 0 0 53px 0;
}
body.full-width-layout .container{
margin-top: 0;
box-shadow: none;
}
body.full-width-layout #footer .copyright,
body.full-width-layout #footer{
margin-bottom: 0;
}
p{
font-weight: 400;
}
a{
color: #373D43;
}
a:hover{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a > img{
display: block;
}
strong{
color: #373D43;
font-weight: 400;
}
.col_1{
width: 100%;
}
.col_2{
width: 91.5%;
}
.col_3{
width: 83%;
}
.col_4{
width: 74.5%;
}
.col_5{
width: 65.9%;
}
.col_6{
width: 57.5%;
}
.col_7{
width: 49%;
}
.col_8{
width: 40.5%;
}
.col_9{
width: 31.8%;
}
.col_10{
width: 23.5%;
}
.col_11{
width: 15%;
}
.wrapper{
margin: 0 auto;
width: 1200px;
}
.menu-toggle{
display: none;
float: right;
padding: 7px;
z-index: 9999;
position: absolute;
top: 0;
right: 25px;
border-radius: 0 2px 0 2px;
height: 35px;
margin-top: 25px;
text-indent: -9999px;
width: 35px;
}
.gray-overlay{
background-color: #333;
opacity: 0;
position: fixed;
width: 100%;
height: 100%;
display: block;
z-index: 9998;
}
.gray-overlay.show{
opacity: 0.4;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.container{
background-color: #FFF;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
margin: 25px 0 25px 0;
border-radius: 2px;
padding: 0 50px 0 50px;
}
.container.push-back{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
filter: grayscale(50%);
-webkit-transform-origin: 50% 250px;
-moz-transform-origin: 50% 250px;
-ms-transform-origin: 50% 250px;
-o-transform-origin: 50% 250px;
transform-origin: 50% 250px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-ms-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: 0.3s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.container.push-front{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
filter: grayscale(0%);
-moz-transform-origin: 0 0;
}
.container{
-webkit-transform-origin: 50% 250px;
-moz-transform-origin: 50% 250px;
-ms-transform-origin: 50% 250px;
-o-transform-origin: 50% 250px;
transform-origin: 50% 250px;
-webkit-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-ms-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: 0.2s transform cubic-bezier(0.250, 0.460, 0.450, 0.940);
} #header{
height: 60px;
padding: 28px 0 28px 0;
border-bottom: 1px solid #E7E7E7;
margin-bottom: 50px;
}
#header .site-title{
float: left;
}
.site-title a.logo{
float: left;
margin-right: 20px;
}
.site-title a.logo img{
max-height: 60px;
}
.site-title div{
float: left;
}
.site-title a h1{
font-size: 24px;
font-weight: 700;
color: #373D43;
margin-top: 9px;
}
.site-title p{
font-size: 13px;
font-weight: 700;
color: #B1B1B1;
cursor: default;
margin-top: 6px;
line-height: 1.4;
} #nav-menu{
float: right;
margin-top: 28px;
}
#nav-menu > li{
float: left;
margin-left: 10px;
}
#nav-menu li,
#nav-menu li > a{
display: inline-block;
*display: inline;
zoom: 1;
}
#nav-menu a{
line-height: 1;
font-size: 11px;
color: #808080;
font-weight: 600;
padding: 0 15px 0 15px;
}
#nav-menu a:hover{
color: #373d43;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#nav-menu > li.current-menu-ancestor,
#nav-menu > li.current-menu-item a{
color: #373d43;
}
.submenu-parent{
position: relative;
}
#nav-menu .sub-menu{
position: absolute;
top: 100%;
left: -99999px;
height: 0;
overflow: hidden;
background-color: #343639;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
width: 200px;
z-index: 999;
border-radius: 2px;
}
#nav-menu .sub-menu .sub-menu{
border-radius: 0 2px 2px 2px;
}
#nav-menu .submenu-parent:hover > .sub-menu{
left: -3px;
}
#nav-menu .sub-menu .submenu-parent:hover > .sub-menu{
top: 0;
left: 100%;
}
#nav-menu .submenu-parent:hover > .sub-menu{
height: auto;
overflow: visible;
}
#nav-menu li a:hover{
-webkit-transition: color 0.3s ease; 
-moz-transition: color 0.3s ease; 
transition: color 0.3s ease;
}
#nav-menu > li > a{
float: left;
-webkit-font-smoothing: auto;
}
#nav-menu > li:first-child a:hover{
border-radius: 3px 0 0 3px;
}
#nav-menu > li > a:hover{
background-color: #FFFFFF;
padding-bottom: 15px;
-webkit-transition: padding-bottom 0.15s ease; 
-moz-transition: padding-bottom 0.15s ease; 
transition: padding-bottom 0.15s ease;
}
#nav-menu > li.submenu-parent > a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-down.png);
background-repeat: no-repeat;
background-position: 100% 4px;
}
#nav-menu > li.submenu-parent:hover > a{
color: #373d43;
padding-bottom: 18px;
}
#nav-menu .sub-menu a:hover{
background-color: #F8F8F8;
}
#nav-menu .submenu-parent > a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-right.png);
background-position: 175px 55%;
background-repeat: no-repeat;
}
#nav-menu > li.submenu-parent > a{
background-repeat: no-repeat;
}
#nav-menu ul.sub-menu a{
color: #333333;
color: #D9D9D9;
width: 166px;
padding: 12px 17px 12px 17px;
word-break: normal;
line-height: 1.5;
font-size: 11px;
border-bottom: 1px solid #4D4F54;
}
#nav-menu ul.sub-menu li:last-child > a{
border-bottom: none;
}
#nav-menu ul.sub-menu a:hover{
background-color: #3F4044;
}
#nav-menu ul.sub-menu > li:first-child a:hover{
border-radius: 2px 2px 0 0;
}
#nav-menu ul.sub-menu > li:last-child a:hover{
border-radius: 0 0 2px 2px;
}
#nav-menu li.submenu-parent{
position: relative;
}
#nav-menu li.submenu-parent:hover > ul.sub-menu{
display: block;
}
#nav-menu a.submenu-parent-expand{
display: none;
} body.dark-header #header{
margin-left: -50px;
margin-right: -50px;
padding-left: 50px;
padding-right: 50px;
background-color: #37393D;
border-bottom: 1px solid #37393D;
}
body.dark-header .site-title a h1{
color: #FFFFFF;
}
body.dark-header #nav-menu a{
color: #D3D3D3;
}
body.dark-header #nav-menu > li > a:hover{
background-color: transparent;
color: #FFF;
}
body.dark-header #nav-menu > li.submenu-parent:hover > a{
color: #FFF;
} .welcome-message{
padding: 13px 0 63px 0;
min-height: 61px;
}
.welcome-message span{
font-size: 60px;
font-weight: 900;
cursor: default;
float: left;
display: inline-block;
margin: 0 35px 0 -5px;
word-break: break-all;
}
.welcome-message p{
color: #8E8E8E;
cursor: default;
font-size: 18px;
line-height: 1.6;
padding-top: 2px;
}
.welcome-message p a{
color: #B1B1B1;
text-decoration: underline;
}
.welcome-message p a:hover{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
} a.heart-love{
height: 12px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/heart.png);
background-repeat: no-repeat;
background-position: 0 1px;
padding: 0 0 0 20px;
font-size: 12px;
color: #B1B1B1;
float: left;
display: block;
line-height: 1;
}
a.heart-love.loved,
a.heart-love:hover{
background-position: 0 -19px;
}
a.heart-love.loved:hover{
cursor: default;
}
.post-meta a.heart-love.fade-out-heart,
a.heart-love.fade-out-heart{
color: #FFF;
background-position: 0 -19px;
-webkit-transition: color 0.5s ease; 
-moz-transition: color 0.5s ease; 
transition: color 0.5s ease;
}
.post-meta a.heart-love.fade-in-heart,
a.heart-love.fade-in-heart{
color: #373D43;
background-position: 0 -19px;
-webkit-transition: color 0.4s ease; 
-moz-transition: color 0.4s ease; 
transition: color 0.4s ease;
} .portfolio-filter{
padding: 35px 0 50px 0;
border-top: 1px solid #E7E7E7;
position: relative;
}
.portfolio-keywords li{
float: left;
margin: 0 25px 15px 0;
position: relative;
}
.portfolio-keywords li a{
background-color: #F2F2F2;
border-radius: 2px;
padding: 11px 15px 11px 15px;
font-size: 11px;
color: #8E8E8E;
float: left;
letter-spacing: -0.02em;
}
.portfolio-keywords li a:hover{
background-color: #373D43;
color: #FFF;
-webkit-transition: all 0.4s ease; 
-moz-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
.portfolio-keywords li.active a{
color: #FFF;
}
.isotope,
.isotope .isotope-item{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope{
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item{
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}
span.top-tooltip,
.portfolio-keywords li span{
visibility: hidden;
opacity: 0;
background-color: #373D43;
border-radius: 2px;
color: #FFFFFF;
font-size: 11px;
cursor: default;
margin-left: -8px;
left: 50%;
padding: 7px;
position: absolute;
top: -37px;
z-index: 99;
}
span.top-tooltip:after,
.portfolio-keywords li span:after {
width: 5px;
height: 5px;
background-color: #373D43;
content: "";
float: left;
left: 50%;
position: absolute;
top: 23px;
transform: rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
margin-left: -2px;
z-index: 99;
}
.portfolio-keywords li.active span,
.portfolio-keywords li.active span:after {
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
.content .share-wrapper:hover span.top-tooltip,
.portfolio-keywords li:hover span{
visibility: visible;
opacity: 1;
top: -39px;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
.portfolio-list{
margin: 10px -10px 0 -10px;
}
.portfolio-nav{
overflow: hidden;
margin: -30px 0 20px 0;
}
.portfolio-nav a{
width: 24px;
height: 24px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png);
display: block;
text-indent: -9999px;
float: right;
background-color: #3E4042;
border-radius: 2px;
}
.portfolio-nav a:active{
margin: 1px 0 -1px 0;
}
.portfolio-nav a.next-portfolio{
border-radius: 2px 0 0 2px;
}
.portfolio-nav a.prev-portfolio{
background-position: 0 -24px;
border-radius: 0 2px 2px 0;
border-left: 1px solid #555555;
}
.portfolio-nav a.close-portfolio{
background-position: 0 -72px;
margin-left: 20px;
}
.portfolio-nav a.disable-nav{
opacity: 0.3;
cursor: default;
}
.portfolio-nav a.disable-nav:active{
margin-top: 0;
margin-bottom: 0;
}
.portfolio-nav a.disable-nav:hover{
background-color: #3E4042;
}
.portfolio-nav a.portfolio-back{
background-color: transparent;
background-image: none;
float: left;
font-size: 13px;
height: auto;
margin-top: 6px;
text-indent: 0;
width: auto;
}
.portfolio-nav a.portfolio-back:hover{
background-color: transparent;
}
#slider + .portfolio-details .portfolio-nav.portfolio-archive{
top: 20px;
}
.portfolio-details .flexslider{
padding: 0;
}
.portfolio-details .flexslider ul.slides{
margin: 0;
}
.portfolio-details .slider-direction-nav li a{
opacity: 0;
-webkit-transition: opacity 0.3s ease; 
-moz-transition: opacity 0.3s ease; 
transition: opacity 0.3s ease;
z-index: 999;
}
.portfolio-details .slider-direction-nav li a.slider-next{
right: 30px;
top: 30px;
}
.portfolio-details .slider-direction-nav li a.slider-prev{
right: 65px;
top: 30px;
}
.portfolio-list li a{
display: block;
overflow: hidden;
position: relative;
}
.portfolio-list li p > a{
display: inline;
}
.portfolio-list li a img{
float: left;
max-width: 260px;
max-height: 200px;
width: 100%;
height: 200px;
border-radius: 2px;
}
.portfolio-list.black-and-white li a img{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.portfolio-list li .hover-details{
position: absolute;
top: 0px;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%; 
opacity: 0;
-webkit-transition: opacity 0.4s ease; 
-moz-transition: opacity 0.4s ease; 
transition: opacity 0.4s ease;
}
.portfolio-list li h1{
color: #FFF;
font-weight: 700;
font-size: 20px;
padding: 20px;
line-height: 1.3;
text-align: center;
}
.portfolio-list li p{
color: #DCDCDC;
font-weight: 400;
font-size: 10px;
padding: 12px;
background-color: rgba(0, 0, 0, 0.3);
width: 100%;
display: block;
position: absolute;
bottom: 0;
}
.portfolio-list li span{
height: 12px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/heart.png);
background-repeat: no-repeat;
background-position: 0 1px;
padding: 0 0 0 20px;
font-size: 10px;
color: #B1B1B1;
float: right;
display: block;
position: absolute;
bottom: 10px;
right: 10px;
}
.portfolio-list li a:hover .hover-details{
opacity: 1;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
z-index: 999;
}
.portfolio-list li a:hover img{
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
z-index: 0;
}
.portfolio-list.black-and-white li a:hover img{
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
z-index: 0;
}
.portfolio-list li a h1 span{
padding: 20px;
}
.portfolio-list li{
float: left;
margin: 0.85%;
max-width: 260px;
width: 23.2%;
}
.portfolio-details{
display: block;
height: 0;
border-top: 1px solid #E7E7E7;
}
.portfolio-details.hidden{
display: none;
height: 0;
}
.portfolio-details.loading{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.portfolio-details.show{
position: relative;
height: auto;
padding: 50px 0 50px 0;
-webkit-transition: height 0 ease;
}
.portfolio-similar-items span.dash,
.portfolio-details span.dash{
width: 15px;
height: 3px;
background-color: #373D43;
display: block;
left: 0;
position: absolute;
top: -2px;
}
body.single-portfolio .portfolio-details span.dash{
height: 1px;
top: -1px;
}
.portfolio-similar-items,
.portfolio-details-content{
opacity: 0;
display: block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.portfolio-details-content.hidden{
display: none;
}
.portfolio-similar-items.fadein,
.portfolio-details-content.fadein{
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.portfolio-similar-items.loading,
.portfolio-details-content.loading{
opacity: 0;
}
.portfolio-details .gallery{
float: left;
margin-right: 4.55%;
width: 63.65%;
position: relative;
}
.portfolio-details .gallery img{
width: 100%;
height: auto;
}
.portfolio-details .portfolio-meta{
float: right;
}
.portfolio-meta .portfolio-content,
.portfolio-meta .portfolio-content p{
color: #8E8E8E;
cursor: default;
font-size: 13px;
line-height: 1.7;
padding-bottom: 20px;
}
.portfolio-meta p:empty{
padding: 0;
}
.portfolio-meta .portfolio-content{
padding-bottom: 0;
}
.portfolio-meta .portfolio-content img{
max-width: 100%;
}
.portfolio-content .gallery-embed{
display: none;
}
.portfolio-meta ul{
border-bottom: 1px solid #E7E7E7;
padding-bottom: 20px;
margin: 20px 0 25px 0;
}
.portfolio-meta li{
overflow: hidden;
padding-bottom: 10px;
}
.portfolio-similar-items > h4,
.portfolio-meta li span{
cursor: default;
float: left;
font-size: 13px;
font-weight: 700;
margin-right: 10px;
}
.portfolio-meta li p{
float: left;
font-size: 13px;
font-weight: 400;
cursor: default;
color: #B1B1B1;
}
.portfolio-meta li p a{
color: #B1B1B1;
}
body.single-portfolio .portfolio-meta > a.more-link{
display: none;
}
a.more-link{
background-color: #F2F2F2;
border-radius: 2px 2px 2px 2px;
color: #B1B1B1;
font-size: 10px;
font-weight: 700;
padding: 11px 13px 11px 13px;
display: inline-block;
line-height: 1;
margin-top: 5px;
text-decoration: none;
}
a.more-link span{
font-size: 11px;
}
.content a.more-link{
text-decoration: none;
}
a.more-link:hover{
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolio-meta a.heart-love{
float: right;
margin-top: 17px;
}
.portfolio-meta a.read-more span{
font-size: 12px;
}
.portfolio-details h1{
font-size: 23px;
font-weight: 700;
margin-bottom: 3px;
cursor: default;
line-height: 1.2;
}
.portfolio-details h1 a{
color: #373D43;
}
.portfolio-details h1 a:hover{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.portfolio-details h2{
color: #B1B1B1;
font-size: 14px;
font-weight: 700;
line-height: 1.6;
cursor: default;
}
.admin-portfolio-message{
background-color: #F8F8F8;
border: 1px solid #E4E4E4;
border-radius: 2px;
color: #7D7D7D;
font-size: 17px;
margin-bottom: 50px;
padding: 50px;
text-align: center;
cursor: default;
line-height: 1.7;
}
.admin-portfolio-message a.more-link{
color: #FFFFFF;
margin-top: 20px;
}
body.sidebar-on-right .content.portfolio-archive,
body.sidebar-on-left .content.portfolio-archive,
body.sidebar-on-off .content.portfolio-archive{
padding-bottom: 15px;
margin: -10px 0 0 0;
}
.content.portfolio-archive p > br{
display: none;
}
.portfolio-nav.portfolio-archive{
margin: 0;
background-color: #FFF;
float: right;
z-index: 499;
padding-left: 30px;
position: absolute;
right: 0;
top: -12px;
}
.content.portfolio-archive h1,
.content.portfolio-archive h2,
.content.portfolio-archive h3,
.content.portfolio-archive h4,
.content.portfolio-archive h5,
.content.portfolio-archive h6{
margin-bottom: 0;
} .portfolio-list.grid-layout{
margin: 10px -50px 0 -50px;
overflow: hidden;
}
.portfolio-list.grid-layout li{
border-right: 1px solid transparent;
width: 25%;
padding: 0;
margin: 0 4.1% 5% 4.15%;
max-width: 300px;
position: relative;
}
.portfolio-list.grid-layout li a{
position: relative;
}
.portfolio-list.grid-layout li h1{
color: #373D43;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
padding: 20px 10px 10px 10px;
text-align: center;
overflow: hidden;
}
.portfolio-list.grid-layout li p{
color: #606060;
font-size: 13px;
font-weight: 400;
line-height: 1.7;
padding: 0;
text-align: center;
position: relative;
background-color: transparent;
cursor: default;
}
.portfolio-list.grid-layout li a img{
width: 100%;
height: auto; 
max-width: 300px;
max-height: 900px;
}
.portfolio-list.grid-layout li .splitter{
height: 1px;
display: block;
width: 100%;
background-color: #E7E7E7;
margin-top: 25px;
}
.portfolio-similar-items span.view-more-icon,
.portfolio-list span.view-more-icon{
opacity: 0;
width: 44px;
height: 44px;
display: block;
border-radius: 2px;
left: 50%;
top: 50%;
margin-left: -25px;
position: absolute;
z-index: 999;
margin-top: -5px;
padding: 0;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/zoom.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.portfolio-similar-items li a:hover span.view-more-icon,
.portfolio-list li a:hover span.view-more-icon{
opacity: 1;
margin-top: -25px;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
transition: all 0.3s ease;
}
.splitter-vertical{
display: block;
height: 500px;
left: 49.8%;
position: absolute;
top: 50px;
width: 36.35%;
}
.splitter-vertical span{
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
display: block;
height: 100%;
left: -50%;
position: relative;
} .portfolio-list.grid-layout.filter-on{
margin: 20px -20px 0 -15px;
}
.portfolio-list.grid-layout.filter-on li{
margin: 0 1.65% 3% 1.65%;
width: 21.5%;
margin: 0 1.4% 3% 1.4%;
width: 22%;
margin: 0 1.4% 3% 1.4%;
width: 22%;
} .portfolio-similar-items{
border-top: 1px solid #E7E7E7;
margin: 0;
padding: 30px 0 50px 0;
position: relative;
}
.portfolio-similar-items > h4{
margin: 0 0 10px 0;
float: none;
}
.portfolio-similar-items > ul li{
float: left;
margin: 1.1%;
max-width: 260px;
width: 23.2%;
position: relative;
}
.portfolio-similar-items > ul li:first-child{
margin-left: 0;
}
.portfolio-similar-items > ul li:last-child{
margin-right: 0;
}
.portfolio-similar-items > ul li.hidden{
visibility: hidden;
}
.portfolio-similar-items > ul li a img{
border-radius: 2px;
width: 100%;
height: auto; 
}
.portfolio-similar-items.loading > ul li{
visibility: hidden;
} #sidebar ul.portfolio-plus-list li{
padding: 0;
margin: 0;
background-image: none;
display: none;
}
#sidebar .portfolio-details{
height: auto; 
border-top: none;
}
#sidebar .portfolio-details h1{
font-weight: 700;
font-size: 15px;
margin: 8px 0 8px 0;
}
#sidebar .portfolio-details h2 p{
font-weight: 700;
font-size: 11px;
}
#sidebar ul.portfolio-plus-list li h3{
color: #373D43;
font-size: 14px;
}
.widget-portfolio-plus .slider-direction-nav li a{
background-position: -1px -1px;
height: 22px;
width: 22px;
border-radius: 2px 0 0 2px;
top: 20px;
}
.widget-portfolio-plus .slider-direction-nav li a.slider-next{
background-position: -1px -25px;
border-radius: 0 2px 2px 0;
right: 20px;
}
.widget-portfolio-plus .slider-direction-nav li a.slider-prev{
right: 42px;
}
ul.portfolio-plus-list li > img{
width: 100%;
height: auto;
border-radius: 2px;
}
.widget-testimonials-plus .portfolio-plus-content{
margin-top: 7px;
} .gallery:hover .slider-direction-nav li a{
opacity: 1;
-webkit-transition: opacity 0.3s ease; 
-moz-transition: opacity 0.3s ease; 
transition: opacity 0.3s ease;
}
.slider-control-paging{
bottom: 20px;
position: absolute;
text-align: center;
width: 100%;
pointer-events: none;
z-index: 900;
}
.slider-control-paging li{
display: inline-block;
margin: 0 5px 0 5px;
}
.slider-control-paging li a{
width: 11px;
height: 11px;
background-color: rgba(220, 220, 220, 0.5);
background-color: #FFFFFF;
border-radius: 20px 20px 20px 20px;
cursor: pointer;
display: block;
text-indent: -9999px;
opacity: 0.6;
border: 1px solid #FFFFFF;
border: 1px solid #CCCCCC;
pointer-events: auto;
}
.slider-control-paging li a:hover{
background-color: #DEDEDE;
box-shadow: 0 0 0 2px #FFFFFF inset;
opacity: 0.9;
}
.slider-control-paging li a.slider-active{
background-color: #373D43;
opacity: 1;
box-shadow: none;
border: 1px solid #373D43;
}
.slider-direction-nav{
text-indent: -9999px;
z-index: 999;
top: 50%;
}
.content .slider-direction-nav,
.content .slider-direction-nav li{
margin: 0;
}
.slider-direction-nav li a{
width: 24px;
height: 24px;
position: absolute;
top: 30px;
border-radius: 2px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png);
display: block;
background-color: #636363;
}
.carousel .slider-direction-nav li a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png);
top: 60px;
}
.carousel .slider-direction-nav li a.slider-prev{
left: -10px;
}
.carousel .slider-direction-nav li a.slider-next{
right: -10px;
}
.slider-direction-nav li a:active{
margin-top: 1px;
}
.slider-direction-nav li a.slider-prev{
right: 34px;
}
.slider-direction-nav li a.slider-next{
background-position: 0 -24px;
right: 0;
}
.fullscreen-gallery{
background-color: #636363;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png);
border-radius: 2px;
height: 24px;
left: 30px;
opacity: 0;
position: absolute;
text-indent: -9999px;
top: 30px;
width: 24px;
background-position: 0 -48px;
}
.gallery:hover .fullscreen-gallery:hover{
opacity: 1;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
.gallery:hover .fullscreen-gallery{
opacity: 0.3;
transition: opacity 0.1s ease 0s;
z-index: 900;
} .top-post-info{
margin-bottom: 30px;
}
.content{
float: left;
margin-right: 4.55%;
width: 68.15%;
position: relative;
}
.content h1.post-title{
font-size: 27px;
margin: -10px 0 5px 0;
line-height: 1.4;
font-weight: 400;
}
body.page .content h1.post-title,
body.single .content h1.post-title{
font-size: 31px;
}
body.page .content .excerpt,
body.single .content .excerpt{
border-bottom: 1px solid #E7E7E7;
margin: 0 0 20px 0;
}
body.single .content .excerpt{
margin-top: 30px;
}
body.single-format-status .content a.heart-love{
top: 5px;
}
body.page .content a.heart-love + .excerpt,
body.single .content a.heart-love + .excerpt{
border-top: 1px solid #E7E7E7;
padding-top: 30px;
}
body.single .content > .post{
border-bottom: none;
}
.content h1.post-title a{
text-decoration: none;
}
.content p.post-meta{
color: #B1B1B1;
font-size: 13px;
margin-bottom: 25px;
position: relative;
}
body.page .content p.post-meta,
body.single .content p.post-meta{
border-bottom: 1px solid #E7E7E7;
padding-bottom: 25px;
}
.content p.post-meta span{
margin: 0 7px 0 7px;
cursor: default;
}
.content p.post-meta span.category-list{
margin: 0;
}
.content p.post-meta span.category-list a{
margin: 0 5px 0 5px;
}
.content p.post-meta span.category-list a:first-child{
margin-left: 0;
}
.content p.post-meta span.category-list a:last-child{
margin-right: 0;
}
.content p.post-meta a{
text-decoration: none;
color: #B1B1B1;
}
.content a.toggle-comment-form{
font-size: 9px;
margin-left: 7px;
}
.content ul.tags{
margin: 0 0 30px 0;
padding: 0;
overflow: hidden;
border-bottom: 1px solid #E7E7E7;
border-top: 1px solid #E7E7E7;
padding: 20px 0 10px 0;
}
body.single .content ul.tags,
body.page .content ul.tags{
margin-top: -26px;
}
.content ul.tags li{
float: left;
background-image: none;
margin: 0;
padding: 0;
}
.content a.heart-love{
float: right;
position: absolute;
top: 5px;
right: 0;
text-decoration: none;
}
.content a.share-button{
position: absolute;
top: 7px;
right: 0;
padding: 6px 10px 8px 10px;
line-height: 1;
font-weight: 800;
text-decoration: none;
}
a.share-button{
background-color: #F1F1F1;
border-radius: 3px 3px 3px 3px;
color: #828282;
font-size: 13px;
}
a.share-button:hover{
color: #FFF;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
transition: all 0.3s ease;
}
.content > .post{
position: relative;
border-bottom: 1px solid #E7E7E7;
margin-bottom: 40px;
padding: 0 0 20px 0;
} .author-infobox{
position: relative;
border-top: 1px solid #E7E7E7;
padding: 30px 0 0 0;
margin: 40px 0 15px 0;
}
.author-infobox img{
float: left;
margin: 0 25px 0 0;
width: 60px;
height: 60px;  
}
.content .author-infobox h3{
float: left;
font-size: 16px;
margin: -2px 0 5px 0;
font-weight: 600;
cursor: default;
}
.content .author-infobox a{
text-decoration: none;
}
.content .author-infobox p{
float: left;
font-size: 13px;
}
.author-infobox small{
font-size: 11px;
color: #B1B1B1;
cursor: default;
}
.author-infobox small a{
margin: 0 5px;
}
.author-description{
overflow: hidden;
}
.author-infobox span.dash{
top: -1px;
}
body.page .comments-wrapper,
body.single .comments-wrapper{
border-top: 1px solid #E7E7E7;
position: relative;
padding-top: 20px;
}
.comments-wrapper span.dash{
top: -1px;
}
body.author .author-infobox{
border-top: none;
margin: -51px -50px 50px -50px;
padding: 50px 50px 30px 50px;
border-bottom: 1px solid #E7E7E7;
border-top: 1px solid #E7E7E7;
background-color: #F9F9F9;
}
body.author .author-infobox img{
width: 80px;
height: 80px;
border-radius: 2px;
}
body.author .author-infobox .author-description p{
font-size: 14px;
line-height: 1.7;
}
body.author .author-infobox h3{
cursor: default;
font-size: 17px;
font-weight: 600;
margin: 0 0 10px;
} .format-status > img.avatar{
float: left;
margin-bottom: 25px;
width: 80px;
height: 80px;
border-radius: 2px;
}
.format-status .status-content{
padding-left: 100px;
margin-bottom: 25px;
}
.format-status > .author{
padding: 0 0 0 100px;
margin: 0 0 7px 0;
color: #B1B1B1;
font-size: 12px;
cursor: default;
}
.format-status > .author span{
font-weight: 700;
color: #373D43;
cursor: default;
font-size: 15px;
margin: 0 5px 0 0;
}
.format-status > .author a{
color: #B1B1B1;
text-decoration: none;
font-size: 13px;
margin: 0 5px 0 5px;
} body.blog .format-image h1.post-title,
body.blog .format-gallery h1.post-title{
font-size: 26px;
font-weight: 400;
margin: 0 0 5px 0;
}
.format-image .image-content{
margin-bottom: 20px;
}
.format-image .image-content img{
display: block;
margin: 0;
}
.wp-caption-text{
font-style: italic;
font-size: 13px;
} body.blog .format-video h1.post-title{
font-size: 26px;
font-weight: 400;
margin: 0 0 10px 0;
}
.format-video .video-content{
margin-bottom: 20px;
}
.video-content,
.format-video .video-content{
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-content iframe, 
.video-content object, 
.video-content embed{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.oembed-wrap{
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-bottom: 15px;
}
.oembed-wrap iframe,
.oembed-wrap object,
.oembed-wrap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .mejs-container{
margin: 10px 0 25px 0;
background-color: none !important;
border-radius: 3px;
}
.mejs-container .mejs-controls{
border-radius: 3px;
background: none !important;
background-color: #272A2D !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-time-rail .mejs-time-total{
background: none !important;
background-color: #3A3D41 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
background: none !important;
background-color: #4D5055 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail .mejs-time-current{
background: none !important;
}
.mejs-container .mejs-controls .mejs-time span{
font-size: 10px !important;
margin-top: 2px !important;
}
.mejs-controls .mejs-button button:focus{
outline: none !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float{
background: #F1F1F1 !important;
color: #424247 !important;
padding-top: 2px;
top: -28px !important;
font-size: 10px;
border: 1px solid #CDCDCD !important;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current{
margin-top: 3px !important;
font-size: 10px;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner{
border-color: #F1F1F1 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
top: 18px !important;
} .content .format-quote .quote-content{
margin-bottom: 30px;
}
.format-quote .quote-content figure:first-child + blockquote,
.format-quote .quote-content blockquote:first-child{
padding-left: 70px;
border-left: none;
}
.format-quote .quote-content figure:first-child + blockquote:before,
.format-quote .quote-content blockquote:first-child:before{
font-size: 70px;
font-family: 'Georgia', 'Times New Roman', Times, serif;
content: "\201C";
font-weight: 900;
position: absolute;
line-height: 1;
left: 0;
top: 0;
cursor: default;
font-style: normal;
}
.format-quote .quote-content figure:first-child + blockquote a,
.format-quote .quote-content blockquote:first-child a{
text-decoration: none;
font-size: 15px;
font-style: normal;
}
.content .format-quote figure:first-child + blockquote p,
.content .format-quote blockquote:first-child p{
font-size: 25px;
font-family: 'Georgia', 'Times New Roman', Times, serif;
font-style: italic;
line-height: 1.7;
font-weight: 100;
color: #5C5C5C;
}
.format-quote .quote-content figcaption{
padding-left: 70px;
}
.content .format-quote a.heart-love{
right: 0;
top: 6px;
} .content .format-link a.heart-love{
right: 0;
top: 6px;
}
.format-link > .link-content{
margin-bottom: 30px;
}
.format-link > .link-content p:first-of-type a{
background-color: #F1F1F1;
border-radius: 2px 2px 2px 2px;
color: #808080;
display: block;
font-size: 24px;
padding: 10px 20px;
text-decoration: none;
}
.format-link > .link-content p:first-of-type a:hover{
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.format-link > .link-content p:first-of-type a:after{
content: "\00bb";
position: absolute;
right: 21px;
opacity: 0.5;
} .gallery-content{
padding: 20px 30px 0 30px;
}
.post.format-gallery a.format-all {
background-position: 0 -150px;
}
.single .gallery-embed,
.page .gallery-embed{
margin: 0;
}
.gallery-embed ul{
margin: 0;
}
.gallery-embed li{
margin: 0 18px 0 0;
padding: 0;
background-image: none;
}
.format-gallery .gallery-content > img {
width: 100%; 
}
.format-gallery p.excerpt{
padding-bottom: 15px;
}
.gallery-list{
position: relative;
overflow: hidden;
width: 100%;
height: 90px;
}
.gallery-list .items{
width: 20000em;
position: absolute;
}
.gallery-list .items li{
float: left;
}
.format-gallery .meta-info{
padding-top: 5px;
}
.home .format-gallery .meta-info {
margin: 0;
border: none;
}
.current-image{
position: relative;
}
.current-image img{
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.current-image img.loaded-image{
display: none;
}
.current-image .loading{
background: #FFFFFF url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/loading.gif) no-repeat 50% 50%;
display: block;
width: 15px;
height: 15px;
top: 50%;
left: 50%;
}
.current-image .caption{
position: absolute;
width: 100%;
bottom: 20px;
}
.current-image .caption p{
padding: 13px 15px 13px 15px;
font-size: 13px;
color: #E1E1E1;
background-color: rgba(65, 65, 65, 0.7);
margin: 0 20px 0 20px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
border-radius: 3px;
cursor: default;
line-height: 1.4;
}
.current-image .caption.hidden{
display: none;
}
.carousel .tooltip{
display: none;
position: absolute;
}
.gallery-fade-out{
opacity: 0.7;
-webkit-transition: all 0.1s ease; 
-moz-transition: all 0.1s ease; 
transition: all 0.1s ease;
}
.gallery-fade-in{
opacity: 1;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
a.gallery-thumbnail{
float: left;
box-shadow: inset 0 0 0 4px #FFFFFF;
-webkit-transition: margin-top 0.2s ease; 
-moz-transition: margin-top 0.2s ease; 
transition: margin-top 0.2s ease;
}
a.gallery-thumbnail:hover{
opacity: 1;
margin-top: -2px;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
a.gallery-thumbnail.active,
a.gallery-thumbnail.active:before,
a.gallery-thumbnail.active:hover:before{
margin-top: -2px;
-webkit-transition: all 0.2s ease; 
-moz-transition: all 0.2s ease; 
transition: all 0.2s ease;
}
a.gallery-thumbnail.active:before{
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
border-radius: 1px;
box-shadow: 0 0 0 3px #F77A61;
}
a.gallery-thumbnail img{
float: left;
} html.swipebox {
overflow: hidden!important;
}
#swipebox-overlay img {
border: none!important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999!important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
#swipebox-slider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
}
#swipebox-slider .slide {
background: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/loading-dark.gif) no-repeat center center;
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background:none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding:5%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
width: 100%!important; 
height: 100%!important;
position: absolute;
top: 0; left: 0;
}
#swipebox-action, #swipebox-caption {
position: absolute;
left: 0;
z-index: 999;
height: 25px;
width: 100%;
}
#swipebox-action {
top: 40px;
}
#swipebox-caption{
bottom: 0;
text-align: center;
background: #232323;
}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png) !important;
background-repeat: no-repeat;
border: none!important;
text-decoration: none!important;
cursor: pointer;
position: absolute;
width: 24px;
height: 24px;
top: 0;
background-color: #3E4042;
border-radius: 2px;
}
#swipebox-action #swipebox-close {
background-position: 0 -72px;
left: 40px;
}
#swipebox-action #swipebox-prev {
right: 75px;
}
#swipebox-action #swipebox-next{
background-position: 0 -24px;
right: 40px;
}
#swipebox-action #swipebox-prev:active,
#swipebox-action #swipebox-next:active{
margin-top: 1px;
}
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
}
#swipebox-slider.rightSpring {
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#swipebox-slider.leftSpring {
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
}
@-moz-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-moz-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes rightSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: -30px;
}
100% {
margin-left: 0px;
}
}
@-webkit-keyframes leftSpring {
0% {
margin-left: 0px;
}
50% {
margin-left: 30px;
}
100% {
margin-left: 0px;
}
}
@media screen and (max-width: 800px) {
#swipebox-action #swipebox-close {
left: 0;
}
#swipebox-action #swipebox-prev {
right: 60px;
}
#swipebox-action #swipebox-next {
right: 0;
}
} #swipebox-overlay {
background: rgba(24, 24, 24, 0.90);
background: #181818;
}
#swipebox-caption {
color: #FFF;
font-size: 12px;
line-height: 1.4;
padding: 13px 0 5px 0;
} #slider{
padding: 0 0 20px 0;
margin: -13px -50px -21px -50px;
z-index: 10;
position: relative;
}
body.blog #slider{
margin-top: -51px;
margin-bottom: 25px;
}
#slider.flexslider .slides{
margin-left: 0;
}
#slider p.slide-caption{
position: absolute;
background-color: #33373A;
border-radius: 2px;
bottom: 81px;
color: #FFFFFF;
font-size: 13px;
font-weight: 900;
left: 50px;
padding: 13px;
}
#slider p.slide-description{
position: absolute;
left: 50px;
bottom: 50px;
padding: 11px;
background-color: #272A2D;
color: #FFFFFF;
border-radius: 2px;
font-size: 11px;
}
#slider .slider-direction-nav li a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav.png);
top: 25px;
}
#slider .slider-direction-nav li a.slider-next{
right: 25px;
}
#slider .slider-direction-nav li a.slider-prev{
right: 60px;
left: auto;
}
#slider ul.slides{
margin-top: 0;
} .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav{margin: 0; padding: 0; list-style: none;} 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;}
.flexslider .slides img {width: 100%; display: block; border-radius: 1px;}
.flexslider.carousel .slides img, .flexslider.carousel .slides a, .flexslider.carousel .slides li{max-height: 80px; max-width: 100px;}
.flexslider.carousel .slides li{ list-style: none; padding: 0; background-image: none;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {background: #fff; padding: 20px 0 20px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.flex-viewport {z-index: 100; max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides{
zoom: 1;
margin-bottom: 0;
margin-top: 15px;
margin-left: -10px;
}
.carousel li {margin-right: 18px}
.flex-direction-nav{
*height: 0;
}
.flex-direction-nav a{
width: 45px;
border-radius: 999px;
height: 45px;
display: block;
z-index: 10;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
-webkit-transition: all .3s ease;
}
.flexslider.fadein{
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
#slider .flex-direction-nav li{
opacity: 1;
display: block;
border-radius: 999px;
background-color: rgba(255, 255, 255, 0.2);
width: 45px;
height: 45px; 
z-index: 900;
position: absolute;
margin: -22px 0 0 0;
top: 50%;
right: 30px;
}
#slider .flex-direction-nav li:first-child{
left: 30px;
}
#slider:hover .flex-direction-nav li{
background-color: #F1F1F1;
}
#slider .flex-direction-nav li:hover{
background-color: #F4F4F4;
}
#slider .flex-direction-nav a {
width: 45px;
border-radius: 999px;
background-color: transparent;
height: 45px;
display: block;
z-index: 900;
cursor: pointer;
text-indent: -9999px;
-webkit-transition: all .3s ease;
position: relative;
}
.slider-direction-nav .slider-disabled{
opacity: 0.3 !important;
filter: alpha(opacity=30); 
cursor: default;
}
.flex-control-nav{
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
display: none;
}
.flex-control-nav li{
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a{
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0,0,0,0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover{
background: #333;
background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active { 
background: #000;
background: rgba(0,0,0,0.9);
cursor: default;
}
.flex-control-thumbs{
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li{
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img{
width: 100%;
display: block;
opacity: .7;
cursor: pointer;
}
.flex-control-thumbs img:hover{
opacity: 1;
}
.flex-control-thumbs .flex-active{
opacity: 1;
cursor: default;
}
.flex-direction-nav li{
display: block;
border-radius: 999px;
background-color: #FFF;
width: 45px;
height: 45px; 
position: absolute;
margin: -22px 0 0 0;
top: 50%;
right: -34px;
}
.flex-direction-nav li:first-child{
left: -34px;
}
.carousel .slider-viewport{
background-color: #EFEFEF;
border-radius: 2px;
border-left: 25px solid #EFEFEF;
border-right: 25px solid #EFEFEF;
}
.content .carousel .slider-viewport li{
margin-left: 15px;
margin-bottom: 15px;
} ul#pagination{
margin: 0 0 50px 0;
text-align: center;
background-color: #F1F1F1;
border-radius: 2px 2px 2px 2px;
color: #808080;
padding: 15px 10px 15px 10px;
position: relative;
}
ul#pagination li{
list-style: none;
background-image: none;
display: inline;
padding: 0;
margin: 0;
cursor: default;
}
ul#pagination li a{
text-decoration: none;
font-size: 11px;
padding: 18px 15px 17px 15px;
color: #B1B1B1;
}
ul#pagination li.next a,
ul#pagination li.prev a{
padding: 16px 18px 14px 18px;
font-size: 15px;
background-color: #E4E3E3;
}
ul#pagination li a.selected,
ul#pagination li a:hover,
ul#pagination li.next a:hover,
ul#pagination li.prev a:hover{
color: #FFF;
}
ul#pagination li.next a:hover:after,
ul#pagination li.prev a:hover:after{
color: #FFF;
}
ul#pagination li.next{
position: absolute;
right: 0;
}
ul#pagination li.next a{
border-radius: 0 2px 2px 0;
}
ul#pagination li.next a:after{
content: "\00bb";
color: #787878;
}
ul#pagination li.prev{
position: absolute;
left: 0;
}
ul#pagination li.prev a{
border-radius: 2px 0 0 2px;
}
ul#pagination li.prev a:after{
content: "\00AB";
color: #787878;
}
ul#pagination li.total{
display: none;
text-align: center;
cursor: default;
font-family: 'Georgia','Times New Roman',Times,serif;
font-size: 22px;
}
ul#pagination li.total span{
opacity: 0.3;
margin: 0 5px 0 5px;
} .content ul.comments{
list-style: none;
margin: 0;
padding: 5px 0 0 0;
position: relative;
}
ul.comments li{
background-image: none;
margin: 0 0 20px 0;
padding: 20px 0 0 0;
border-top: 1px dashed #E7E7E7;
}
ul.comments > li:first-child {
padding-top: 20px;
}
ul.comments li.comment p.author{
cursor: default;
color: #B1B1B1;
}
ul.comments li.comment .author span{
margin: 0 7px 0 0;
color: #B1B1B1;
font-size: 11px;
}
ul.comments li.comment .author a.post-date,
ul.comments li.comment .author a.comment-reply-link,
ul.comments li.comment .author > a{
color: #B1B1B1;
font-size: 11px;
margin: 0 7px 0 7px;
}
ul.comments li.comment span.comment-awaiting-moderation{
margin: 0 7px 0 7px;
}
ul.comments > li.show-all{
position: absolute;
top: -11px;
background-color: #FFF;
padding-left: 10px;
right: 0;
}
.content ul.comments > li.show-all a{
text-decoration: none;
color: #B1B1B1;
line-height: 1;
}
ul.comments > li.show-all a:hover{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
ul.comments > li.bypostauthor{
}
ul.comments ul.children{
margin: 0 0 0 25px;
}
ul.comments ul.children li{
border-top: none;
}
ul.comments ul.children li:last-child{
padding-bottom: 0;
}
ul.comments li.comment.hidden{
opacity: 0;
}
.comments-wrapper img.avatar{
width: 45px;
height: 45px;
float: left;
border-radius: 1px;  
}
.content .comments-wrapper > h4{
font-size: 13px;
cursor: default;
}
.comments-wrapper a.show-pingbacks{
font-size: 11px;
color: #B1B1B1;
text-decoration: none;
float: left;
margin: 1px 0 0 15px;
}
.content ul.pingbacks-trackbacks{
border-top: 1px dashed #E7E7E7;
padding-top: 20px;
margin-left: 0;
display: none;
}
.content ul.pingbacks-trackbacks li{
font-size: 12px;
text-decoration: none;
margin-left: 0;
margin-bottom: 0;
}
.content ul.pingbacks-trackbacks li + li{
margin-top: 10px;
}
ul.comments p.author{
font-size: 12px;
padding: 0 0 0 65px;
margin: 0;
}
ul.comments p.author a{
text-decoration: none;
}
ul.comments .comment-text{
font-size: 12px;
line-height: 1.6;
padding: 0 0 0 65px;
}
.avatars-off ul.comments p.author,
.avatars-off ul.comments .comment-text,
.avatars-off .comment-respond .comment-box-wrap > div{
padding-left: 0;
margin-left: 0;
}
.avatars-off .comment-respond .comment-box-wrap span{
display: none;
}
ul.comments .comment-text p{
font-size: 12px;
color: #B1B1B1;
}
.comment-nav-below{
position: relative;
margin-top: 2px;
}
.content .comment-nav-below > h4{
float: left;
font-size: 10px;
font-weight: 400;
cursor: default;
padding: 0 30px 0 30px;
}
.comment-nav-below a{
font-size: 0;
color: transparent;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/comment-nav.png);
background-color: #F1F1F1;
border-radius: 2px;
width: 16px;
height: 16px;
display: block;
}
.comment-nav-below a:hover{
background-color: #373D43;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-nav-below .nav-previous,
.comment-nav-below .nav-next{
width: 16px;
height: 16px; 
background-color: #F1F1F1;
border-radius: 2px;
position: absolute;
top: 0;
}
.comment-nav-below .nav-next{
right: 0;
}
.comment-nav-below .nav-previous{
left: 0;
}
.comment-nav-below .nav-next a{
background-position: 0 16px;
}
.comment-nav-below .nav-previous a.hide,
.comment-nav-below .nav-next a.hide{
display: none;
}
.comments-wrapper > h4{
float: left;
}
.comment-nav-below{
float: right;
} .comment-respond{
display: none;
position: relative;
padding: 20px 0 0 0;
overflow: hidden;
border-top: 1px solid #E7E7E7;
}
ul.comments .comment-respond{
border-top: none;
margin-left: 25px;
}
.comment-respond h3.comment-reply-title{
font-size: 11px;
font-weight: 700;
margin-bottom: 15px;
cursor: default;
}
.comment-respond h3.comment-reply-title a{
margin-left: 10px;
}
.comment-respond form.comment-form{
overflow: hidden;
}
body.logged-in .comment-respond form.comment-form{
margin-top: -32px;
}
.comment-respond .comment-box{
width: 100%;
margin: 0 0 15px 0;
padding: 12px 12px 12px 15px;
font-size: 13px;
border-radius: 2px;
line-height: 1.6;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
resize: vertical;
}
body.logged-in .comment-respond .comment-box{
height: 46px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.logged-in .comment-respond div.show-box .comment-box {
height: 100px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-respond input[type='text'].error,
.comment-respond .comment-box.error{
border: 1px solid #EB8787;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.comment-respond .comment-box-wrap{
float: right;
margin-left: -45px;
width: 100%;
}
.comment-respond .comment-box-wrap > div{
float: none;
margin-left: 65px;
width: auto;
}
.comment-respond .comment-box-wrap span{
background-color: #FFF;
border-radius: 2px 2px 2px 2px;
content: "";
float: left;
height: 11px;
margin-left: 16px;
margin-top: 16px;
position: absolute;
left: 44px;
top: 53px;
transform: rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
width: 11px;
z-index: 99;
border-bottom: 1px solid #E1E1E1;
border-left: 1px solid #E1E1E1;
-webkit-transition: border 0.4s ease;
-moz-transition: border 0.4s ease;
transition: border 0.4s ease;
}
.comment-respond .comment-box-wrap > div:hover span{
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.comment-respond .comment-box-wrap > div:hover span.in-focus,
.comment-respond .comment-box-wrap span.in-focus{
border-bottom: 1px solid #A7A7A7;
border-left: 1px solid #A7A7A7;
}
.comment-respond input[type='text']{
font-size: 12px;
padding: 12px 10px 11px 40px;
border-radius: 2px;
width: 32%;
margin-left: 2%;
float: left;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/comment-form.png);
background-repeat: no-repeat;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.comment-respond input[type='submit']{
float: right;
margin: 20px 0 0 0;
}
.comment-respond input.author{
background-position: 14px 14px;
margin-left: 0;
}
.comment-respond input.email{
background-position: 14px -34px;
}
.comment-respond input.url{
background-position: 14px -76px;
}
.single .comment-respond,
.page .comment-respond{
display: block;
}
.comments-wrapper em.info{
color: #B8B8B8;
float: left;
font-size: 11px;
font-style: normal;
line-height: 1.5;
margin-top: 20px;
}
body.logged-in .comments-wrapper em.info{
margin-top: 0;
}
.comments-wrapper .comment-logged-in em.info{
margin-top: 15px;
}
.comment-logged-in input[type='submit']{
margin-top: 5px;
}
.loading-overlay,
.content .loading-overlay{
background: #FFFFFF url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/loading.gif) no-repeat 100% 25px;
display: block;
height: 100%;
opacity: 0.9;
position: absolute;
width: 100%;
z-index: 900;
border-radius: 0 0 4px 4px;
top: 0;
}
.comments-wrapper  li.loading-overlay{
padding: 0;
}
.fade-out,
.comments-wrapper  li.loading-overlay.fade-out{
opacity: 0;
-webkit-transition: all 0.3s ease; 
-moz-transition: all 0.3s ease; 
transition: all 0.3s ease;
}
.comments-wrapper p.logged-in-as{
font-size: 10px;
text-align: right;
cursor: default;
}
.comments-wrapper p.must-be-logged-in{
padding-left: 25px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/lock.png);
background-repeat: no-repeat;
background-position: 0 2px;
} body.single ul.comments .comment-text p,
body.page ul.comments .comment-text p{
font-size: 13px;
color: #5C5C5C;
} #sidebar{
float: left;
width: 300px; 
font-size: 13px;
line-height: 1.6;
color: #808080;
margin: -5px 0 30px 0;
}
#sidebar img{
max-width: 100%;
}
#sidebar p{
margin-bottom: 15px;
}
#sidebar input[type="text"]{
width: 100%;
}
#sidebar .widget p:last-child{
margin-bottom: 0;
}
#sidebar span.dash,
.content span.dash{
background-color: #bbbbbb;
width: 13px;
height: 1px;
display: block;
position: absolute;
bottom: -1px;
left: 0;
}
body.single article > span.dash,
body.page article > span.dash{
display: none;
}
#sidebar .widget:last-child span.dash{
display: none;
}
#sidebar .widget{
border-bottom: 1px solid #E7E7E7;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
position: relative;
}
#sidebar .widget:last-child{
margin-bottom: 0;
border-bottom: none;
}
#sidebar .widget-title{
float: none;
color: #373D43;
margin: 0 0 15px 0;
font-size: 11px;
background-color: transparent;
cursor: default;
}
#sidebar .widget.social-widget{
padding-bottom: 20px;
}
#sidebar .social-widget-icons a{
float: left;
margin: 0 10px 10px 0;
}
#sidebar .social-widget-icons{
overflow: hidden;
}
#sidebar .widget-order-handle{
background-position: 10px 11px;
background-repeat: no-repeat;
border-radius: 999px 999px 999px 999px;
display: none;
height: 30px;
position: absolute;
right: 0;
top: -5px;
width: 30px;
z-index: 998;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/theme-options/images/drag.png);
opacity: 0.3;
}
#sidebar ul li, #footer ul li{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-right.png);
background-position: 0 7px;
background-repeat: no-repeat;
margin: 0 0 8px;
padding: 0 0 0 15px;
}
#sidebar ul li:last-child, #footer ul li:last-child{
margin-bottom: 0;
}
#sidebar .widget.ui-sortable-helper{
border-bottom: none;
}
#sidebar .widget.ui-sortable-helper span.dash{
display: none;
}
.sortable-widget-placeholder{
background-color: #FAFAFA;
border-radius: 3px;
border: 1px dashed #E7E7E7;
padding-bottom: 30px;
margin-bottom: 29px;
}
#sidebar .widget-order-handle:hover {
border: none;
opacity: 1;
}
#sidebar .widget:hover .widget-order-handle {
cursor: move;
display: block;
}
.widget.widget_recent_entries a{
margin: 0 6px 0 0;
}
.widget.widget_recent_entries span{
cursor: default;
}
#sidebar table caption,
#footer table caption{
cursor: default;
padding: 0 0 20px;
text-align: left;
}
#sidebar table,
#footer table{
width: 100%;
line-height: 1.4;
}
#sidebar table tbody{
border-bottom: 15px solid #FFFFFF;
}
#sidebar table thead{
color: #373D43;
text-align: left;
}
#sidebar table tr{
border-bottom: 4px solid #FFFFFF;
}
#sidebar table tfoot{
} body.sidebar-on-right.sidebar-off .primary-content,
body.sidebar-on-left.sidebar-off .primary-content,
body.page-template-template-contact-php.sidebar-off .primary-content,
body.page-template-template-contact-php.sidebar-on-left .primary-content,
body.page-template-template-contact-php.sidebar-on-right .primary-content,
body.sidebar-off .primary-content{
width: 100%;
float: left;
margin-right: 0;
margin-left: 0; 
}
body.sidebar-on-right.sidebar-off .content,
body.sidebar-on-left.sidebar-off .content,
body.page-template-template-contact-php.sidebar-off .content,
body.page-template-template-contact-php.sidebar-on-left .content,
body.page-template-template-contact-php.sidebar-on-right .content,
body.sidebar-off .content{
width: 100%;
margin-right: 0;
margin-left: 0; 
}
body.sidebar-on-right .primary-content{
width: 100%;
float: left;
margin-right: -300px; 
}
body.sidebar-on-right .content{
width: auto;
float: none;
margin-right: 350px;
}
body.sidebar-on-left .primary-content{
width: 100%;
float: right;
margin-left: -300px; 
}
body.sidebar-on-left .content{
width: auto;
float: none;
margin-left: 350px;
margin-right: 0;
} ul.tags li a,
.widget-pretty-tags a.pretty-tag{
color: #808080;
background-color: #F1F1F1;
border-radius: 2px 0 0 2px;
display: block;
font-size: 11px;
height: 10px;
line-height: 1;
margin: 0 25px 10px 0;
padding: 8px 9px 8px 9px;
position: relative;
float: left;
z-index: 1;
text-decoration: none;
}
ul.tags li a:before,
.widget-pretty-tags a.pretty-tag:before{
background-color: #F1F1F1;
border-radius: 2px 2px 2px 2px;
content: "";
float: left;
height: 20px;
margin-left: 16px;
margin-top: 16px;
position: absolute;
right: -9px;
top: -13px;
transform: rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
width: 20px;
z-index: -1;
}
ul.tags a:hover:before,
ul.tags a:hover,
.widget-pretty-tags a.pretty-tag:hover:before,
.widget-pretty-tags a.pretty-tag:hover{
color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
} #sidebar .widget.widget_recent_posts_plus ul li{
padding: 0;
background-image: none;
overflow: hidden;
margin-bottom: 15px;
}
#sidebar .widget.widget_recent_posts_plus a.post-thumbnail{
float: left;
margin-right: 15px;
}
#sidebar .widget.widget_recent_posts_plus a > img{
width: 80px;
height: 50px;
border-radius: 1px;
}
#sidebar .widget.widget_recent_posts_plus span{
display: block;
} .content{
line-height: 1.5;
font-size: 14px;
color: #5C5C5C;
}
.content p{
font-size: 14px;
line-height: 1.7;
color: #5C5C5C;
margin: 0 0 15px 0;
}
.content a{
text-decoration: underline;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
clear: both;
color: #373D43;
}
.content h1{
font-size: 31px;
margin-bottom: 15px;
font-weight: 700;
}
.content h2{
font-size: 25px;
margin-bottom: 15px;
font-weight: 700;
}
.content h3{
font-size: 20px;
margin-bottom: 15px;
font-weight: 600;
}
.content h4{
font-size: 19px;
margin-bottom: 15px;
font-weight: 600;
}
.content h5{
font-size: 15px;
margin-bottom: 15px;
font-weight: 600;
}
.content h6{
font-size: 13px;
margin-bottom: 15px;
font-weight: 600;
}
.content strong{
color: #515151;
font-weight: 700;
}
.content ol{
list-style: decimal outside none;
margin: 10px 0 20px 30px;
}
.content ol li{
list-style: decimal outside none;
background-image: none;
padding: 0 0 0 5px;
}
.content ul{
margin: 10px 0 20px 30px;
}
.content li{
margin: 0 0 10px 0;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-right.png);
background-position: 0 10px;
background-repeat: no-repeat;
padding: 0 0 0 15px;
}
.content pre{
background-color: #F1F1F1;
border-radius: 3px;
overflow: auto;
padding: 15px 20px 15px 20px;
margin: 0 0 20px 0;
font-family: 'Consolas', 'Monaco', 'Lucida Console', monospace;
font-size: 14px;
}
.content table{
border-bottom: 1px solid #EDEDED;
width: 100%;
line-height: 2;
font-size: 14px;
margin-bottom: 30px;
text-align: left;
}
.content table th{
font-weight: 700;
color: #333;
}
.content table td{
border-top: 1px solid #EDEDED;
padding: 6px 10px 6px 0;
}
.content form {
margin-bottom: 20px;
}
.content form input[type="submit"]{
-webkit-appearance: none;
border: none;
color: #FFF;
text-align: center;
border-radius: 2px;
font-size: 11px;
cursor: pointer;
padding: 10px 26px 8px 26px;
outline: none;
background-color: #E83B3B;
}
.content object,  
.content embed,
.content iframe{
max-width: 100%;
}
.content dl{
margin: 0 20px 0 20px;
}
.content dt{
font-weight: 700;
font-size: 15px;
margin-bottom: 5px;
color: #373D43;
}
.content dd{
margin-bottom: 20px;
line-height: 1.7;
}
.content sub {
bottom: -0.25em;
}
.content sup{
top: -0.5em;
}
.content sub, .content sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.content address{
font-style: italic;
display: block;
margin-bottom: 20px;
}
.content blockquote{
margin: 25px 0 25px 0;
padding: 0 25px 0 25px;
font-style: italic;
}
.content blockquote p{
color: #9C9C9C;
}
.content blockquote cite{
font-weight: 700;
font-style: normal;
color: #373D43;
}
.content ins{
background-color: #FFF9C0;
color: #626262;
}
.content del{
opacity: 0.5;
}
.content q{
font-style: italic;
}
.content img{
max-width: 100%;
height: auto;
}
.content div{
max-width: 100%; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="time"],
input[type="tel"],
input[type="url"],
textarea{
padding: 10px;
font-size: 12px;
border: 1px solid #E1E1E1;
border-bottom: 1px solid #D6D4D4;
border-radius: 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border 0.4s ease;
-moz-transition: border 0.4s ease;
transition: border 0.4s ease;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="search"]:hover,
input[type="time"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
textarea:hover{
border: 1px solid #CDCDCD;
border-bottom: 1px solid #BBBBBB;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border: 1px solid #A7A7A7;
border-bottom: 1px solid #999999;
}
.alignleft {
float: left;
margin: 0 20px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 20px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text{
background-color: #F7F7F7;
padding: 8px;
cursor: default;
border-radius: 0 0 2px 2px;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-size: 13px;
font-style: italic;
text-align: center;
}
.content .wp-caption{
max-width: 100%;
}
.content img.featured-image{
margin-bottom: 30px;
}
.content .excerpt{
padding: 0 0 30px 0;
}
.content .excerpt p{
font-size: 17px;
line-height: 1.7;
font-style: italic;
color: #808080;
margin: 0;
}
body.page .content .excerpt p,
body.single .content .excerpt p{
padding-left: 25px;
}
.content > .sticky h1.post-title{
padding-left: 10px;
border-left: 3px solid #D7D7D7;
} .password-post-wrapper{
background-color: #F1F1F1;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 25px 0 5px 120px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/lock-big.png);
background-repeat: no-repeat;
background-position: 35px 50%;
margin-bottom: 20px;
}
.password-post-wrapper p{
color: #9F9F9F;
cursor: default;
font-size: 13px;
margin-bottom: 10px;
}
.password-post-wrapper input.password-field{
width: 300px;
}
.password-post-wrapper input[type="submit"]{
padding: 11px 26px 9px 26px;
} .flexslider.testimonials{
margin: -87px 0 50px 0;
padding: 50px 0 0 0;
border-top: 1px solid #E7E7E7;
}
.flexslider.testimonials .slider-direction-nav{
opacity: 0.3;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.flexslider.testimonials:hover .slider-direction-nav{
opacity: 1;
}
body.page-template-template-frontpage-mini-php .flexslider.testimonials{
margin-top: 0;
}
.flexslider.testimonials .slides{
margin: 0;
}
.flexslider.testimonials .slides img,
.testimonials ul img {
border-radius: 100px;
height: 80px;
width: 80px;
float: left;
border: 5px solid #EAEAEA;
}
.testimonials .slides h3 {
font-size: 17px;
padding-bottom: 15px;
padding-left: 120px;
margin-top: 5px;
}
.testimonials .testimonial{
padding-left: 120px;
}
.testimonial > p{
color: #808080;
font-size: 18px;
font-weight: 100;
line-height: 1.6;
letter-spacing: -0.02em;
}
.testimonials > .dash{
background-color: #373D43;
display: block;
height: 3px;
left: 0;
position: absolute;
top: -2px;
width: 15px;
}
h4.widget-title{
font-size: 13px;
font-weight: 700;
background-color: #FFF;
display: block;
cursor: default;
float: left;
margin-top: -9px;
padding-right: 20px;
} #sidebar ul.testimonials-plus-list li{
padding: 0;
margin: 0;
background-image: none;
display: none;
}
#sidebar ul.testimonials-plus-list li h3{
color: #373D43;
font-size: 14px;
}
#sidebar ul.testimonials-plus-list li p{
font-size: 13px;
font-style: italic;
line-height: 1.7;
}
.widget-testimonials-plus .slider-control-paging{
position: relative;
top: 0;
bottom: 0;
margin: 20px 0 -20px 0;
text-align: left;
}
.widget-testimonials-plus .slider-control-paging li a.slider-active {
background-color: #F1F1F1;
border: 1px solid #E0E0E0;
}
ul.testimonials-plus-list li > img{
border: 5px solid #EAEAEA;
border-radius: 100px;
float: left;
height: 60px;
width: 60px;
margin: 0 15px 2px 0;
}
.widget-testimonials-plus .testimonial-plus-content{
margin-top: 7px;
} .fullwidth-message{
background-color: #F2F2F2;
width: 100%;
padding: 20px 50px 20px 50px;
margin: 0 -50px 50px -50px;
overflow: hidden;
}
.fullwidth-message p{
float: left;
cursor: default;
margin-top: 18px;
font-size: 17px;
color: #8B8B8B;
}
.fullwidth-message > a{
color: #FFFFFF;
font-size: 11px;
padding: 20px 30px 20px 30px;
border-radius: 3px;
float: right;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.fullwidth-message > a:hover{
color: #FFF;
} .page-info {
background-color: #F9F9F9;
border-radius: 3px;
margin-bottom: 50px;
padding: 20px 30px 20px 30px;
}
.page-info h1{
color: #808080;
cursor: default;
font-size: 11px;
font-weight: 400;
line-height: 1.4;
margin: 2px 0 0 0;
text-shadow: 0 1px 0 #FFFFFF;
}
.page-info input{
width: 100%;
}
.page-info #searchform{
margin-bottom: 10px;
margin-top: 15px;
} .tag-index-page ul{
padding: 0;
margin: 0;
float: left;
width: 21%;
margin-right: 3%;
margin-bottom: 3%;
}
.tag-index-page ul li{
background-image: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #E7E7E7;
font-size: 13px;
}
.tag-index-page ul li a{
display: block;
text-decoration: none;
padding: 6px 0 6px 0;
}
.tag-index-page ul li span{
color: #C5C5C5;
float: right;
}
.tag-index-page ul li a:hover span{
color: #C5C5C5;
}
.tag-index-page ul li.tag-title{
position: relative;
border-bottom: 1px solid #BCBCBC;
font-weight: 700;
cursor: default;
color: #373D43;
}
.tag-index-page span.dash{
background-color: #373D43;
opacity: 1;
} .contact-page-map{
margin: -50px 0 30px 0;
}
body.page-template-template-contact-php form.wpcf7-form{
float: left;
width: 45%;
margin-bottom: 50px;
}
body.page-template-template-contact-php form.wpcf7-form > p{
font-size: 12px;
margin-bottom: 5px;
}
body.page-template-template-contact-php form.wpcf7-form > p span input{
margin-top: 5px;
}
body.page-template-template-contact-php form.wpcf7-form textarea,
body.page-template-template-contact-php form.wpcf7-form input[type="text"],
body.page-template-template-contact-php form.wpcf7-form input[type="tel"],
body.page-template-template-contact-php form.wpcf7-form input[type="url"],
body.page-template-template-contact-php form.wpcf7-form input[type="email"]{
width: 100%;
margin-bottom: 15px;
}
.contact-page-description{
width: 45%;
float: right;
margin-bottom: 50px;
}
.contact-page-description > a{
float: left;
margin-right: 10px;
}
.contact-page-description h3{
font-weight: 600;
}
.content span.wpcf7-not-valid-tip {
background-color: #FF8989;
color: #9A3030;
border-radius: 2px;
padding: 5px 10px 5px 10px;
border: 1px solid #D05454;
font-size: 12px;
}
.content .wpcf7-validation-errors{
background-color: #FBED99;
border: 1px solid #DAD051;
border-radius: 2px;
color: #998239;
padding: 5px 10px 5px 10px;
font-size: 12px;
margin-left: 0;
}
body.page-template-template-contact-php article > .google-maps{
margin: -50px -50px 30px -50px;
padding: 0 50px 0 50px;
max-width: 1200px;
} .content .page-404{
text-align: center;
margin: 100px 0 200px 0;
}
body.error404 .page-404 h1.post-title{
border-bottom: none;
font-size: 48px;
margin-bottom: 0;
font-weight: 700;
}
body.error404 .page-404 p{
font-size: 21px;
}
body.error404 .page-404 #searchform{
width: 60%;
margin: 0 auto;
margin-top: 30px;
}
body.error404 .page-404 #searchform input{
width: 100%; 
}
body.error404.sidebar-on-left .content,
body.error404.sidebar-on-left .primary-content{
margin-left: 0;
} #footer{
margin-top: 100px;
background-color: #272a2d;
color: #FFF;
padding: 40px 50px 0 50px;
margin: 0 -50px 0 -50px;
border-radius: 0 0 2px 2px;
}
#footer .widget-section {
width: 30%;
float: left;
margin-left: 5%;
}
#footer .widget-section.first {
clear: left;
margin-left: 0;
}
#footer h5.widget-title{
color: #FFF;
cursor: default;
font-size: 11px;
font-weight: 700;
padding: 0 0 20px;
}
#footer .widget,
#footer p{
color: #A0A0A0;
font-size: 12px;
line-height: 1.6;
padding: 0 0 20px;
}
#footer a{
color: #FFF;
}
#footer img{
max-width: 100%;
}
#footer a:hover{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer .copyright{
background-color: #191b1d;
font-size: 12px;
color: #868686;
cursor: default;
width: 100%;
overflow: hidden;
padding: 0 50px 0 50px;
margin: 20px -50px 0 -50px;
border-radius: 0 0 2px 2px;
}
#footer .copyright p{
float: left;
line-height: 1;
padding: 15px 0 15px 0;
}
#footer-menu{
float: right;
padding: 17px 0 13px 0;
}
#footer #footer-menu li{
float: left;
margin: 0 0 0 25px;
font-size: 9px;
background-image: none;
padding: 0;
}
#footer-menu li a{
float: left;
}
#footer-menu li:last-child p{
display: none;
}
#footer .copyright li p{
font-size: 14px;
float: left;
padding: 0;
margin-top: -2px;
padding: 0 0 0 25px;
} .content .notification-box{
border-radius: 3px;
padding: 10px;
text-align: center;
cursor: default;
margin: 0 0 20px 0;
}
.content .notification-box.yellow{
background-color: #FCF7B6;
}
.content .notification-box.red{
background-color: #EB5A5F;
color: #FFF;
}
.content .notification-box.blue{
background-color: #6292DE;
color: #FFF;
}
.content .notification-box.green{
background-color: #53B869;
color: #FFF;
}
.content .notification-box.gray{
background-color: #EBEBEB;
}
.splitter_short{
height: 1px;
width: 100%; 
display: block;
border-bottom: 1px dashed #E0E0E0;
margin-bottom: 20px;
}
.two_col{
width: 48%;
float: left;
margin-right: 4%;
word-wrap: break-word;
}
.two_col.last{
float: right;
margin-right: 0;
}
.three_col{
width: 30%;
float: left;
margin-right: 4%;
word-wrap: break-word;
}
.three_col.last{
float: right;
margin-right: 0;
}
.splitter-dashed{
border-bottom: 1px dashed #E0E0E0;
display: block;
height: 1px;
margin-bottom: 20px;
width: 100%;
}
.splitter-line{
border-bottom: 1px solid #E0E0E0;
display: block;
height: 1px;
margin-bottom: 20px;
width: 100%;
}
.two_col + br,
.three_col + br,
.splitter-line + br,
.splitter-dashed + br,
.accordion-wrapper + br,
.content .notification-box + br{
display: none;
} .accordion-wrapper > h4{
background-color: #F1F1F1;
border-radius: 2px 2px 2px 2px;
color: #808080;
display: block;
font-size: 17px;
padding: 15px 25px;
text-decoration: none;
cursor: pointer;
font-weight: 400;
position: relative;
margin: 0 0 25px 0;
border-bottom: 1px solid #E4E4E4;
}
.accordion-wrapper > h4:after{
content: "+";
opacity: 0.5;
position: absolute;
right: 21px;
top: 21px;
font-weight: 800;
line-height: 1;
}
.accordion-wrapper > h4.expanded:after{
content: "\2013";
font-size: 16px;
top: 20px;
}
.accordion-wrapper > h4.expanded,
.accordion-wrapper > h4:hover {
color: #FFFFFF;
border-bottom: 1px solid #FFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.accordion-wrapper .accordion-content{
display: none;
overflow: hidden;
margin-bottom: 20px;
}
.accordion-wrapper .accordion-content.slide-down{
height: auto; 
max-height: 100px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
} a.more-link,
.page-info h1,
#nav-menu.show,
.content table th,
.articles-list li p,
.fullwidth-message a,
#header .site-title,
#sidebar .widget-title,
#footer h5.widget-title,
.portfolio-details h2,
.portfolio-details h1 a,
#slider p.slide-caption,
.content .comments-wrapper > h4,
.content form input[type="submit"],
.comment-respond h3.comment-reply-title,
.portfolio-list.grid-layout li h1{
text-transform: uppercase;
}
.portfolio-list span.view-more-icon,
.isotope-hidden{
display: none\9;
} @media screen and
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
a.heart-love{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/heart@2x.png);
background-size: 12px 30px;
}
.menu-toggle,
.menu-toggle:after,
.menu-toggle:before{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/menu@2x.png);
background-size: 24px 3px;
}
.comments-wrapper p.must-be-logged-in{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/lock@2x.png);
background-size: 16px 16px;
}
.comment-nav-below a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/comment-nav@2x.png);
background-size: 16px 32px;
}
#nav-menu > li.submenu-parent > a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-down@2x.png);
background-size: 7px 4px;
}
.content li,
#sidebar ul li, #footer ul li,
#nav-menu .submenu-parent > a{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/arrow-right@2x.png);
background-size: 4px 7px;
}
.password-post-wrapper{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/lock-big@2x.png);
background-size: 48px 48px;
}
.portfolio-list span.view-more-icon{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/zoom@2x.png);
background-size: 13px 13px;
}
#swipebox-slider .slide {
background: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/loading-dark@2x.gif) no-repeat center center;
background-size: 32px 32px;
}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close,
.portfolio-nav a, .slider-direction-nav li a, .carousel .slider-direction-nav li a, .fullscreen-gallery{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/carousel-nav@2x.png);
background-size: 24px 96px;
}
}
@media screen and (max-width: 1250px){
.wrapper{
width: 100%;
}
.container{
margin: 25px 25px 0 25px;
}
.portfolio-list.grid-layout li{
margin: 0 4% 5% 4%;
}
.portfolio-list li a img{
width: 100%;
height: auto;
}
.portfolio-list.grid-layout.isotope .isotope-item{
transition-duration: 0s;
}
}
@media screen and (max-width: 980px){
#nav-menu{
height: 0;
text-align: center;
z-index: 9999;
overflow: hidden;
top: 90px;
opacity: 0;
margin: 0;
}
#nav-menu.show{
height: auto;
opacity: 1;
transition: opacity 0.3s ease, top 0.2s ease;
-webkit-transition: opacity 0.3s ease, top 0.2s ease;	
}
body.sidebar-on-right .primary-content{
margin-right: -250px;
}
body.sidebar-on-right .content{
margin-right: 300px;
}
#sidebar{
width: 250px; 
}
.menu-toggle{
display: block;
float: right;
padding: 7px;
position: absolute;
top: 35px;
right: 75px;
border-radius: 2px;
height: 30px;
margin-top: 25px;
text-indent: -9999px;
width: 30px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/menu.png);
background-position: 50% 50%;
background-repeat: no-repeat;
overflow: hidden;
z-index: 9999;
}
body.logged-in.admin-bar .menu-toggle{
margin-top: 71px;
}
.menu-toggle:after{
content: "";
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/menu.png);
width: 24px;
height: 3px;
float: left;
position: absolute;
left: 10px;
top: 14px;
-webkit-transition: top 0.2s ease;
-moz-transition: top 0.2s ease;
transition: top 0.2s ease;
}
.menu-toggle:before{
content: "";
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook/images/menu.png);
width: 24px;
height: 3px;
float: left;
position: absolute;
left: 10px;
bottom: 13px;
-webkit-transition: bottom 0.2s ease;
-moz-transition: bottom 0.2s ease;
transition: bottom 0.2s ease;
}
.menu-toggle.close:after{
top: -5px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.menu-toggle.close:before{
bottom: -5px;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
} #nav-menu.show{
display: block;
position: absolute;
top: 64px;
width: 100%; 
padding: 30px;
overflow: visible;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#nav-menu.show li{
float: none;
display: block;
margin: 0;
}
#nav-menu.show li a{
display: block;
text-align: center;
float: none;
color: #FFF;
background-color: #3F4044;
font-size: 13px;
font-weight: 700;
padding: 22px;
border-bottom: 1px solid #4D4F54;
word-wrap: break-word;
}
#nav-menu.show a:hover,
#nav-menu.show ul.sub-menu a:hover{
background-color: #343639;
}
#nav-menu.show li:first-child a{
border-radius: 2px 2px 0 0;
}
#nav-menu.show li:last-child a{
border-radius: 0 0 2px 2px;
}
#nav-menu.show li.submenu-parent{
position: static;
}
#nav-menu.show li.submenu-parent.hide:hover > ul.sub-menu {
display: block;
left: 0;
}
#nav-menu.show li.submenu-parent:hover ul.sub-menu {
display: none;
}
#nav-menu.show li.submenu-parent > a{
background-image: none;
color: #FFF;
position: relative;
line-height: 1.5;
}
#nav-menu > li.submenu-parent:hover > a{
padding-bottom: 22px;
}
#nav-menu.show li.submenu-parent > a:after{
background-color: #2D2D2D;
content: "+";
opacity: 0.5;
position: absolute;
right: 21px;
top: 20px;
font-weight: 800;
line-height: 1;
font-size: 15px;
border-radius: 2px;
padding: 3px 9px 6px 9px;
}
#nav-menu.show ul.sub-menu{
position: absolute;
top: 0;
box-shadow: none;
left: 0;
margin: 40px 0 30px 0;
opacity: 0;
}
#nav-menu.show li.hide > a{
display: none;
z-index: -999;
}
#nav-menu.show .sub-menu.show{
left: 0;
top: 0;
height: auto;
overflow: visible;
width: 100%;
background-color: transparent;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px 30px 30px;
opacity: 0;
margin-top: 60px;
}
#nav-menu.show .sub-menu.show.fadein{
opacity: 1;
margin-top: 40px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#nav-menu.show .sub-menu.show .sub-menu.show.fadein{
opacity: 1;
margin-top: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#nav-menu.show .sub-menu.show .sub-menu.show{
margin-top: 20px;
}
#nav-menu.show .sub-menu a{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px){
#sidebar{
display: none;
}
body.sidebar-on-left .content,
body.sidebar-on-right .content{
width: 100%; 
margin: 0;
} .portfolio-list > li,
.portfolio-list.grid-layout.filter-on li{
width: 29%;
margin: 0 2% 5%;
}
.portfolio-list.grid-layout li{
width: 41%; 
}
.portfolio-details .gallery{
width: 100%; 
margin-right: 0;
}
.portfolio-details .portfolio-meta.col_9{
width: 100%; 
margin-top: 25px;
}
.portfolio-filter .splitter-vertical{
display: none;
} .welcome-message{
text-align: center;
margin-top: -40px;
padding: 0 0 40px 0;
}
.welcome-message span{
width: 100%;
margin: 40px 0 40px 0;
word-break: break-all;
}
.fullwidth-message{
margin: 0 -50px 0 -50px;
padding: 40px 50px 50px 50px;
text-align: center;
}
.fullwidth-message p{
line-height: 1.6;
font-size: 16px;
float: none;
margin-top: 0;
}
.fullwidth-message a{
margin-top: 20px;
padding: 17px 30px 17px 30px;
float: none;
display: block;
}
#slider p.slide-description,
#slider p.slide-caption{
display: none;
}
body.error404 .page-404 h1.post-title{
font-size: 32px;
}
body.error404 .page-404 p{
font-size: 18px;
margin-top: 15px;
}
body.error404 .page-404 #searchform{
width: 100%;
}
body.page-template-template-contact-php form.wpcf7-form{
width: 100%;
margin-bottom: 30px;
}
.contact-page-description{
width: 100%;
float: right;
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px){
.container{
padding: 0 25px 0 25px;
}
.menu-toggle{
top: 0;
right: 25px;
border-radius: 0 2px 0 2px;
}
#header{
height: auto;
overflow: hidden;
padding: 40px 0 40px 0;
}
body.dark-header #header{
height: auto;
overflow: hidden;
margin: 0 -25px 30px -25px;
border-radius: 2px 2px 0 0;
padding: 40px 0 40px 0;
}
#header .site-title {
width: 100%; 
text-align: center;
}
.site-title a.logo{
float: none;
margin: 0;
}
.site-title a.logo img{
display: inline;
margin: -5px 0 5px 0;
}
.site-title div{
float: none;
}
.comment-respond input,
.comment-respond input[type='text']{
width: 100%;
margin: 0;
}
.tag-index-page ul{
width: 29%;
} .comment-respond input[type='text']{
margin-top: -1px;
}
.comment-respond input.author{
border-radius: 2px 2px 0 0;
background-position: 100% 15px;
}
.comment-respond input.email{
border-radius: 0;
background-position: 100% -33px;
}
.comment-respond input.url{
border-radius: 0 0 2px 2px;
background-position: 100% -75px;
width: 100%; 
}
.comment-respond input[type='text']{
padding: 12px 10px 11px 15px;
}
.comment-respond input[type="submit"]{
padding-top: 13px;
padding-bottom: 11px;
}
ul.comments ul.children{
margin: 0;
} #footer{
padding: 40px 25px 0 25px;
margin: 0 -25px 25px -25px;
}
#footer .widget-section{
width: 100%;
margin-left: 0;
}
ul#footer-menu{
width: 100%;
float: none;
text-align: center;
margin-bottom: 15px;
padding-top: 0;
}
#footer ul#footer-menu li {
display: inline-block;
float: none;
width: 100%; 
margin-left: 0;
}
ul#footer-menu li a{
margin: 0 25px 0 25px;
padding: 10px 0 10px 0;
}
#footer .copyright{
margin: 15px 0 0 -25px;
padding: 10px 25px 0 25px;
text-align: center;
}
#footer .copyright p{
float: none;
}
#footer-menu p{
display: none;
}
#footer-menu li a{
display: block;
float: none;
}
.portfolio-keywords{
display: none;
}
.portfolio-filter{
padding-top: 15px;
}
.portfolio-list li{
width: 45%;
max-width: 100%;
}
.portfolio-details .slider-control-paging{
display: none;
} .welcome-message{
padding-top: 5px;
}
.welcome-message span{
font-size: 50px;
margin: 30px 0 25px 0;
}
.welcome-message p{
font-size: 15px;
}
.fullwidth-message{
margin: 0 -25px 0 -25px;
padding: 40px 25px 50px 25px;
}
.flexslider.testimonials{
text-align: center;
}
.testimonials .testimonial{
padding: 0 60px 0 60px;
}
.flexslider.testimonials .slides img,
.testimonials img {
float: none;
margin: 0 auto;
}
.testimonial > p{
font-size: 17px;
}
.testimonials .slides h3{
padding: 15px 0 15px 0;
font-size: 17px;
}
#slider{
margin: 0 -25px -25px -25px;
}
body.page-template-template-contact-php article > .google-maps{
margin-top: 0;
}
.portfolio-similar-items > ul li{
width: 47%;
}
.portfolio-similar-items > ul li:first-child{
margin-left: 1.1%;
}
.portfolio-similar-items > ul li:last-child{
margin-right: 1.1%;
}
}
@media screen and (max-width: 400px){
body.page .content h1.post-title, body.single .content h1.post-title{
font-size: 26px;
}
.menu-toggle.close{
border-radius: 2px;
}
#header{
margin-bottom: 30px;
}
.content p.post-meta a{
display: block;
}
.content p.post-meta span {
display: none;
}
.content p.post-meta span.category-list{
display: block;
}
ul.comments ul.children{
margin: 0;
}
ul.comments p.author{
padding: 4px 0 0 60px;
background-color: #F5F5F5;
border-radius: 2px;
}
ul.comments .comment-text{
margin-top: 15px;
padding-left: 0;
}
.comments-wrapper img.avatar{
margin-right: 10px;
}
.comments-wrapper em.info{
display: none;
}
.single .content > .post{
margin-bottom: 0;
}
.author-infobox img{
display: none;
}
#slider.flexslider .slides img{
min-height: 160px;
}
.tag-index-page ul{
padding: 0;
margin: 0;
float: left;
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.content > .tag-index-page{
margin-bottom: 15px;
} .portfolio-list.grid-layout.filter-on li,
.portfolio-list.grid-layout > li,
.portfolio-list li{
margin: 0 0 35px 0;
width: 100%;
}
.portfolio-list.grid-layout,
.portfolio-list{
margin: 20px 0 0;
}
.portfolio-list li .splitter{
margin-top: 30px;
}
.portfolio-list li{
margin: 12px 0 12px 0;
}
.portfolio-list li a img{
width: 100%;
height: auto;
max-width: 100%;
}
.portfolio-list{
margin: 20px 0 0 0;
}
.portfolio-similar-items > ul li{
width: 100%;
margin: 15px 0 15px 0; 
}
.welcome-message{
padding-top: 15px;
}
.welcome-message span{
font-size: 42px;
}
.testimonials .testimonial{
padding: 0 10px 0 10px;
}
.testimonial > p{
font-size: 16px;
}
.content .page-404{
margin: 50px 0 100px 0;
}
ul#pagination{
margin-top: 30px;
padding: 9px 10px 9px 10px;
}
ul#pagination li{
display: none;
}
ul#pagination li.total{
display: block;
}
ul#pagination li.prev,
ul#pagination li.next{
margin-top: 6px;
display: block;
}
#footer .copyright p{
line-height: 1.6;
}
}
@import url("https://fonts.googleapis.com/css?family=Roboto"); body{
background-color: #FFF;
color: #6b6b6b;
} .content .blocks-gallery-grid, .content .wp-block-gallery { 
margin:0;
position: relative;
width: 100%;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
background-image:none!important;
padding:0;
} .list-pages li.pagenav > ul { 
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
column-gap: 40px;
}
.content ul.list-pages, .content .list-pages ul {margin-left:0;}
.content ul.list-pages {margin-top: 50px;}
.list-pages li {background:none;text-align:left;margin:0;font-size: 17px;}
.list-pages li.page_item_has_children {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.blog .content h1.post-title {
margin: 10px 0!important;
padding: 0!important; 
}
.blog .content > .post {
padding: 0!important;
}
.blog .content p.post-meta {
margin-bottom: 0!important;
margin-top:5px!important;
}
.blog .content article a:hover h1 {
color: #46d946;
}
.blog .post-excerpt, .archive .post-excerpt {
padding-top:10px;
display: block;
overflow: hidden;
align-items: center;
display: flex;
}
.blog .post-excerpt a, .archive .post-excerpt a {
flex: 0 0 20%;
padding-right: 20px;
}
.blog .post-excerpt p, .archive .post-excerpt p {
flex: 1;
}
.single .post-excerpt, .page .post-excerpt {
display:none!important;
}
.blog .post-excerpt img, .archive .post-excerpt img {
float: left;
padding: 0 20px 0 0;
}
body .fancybox-bg {
background: #ffffff;
} div#wpadminbar {
top: auto;
bottom: 0;
position: fixed;
}
.ab-sub-wrapper {
bottom: 32px;
}
html[lang] {
margin-top: 0 !important;
margin-bottom: 32px !important;
}
@media screen and (max-width: 782px){
.ab-sub-wrapper {
bottom: 46px;
}
html[lang] {
margin-bottom: 46px !important;
}
}
li#wp-admin-bar-wp-logo, li#wp-admin-bar-comments, li#wp-admin-bar-visitsite, ul#wp-admin-bar-top-secondary {display:none!important;}
.blog
.single-post .nopost, .blog .nopost, .archive .nopost, .single-post .nopost {display:none!important;}
.single .dated, .page .dated {display:none!important;}
.single-post .dated {display:block!important;}
.breadcrumbs > span {padding:0 10px;} 
.breadcrumbs > span:first-child {padding-left:0;}
.content .breadcrumbs a { color:black;}
.content .breadcrumbs a:hover { color:#46d946!important;} 
.tax-alumni_year article {display:block;overflow:hidden;border-bottom:1px solid lightgray;}
.tax-alumni_year .content h1.post-title {
margin: 10px 0!important;
padding: 0!important;
}
.tax-alumni_year .content p.post-meta {display:none;}
.archive article {display:block;overflow:hidden;border-bottom:1px solid lightgray;padding: 20px 0 20px;position:relative; }
.archive article.has-post-thumbnail {padding-bottom:40px;}
.archive .content h1.post-title {
margin: 10px 0!important;
padding: 0!important;
}
.archive .content a:hover h1.post-title {
color:#46d946;
}
.archive .content .post-meta {display:none;}
.archive .page-info {display:none;}
.blocks-gallery-grid, .wp-block-gallery {}
ul.blocks-gallery-grid {
}
ul.blocks-gallery-grid > li.blocks-gallery-item {
}
ul.blocks-gallery-grid > li.blocks-gallery-item::before {
}
ul.blocks-gallery-grid > li.blocks-gallery-item img {
}
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width:100%;
object-fit:cover;
}
.wp-block-gallery.columns-6.is-cropped .blocks-gallery-item img {
height:130px;
}
.wp-block-gallery.columns-5.is-cropped .blocks-gallery-item img {
height:150px;
}
.wp-block-gallery.columns-4.is-cropped .blocks-gallery-item img {
height:170px;
}
.wp-block-gallery.columns-3.is-cropped .blocks-gallery-item img {
height:200px;
}
.wp-block-gallery.columns-2.is-cropped .blocks-gallery-item img {
height:300px;
}
.wp-block-file a.wp-block-file__button {
background-color: #32373c;
border: none;
border-radius: 1.55em;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
font-weight:normal;
padding: .667em 1.333em;
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
color:#46d946;
}
.content .wp-block-file {
font-size: 15px;
font-weight: bold;
}
.content .wp-block-file a {
color:black;
}
.content .wp-block-file a:hover {
color:#46d946!important; 
}
.wp-block-button__link, .wp-block-file a.wp-block-file__button {
border-radius: 0;
color: white;
}
.wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:hover {
background-color:#46d946;
color:black!important; 
opacity:1;
} a{
color: #6b6b6b;
}
.post-title{
margin: -30px 0px 5px!important;
}
.post-title a{
color: #272a2d;
}
body .wrapper .primary-content .content a:hover{
color:#000;
}
.content #post-list-1 .post-list-2-text a.more-link {
text-transform: none!important;
font-size: 15px;
font-weight: 400;
background-color: #66FF66;
color:white;
}
.content #post-list-1 .post-list-2-text a.more-link:hover {
background-color: #F2F2F2!important;
color:#66FF66;
}
.content #post-list-1 .post-list-2-text a.more-link {
margin-bottom:50px;
}
#search-results{
margin-bottom: 50px;
}
.page-info{
background-color:white;
margin-bottom: 0;
padding:20px 30px 20px 0px;
}
.search-result {
border-bottom: 1px solid #E7E7E7;
padding-top: 20px;
padding-bottom: 20px;
}
.search-result .post-meta, .search-result .post-title{
border: 0;
padding: 0!important;
margin: 0!important;
}
.page-info input {
font-size:20px;
}
#edit_post_link{
position: absolute;
left: -35px;
top: 16px;
}
.archive #edit_post_link{
position: absolute;
left: 0px;
top: 7px;
}
#edit_post_link a{
font-size: 12px;
color: #b1b1b1;
text-decoration: none;
}
.post-list-2-text #edit_post_link{
position: relative;
left: 0px;
top: 16px;
}
.content a strong {
color:#46d946;
}
.content a:hover strong {
color:#000;
} body.page .content h1.post-title, body.single .content h1.post-title {
font-size: 28px;
}
.content h1.post-title{
font-size: 22px;
letter-spacing:-0.5px;
}
.content h1 {
font-size: 25px;
margin-bottom: 15px;
font-weight: 400;
letter-spacing:-0.5px;
line-height: 28px;
}
.content h2 {
font-size: 22px;
margin: 30px 0 20px 0;
font-weight: 400;
line-height: 25px;
}
.content h3 {
font-size: 18px;
margin-bottom: 15px;
font-weight: 400;
line-height: 23px;
}
.content h4 {
font-size: 16px;
margin-bottom: 15px;
font-weight: 400;
line-height: 21px;
}
.content a {
color:#46d946;
text-decoration:none;
} #uni{
width: 100%;
display: inline-block;
height: 60px;
padding: 10px 0 0 0;
text-align: justify;
line-height: 0;
}
body.home #uni {
min-width:1100px;
}
body.home  #uni .site-uni-logo {
clear:none;
display:inline-block;
}
#uni .site-uni{
width: 100%;
}
#uni .site-uni-logo{
display: inline-block;
height: 44px;
}
#uni .site-uni-logo a{
display: table;
}
#uni .site-uni-logo a:hover{
color: #000;
}
#uni .site-uni-logo img{
display: table-cell;
margin-right: 10px;
}
#uni .site-uni-name{
display: table-cell;
vertical-align: middle;
line-height: 16px;
font-size: 12px;
}
#uni .site-uni:after{
content: "";
width: 100%;
display: inline-block;
vertical-align: bottom;
} #header{ height: 90px;
padding: 18px 0 18px 0;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
margin-bottom: 50px;
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/quote-el.png);
background-size: 259px 104px;
background-repeat: no-repeat;
background-position:290px 15px;
}
body.en #header{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/quote-en.png);
background-size: 269px 104px;
background-position:280px 15px;
}
body.home #header {
min-width:1100px!important;
}
.site-title a.logo img{
max-height: none;
width:264px;
height:93px;
}
.wrapper #site-header-tools input {
background-color:transparent;
}
.wrapper #site-header-tools input[type=text] {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.wrapper #site-header-tools input[type=text]:focus {
-webkit-box-shadow: 0px 0px 0px 3px rgba(102,255,102,1);
-moz-box-shadow: 0px 0px 0px 3px rgba(102,255,102,1);
box-shadow: 0px 0px 0px 3px rgba(102,255,102,1);
border: 1px solid rgba(102, 255, 102, 1);
background-color:white;
height:35px;
} #site-header-tools{
display: inline-block;
float: right;
padding-top:30px;
padding-left:120px;
}
body.home #site-header-tools {
padding:30px 0 0 0;
width:545px;
clear:none;
border-width:0px;
padding-left:120px;
}
body.home #site-header-searchform {
display:block;
float:left;
}
body.home #site-header-links {
display:block;
float:right;
} #site-header-searchform{
display: inline-block;
width: 220px;
border: 0;
padding: 0;
float: left;
padding-top: 30px;
height: 60px;
}
#site-header-searchform-fieldset{
height: 33px;
border: 0;
padding: 0;
}
#site-header-searchform-input{
height: 20px;
border: 0;
padding: 0;
font-size:14px;
border-bottom: 1px solid #E7E7E7;
} #site-header-links{
display: inline-block;
text-align: right;
border: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
}
#site-header-links a{
margin-left: 26px;
}
#site-header-links a:hover{
color: #46d946;
}
#site-header-main-link{
color: #46d946;
}
#header nav { display:none; }
#nav-menu.show {text-transform:none;}
@media screen and (max-width: 1130px){
.font-page-fix {
margin-top:-10px;
}
#uni .site-uni-logo {
display:block;
clear:both;
}
.menu-toggle {display:none;}
#site-header-searchform {
float:none;
}
#site-header-links {
float:right;
}
}
@media screen and (max-width: 768px){
.menu-toggle {display:block;}
#header{
background-image: none!important;
}
} .container{
background-color: #FFF;
box-shadow: 0 0 0px rgba(0, 0, 0, 0);
margin: 0;
border-radius: 2px;
padding: 0 50px 0 50px;
} #menu-main li{
background-image: none!important;
}
#menu-main li a {}
#menu-main li a:hover, .widget_recent_entries ul li a:hover {color:#46d946;}
#menu-main .menu-item-has-children{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_right.png)!important;
height: 20px;
overflow: hidden;
}
#menu-main .menu-item-has-children .sub-menu{
margin-top: 4px;
}
#menu-main .menu-item-has-children.current-menu-item{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_down.png)!important;
height: auto;
}
#menu-main .current-menu-ancestor{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_down.png)!important;
height: auto;
}
#menu-main .current-menu-item{
font-weight: bold;
color: #000;
}
#menu-main .current-menu-item ul{
font-weight: normal;
}
#menu-main-english .menu-item-has-children{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_right.png)!important;
height: 20px;
overflow: hidden;
}
#menu-main-english .menu-item-has-children .sub-menu{
margin-top: 4px;
}
#menu-main-english .menu-item-has-children.current-menu-item{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_down.png)!important;
height: auto;
}
#menu-main-english .current-menu-ancestor{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_down.png)!important;
height: auto;
}
#menu-main-english .current-menu-item{
font-weight: bold;
color: #000;
}
#menu-main-english .current-menu-item ul{
font-weight: normal;
}
#menu-main-english a.active{
font-weight: bold;
color: #6B6B6B;
}
#menu-main-english ul.sub-menu {
margin-top: 4px;
}
#menu-main-english ul.sub-menu li {
background-image: none;
margin: 0 0 8px;
padding: 0 0 0 15px;
}
#menu-main-english ul.sub-menu li.menu-item-1802 { background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/arrow_right.png)!important;
}
#menu-main-english li.menu-item-1819, #menu-main-english li.menu-item-1824 { background-image: none!important;
} @media screen and (max-width: 980px){
.menu-toggle {
margin-top: 10px;
top:10px;
}
}
@media screen and (max-width: 1051px){
#site-header-tools { 
border-bottom: 1px solid #E7E7E7;
clear: both;
display: block;
padding: 40px 0 0 0;
text-align: right;
width: 100%;
border-bottom: 1px solid #E7E7E7;
margin-bottom: 40px;
padding-left:0px!important;
}
}
@media screen and (max-width: 640px){
.menu-toggle {
margin-top: 3px;
top:10px;
}
body.home #header .site-title {
width: 100%; 
text-align: left;
}
body.home .menu-toggle {
margin-top:0;
}
} #sidebar {
margin: 0 0 30px;
}
#sidebar .widget_nav_menu{
margin-bottom: 20px;
}
#sidebar .widget_recent_entries .widget-title{
background-color: #66FF66;
width: 100%;
height: 24px;
padding: 0;
color: #fff;
margin-bottom: 30px;
}
#sidebar .widget_recent_entries .widget-title a{
color: #fff;
letter-spacing: 1px;
display:block;
padding: 10px;
background-color: #66FF66;
width: 100%;
}
#sidebar .widget_recent_entries .widget-title a:hover {
color:#000;
}
.widget_recent_entries ul li{
background-image: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/plus_sign.png)!important;
}
#sidebar #recent-news-5 .widget-title{
width: 36px!important;
} .post-meta{
margin: 0!important;
padding: 0!important;
margin-top: 20px!important;
margin-bottom: 20px!important;
padding-top: 10px!important;
padding-bottom: 10px!important;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
}
.nav-current-page{
color: #000;
} .font-page-fix{
margin-top: -20px;
min-width:1100px!important;
}
.royalSlider{
border-bottom: 1px solid #E7E7E7;
padding-bottom: 30px;
margin-bottom: 50px;	
background-color: #fff!important;
}
.front-page .new-royalslider-1, .front-page .new-royalslider-4 {
margin-bottom: 20px;	
}
.front-page_item_back .royalSlider {
padding-bottom: 0px;
margin-bottom: 0px; }
.front-page_item_back .royalSlider .rsContent, .front-page_item_back .royalSlider .rsSlide, .front-page_item_back .royalSlider  .rsOverflow{
background-color: transparent!important;
}
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs{
background-color: #fff!important;
color: #6b6b6b!important;
}
.front-page .rsMinW .rsOverflow  .rsArrow {
height: 100%;
width:55px;
}
.front-page .rsMinW .rsOverflow .rsArrowLeft {
margin-bottom: -20px;
right:120px;
}
.front-page .rsMinW .rsOverflow .rsArrowRight {
margin-bottom: -20px;
right:60px;
}
.front-page .rsMinW .rsOverflow .rsArrowLeft  .rsArrowIcn {
background: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/rsarrowleft.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
right: 0;
top: 30%;
}
.front-page .rsMinW .rsOverflow .rsArrowRight  .rsArrowIcn {
background: url(//ma-museology.web.auth.gr/website2021/wp-content/themes/handbook-child/pic/rsarrowright.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
left: 0;
top: 30%;
}
.front-page .rsMinW .rsOverflow .rsHidden {
opacity:0.5!important;
}
.front-page .rsMinW .rsOverflow .rsArrowIcn {
background:none;
}
.rsContent{
background-color: #fff!important;
color: #6b6b6b;
}
.rsHidden{
opacity: 0!important;
visibility: visible!important;
}
.rsArrowLeft, .rsArrowRight{
bottom: 20%!important;
}
.rsUni .rsThumbsArrow {
background-color:white;
}
.royalSlider.rsUni .rsArrowIcn {
opacity:1;
}
#last-posts{
margin-top: -20px;
margin-bottom: 50px;	
padding-left: 20px;
border-bottom: 1px solid #E7E7E7;
}
.last-post{
display: inline-block;
width: 100%;
}
.last-post_title{
color: #4f5155;
font-size: 28px;
line-height: 36px;
letter-spacing: -0.8px;
max-width:1000px;
padding-right: 15%;
}
.last-post_excerpt{
margin-top: 10px;
margin-bottom: 5px;
padding-right: 20%;
height: 20px;
line-height:20px;
overflow:hidden;
color:gray;
}
.last-post_excerpt:before{ }
.last-post_excerpt:after{
content: '';
}
.last-post_read_more{
font-size: 0.8em;
margin-bottom: 30px;
}
#front-page{
-webkit-column-count: 3;
-webkit-column-gap: 4px;
-moz-column-count: 3;
-moz-column-gap: 4px;
column-count: 3;
column-gap: 4px;
width: 100%!important;
}
.front-page_col{
float: left;
width: 360px;
}
.front-page_col:nth-child(odd){
margin-top: 80px;
margin-left: 4px;
margin-right: 4px;
}
.front-page_item{ width: 360px;
margin-bottom: 4px;
font-family: 'Roboto', sans-serif;
}
.front-page_item img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.front-page_item:hover img{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); }
.front-page_item_back{
background-color: #EEE;
}
.front-page_item_img{
width: 360px;
}
.front-page_item_title{
color: #000;
font-size: 21px;
padding-top: 0px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.front-page_item_text{ font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
line-height: 1.2em;
}
.front-page {position:relative;}
.primenewslink {
padding:0px;
position:absolute;
top:35px;
right:15px;
text-align:center;
}
.primenewslink a {
background-color: #66ff66;
color:black;
padding: 15px;
transition: all 0.4s ease-in-out;
}
.primenewslink a:hover {
background-color: #000;
color:white;
padding: 15px;
transition: all 0.2s ease-in-out;
} #page-child-menu{
margin-top: 40px;
width: 100%;
}
#page-child-menu .page_item{
height: 55px;
width: 100%;
background-color: #f1f1f1;
font-size: 20px;
background-image: none;
padding: 0;
margin: 0;
margin-top: 25px;
padding-left: 25px;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
#page-child-menu .page_item:hover{
background-color: #66FF66;
cursor: pointer;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
#page-child-menu .page_item:hover a{
color: #fff;
}
#page-child-menu .page_item a{
display : block;
width: 100%;
height: 100%;
text-decoration: none;
line-height: 55px;
color:#6B6B6B;
} #post-list-1{
margin-top: 40px;
border-bottom: 1px solid #E7E7E7;
}
#post-list-1 a{
text-decoration: none;
}
.post-list-1{
margin: 10px 0 10px 0;
padding-top: 20px;
padding-bottom: 10px;
border-top: 1px solid #E7E7E7; }
.post-list-1-thumbnail{
width: 80px;
height: 80px;
float: left;
padding-right: 20px;
}
.post-list-1-text{
height: 80px!important;
overflow: hidden;
}
.post-list-1:hover .post-list-1-separator{
background-color: #66FF66;
width: 100%;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
margin-bottom:5px;
margin-top: 3px;
}
.post-list-1-title{
font-weight: bold;
font-size: 1.2em;
color: #373d43;
}
.post-list-1-separator{
height: 2px!important;
width: 0;
margin-bottom:5px;
margin-top: 3px;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.post-list-1-content{ color:black;
overflow:hidden;
} .post-list-2-text{
}
.content p.post-meta a{
text-decoration: none;
color: #7a7a7a;
} .single-post-thumb{
width: auto; float: left;
margin-right: 20px;
margin-top:7px;
}
body.single-dpms_internships .single-post-thumb {
display:none;
} .graduates-testimonial:first-of-type{
border-top: 1px solid #E7E7E7;
margin-top: 40px;
padding-top: 40px;
}
.graduates-testimonial{
display: table;
padding-bottom: 20px;
height: 110px!important;
}
.graduates-thumb{ width: 130px;
}
.graduates-thumb img{
height: 110px!important;
width: 110px!important;
max-width: none!important;
border-radius: 50%;
}
.graduates-content{
display: table-cell;
vertical-align: middle;
height: 110px;
}
.graduates-quote:before,.graduates-quote:after{
content: '”';
}
.graduates-quote{
font-size: 17px;
font-style: oblique;
line-height: 17px;
color: #373d43;
}
.graduates-name{
display: block;
margin-top: 5px;
color: #8a8b8b;
}
#graduates_years{	
border-top: 1px solid #E7E7E7;
padding-top: 20px;
margin-bottom: -20px;
}
#graduates_title{
font-size: 22px;
color: #000;
padding-top:40px;
}
body.page-template-template-alumni-php .post-list-1-text {
height:auto!important;
}
#graduates_post_list_title{
font-size: 20px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
#graduates_chose_label{
margin-right: 4px;
font-size:20px;
}
#graduates_year_sel {
font-size:20px;
}
#graduates_year_sel a{
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
color: #46d946;
}
#graduates_year_sel a:hover{
background-color: #66FF66;
color: #fff;
}
.graduates_separator{
margin-left: 4px;
margin-right: 4px;
} .internships{
margin-bottom: 40px;;
}
.internships_category{
font-size: 1.4em;
} #footer{
background-color: #797b7e;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding-bottom: 30px;
margin: 0;
margin-top: 50px;
}
body.home #footer {
min-width:1000px!important;
}
#footer .widget, #footer p{
color: #fff;
font-size: 13px;
line-height: 1.6;
padding: 0 0 20px;
}
#footer a{
color: #66FF66;
}
#footer a:hover{
color: #fff!important;
}
#footer .copyright{
margin: 0;
padding: 0;
padding-top: 20px;
background-color: #797b7e;
}
#footer .copyright .widget-section{
margin: 0;
}
#footer img{
height: 24px;
}
#footer .copyright .widget-section .widget-social-icons {
padding:0px;
}
#footer h5.widget-title{
color: #FFFFFF;
cursor: default;
font-family: 'Roboto',sans-serif;
font-size: 14px;
font-weight: normal;
letter-spacing: 0.5px;
padding: 0 0 20px;
}
#footer h5.widget-title a{
color: #fff;
}
#footer h5.widget-title a:hover{
color:#66FF66!important;
}
#footer .madeby {
float:right;
display:block;
color:white;
font-size:11px;
margin-top: 10px;
color:#bfbfbf;
}
#footer .madeby a {
color:#bfbfbf;
}
#footer .madeby a:hover {
color:#fff;
} .single .gallery-embed, .page .gallery-embed {
margin: 30px 0;
}
.content .slider-direction-nav .slider-disabled {
opacity:0!important;
}
.carousel .slider-direction-nav li a {
cursor:pointer;
}
.current-image img {
width: auto;
max-height: 560px;
}
.wrapper .container .content .royalSlider .rsOverflow .rsContainer {
height: 100%!important;
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
background-color:white!important;
}
.rsUni.rsWithThumbsHor .rsThumbsContainer {
max-width:99999px;
}
.front-page_col a {
background-color: #66FF66 !important;
color: #000000;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
}
.front-page_col a:hover {
color:#fff!important;
background-color: #000 !important;
}
.front-page_col a:hover .front-page_item_title {
color:#fff!important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; 
} ul#pagination li a.selected, ul#pagination li a:hover, ul#pagination li.next a:hover, ul#pagination li.prev a:hover, ul#pagination li.next a:hover, ul#pagination li.prev a:hover  {
color:#46d946;
border: 1px solid #d6d6d6;
}
ul#pagination li.next a:hover:after, ul#pagination li.prev a:hover:after {
color:#46d946;
}
ul#pagination li a.selected {
border: 1px solid #d6d6d6;
background-color:#f9f9f9;
}
ul#pagination li.next a, ul#pagination li.prev a {
background-color: #f9f9f9!important;
border: 1px solid #d8d8d8;
padding: 13px 20px;
margin-top: -14px;
display: block;
}
ul#pagination {
background-color:transparent;
margin-top:30px;
}
ul#pagination li a{
border: 1px solid #fff;
}
ul#pagination li a {
font-size: 25px;
}
ul#pagination li a:hover {color:#46d946;}
ul#pagination li.next a:after {
font-size: 30px;
}
ul#pagination li.prev a:after {
font-size: 30px;
}
ul#pagination li.next a, ul#pagination li.prev a {
background-color:transparent;
} body .mejs-container, body .mejs-embed, body .mejs-embed body {
background: #fff none repeat scroll 0 0;
}
.mejs-overlay.mejs-layer.mejs-overlay-play {
}
.menu-toggle {background-color:gray!important;}
@media screen and (max-width: 768px){
#sidebar{
display: none;
}
.content {
width:100%;
}
}.royalSlider {
width: 600px;
height: 400px;
position: relative;
direction: ltr;
-webkit-backface-visibility: hidden;
}
.royalSlider > * {
float: left;
}
.royalSlider > .rsContent,
.royalSlider > .rsSlideRoot {
visibility: hidden;
}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink,
.rsWebkit3d .rsContent,
.rsWebkit3d .rsBtnCenterer {
-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d .rsContent,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none;
}
.rsOverflow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
float: left;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
left: 0;
top: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
position: absolute;
left: 0;
top: 0;
}
.rsContainer {
position: relative;
width: 100%;
height: 100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsArrow,
.rsThumbsArrow {
cursor: pointer;
}
.rsThumb {
float: left;
position: relative;
}
.rsArrow,
.rsNav,
.rsThumbsArrow {
opacity: 1;
-webkit-transition:opacity 0.3s linear;
transition:opacity 0.3s linear;
}
.rsHidden {
opacity: 0;
visibility: hidden;
-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}
.rsGCaption {
width: 100%;
float: left;
text-align: center;
z-index: 90;
}
.royalSlider.rsFullscreen {
position: fixed !important;
height: auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483647 !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
max-width: none !important;
}
.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;
-webkit-transition: 0s;
transition:  0s;
display: none;
}
.rsSlide {
position: absolute;
left: 0;
top: 0;
display: block;
overflow: hidden;
height: 100%;
width: 100%;
}
.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
height: auto !important;
}
.rsContent {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.rsAutoHeight .rsContent {
position: relative;
height: auto;
}
.rsPreloader {
position:absolute;
z-index: 0;	
}
.rsNav {
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}
.rsNav {
box-sizing: content-box;
}
.rsNavItem {
-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}
.rsThumbs {
cursor: pointer;
position: relative;
overflow: hidden;
float: left;
z-index: 21;
}
.rsTabs {
float: left;
background: none !important;
}
.rsTabs,
.rsThumbs {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVideoContainer {
width: auto;
height: auto;
line-height: 0;
position: relative;
}
.rsVideoFrameHolder {
position: absolute;
left: 0;
top: 0;
background: #141414;
opacity: 0;
-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
position: absolute;
z-index: 50;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
box-sizing: border-box;
padding-right: 44px;
}
.rsABlock,
.rsSBlock {
left: 0;
top: 0;
position: absolute;
z-index: 15;
}
img.rsImg {
max-width: none;
}
.grab-cursor {
cursor:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/grab.png) 8 8, move; 
}
.grabbing-cursor{ 
cursor:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/grabbing.png) 8 8, move;
}
.rsNoDrag {
cursor: auto;
}
a.rsLink {
left:0;
top:0;
position:absolute;
width:100%;
height:100%;
display:block;	
z-index: 20;
-webkit-backface-visibility: hidden;
outline: none;
padding: 0;
margin: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.abBlackBox {
color: #FFF;
background: #000;
background: rgba(0, 0, 0, 0.75);
padding: 15px;
}
.abWhiteBox {
color: #000;
background: #FFF;
background: rgba(255, 255, 255, 0.75);
padding: 15px;
}
.abTextAlignCenter {
text-align: center;
}.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
background: #000;
color: #FFF;
} .rsMinW .rsArrow {
height: 32px;
width: 32px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsMinW .rsArrowLeft { right: 37px; bottom: 7px; }
.rsMinW .rsArrowRight { right: 7px; bottom: 7px; }
.rsMinW .rsArrowIcn {		
width: 24px;
height: 24px;
margin-top: 3px;
margin-left: 3px;
position: absolute;
cursor: pointer;	
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/minimal-white/rs-minimal-white.png) transparent;
border-radius: 2px;
}
.rsMinW .rsArrowIcn:hover {
}
.rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: -68px -36px; }
.rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -68px -68px; }
.rsMinW.rsVer .rsArrowLeft .rsArrowIcn { background-position: -100px -36px; }
.rsMinW.rsVer .rsArrowRight .rsArrowIcn { background-position: -100px -68px; }
.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; } .rsMinW .rsBullets {
position: absolute;
bottom: 15px;
right: 73px;
z-index: 35;
padding-top: 4px;
height: auto;
text-align: center;
line-height: 6px;
overflow: hidden;
}
.rsMinW .rsBullets * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.rsMinW .rsBullet {
width: 6px;
height: 6px;
display: inline-block;
*display:inline; 
*zoom:1;
padding: 6px 5px 6px 4px;
}
.rsMinW .rsBullet span {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #CCC;
background: rgba(255,255,255,0.5);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.rsMinW .rsBullet.rsNavSelected span {
background: #FFF;
} .rsMinW .rsThumbsHor {
width: 100%;
height: 72px;
}
.rsMinW .rsThumbsVer {
width: 96px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.rsMinW.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsMinW.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
}
.rsMinW .rsThumb {
float: left;
overflow: hidden;
width: 96px;
height: 72px;
}
.rsMinW .rsThumb img {
width: 100%;
height: 100%;
}
.rsMinW .rsThumb.rsNavSelected {
background: #333;
}
.rsMinW .rsThumb.rsNavSelected img {
filter: alpha(opacity=40);
opacity: 0.7;
}
.rsMinW .rsThumb.rsNavSelected span.thumbIco {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #FFF;
border: 2px solid rgba(255,255,255,0.9);
-webkit-backface-visibility: hidden;
} 
.rsMinW .rsTmb {
display: block;
} .rsMinW .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;	
z-index: 21;	
}
.rsMinW.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsMinW .rsThumbsArrowIcn {		
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top:-8px;	
margin-left: -8px;
position: absolute;	
cursor: pointer;	
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/minimal-white/rs-minimal-white.png);
}
.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsMinW .rsThumbsArrowDisabled { display: none !important; } @media screen and (min-width: 0px) and (max-width: 800px) {
.rsMinW .rsThumb {
width: 59px;
height: 44px;
}
.rsMinW .rsThumbsHor {
height: 44px;
}
.rsMinW .rsThumbsVer {
width: 59px;
}
} .rsMinW .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align:center;
overflow: hidden; padding-top: 12px; position: relative;
}
.rsMinW .rsTab {
display: inline-block;
cursor: pointer;
text-align: center;
height: auto;
width: auto;
color: #333;
padding: 5px 13px 6px;
min-width: 72px;
border: 1px solid #D9D9DD;
border-right: 1px solid #f5f5f5;
text-decoration: none;
background-color: #000;
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);
*display:inline; 
*zoom:1;
}
.rsMinW .rsTab:first-child {
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.rsMinW .rsTab:last-child { 
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-right:  1px solid #cfcfcf;
}
.rsMinW .rsTab:active { 
border: 1px solid #D9D9DD;   
background-color: #f4f4f4;
box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsMinW .rsTab.rsNavSelected { 
color: #000;
border: 1px solid #999;
text-shadow: 1px 1px #838383;
box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
background: #ACACAC;
background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
background-image: linear-gradient(to bottom, #ACACAC, #BBB);
} .rsMinW .rsFullscreenBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
}
.rsMinW .rsFullscreenIcn {
display: block;
margin: 6px;
width: 32px;
height: 32px;
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/minimal-white/rs-minimal-white.png) 0 0 transparent;
}
.rsMinW .rsFullscreenIcn:hover {
opacity: 0.8;
}
.rsMinW.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0;
} .rsMinW .rsPlayBtn {
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
cursor: pointer;
}
.rsMinW .rsPlayBtnIcon {
width:64px;
display:block;
height:64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/minimal-white/rs-minimal-white.png) no-repeat 0 -32px;
background-color: #000;
background-color: rgba(0,0,0,0.75);
*background-color: #000;
}
.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0,0,0,0.9);
}
.rsMinW .rsBtnCenterer {
position:absolute;
left:50%;
top:50%;
width: 20px;
height: 20px;
}
.rsMinW .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsMinW .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px;
}
.rsMinW .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/minimal-white/rs-minimal-white.png) -64px 0;
background-color: #000;
background-color: rgba(0,0,0,0.75);
*background-color: #000;
}
.rsMinW .rsCloseVideoIcn:hover {
background-color: rgba(0,0,0,0.9);
} .rsMinW .rsPreloader {
width:20px;
height:20px;
background-image:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/preloaders/preloader-white.gif);
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;	
} .rsMinW .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: #000;
background: rgba(0,0,0, 0.75);
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px;
}.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsVideoFrameHolder,
.rsUni .rsThumbs {
background: #222;
color: #FFF;
} .rsUni .rsArrow {
height: 100%;
width: 60px;
position: absolute;
display: block;
cursor: pointer;
z-index: 21;
}
.rsUni.rsVer .rsArrow {
width: 100%;
height: 60px;
}
.rsUni.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsUni.rsVer .rsArrowRight { bottom: 0;  left: 0; }
.rsUni.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsUni.rsHor .rsArrowRight { right: 0; top:0; }
.rsUni .rsArrowIcn {		
width: 32px;
height: 32px;
top: 50%;
left: 50%;
margin-top:-16px;	
margin-left: -16px;
position: absolute;	
cursor: pointer;	
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/universal/rs-universal.png);
opacity: 0.5;
border-radius: 2px;
}
.rsUni .rsArrow:hover .rsArrowIcn {
opacity: 1;
}
.rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }
.rsUni.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsUni.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }
.rsUni .rsArrowDisabled .rsArrowIcn { opacity: .1 !important; filter: alpha(opacity=20);  *display: none; } .rsUni .rsBullets {
position: relative;
z-index: 35;
padding-top: 4px;
width: 100%;
height: auto;
margin: 0 auto; 
text-align: center;
line-height: 5px;
overflow: hidden;
}
.rsUni .rsBullets * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.rsUni .rsBullet {
width: 8px;
height: 8px;
display: inline-block;
*display:inline; 
*zoom:1;
padding: 5px;
}
.rsUni .rsBullet span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #BBB;
}
.rsUni .rsBullet.rsNavSelected span {
background-color: #383838;
} .rsUni .rsThumbsHor {
width: 100%;
height: 72px;
}
.rsUni .rsThumbsVer {
width: 96px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.rsUni.rsWithThumbsHor .rsThumbsContainer {
position: relative;
height: 100%;
}
.rsUni.rsWithThumbsVer .rsThumbsContainer {
position: relative;
width: 100%;
}
.rsUni .rsThumb {
float: left;
overflow: hidden;
width: 96px;
height: 72px;
}
.rsUni .rsThumb img {
width: 100%;
height: 100%;
}
.rsUni .rsThumb.rsNavSelected {
background: #333;
}
.rsUni .rsThumb.rsNavSelected img {
opacity: 0.7;
filter: alpha(opacity=30);
}
.rsUni .rsThumb.rsNavSelected .thumbIco {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 2px solid #FFF;
border: 2px solid rgba(255,255,255,0.9);
-webkit-backface-visibility: hidden;
} 
.rsUni .rsTmb {
display: block;
} .rsUni .rsTmb h5 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 20px;
color: #FFF;
}
.rsUni .rsTmb span {
color: #DDD;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 18px;
} .rsUni .rsThumbsArrow {
height: 100%;
width: 20px;
position: absolute;
display: block;
cursor: pointer;	
z-index: 21;	
}
.rsUni .rsThumbsArrow:hover {
}
.rsUni.rsWithThumbsVer .rsThumbsArrow {
width: 100%;
height: 20px;
}
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }
.rsUni.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }
.rsUni .rsThumbsArrowIcn {		
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top:-8px;	
margin-left: -8px;
position: absolute;	
cursor: pointer;	
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/universal/rs-universal.png) transparent;
}
.rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }
.rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }
.rsUni .rsThumbsArrowDisabled { display: none !important; } @media screen and (min-width: 0px) and (max-width: 800px) {
.rsUni .rsThumb {
width: 59px;
height: 44px;
}
.rsUni .rsThumbsHor {
height: 44px;
}
.rsUni .rsThumbsVer {
width: 59px;
}
} .rsUni .rsTabs {
width: 100%;
height: auto;
margin: 0 auto;
text-align:center;
overflow: hidden; padding-top: 12px; position: relative;
}
.rsUni .rsTab {
display: inline-block;
cursor: pointer;
text-align: center;
height: auto;
width: auto;
color: #333;
padding: 5px 13px 6px;
min-width: 72px;
border: 1px solid #D9D9DD;
text-decoration: none;
background: #FFF;
border-right: none;
*display:inline; 
*zoom:1;
*border-right: 1px solid #d9d9d9;
}
.rsUni .rsTab:first-child {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.rsUni .rsTab:last-child { 
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-right: 1px solid #D9D9DD;
}
.rsUni .rsTab:active { 
background-color: #f4f4f4;
}
.rsUni .rsTab.rsNavSelected { 
color: #FFF;
background: #383838;
border-color: #383838;
} .rsUni .rsFullscreenBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 22;
display: block;
position: absolute;
cursor: pointer;
}
.rsUni .rsFullscreenIcn {
display: block;
margin: 6px;
width: 32px;
height: 32px;
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/universal/rs-universal.png) 0 0 transparent;
opacity: 0.7;
border-radius: 2px;
}
.rsUni .rsFullscreenBtn:hover .rsFullscreenIcn {
opacity: 1;
}
.rsUni.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0;
} .rsUni .rsPlayBtn {
-webkit-tap-highlight-color:rgba(0,0,0,0.3);
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
cursor: pointer;
}
.rsUni .rsPlayBtnIcon {
width:64px;
display:block;
height:64px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: .3s;
-moz-transition: .3s;
transition: .3s;
background:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/universal/rs-universal.png) no-repeat 0 -32px;
background-color: #383838;
background-color: rgba(0,0,0,0.75);
*background-color: #383838;
}
.rsUni .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0,0,0,0.9);
}
.rsUni .rsBtnCenterer {
position:absolute;
left:50%;
top:50%;
width: 20px;
height: 20px;
}
.rsUni .rsCloseVideoBtn {
right: 0;
top: 0;
width: 44px;
height: 44px;
z-index: 500;
position: absolute;
cursor: pointer;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.rsUni .rsCloseVideoBtn.rsiOSBtn {
top: -38px;
right: -6px;
}
.rsUni .rsCloseVideoIcn {
margin: 6px;
width: 32px;
height: 32px;
background: url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/universal/rs-universal.png) -64px 0;
background-color: #383838;
background-color: rgba(0,0,0,0.75);
*background-color: #383838;
}
.rsUni .rsCloseVideoIcn:hover {
background-color: rgba(0,0,0,0.9);
} .rsUni .rsPreloader {
width:20px;
height:20px;
background-image:url(//ma-museology.web.auth.gr/website2021/wp-content/plugins/new-royalslider/lib/royalslider/skins/preloaders/preloader-white.gif);
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;	
} .rsUni .rsGCaption {
position: absolute;
float: none;
bottom: 6px;
left: 6px;
text-align: left;
background: #222;
color: #FFF;
padding: 2px 8px;
width: auto;
font-size: 12px;
border-radius: 2px;
}