/*********************
  START SECTION
  General
*/

/* Custom - align header with gallery with large photos */
.right-aligned .logo {
  text-align: left;
  /* original value: 30px */
  margin-left: 25px;
}

.container {
  /* original value: 1200px */
  max-width: 1451px; 
}

/* Custom - reduce spacing between menu items */
/* padding: 0 30px 0 20px; */
.menu .menu-item {
  padding: 0 20px 0 10px;
}

/* Fix for heading font weight bug on custom pages */
h2
{
  font-weight: normal !important;
}

/*********************
  END SECTION
  General
*/


/*********************
  START SECTION
  Splash Page 
*/

/* Positioning and font size of the website title */
body.page-6305993 h2.title_1
{
  margin-top: 0px !important;
}
body.page-6305993 div#title_1 p
{
  font-size: 32.4px !important;
  margin-top: 0px !important;
}

/* font formatting and spacing for the links */
body.page-6305993 h2#text_1 a
{
  font-size: 16px !important;
  margin-left: 20px !important;
  color: white !important;
}

/* Align links to the right of the picture */
#content_page_wrapper ._4ORMAT_content_pages_centerbox {
  text-align: right !important;
}

/* hover color for links */
body.page-6305993 h2#text_1 a:hover 
{
  color: rgb(145,145,145) !important;
} 

/* Reduce space between image and text */
body.page-6305993 div._4ORMAT_content_page_row
{
  padding-bottom: 0px !important;
}

/* Special formatting for mobile phones */
@media only screen and (max-width: 500px) {
  /* font formatting and spacing for the links */
  body.page-6305993 h2#text_1 a
  {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 500px) {
  body.page-6305993 h2#text_1 a
  {
    font-size: 20px !important;
  }
  body.page-6305993 h2#text_1
  {
    margin-top: 0px !important;
  }
}

/* 20.05.2022: seems to be obsolete - to be deleted later
  Custom - center text on the splash page
#content_page_wrapper h2 ._4ORMAT_content_pages_wrap #text_1 {
    text-align: center !important;
}
*/

/*********************
  END SECTION
  Custom formatting for splash page 
*/


/*********************
  START SECTION
  Store
*/
/* Set product description to justify */
.product-description p
{
	text-align: justify;
}

/*********************
  END SECTION
  Store
*/


/*********************
  START SECTION
  Collections and Gallery Pages
*/

/* Set title text to justify */
.title-element .text p
{
	text-align: justify;
}

/* Limit width of title text */
@media only screen and (min-width: 450px)
{
.title-element .text p
  {
	  width: 400px;
  }
}

/* Change font size of text displayed in the gallery popup */
.jspPane {
  font-size: 24px;
}

.gallery-item .text-container-outter {
    box-shadow: none;
}

/*********************
  END SECTION
  Collections and Gallery Pages
*/


/*********************
  START SECTION
  Blog
*/

/* Custom - change blog text to justify alignment */
.f_blog_wrapper {
  text-align: justify;
}

/* Set font size and style of title and date in the filtered lists displaying blog posts with certain tags 

  The way we set the font size here replicates how it is set on the main blog page - the wrapping <a> element defines the font size in pixel, the elements below then use em, which sets the size in relation to the wrapping element.

  Spacing is also adapted to look similar to the main blog page - spacing from abstract is removed, instead spacing is added to the date to move it in the middle between title and abstract.
*/
a.f_blog_listing {
  font-size: 18px !important;
}
.f_blog_listing .f_blog_title.in_listing {
  font-size: 1.4em !important;
}
.f_blog_listing .f_blog_date.in_listing {
  font-size: 0.8em !important;
  font-style: normal !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.f_blog_listing .f_blog_body_typography {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/* Style of the header in the filtered lists. This elements inherits the justify alignment set above, sometimes leading to weirdly formatted headings ("Posts tagged with ..."), therefore setting it to left. */
div.f_blog_wrapper h3 {
  text-align: left;
}

/*********************
  END SECTION
  Blog
*/


/*********************
  START SECTION
  About Page
*/

/* Spacing of headers */
._4ORMAT_module_headline_01 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Spacing of text sections */
._4ORMAT_module_text_02 {
  padding-top: 0px !important;
}

/* Spacing of contact section */
._4ORMAT_module_contact_03 {
  padding-top: 20px !important;
}

/*********************
  END SECTION
  About Page
*/