/*
 Theme Name:    Acta Publica
 Theme URI:     https://webbyrankonsulterna.se/
 Author:        Modified by Webbyrån Konsulterna
 Author URI:    https://getbootstrap.com/
 Description:   Orignianaly wroten by The bootstrap Authors, Twitter, Inc. and modified by Webbyrån Konsulterna
 Version:       2.2
 License:       Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 License URI:   https://github.com/twbs/bootstrap/blob/master/LICENSE
 Text Domain:   Acta Publica
 */
:root {
  --yellow: #faeb0f;
  --blue: #faeb0f;
}
section {
    padding: 4rem 0;
}
.contact-foot-box br {display: none;}
body {
    font-size: 15pt;
    font-family: 'PT Sans', sans-serif;
}
img {
    max-width: 100%;
    height: inherit;
}

h1,h2 {
    font-weight: 300;
    font-family: 'Marcellus', serif;
}
h3,h4,h5,h6 {
    font-weight: 300;
    font-family: 'PT Sans', sans-serif;
    margin-bottom: 1.1rem;
}

.font-mono {
    font-family: 'PT Mono', monospace !important;
}
.display-3 {
    font-size: 51pt;
    line-height: 0.95;
}
.lead,
h3 {
    font-size: 26pt;
}
.footer-mob-menu,
.footer-mob-menu ul,
.footer-mob-menu ul ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-mob-menu ul ul {
  margin-left: 1rem;
}
.footer-mob-menu li a {
    display: block;
    font-size: 21pt;
}
.footer-mob-menu li ul {
    opacity: 0;
    display: none;
    transition: 2s;
}
.footer-mob-menu li:hover ul {
    opacity: 1;
    display: block;
    transition: 2s;
}
.footer-mob-menu li ul li a {
    font-size: 16pt;
}
.footer-mob-menu > li.menu-item-has-children > a::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  float: right;

  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
  font-size: 70%;
}

.footer-mob-menu > li.menu-item-has-children:hover > a::after {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077";
}

.font-weight-bolder {
    font-weight: 400 !important;
}
.container {
    max-width: 1150px;
}
.border-primary {
    border-color: #13356e !important;
}

.navbar-toggler-mob-holder {
    padding: 0.75rem 0.8rem;
    min-width: 47px;
    font-size: 25px;
}
.navbar-toggler-mob-holder img {
  width: 20px;
  height: 20px;
}
.navbar-toggler-mob-holder i {
  color: #faeb0f;
}
.line-height {
    line-height: 1.4;
}
.bg-yellow {
    background: #faeb0f !important;
}
.section-bg {
    background-color: #13356e;
}
.bg-blue {
    background: #13356e !important;
}
.bg-light-blue {
    background: #e9f8fe !important;
}
a,
a:hover,
a:focus {
    color:inherit;
}
.bg-primary {
    background: #13356e !important;
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
    background-color: #13356e!important;
}
.btn,
.next.page-numbers,
.prev.page-numbers {
    text-transform: uppercase;
    border-radius: 0;
    font-size: 18pt;
    padding: 0.55rem 1.5rem 0.45rem 1.5rem;
    font-family: 'PT Mono', monospace;
    display: inline-block;
}
.prev.page-numbers {
    float: left;
}
.next.page-numbers {
    float: right;
}
.btn-yellow,
.next.page-numbers,
.prev.page-numbers {
    background: #faeb0f;
    border: #faeb0f;
    color: #13356e;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background: #13356e;
    border: #13356e;
    color: #faeb0f;
}
.btn-header {
    height: 49px;
}
.btn-mega-lg {
    font-size: 4.5rem !important;
    text-transform: none;
    font-family: 'Marcellus', serif;
}
.text-blue {
    color: #13356e !important;
}
.btn-light-blue {
    color: #bce1fb !important;
}
.btn-light-blue.active,
li.current a.btn-light-blue, .wpml-ls-current-language span {
  color: #13356e !important;
  text-decoration: underline;
}
.prev.page-numbers:hover,
.prev.page-numbers:focus,
.next.page-numbers:hover,
.next.page-numbers:focus {
    text-decoration: none;
    background: #13356e;
    border: #13356e;
    color: #faeb0f;
}
.logo img {
  max-width: 330px;
}
.form-control {
    height: calc(2.5em + .75rem + 2px);
    border: 0;
    border-radius: 0;
}
.small-spec-font {
    font-size: 11px;
    font-family: 'PT Mono', monospace !important;
}
.main-blogg  {
    border-top: 2px solid #13356e;
    padding-top: 3rem;
    margin-top: 3rem;
}
.main-blogg:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
}
.pagination-holder {
    line-height: 40px;
    overflow: hidden;
}
.header-lang-list li a,
.page-numbers {
    color: #bce1fb;
    font-size: 18pt;
    font-family: 'PT Mono', monospace !important;
}
.page-numbers {
    padding-top: 0.7rem;
    display: inline-block;
 }
