/**
 * @file
 * Bartik layout styling.
 */

/**
 * Container
 */
.layout-container {
  box-sizing: border-box;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 851px) {
  .layout-container {
    max-width: 1080px;
  }

  /* Superfish hamburger-menu */
ul.sf-menu.sf-navbar li ul, ul.sf-menu.sf-navbar li li li {
width: 143%;
}

#superfish-main li a.sf-depth-1 {
  display: none;
}

#superfish-main .sf-depth-1 ul {
    margin-top: -35px;
}

#superfish-main .sf-depth-2 ul {
    margin-top: 0px;
}

.user-logged-in #main-menu-link-contentc801ce53-8457-462e-a62d-10689cabf372 {
  display: none;
}

}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}


fieldset .field--type-image { float: none !important; margin: 0 !important; }


/**
 * Fakta og Fake specific layout

 * Cards
 * Flipper
 * FOF pages
 * Words
 * -
 * */


body.node-72 #main-wrapper,
body.node-73 #main-wrapper,
body.node-74 #main-wrapper { background-image: url(frise.jpg); background-position: center top; background-size: 1200px auto; background-repeat: no-repeat; padding-top: 5em; }
body.node-73 #main-wrapper { background-image: url(tone-mediefrise.jpg); }
body.node-74 #main-wrapper { background-image: url(duo-mediefrise.jpg); }


/*
 * Flipper cards
 * */
.all-cards-wrapper { /* width: max-content; */ }
/* Wraps full card with heading - hover sensitive */
.flipper-wrapper { width: 340px; float: left; margin-right: 1em; margin-bottom: 1em; background-color: #f4f3e8; box-shadow: -5px 5px 5px 1px rgba(0, 0, 0, 0.2); overflow : hidden; }
/* flip speed goes here */
.flipper { transition: 1s; transform-style: preserve-3d; }
/* Back/front/heading container */
.flip-container { margin: 0 auto; width : 290px; text-align: center; }
.main-content .flip-container h2 { margin : 0.5em; font-size : 1.1em; font-weight : bold; }
.main-content .flip-container .field--name-field-manchet a,
.main-content .flip-container .field--name-field-manchet { font-weight : normal; font-size : 1em; }
/* Remove default fieldset styles */
.flipper fieldset { border: 0; text-align: center; background : none; margin : 0.5em 0 0 0; padding : 0; }
/* Flip the pane when hovered */
.flipper-wrapper:hover .flipper /*, .flip-container.hover .flipper */ {
  transform: rotateY(180deg);
}
/* Hide back of pane during swap */
.flipper-front, .flipper-back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  padding: 1em;
  height: 180px;
  width : 290px;
}
/* Front pane, placed above back */
.flipper-front { transform: rotateY(0deg); }
/* Back, initially hidden pane */
.flipper-back {	position: absolute;	left: 0; top: 0; transform: rotate3d(0, 1, 0, 180deg); }
.flipper .field--name-field-image { max-height : 160px; overflow: hidden; }

div.flipper-wrapper.last { margin-right : 0; }

/* Full width no flipping */
div.flipper-wrapper.full-width { width : 100%; }
div.flipper-wrapper.full-width .flipper { transition : 0s; }
div.flipper-wrapper.full-width { width: 100%; text-align : left; }
div.flipper-wrapper.full-width .flip-container { width : auto; text-align : left; }
div.flipper-wrapper.full-width .flipper-front,
div.flipper-wrapper.full-width .flipper-back { backface-visibility: visible; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; position: relative; transform: none; }
div.flipper-wrapper.full-width .flipper-back {	width : 60%; }
div.flipper-wrapper.full-width fieldset { text-align : left; float : left; margin-left : 1em; }
.all-small div.flipper-wrapper.all-small:hover .flipper,
div.flipper-wrapper.full-width:hover .flipper { transform: none; text-align : left; width : auto; }

.flipper-wrapper .field--name-field-manchet { margin : 0; }

/* Cards and blocks */

div.flipper-wrapper.card.all-small .flip-container { width: auto; overflow: hidden; }
div.flipper-wrapper.card.all-small .flip-container h2 { height : 35px; font-size: 90%; }

.small-count-4 div.flipper-wrapper.card.all-small { width : 23.5%; }
.small-count-4 div.flipper-wrapper.card.all-small .flipper-front,
.small-count-4 div.flipper-wrapper.card.all-small .flipper-back,
.small-count-4 div.flipper-wrapper.card.all-small .flip-container { width : 250px; }
.small-count-4 div.flipper-wrapper.card.all-small img { width : 200px; height : auto; }

