/**
Theme Name: flink think Theme
Author: flink think GmbH
Author URI: https://www.flinkthink.ch/
Description: Schlichtes und modernes Theme der Web Agentur flink think GmbH aus Pratteln, Basel-Landschaft, Schweiz
Theme URI: https://www.flinkthink.ch/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flink-think-theme
Template: astra
*/

/* Global */
.ast-site-title-wrap a {
  font-size: 1rem;
  font-weight: bold;
  padding-left: 2.5em;
}

.site-branding {
  line-height: 0;
}

.site-logo-img img {
  margin: 0;
  padding-right: 2em;
  border-right: 1px solid #e5e5e5;
  float: left;
}

.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile {
  justify-content: flex-end;
}

.home .icon--print {
  display: none;
}

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
  border-left: 1px solid #ccc;
  border-radius: 0px !important;
  padding: 10px 15px !important;
  color: #454545 !important;
  fill: #454545 !important;
  line-height: 1.6;
}
.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
  fill: #454545 !important;
}

/* Mobile Search */
.dropbtn {
  background-color: #fff !important;
  border-left: 1px solid #ccc !important;
  padding: 10px 15px !important;
  color: #454545 !important;
  margin-top: -3px;
  margin-bottom: -1px;
  border-radius: 0px !important;
  line-height: 1.4;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: fixed;
  background-color: #fff;
  padding: 10px;
  width: 100%;
  overflow: auto;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
  box-shadow: 0 0 6px rgba(0,0,0,.3);
  z-index: 1;
}
.dropdown-content .global-search {
  display: block;
}
.dropdown-content .search-field, .dropdown-content .form-search, .dropdown-content .global-search {
  width: 100% !important;
}
.show {display: block;}

.ast-primary-sticky-header-active #myDropdown {
  margin-top: -50px !important;
  margin-top: -60px !important;
  z-index: 100;
}

/* ASTRA Hack */
.ast-header-html-7 .ast-builder-html-element p {
  display: none;
}

@media only screen and (max-width : 936px) {
  .site-logo-img img {
    margin: 0;
    padding-right: 0em;
    border-right: 0px solid #e5e5e5;
    float: left;
  }
  .ast-logo-title-inline .site-logo-img {
    padding-right: 0px;
  }
  .ast-primary-header-bar .ast-grid-right-section {
    align-items: flex-end;
  }
  .ast-primary-header-bar .ast-grid-right-section > * {
    padding: 0px !important;
  }
  
  .ast-header-html-3 p {
    display: block;
    font-size: 10.2px;
    margin: 2px 0 6px;
    float: left;
    font-weight: 700;
    color: #000;
  }  
  .ast-left-sidebar #content > .ast-container {
    flex-direction: column !important;
  }
}

#masthead .ast-mobile-header-wrap .ast-above-header-bar {
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.totop {
  padding-right: 20px;
}

.breadcrumb {
  padding: 10px 0px 20px 15px;
  font-weight: 600;
}
.breadcrumb-item::after {
  margin-left: 10px;
  margin-right: 10px;
}

body .breadcrumb li::after {
   content: '\f054';
   font-family: "FontAwesome";
   font-size: 11px;
}


/* Header Menu */
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar.ast-header-sticked{
  -webkit-box-shadow: 0 0 40px 0 rgba(69,69,69,.7);
  box-shadow: 0 0 40px 0 rgba(69,69,69,.7);
}
@media only screen and (max-width : 936px) { 
  .ast-main-header-nav-open.ast-hfb-header .ast-mobile-header-wrap .ast-mobile-header-content {
    z-index: 100;
  }
  .ast-mobile-header-content .main-header-menu {
    -webkit-box-shadow: 0 40px 40px 0 rgba(69,69,69,.3);
    box-shadow: 0 40px 40px 0 rgba(69,69,69,.3);
  }
  .site-header .menu-text {
    font-size: 15.4px;
  }
  .site-header .ast-header-break-point .main-header-menu {
    padding-top: 0px !important;
  }
}
.ast-below-header-bar {
  border-bottom: 0px !important;
}
.ast-logo-title-inline .ast-site-identity {
  padding-top: 0px !important;
}
.site-header-primary-section-left {
  align-items: flex-start !important;
}
.ast-header-html-1 h2{
 color: #454545 !important;
 display: inline-block;
 margin: 4px 0 0 0px;
 width: auto;
 font-size: 1.2em;
 font-weight: 100; 
}
.ast-header-html-1 h2 a{ 
  color: #454545 !important
}

#logo-desktop-departement {
  color: #000;
  font-weight: 700;
  font-size: 1em;
  max-width: 310px;
  line-height: 1.3;
  margin: 0;
  padding-left: 0em;
  float: left;
}

#ui-collapse-311 {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
.contextlink {
  margin-top: 10px;
  margin-bottom: -10px;
}
@media only screen and (max-width : 936px) { 
  .ast-header-html-1 {
    margin-left: -15px;
  }
  .home #ui-collapse-311, .home .contextlink {
    display: none !important;
  }
  
  .ast-left-sidebar #secondary {
    display: none;
    margin-top: -20px;
  }
  
}

