/*
Theme Name: BO Studio
Description: Child-Theme für BO-Studio - Tanja Scagnetti 
Template: bo-studio
Author: brings-online.com
Version: 1.1
Updated: 05.08.2025
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

.slogan h2 {font-weight:400;}
.slogan.zentriert h1,.slogan.zentriert h2 {font-weight:600;}
.has-border-color {border-style:solid;}
.wp-block-group__inner-container {padding:0; margin:0;}
.bo-custom-columns div div .wp-block-buttons {margin-top:auto;}
.wp-block-buttons .wp-block-button a {font-size:.95rem; font-weight:400;}
.headbanner {padding:0;display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start;  align-items:center; position:relative; }
.main-menu {margin-left:auto; margin-right:auto; text-align:center;}
#topmenu{text-align:left}

.bob-custom-separator-button {position:relative;}
.bob-custom-separator-button:before {content:""; height:2px; width:50%; background:#547186;position:absolute; left:0; z-index:-1;}
.bob-custom-separator-button:after {content:""; height:2px; width:50%; background:#547186;position:absolute; right:0; z-index:-1;}
.bob-custom-separator-button .wp-block-button {border:5px solid #fff}
.wp-block-buttons {margin-top:0;}
.bob-custom-icon-columns i {font-size:65px;color:#547186;}
.bob-custom-icon-columns p {font-size:16px;}
.bob-custom-footer-image {border-radius:5px;}
a.bo-custom-icon-link i {color:#fff;line-height:1em; margin:0;padding:0;font-size:24px;}
a.bo-custom-icon-link {background:#424a59;width:40px;height:40px; line-height:44px; display:inline-block; text-align:center;border-radius:50%;margin:10px 2px} 
a.bo-custom-icon-link:hover {background:#547186;} 
.bo-start-image.custom-blog-page-image {height:300px;}
.bo-start-image.custom-blog-page-image img {height:100%; object-position:50% 50%; object-fit:cover}
.sidebarbox ul li > a, .sidebarbox ul li.current-cat > a, .sidebarbox ul li.current-menu-item > a {color:#547186;}
.sidebarbox ul li {padding:5px 0 5px 15px; }
.sidebarbox ul li:before {content:"\ea79"; font-family:"Icofont"; font-size:10px; position:absolute; top:5px; left:0;opacity:1;transition:all ease 400ms;}
.sidebarbox ul li:hover > a {color:#424a59 !important}
.bo-custom-columns h2 {font-size:18px !important; position:relative;}
.bo-custom-columns h2:after {content:"";position:absolute; bottom:-10px; left:0; width:50px; height:2px; background:#547186;}

@media screen and (max-width: 896px)  {.contactbox {display:none;}}

/* ======= portfoliobox ======= */

.portfoliobox { background:#fff; padding:15px 15px 5px 15px; text-align: center; border:1px solid; border-color: #f2f2f2 #ededed #ebebeb; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; }
.portfoliobox .box-image {position: relative;}
.portfoliobox .box-overlay { position:absolute; top:0; left:0; width:100%; height:100%; padding:37% 10px; background:rgba(255,255,255,0.55);  visibility: hidden; transition:all, linear, 1s; opacity: 0; }
.portfoliobox:hover .box-overlay { visibility:visible; opacity: 1;  }
.portfoliobox h4.pf-title { margin-top:20px;font-size:14px; color: #727271; }
.portfoliobox p.pf-subtitle {font-size:13px; color: #727271; margin:5px auto; padding:0;}


/* ======= iconbox ======= */

.boxcontent {padding:10px; border:1px dotted #ccc; display:block; line-height:1.5em; text-align: center;   }
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  margin:0; padding:0; line-height:1.2em; font-size:60px; color:#585556;  }
.boxcontent h3 {font-size:19px; }
.boxcontent p { font-size: 14px; }
.boxcontent .box-icon { display:block;}
.content-button a {background: #A0580E; color:#fff; padding:7px 15px; border-radius:2px; margin:10px auto; width:auto; display:inline-block; font-size:.9em; text-transform:uppercase; text-decoration:none; font-weight:600; text-align:center; transition:all linear 300ms;}
.content-button a:hover {background:#585556; color:#fff; text-decoration:none;  padding:7px 25px; } 
.content-button a:focus, .content-button a:active {color:#fff;}