.small-count-5 div.flipper-wrapper.card.all-small { width : 18.5%; }
.small-count-5 div.flipper-wrapper.card.all-small .flipper-front,
.small-count-5 div.flipper-wrapper.card.all-small .flipper-back,
.small-count-5 div.flipper-wrapper.card.all-small .flip-container { width : 200px; }
.small-count-5 div.flipper-wrapper.card.all-small img { width : 160px; height : auto; }

.small-count-6 div.flipper-wrapper.card.all-small { width : 15%; }
.small-count-6 div.flipper-wrapper.card.all-small .flipper-front,
.small-count-6 div.flipper-wrapper.card.all-small .flipper-back,
.small-count-6 div.flipper-wrapper.card.all-small .flip-container { width : 150px; }
.small-count-6 div.flipper-wrapper.card.all-small img { width : 120px; height : auto; }

div.flipper-wrapper.card.half { width : 49%; }
div.flipper-wrapper.card.third { width : 32%; }
div.flipper-wrapper.card.cell { height : 150px; overflow: hidden; }
div.flipper-wrapper.card.cells-5 { width : 18.8%; }
div.flipper-wrapper.card.cells-6 { width : 15.45%; }
div.flipper-wrapper.card.cells-7 { width : 13.05%; }
div.blocks.flipper-wrapper:hover .flipper { transform: none; transition: 0s; }

.cell .flip-container { margin: 0 auto; width : 100%; font-size : 70%; }
.cell .flip-container .flipper-front,
.cell .flip-container .flipper-back { width: 90%; height: auto; margin: 0 auto; }

.flipper .cell .field--name-field-image { max-width : 80%; height : auto; }


/* Books */
.book-navigation { display: none; }

/* General layout */
#sidebar-second { padding-top: 100px; }

header#header { height: 50px; position: sticky; top: 0; z-index: 100;}
#main-wrapper { }