.ast-grid-right-section {
  align-items: baseline;
}

.ast-container, .ast-container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}


.ast-below-header-bar{
  background-color: transparent !important;
  background: linear-gradient(to bottom,#e4e4e4 0,#e2e2e2 39%,#ddd 79%,#d5d5d5 91%,#cfcfcf 95%,#bebebe 99%) !important;
}
#ast-hf-menu-1 .current-post-parent a, #ast-hf-menu-1 .current-menu-item  a {
  background: #fff;
  border-top: 5px solid #f7001d;
  margin-top: -5px;
  height: 75px;
  z-index: 999;
  color: #333;
  font-weight: 700;  
}
#ast-hf-menu-1:not(.current-menu-item) a:hover {
  color: #dc0018;
  background: linear-gradient(to bottom,#f4f4f4 0,#fff 10%,#fff 79%,#fff 91%,#dbdbdb 100%);
}
#ast-hf-menu-1 li {
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #fff;
  margin-left: 0px;
}
#ast-hf-menu-1 li:first-child {
  border-left: 1px solid #b8b8b8;
}

#ast-hf-menu-1 li a{
  height: 70px;
  background: #e8e8e8;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#e8e8e8),color-stop(61%,#f7f7f7),color-stop(89%,#f7f7f7),color-stop(91%,#f5f5f5),color-stop(95%,#ececec),to(#d7d7d7));
  background: linear-gradient(to bottom,#e8e8e8 0,#f7f7f7 61%,#f7f7f7 89%,#f5f5f5 91%,#ececec 95%,#d7d7d7 100%);
  max-width: 150px;
  color: #454545;
  font-size: .8em;
  line-height: 1.2;
  padding: 10px 15px;
}
#ast-hf-menu-2 li a{
  font-size: .85em !important;
}
#ast-hf-mobile-menu li{
  margin-left: 0px;
}


