@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i|Quattrocento:400,700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.11.2/css/all.css');

body {
  font-family: 'Quattrocento', serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #1E1E1E;
  backround: #e5e3e1
  /* background:#fff url('https://www.ucy.ac.cy/cemar/documents/Images/other/Layer_0.png') 0 0 repeat-x; */
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: 'Quattrocento', serif !important;
  font-weight: 400;
}

h2, .h2{
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
}

h3, .h3{
  font-size: 26px;
  font-weight: 700;
  line-height: 27px;
}

/* LINK */
a,
a:focus,
a:active,
a:visited{
  font-family: 'Quattrocento Sans', sans-serif;
  text-decoration: none;
  color: #c81e28 !important;
  font-size: 16px;
  font-weight: 450;
  background: transparent !important;
}

a:hover {
  text-decoration: underline;
}

li{
  font-size: 16px !important;
}

/* CTA (call to action button) */
a.btn,
a.btn:focus,
a.btn:active,
a.btn:visited,
.btn-primary,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
  color: #FFFFFF !important;
  background: #c81e28 !important;
  border-color: #c81e28 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  font-weight: 1000;
  transition: all 0.25s linear;
}

a.btn:hover,
.btn-primary:hover{
  color: #c81e28 !important;
  background: #FFFFFF !important;
  border-color: #c81e28 !important;
}

/* HEADER */
/* this is the place where we set up the background settings of the top heading */
.main-header{
  /* background: url(https://www.ucy.ac.cy/cemar/documents/Images/other/netmarCircleGrey.png); */
  /* background:#fff url('https://www.ucy.ac.cy/cemar/documents/Images/other/Layer_1.png') 0 0 repeat-x; */
     background:#fff url('https://www.ucy.ac.cy/cemar/documents/Images/other/Layer_2.png') 0 0 repeat-x;
  /* background:#fff url('https://www.ucy.ac.cy/cemar/documents/Images/other/Layer_3.png') 0 0 repeat-x; */
  /* background-position: top center; */  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 800px 128px;
  background-size: cover;
}

@media (max-width: 991px) {
  .main-header{
    background-position: top center;
    background-size: 800px 128px;
    background-color: #f5f5f5;
    }
}

@media (max-width: 767px) {
  .main-header{
    background-size: 800px 140px;
  }
}

@media (max-width: 576px) {
  .main-header{
    background-size: 800px 130px;
  }
}

@media (max-width: 420px) {
  .main-header{
    background-size: 800px 120px;
  }
}

@media (max-width: 375px) {
  .main-header{
    background-size: 800px 110px;
  }
}

/* FIELDS */
.form-control:focus{
  border-color: #c81e28;
  box-shadow: none;
}

.form-control-date .form-control,
.form-group-date-to .form-control{
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  padding: .5em;
  padding-right: 1.5em;
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;
}

/* LANGUAGE */

#languageToggleMenulanguageLargeNav,
#languageToggleMenulanguageLargeNav:hover,
#languageToggleMenulanguageLargeNav:focus,
#languageToggleMenulanguageSmallNav,
#languageToggleMenulanguageSmallNav:hover,
#languageToggleMenulanguageSmallNav:focus{
  border: none;
}

.btn,
.btn:hover,
.btn:focus {
  font-family: 'Quattrocento Sans', sans-serif;

}

#languageToggleMenulanguageLargeNav{
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1E1E1E !important;
}

#languageToggleMenulanguageLargeNav:hover,
#languageToggleMenulanguageLargeNav:focus,
#languageToggleMenulanguageLargeNav:active,
#languageToggleMenulanguageLargeNav:visited{
  border-color: transparent;
}

.dropdown-menu{
  flex-direction: column;
  max-width: 100%;
  width: auto !important;
  background-color: #f1f1f1;
  position: relative;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
  z-index: 1;

}

.dropdown-item{
  font-size: 14px;
}

/* LOGIN */
#navMenuDropdown2{
  font-size: 12px !important; /*user name font size, top right */
  font-weight: 700 !important;
  color: #6B5252 !important;
  text-transform: none;
}

#navMenuDropdown2:hover,
#navMenuDropdown2:focus,
#navMenuDropdown2:active,
#navMenuDropdown2:visited{
  background-color: transparent !important;
  border-color: transparent !important;
}