#block-faktaogfakestillads-branding { background-color: #3b3b3b; position: absolute; top: 0; left: 0; color: #ffffff;}
#block-faktaogfakestillads-branding a { color: #ffffff; }
.site-branding__logo img { position: absolute; background-color: #3b3b3b; padding: 10px 10px 10px 5px; margin-left: 15px; box-shadow: -5px 5px 5px 1px rgba(0, 0, 0, 0.5); }
.site-branding__text { margin-left: 120px; font-size: 130%; }

.field--name-body { margin: 0 150px 30px 150px; }

/* header, footer */
form#search-block-form { margin-top: -7px; }
#block-faktaogfakestillads-breadcrumbs { display: none; text-align: right; }

nav#block-faktaogfakestillads-footer ul li { display: inline-block; margin-right: 2em; }
.site-footer .site-footer__top .region { width: auto; }

/* FOF pages */
article.node--type-fofpage.node--view-mode-full .field--type-image { float: right; margin-left: 1em; }
article.node--type-fofpage.node--view-mode-full .field--name-field-words { width : 200px; float: right; margin-right: 0; border: 0px solid #000000; margin-left: 1em; padding: 0.5em; /* background-color: #fef3cb; */ background-color: #f4f3e8; box-shadow: -5px 5px 5px 1px rgba(0, 0, 0, 0.2); }
article.node--type-fofpage.node--view-mode-full .field--name-field-words .field--name-body { margin: 0; font-size: 90%; }
article.node--type-fofpage.node--view-mode-full .field--name-field-words .field__label { font-weight: bold; font-size: 100%; }
article.node--type-fofpage.node--view-mode-full .field--name-field-words .field--name-title { font-size: 65%; }
article.node--type-fofpage.node--view-mode-full .field--name-field-manchet { margin-bottom: 1em; }
.admin-info { position: absolute; right: 0; margin-right: -100px; margin-top: -150px; box-shadow: -5px 5px 5px 1px rgba(0, 0, 0, 0.5); padding : 10px; background-color : #ffffef; border-radius : 10px; width : 170px; line-height : 100%; }
.admin-info .item-list ul li { list-style: disc; margin-left : 1em; }
.admin-info h3 { margin-bottom: 0; font-weight: bold; font-size: 1em; }

.field--name-field-manchet { font-weight : bold; font-size : 110%; }
article.node--type-fofpage .field--name-body p { clear: both; }

article.node--type-fofpage table tr td,
article.node--type-fofpage table tr,
article.node--type-fofpage table { font-size: 100%; font-family: 'Roboto Slab', Georgia, "Times New Roman", Times, serif; background-color: #FCFCF9; vertical-align: top; }
article.node--type-fofpage table tr td { border: 1px solid #e4e3d8; }
article.node--type-fofpage .tal-kolonner table tr td { text-align: right; }
article.node--type-fofpage .tal-kolonner table tr td:first-child { text-align: left; }

.wp-block-image img { /* border : 2px solid #eee; */ }


.view-mentorkartotek table {
  max-width: 100vw;
  /* table-layout: fixed;*/
}

.view-mentorkartotek table tr td {
  vertical-align: top;
}

.view-mentorkartotek table tr td.views-field-field-email,
.view-mentorkartotek table tr td.views-field-title {
  max-width: 80px;
}

.view-mentorkartotek table tr td.views-field-field-organisation,
.view-mentorkartotek table tr td.views-field-body {
  max-width: 140x;
}

/* Expanding Read more boxes */
article.node--type-page .read-more,
article.node--type-fofpage .read-more { cursor: pointer; padding : 10px; margin : 20px 0 20px -50px; transition: 1.5s ease-in-out; z-index: -10; border: 3px solid #cccccc; max-height : 3rem; overflow : hidden; box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0); color : #999999; }
article.node--type-page .read-more:hover,
article.node--type-fofpage .read-more.hover { cursor: default; border: 3px solid #fcca03; box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, 0.1); max-height : 10000px; color : #000; }

/* Fact boxes etc. */
article.node--type-fofpage .boks { border : 1px solid #999999; padding : 10px; padding-left: 20px; background-color: #cccccc; clear: both; }
article.node--type-fofpage .boks.lys { background-color: #f9f9f9; margin-bottom: 10px; }
article.node--type-fofpage .boks.creme { background-color: #f4f3e8; }
article.node--type-fofpage ul.boks.uden-bullets li { list-style:none; margin-bottom: 0.3em; }

.wp-block-table.lige table { table-layout: fixed; border: 0; }
.wp-block-table.lige table tr,
.wp-block-table.lige table tr td { text-align: center; border: 0; vertical-align: top; }
.wp-block-table.lige table tr td.emph { font-weight: bold; border: 2px solid #000000; }

/* Blocks */
.wp-block-group,
figure.wp-block-table { clear: both; }
.wp-block-embed-youtube.wp-block-embed { clear: none; }
#block-faktaogfakestillads-search { position: absolute; right : 0; }

.search-form .button.search-form__submit:focus,
.search-form .button.search-form__submit:hover,
.search-form .button.search-form__submit,
#search-block-form .search-form__submit {
  background: url(/themes/custom/faktaogfakestillads/images/search-icon.png) #ffffff no-repeat;
  cursor: pointer;
}

/* Videos */
figure.wp-block-embed-youtube { width : 70%; height : 300px; float: left; margin: 0; margin: 20px 0 30px 0; }
figure.wp-block-embed-youtube iframe { height: 298px; width : 100%; }
.video-intro { float : right; width : 28%; margin: 20px 0 0 0; font-style: italic; font-size: 80%; color : #999999; }
.ytp-impression-link, .ytp-paid-content-overlay {display: none;}

/* Menu */
#superfish-main { width : 400px; background-color: #3b3b3b; float: left; font-weight : normal; margin-top : -10px; margin-left : 300px; }
#superfish-main a { color: #f4f3e8; }
#superfish-main ul { background-color: #3b3b3b; }
#superfish-main ul li { margin-top : -10px; }
#superfish-main li ul li a { background-color: #3b3b3b; font-weight: normal; font-size: 80%; }
#superfish-main li a.sf-depth-1 { font-size: 120%; font-weight: bold; }
#superfish-main li a.menuparent:after { content: ' >';}
#superfish-main li a.sf-depth-1.menuparent:after { content: '';}
ul.sf-menu a, ul.sf-menu span.nolink { padding: 10px; }

#toolbar-administration a:hover,
#toolbar-administration a:focus,
#toolbar-administration .link:hover,
#toolbar-administration .link:focus,
#superfish-main a:hover,
#superfish-main a:focus,
#superfish-main .link:hover,
#superfish-main .link:focus { border : 0; }

#superfish-main ul ul {
  width: 200px !important;
}

/* Lexicon */
.view.leksikon .view-content { columns : 5; }
body.page-node-type-word .node__content .field--name-field-synonym { padding: 0; }
body.page-node-type-word .field--label-above { float: left; margin-right: 2em; }
body.page-node-type-word .field { margin-left: 150px; }

.page-node-type-mentor .field--name-body {
  margin: auto;
}

.page-node-type-mentor .field--type-entity-reference {
  float: left;
  margin-right: 2rem;
}

.mentor .view-display-id-page_1 .view-header {
  display: none;
}

.administrator #main-menu-link-contentc801ce53-8457-462e-a62d-10689cabf372 {
  display: none;
}

#block-tjekdet .field--name-body {
  margin: 0;
}