.header-lang-list li.active a,
.page-numbers.current {
    color: #13356e;
    text-decoration: underline;
}
.navbar-toggler-icon-mob {
    height: 3px;
    width: 22px;
    margin-top: 0.3rem;
    display: block;
}
.navbar-toggler-icon-mob:first-child {
    margin-top: 0;
}
.modal.fade {
    background-color: rgba(248,234,80,0.9);
}
.modal-menu.fade {
    background: #e9f8fe !important;
}
.modal-content {
    background: none !important;
    border-radius: 0;
    border: 0;
}
.modal-backdrop {
  z-index: -1;
}
.open-newsmodal {
    cursor: pointer;
}
.download-modal .sdm_download,
.download-modal .btn {
      min-width: 210px;
      text-align: left;
      padding: 0.6rem 3rem 0.6rem 2rem !important;
}

.download-modal .sdm_download,
.download-modal .btn {
    position: relative;
}

.download-modal .btn i,
.download-modal .sdm_download::after {
    position: absolute;
    right: 1rem;
    top: 14px;
}

.download-modal .sdm_download::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.download-modal .sdm_download::after {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
}

ul.mob-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.mob-menu li {
  display: block;
}
ul.mob-menu li a {
    font-weight: 300;
    font-family: 'Marcellus', serif;
    font-size: 2.5rem;
    display: block;
    padding: 0.05rem 0;
    line-height: 1.3;
    color: #13356e;
}
ul.mob-menu li ul li a {
    font-size: 1.4rem;
    color: #222;
    font-family: 'PT Sans', sans-serif;
}
ul.mob-menu li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.mob-menu li ul li ul {
    padding-left: 2rem;
}

#menu-undersidor li.nav-item a.nav-link, #menu-undersidor-eng li.nav-item a.nav-link {
    padding: 0;
}

#menu-undersidor > li.nav-item, #menu-undersidor-eng > li.nav-item {
    display: none;
}

#menu-undersidor > li.nav-item > a.nav-link, #menu-undersidor-eng > li.nav-item > a.nav-link {
    font-size: 1.6rem;
    margin-bottom: 1rem;
}

#menu-undersidor > li.current-menu-item,
#menu-undersidor > li.current-menu-parent,
#menu-undersidor-eng > li.current-menu-item,
#menu-undersidor-eng > li.current-menu-parent{
    display: block;
}

.sub-menu {
    list-style: none;
    padding: 0 0 0 1rem;
    margin: 0;
}

.sub-menu li.nav-item a.nav-link {
    border-top: 1px solid #ddd;
    padding: 0.5rem 1rem !important;
}
.sub-menu li.nav-item a.nav-link:hover,
.sub-menu li.nav-item a.nav-link:focus,
.sub-menu li.nav-item.current_page_item a.nav-link {
	background:#13356e;
	color:#fff;
}

.sub-menu li.nav-item a.nav-link,
.sidebar-menu li a {
		font-size:85% !important;
}


/* Contact form */
.wpcf7 input[type="submit"] {
    background: unset;
    border: unset;
    color: unset;
    text-transform: uppercase;
}
input[type=checkbox] {
    transform: scale(2);
    margin-left: 0.5rem;
    margin-right: 1rem;
}
span.wpcf7-list-item {
    margin-left: 0!important;
}
.post-categories {
    list-style: none;
    padding: 0;
    margin: 0;

    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

/*
input[type="checkbox"]:before {
    display: block;
    content: '';
    height: 0.9rem;
    width: 1rem;
    border: 1px solid #13356e;
    background-color: rgba(248,234,80,0.9);
}*/
/* Modal */
.underline-actap {
    border-bottom: 2px solid #13356e;
    margin-bottom: 2rem!important;
    padding-bottom: 1rem!important;
    display: unset!important;
}
#rapporten {
    display: flex;
    vertical-align: middle;
}
span.rapportbutton {
    margin-right: 20px;
}
span.rapportnamn {
    margin-top: auto;
    margin-bottom: auto;
}
#button-float-right {
    float: right;
    margin: 12px auto;
}
.btn-actap-color {
    background: #13356e;
    border: #13356e;
    color: #faeb0f;
    cursor: pointer!important;
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
}