/* Sprachwechsler */
.trp-language-switcher-container {padding:0;margin:0}
.trp-language-switcher-container a{color:#454545;padding:4px !important}
.translatepress-de_CH .tp_de .trp-ls-language-name { background:#e5e5e5;  padding:4px }
.translatepress-fr_FR .tp_fr .trp-ls-language-name { background:#e5e5e5;  padding:4px }
.translatepress-it_IT .tp_it .trp-ls-language-name { background:#e5e5e5;  padding:4px }
.translatepress-en_GB .tp_en .trp-ls-language-name { background:#e5e5e5;  padding:4px }

@media only screen and (max-width : 936px) {

  .ast-header-break-point .main-header-menu {
    background-color: transparent;
    border: 0px;
    padding-top: 10px;
  }
  .translatepress-de_CH .tp_de .trp-ls-language-name { background:#ccc;  padding:4px }
  .translatepress-fr_FR .tp_fr .trp-ls-language-name { background:#ccc;  padding:4px }
  .translatepress-it_IT .tp_it .trp-ls-language-name { background:#ccc;  padding:4px }
  .translatepress-en_GB .tp_en .trp-ls-language-name { background:#ccc;  padding:4px }  
}


.ast-builder-menu-3 {
  border-left:1px solid #e5e5e5
}

.nav-lang{display:inline-block;float:right;margin-left:15px;margin-bottom:15px;padding-left:15px}
@media only screen and (min-width:992px){.nav-lang{border-left:1px solid #e5e5e5}
}
@media only screen and (max-width:767px){.nav-lang{margin-bottom:0;margin-left:5px;padding-left:0}
}
.nav-lang li{padding:0;margin:0}
.nav-lang a{color:#454545;padding:4px}
.nav-lang a:hover{color:#069}
.nav-lang a.active{background:#e5e5e5}
@media only screen and (max-width:767px){.nav-lang a.active{background:#ccc}
}
.nav-lang a.disabled{color:#ccc}
.nav-lang a.disabled:hover{cursor:default}
@media only screen and (max-width:767px){.treecrumb{display:none}
}

/* Blog Single Sidebar */
.secondary .widget-title {
  border-bottom: 1px solid #454545;
  display: block;
  color: #000;
  font-weight: 700;
  padding: 10px 0;
  position: relative;
  font-size: 1.1em;
  line-height: 1.5;  
  margin-bottom: 0px;
}

#secondary li {
  margin-bottom: 0px !important;
}

.ast-left-sidebar #secondary {
  border: 0px !important;
  padding-right: 15px !important;
}

.ast-left-sidebar #primary {
  border: 0px !important;
}

.widget_tag_cloud .tagcloud a {
  border-radius: 4px;
}

.widget_recent_entries li, .recentcomments {
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 0;
  font-size: 1.1em;
  line-height: 1.5;
}
.recentcomments {
  color: #757575;
  padding: 10px 0;  
}

.widget_recent_entries li a {
  color: #757575;
  padding: 10px 0;
  position: relative;
  display: block;
  width: 100%;
}

.widget_recent_entries li.active {
  color: #000;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.widget_recent_entries li [aria-current]:not([aria-current="false"]) {
  font-weight: bold;
  color: #000;
  border-left: 5px solid #DC0018;
  margin-left: -15px;
  padding-left: 10px;
}
.widget_recent_entries li a[aria-current]:not([aria-current="false"])::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  width: 5px;
}

/* Startseite */
.home .site-main h2, .home .site-main h1, .archive h1, .ast-archive-description h1 {
  min-height: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 10px;
  font-weight: 700 !important;
  font-size: 1.3em !important;
  color: #000 !important;
}

.wp-block-latest-posts.columns-3 li, .blog-layout-1 {
  padding: 10px;
  background: #f5f5f5;
}

.wp-block-latest-posts.columns-3 li img{
  margin-bottom: 22px;
}

.wp-block-columns .wp-block-group {
  padding: 10px !important
}

/* Content */
.ast-archive-description {
  border-bottom: 0px;
  padding-bottom: 0px;
}
/* Blog Single */

/* Tabs */

.uagb-tab {
  border-radius: 0px !important;
  margin: 0px !important;
  background-color: #f5f5f5 !important;
  color: #757575 !important;
  border: 1px solid #ccc !important;
  margin-bottom: -1px !important;
  padding: 10px 15px !important;
  border-left: none !important;
  z-index: 1000;
}
.uagb-tab:first-child {
  border-left: 1px solid #ccc !important;
}
.uagb-tab span, .uagb-tab a {
  color: #757575 !important;
}

.uagb-tabs__active, .uagb-tab.uagb-tabs__active {
  background-color: #fff !important;
  border-bottom: 1px solid #fff !important;
  border-top: 3px solid #dc0018 !important; 
  margin-bottom: -2px !important;
}

.uagb-tabs__active span {
  color: #dc0018 !important;  
}
.uagb-tabs__body-wrap {
  border-color: #ccc !important;
}

.uagb-tabs__wrap {
  margin-left: 0px;
  margin-right: 0px;
}

/* Kommentare */
.ast-comment-cite-wrap, .ast-comment-time {
  margin-bottom: 0px !important;
}

/* Fancy Box */
.caption-title {
  text-align: left;
  padding-left: 10px !important;
}

.fancybox-custom-caption {
  margin-top: 0px !important;
  top: 0;
  bottom: inherit !important;
}
img.fancybox-image {
  border-top-width: 40px !important;
}
/*
.fancybox-button {
  height: 40px !important;
}*/

.fancybox-close-small {
  top: 0px !important;
  right: 10px !important;
  color: #069 !important;
  width: 120px;
  margin-top: 0px;
  font-weight: bold;
}
.fancybox-close-small:hover {
  background-color: transparent;
}
.fancybox-close-small:after {
  content: "Schliessen";
}
.fancybox-button svg {
  width: auto;
  float: left;
  height: 20px;
}
/* Footer */
.links-social p {
  display: none;
}
.site-above-footer-wrap{
  position:relative;
  background:#fff;
  background:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),color-stop(6%,#fff));
  background:linear-gradient(to bottom,#f5f5f5 0,#fff 6%) !important;
  padding-bottom:30px
}
.site-above-footer-wrap p {
  display: none;
}
@media only screen and (max-width:767px){
  .site-above-footer-wrap{display:none}
  .site-primary-footer-wrap {
    padding-top: 0px !important;
  }
  #astra-footer-menu {
    border-top: 1px solid #d5d5d5;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
  }
  #astra-footer-menu a {
    display: inline-block;
    border-left: 1px solid #d5d5d5;
    padding: 10px;
    background: rgba(229,229,229,.3);
  }
  .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu {
    display: flex !important;
  }
  .site-footer-below-section-2 {
    margin-bottom: 0px !important;
  }
  footer img {
    max-width: 254px;
  }
  .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background-color: #EFEFEF;
  }
}
.site-above-footer-wrap .site-above-footer-wrap-toggle{display:none}
@media only screen and (max-width:991px){.site-above-footer-wrap .container-fluid:not(.in){display:none}
.site-above-footer-wrap .in{padding-top:20px}
.site-above-footer-wrap .site-above-footer-wrap-toggle{position:absolute;display:inline-block;right:15px;top:0;z-index:200;cursor:pointer}
}
.site-above-footer-wrap+div{padding-bottom:10px}
.site-above-footer-wrap a{font-size:13px;display:inline-block;padding:3px 20px 3px 0px}


/* Forms */
input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  color: #666;
  padding: .4em .3076em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #757575;
  border-radius: 4px !important;
  background: #fff;
  -webkit-transition:width .4s;
  transition:width .4s;
  font-size: 14px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.ast-header-html-6 p {
  margin: 0px !important;
  line-height: 0px !important;
}

input[type="submit"] {
  background-color: #069 !important;
  border-color: #069 !important;
  padding: .45em .9em !important;
  border-radius: 3px !important;
  line-height: 1.2 !important;    
}
input[type="submit"]:hover {
  color: #fff;
  background-color: #004b70 !important;

}
.comment-form-cookies-consent {
  clear: both;
}
.comments-area .comment-notes, .comments-area .comment-textarea, .comments-area .form-allowed-tags {
  margin-bottom: 0px;
}
/* Mobile Hacks */

@media only screen and (min-width:545px) and (min-width:936px){
  
}