.badge-light{
  background: #CCCCCC;
}

.nmi_type_user_register a,
.nmi_type_user_login a{
  text-transform: none !important;
  font-weight: 700 !important;
}

#userNav .nav-link,
.language-toggle .dropdown-toggle{
  font-size: 14px;
  font-weight: 1000;
}

/* MENU */
#primaryNav a,
.dropdown-menu a,
.dropdown-menu.show a{
  color: #1E1E1E !important;
  transition: color 0.25s linear;
}

#primaryNav a:hover,
.dropdown-menu a:hover,
.dropdown-menu.show a:hover{
  color: #c81e28 !important;
}

#primaryNav a:hover,
#primaryNav:focus,
#primaryNav:active,
#primaryNav:visited,
.dropdown-menu,
.dropdown-menu.show{
  border-color: transparent !important;
}

#primaryNav .dropdown-menu.show,
#userNav .dropdown-menu,
.language-toggle .dropdown-menu,
.dropdown-menu.show {
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
  background-color: #F5F5F5;
}

#primaryNav .dropdown-item{
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

#primaryNav .dropdown-item:hover{
  background-color: #F7F7F7;
}

#primaryNav .nav-link:hover,
#primaryNav .nav-link:focus {
  background: transparent;
  color: #c81e28 !important;
  border-color: transparent !important;
}

.dropdown-item:hover,
.dropdown-item:focus{
  border-color: #F7F7F7;
}

@media (max-width: 991px){
  #navMenuDropdown0{
    padding-top: 35px;
  }
}

/* MODAL */
.modal-content{
  background: #f7f7f7;
  color: #1e1e1e;
}

#loginModal .modal-content .form-control{color: #000;border-color: #000;}
#loginModal .modal-content .close{color: #c81e28;}
#loginModal .form-control:focus{border-color: #c81e28;box-shadow: none;}

/* SEARCH */
.nmi_type_search a{
  visibility: hiden;
}

.nmi_type_search a::before{

  font-family: "Font Awesome 5 Free";
  display: inline-block;
  visibility: visible;
  content: "\f002";
  font-weight: 900;
}

/* LOGO */

@media (min-width: 1300px){
  .navbar-logo a:hover {
      background: transparent !important;
  }
}

.navbar-logo a{
  display: inline-block;
}

.navbar-logo a:hover,
.navbar-logo a:focus,
.navbar-logo a:active,
.navbar-logo a:visited,{
  background: transparent !important;
}

/* HEADER TITLES */
.homepage-issue-current{
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.homepage-issue-identifier{
  font-family: 'Quattrocento', serif !important;
  font-size: 24px;
  font-weight: 600;
}

.homepage-issue-published{
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  /* MODIFY BEFORE PUBLICATION */
  display: none;  /* delete this display or put away using these signs if you want to show the date of the Issue */
}

.homepage-issue-description-wrapper,
.page-issue-description-wrapper,
.issue-summary-cover{
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
}

/* PROPOSALS */
.alert-primary,
.alert-info{
  background: #F7F7F7;
  border-color: #F7F7F7;
  color: #1E1E1E;
}

.page-content h2 .btn-edit-link{
  border: 1px solid #c81e28;
}

/* ARTICLES */
.article-summary-authors,
.article-summary-pages{
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #718189;
  padding-bottom: 5px;
}

.article-summary-title > a,
.article-summary-title > a:active,
.article-summary-title > a:focus,
.article-summary-title > a:visited,
.article-summary-title > a:hover{
  font-family: 'Quattrocento', serif !important;
  font-size: 20px !important;
  line-height: 30px !important;
  color: #1E1E1E !important;
  font-weight: 500;
}

.issue-toc-section-title{
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 20px;
  line-height: 24px;
  color: #c81e28;
  font-weight: 700;
}

.article-summary-doi{
  display: none;
}

/* ARTICLES DETAILS */
.article-details-issue-identifier > a{
  color: #757575 !important;
}

/* .article-details-doi{      display: none !important;  */

}

.article-details-heading{
  color: #333333 !important;
}

#articlesBySameAuthorList li:before{
  border-left: 10px solid #757575;
}