/*
.sdm_download {
    font: bold 15pt 'PT Sans', sans-serif!important;

}
.sdm_download.green {
    color: #fff!important;
}*/
.aligncenter.download-button small {
  display: none!important;
}
.aligncenter.download-button, div.modal .sdm_download.green {
    background: #13356e!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13356e', endColorstr='#13356e')!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#13356e), to(#13356e))!important;
    background: -moz-linear-gradient(top, #13356e, #13356e)!important;
    border-color: #13356e!important;
    color: #faeb0f !important;
    text-shadow: unset!important;
    -webkit-box-shadow: unset!important;
    -moz-box-shadow: unset!important;
    box-shadow: unset!important;
}

div.modal .sdm_download {
    display: inline-block!important;
    text-decoration: none!important;
    font: 18pt 'PT Sans', sans-serif!important;
    color: #555!important;
    border: 1px solid #dedede!important;
    -webkit-border-radius: 0x!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
}
div.modal .sdm_download {
    text-transform: uppercase;
    border-radius: 0;
    font-size: 18pt!important;
}
/* Contact Form 7 */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000!important;
}
.wpcf7-submit {
    padding: 0;
}

body.page-template-page-contact .foot-contact,
body.page-template-page-nyheter .foot-contact {
    display: none;
}

/*
div.wpcf7 .screen-reader-response {
    clip: unset!important;
    height: max-content!important;
    width: 100%!important;
    color: #398f14;
    margin: auto!important;
    padding: inherit!important;
    position: unset!important;
}
*/
/* Pagination */
.prev.page-numbers:before {
    content: "\f053 ";
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    padding-right: 1rem;
}
.next.page-numbers:after {
    content: "\f054 ";
    font-family: "Font Awesome 5 Free"!important;
    font-weight: 900;
    padding-left: 1rem;
}
@media (max-width: 900px) {
    section {
        padding:3rem 0;
    }
    ul.mob-menu li a {
        font-size: 2rem;
    }
    ul.mob-menu li ul li a {
        font-size: 1.2rem;
        line-height: 1.8;
    }
    .display-3 {
        font-size: 26pt;
    }
    .lead, h3 {
        font-size: 20pt;
    }
    .btn-mega-lg {
        font-size: 3.5rem !important;
    }
    .prev.page-numbers,
    .next.page-numbers {
        float: none;
        display: block;
        margin: 1rem 0;
    }
}
/* Footer menu */

.footer .menu-item.menu-item-has-children ul.sub-menu {
  display: none;
}

.footer .menu-item.menu-item-has-children:hover ul.sub-menu {
  display: block;
  animation: fade-in 1s;
}

.footer .menu-item.menu-item-has-children:not(:hover) ul.sub-menu.did-fade-in {
  display: block;
  animation: fade-out 1s;
}

@keyframes fade-in {
  from {
    opacity: 0.74;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.74;
  }
}
/* End: Footer menu*/

/* Media undersidan */

div.guteurlsBox {
    background: none !important;
}
div.guteurlsBox .guteurlsImg201610 {
    height: 200px;
    overflow: hidden;
}
div.guteurlsBox h1 {
    margin-top: 1.2rem !important;
}
div.guteurlsBox > h1,
div.guteurlsBox > p {
    font-family: 'PT Sans', sans-serif !important;
}
.publica-media-iframe br {
    display: none !important;
}
.publica-media-box a {
    color: rgb(21, 120, 143);
}
.read-more-less {
    color: rgb(21, 120, 143);
    cursor: pointer;
}
.read-more-less:hover {
    text-decoration: underline;
}
#media-container {
    overflow: hidden!important;
}
.guteurlsBottom {
	display:none !important;
}
/**/