/* FOOTER: Statistics collection */
.site-footer a,
.site-footer a:active,
.site-footer a:focus,
.site-footer a:visited,
.site-footer a:hover {
  color: #1E1E1E !important;
  font-size: 12px;
  font-weight: 600;
  width: 100% !important;	
  background: transparent !important;
}

.site-footer-sidebar{
  display: none; /* change to visible if you want to add content above the Published and Initiated by. */
}

.site-footer{
  background: #F2EFEC;
}

/* This code is for the Manuscript Theme. It takes out the PKP brand logo 
.pkp_brand_footer{
  display: none;
}
*/

.site-footer p{
  font-family: 'Quattrocento Sans', sans-serif !important;
  font-size: 12px;
  color: #1E1E1E !important;
  line-height: 1.5;
  margin: 0;
}

.site-footer img{
  margin-bottom: 20px;
 }

.footer-brand-image{
  display: none;
}

/* MOBILE */
.navbar{
  justify-content: center center;
}

.navbar-brand{
  padding: 0 ;
  margin: 0 ;
}

.navbar-brand img{
  max-height: none ;
  max-width: 300px ;
  padding: 0px /* it was 20 */
}

.navbar-light .navbar-toggler{
  position: absolute ;
  right: 0 ;
  top: 40px ;
  border-color: transparent ;
  padding-right: 0 ;
}

button:focus{
  outline: none;
}

#languageSmallNav .btn, #languageSmallNav .dropdown-item{
  font-size: 14px;
  padding: .5em;
}

@media (max-width: 991px){
  #primaryNav .dropdown-menu.show,
  #userNav .dropdown-menu,
  .language-toggle .dropdown-menu,
  .dropdown-menu.show{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-bottom: 15px;
  }

  .nmi_type_search{
    padding-bottom: 15px;
  }

  .homepage-issue-description{
    background: #f7f7f7;
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 4rem;
  }

  .page-issue-description-wrapper{
    background: #f7f7f7;
    padding: 25px;
  }

  .homepage-issue-description-more{
    max-width: 90%;
    background: #f7f7f7;
  }

  .homepage-issue-description:after{
    max-width: 90%;
    background: #f7f7f7;
  }

  .dropdown-menu{
    width: 100% !important;
  }

}

@media (max-width: 767px){
  .navbar-brand img{
    max-width: 100%;
  }

  .navbar-light .navbar-toggler{
    top: 30px;
  }
}

#userNav .nav-link:hover,
.language-toggle .dropdown-toggle:hover,
#userNav .nav-link:focus,
.language-toggle .dropdown-toggle:focus{
  border-color: transparent;
}

.sh-line{
  width: 100% !important;
  height: 1px !important;
  background-color: #CCCCCC !important;
  margin: 2em 0 !important;
}

.sh-h2{
  margin-top: 0 !important;
}

.dropdown-header{
  color: #1E1E1E !important;
}

.page-announcement .announcement-summary {
  display: flex !important;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .page-announcement .announcement-summary {
    flex-direction: column !important;
  }
}

.page-announcement .page-content .announcement-summary {
  display: flex !important;
}

.page-announcement .page-content .announcement-summary h2{
  margin-top: 0 !important;
  flex-basis: 60% !important;
  order: 2 !important;
  padding: 0 22px !important;
  line-height: 1.2em !important;
}

@media (max-width: 991px) {
  .page-announcement .page-content .announcement-summary h2{
    padding: 0 !important;
  }
}

.page-announcement .page-content .announcement-summary .announcement-summary-date{
  order: 2 !important;
  flex-basis: 20% !important;
  text-align: right !important;
}

@media (max-width: 991px) {
  .page-announcement .page-content .announcement-summary .announcement-summary-date{
    text-align: left !important;
  }
}

.page-announcement .page-content .announcement-summary .announcement-summary-description{
  order: 1 !important;
  flex-basis: 20% !important;
}

.page-announcement .page-content .announcement-summary .announcement-summary-description a{
  display: inline-block;
}

.page-announcement .page-content .announcement-summary .announcement-summary-description p{
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .page-announcement .page-content .announcement-summary .announcement-summary-description img{
    height: 200px;
  }
}

.page-announcement .page-content .announcement-summary .announcement-summary-more{
  display: none !important;
}