/* -------------------------------------------------------------- Theme Name: BO-Handwerk19 Theme URI: https://brings-online.com/demo/wordpress-theme-handwerk/ Description: WordPress/Gutenberg Theme für Handwerksbetriebe aller Art Version: 2.2.1 Tested up to: 6.8 Requires PHP: 7.4 Author: sb | brings-online.com Author URI: https://brings-online.com Text Domain: bobox Domain Path: /languages License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html -------------------------------------------------------------- */ @import url("css/fonts.css"); @import url("css/slick.css"); @import url("css/icofont.min.css"); /* ============= reset ============== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;} input[type="text"], input[type="submit"], textarea, select { -webkit-appearance:none;} html { height: 100%; margin:0; padding:0;} html {-webkit-text-size-adjust: none;} body { height:100%; margin:0; padding:0; text-align:center; font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:300; font-size:100%; color:#424A59; } body {overflow-x:hidden;} textarea {font-family: 'Nunito Sans', sans-serif; } img { border:none;} h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;} ul, li { list-style:none;} .clear { clear:both;} em {font-style:italic;} strong {font-weight:700;} /* ========================= mobile positions / extra classes ========================= */ .mobile-only {display:none;} .desktop-only {display:block} .lightgrey {background:#f0f1f6;} .moveup {margin-top:-30px; z-index:99999999;} .extrapadding {padding-top:150px; padding-bottom:150px;} .img-responsive {width:100%; height:auto;} .img-border {border:1px solid #F0F1F6; padding:10px;} .img-border figcaption {font-weight:bold;} /* ========================= main structure ========================= */ .superwrap { width:100%; margin:0; padding:0; text-align:center;} .superwrap {overflow-x:hidden} .wrapper {max-width:1400px; margin:0 auto; padding:0; } #sidebar {padding-left:25px; } .top-header {margin:0 auto 10px auto; padding:0 20px; height:auto; position:relative; display: block;background:#F07241; color:#fff; text-align: right; } .header-wrap {border-bottom:1px solid #f0f1f6} .container { max-width:100%; margin:0 auto; padding:0 20px; text-align:left; position:relative; } .footer {background:#383F4B; color:#fff; position:static; text-align:left;} .footer-content {max-width:1400px; margin:0 auto; padding:0 20px; } .page-header { position:relative;} .spacer { padding:0 0 30px 0;} .page-content { padding:0 20px; margin:0;} /* ========================= structure grid ========================= */ .col-full { width:100%; margin:0;} .col-ttfull { width:65%; margin:1.5% 0; float:left;} .col-otfull { width:35%; margin:1.5% 0; float:left;} .col-ttc { width:65.85744680851%; margin:1.5% 0;} .col-otc { width:31.714893617021%; margin:1.5% 0;} .col-ofc { width:23.179255319148%; margin:1.5% 0;} .col-ofic { width:20%; margin:1.5% 0;} .col-ohc {width:48.786170212699%; margin:1.5% 0;} .col-ttc, .col-otc, .col-ohc, .col-ofc {margin-right:2.427659574468%; float:left;} .col-ofic { float:left;} .gl .col-ofc { width:25%; margin:1.5% 0; margin-right:0; float:left;} .cr {margin-right:0 !important;} .ct {margin-top: 0 !important;} .cb {margin-bottom: 0 !important;} .mr { margin-right:25px;} .clearfix:before, .clearfix:after {content: " "; display: table; } .clearfix:after {clear: both; } .clearfix {*zoom: 1;} .clear { clear:both;} /* ======================= content grid ====================== */ .columns {margin:0; padding:0;} .columns p {padding:5px 0;} .col1-1 { width:100%; } .col1-2 {width:50%;} .col1-3 {width:33.333333%;} .col1-4 {width:25%;} .col2-3 {width:66%;} .col3-4 {width:75%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; float:left; padding:0;} .inner { margin:0; padding:10px 20px 0 0; } .col1-4 .inner { margin:0; padding:0 20px 0 0; } .col1-2:nth-child(2n+2) .inner {padding:10px 0 0 0;} .col1-3:nth-child(3n+3) .inner {padding:10px 0 0 0;} .col1-4:nth-child(4n+4) .inner {padding:10px 0 0 0;} /* ========================= grid - lists ========================= */ .gl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .gl .col-ohc:nth-child(2n+1) { clear:left ;} .gl .col-otc:nth-child(3n+3) { margin-right:0 ;} .gl .col-otc:nth-child(3n+1) { clear:left ;} .gl .col-ofc:nth-child(4n+4) { margin-right:0 ;} .gl .col-ofc:nth-child(4n+1) { clear:left;} /* ========================= font ========================= */ h1,h2,h3,h4,h5,h6 {line-height:1.6em; margin:5px 0; padding:0; font-weight: 300; font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;} h1 { font-size:30px;} h2 { font-size:27px;} h3 { font-size:24px;} h4 { font-size:20px;} h5 { font-size:16px; font-weight:700; } h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#424A59; } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color:#606774; text-decoration:none; } .pagetitle { display:block; text-align:left; margin:25px 0; } .pagetitle > span { position: relative; height:3px; background:#F07241; width:50px; display: inline-block;} .pagetitle h1 {font-size:28px; line-height:1.2em; font-weight:300; } a, article a {text-decoration:none !important} p { padding:6px 0; margin:0; line-height:1.75em; font-size:17px;} article li {font-size:17px;} p a, li a, label a, {text-decoration:none;} p a, li a {color:#F07241;} article li a:hover, label a:hover {text-decoration:underline;} article p a {border-bottom:1px dotted #F07241;} article p a:hover { text-decoration:none; border-bottom-style:solid;} /* ===================== top-header ================= */ .headercontact { max-width:1360px; margin:0 auto ; padding:10px 20px; position:relative; } .topline { max-width:1360px; margin:0 auto ; padding:10px 20px; position:relative; } .contactbox { margin:0; padding:0; text-align:right; font-weight:400;} .openphone, .openmail { cursor:pointer; padding:0 15px; display:inline-block; font-size:17px; line-height:23px; } .openphone a, .openmail a {color:#fff; } .openphone i, .openmail i, .openmail:hover i, .openphone:hover i { font-size:18px; color:#fff; } .topline {text-align:left; display:flex; justify-content:flex-start;vertical-align:center; align-items:center;font-weight:300;} .topline a {color:#fff; text-decoration:none;} .topline a:hover {color:#fff;} .topline .topline-left,.topline .topline-right {width:50%;flex-basis:50%; } .topline .topline-right { text-align:right;} .topline-right div {font-size:14px;display:inline-block;width:auto;margin-right:10px;} #topline-menu li {display:inline-block; margin:0 7px 0 0; font-size:12px;text-transform:uppercase;} /* ===================== header banner ================= */ header.topheader {margin:0 auto; max-width:1360px; padding:10px 20px; height:auto; display: flex; align-items:flex-start;justify-content: space-between; } .main-menu { flex-basis:auto; flex-grow:2; } .logo {padding:10px 0; margin:0; max-width:300px; text-align:left; flex-basis:auto; flex-grow:1; } .logo img {width:100%; height:auto; display:block;} .logotitle { display: table-cell; vertical-align: middle; } .logotitle a { font-size:2.5em; font-weight:700; color:#606774; text-shadow: 0 -1px 1px #333, 0 1px 1px #FFFFFF; color:#606774; text-decoration:none;} .pagetop {background:#E6E8ED; padding:1px 0; margin:1px 0;} .pagetop.fulltop {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .headersection {position:relative;} .headersection .overlay {position:absolute; top:0; right:20px; background:rgba(86,125,142,.9); max-width:400px; height:100%;} /* ===================== main menu ===================== */ #topmenu{text-align:right; color:#424A59; } #topmenu,#topmenu ul li,#topmenu ul li a,#topmenu #head-mobile {list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #topmenu:after,#topmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} #topmenu #head-mobile{display:none} #topmenu ul {text-align:right; margin:0 auto; padding:0;} #topmenu ul li{ display:inline-block; text-transform:uppercase;} #topmenu ul li a {padding:25px 15px 20px 15px;font-size:13px;letter-spacing:0.7px;text-decoration:none;color:#424A59;font-weight:700; } #topmenu > ul > li.has-sub > a{padding-right:30px;} #topmenu > ul > li.has-sub > a:after{position:absolute;top:25px;right:10px;width:15px;height:15px;display:block; font-size:12px;content:'\ea67'; font-family:"icofont";} #topmenu ul ul {position:absolute;left:-9999px; z-index:10001; border:1px solid #E6E8ED; border-radius:3px; background:#fff; padding:0; margin-top:25px; -webkit-transition:opacity 1s, margin-top 500ms; /* Safari */ transition: opacity 1s, margin-top 500ms;} #topmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; } #topmenu li:hover > ul{left:-5px; width:auto; opacity: 1; margin-top:0px} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu li:hover > ul > li{height:38px; margin:0 !important; display:block;white-space: nowrap;} #topmenu ul ul ul{margin-left:100%;top:-1px; border-top:1px solid #E6E8ED; } #topmenu ul li.edge:hover > ul{left:inherit; right:4px; width:auto; } #topmenu ul ul li a {padding:0 15px; height:38px; text-align:left;min-width:180px; display:block;font-size:13px; line-height:38px;font-weight:700; text-decoration:none; text-transform:none; border-bottom:1px solid #E6E8ED;} #topmenu ul ul li:last-child a {border-bottom:none;} #topmenu ul ul li.has-sub > a:after{position:absolute;top:0;right:5px;width:15px;height:15px;display:block;content:"\ea67"; font-family:"icofont";font-size:12px;} #topmenu ul li.edge ul li.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul li.edge ul li.has-sub > a:after{right:0;left:5px; content:"\eab5";} #topmenu ul li.edge ul li.has-sub ul {margin-left:calc(-100% - 2px);top:-1px; border-top:1px solid #E6E8ED; } #topmenu ul ul li.edge.has-sub > a{padding-left:30px; padding-right:0;} #topmenu ul ul li.edge.has-sub > a:after{right:0;left:5px; content:"\eab5";} #topmenu ul ul li.edge ul {margin-right:calc(100% - 5px);margin-left:0; } #topmenu ul ul li.has-sub:hover,#topmenu ul li.has-sub ul li.has-sub ul li:hover{background:#F0F1F6;} #topmenu ul li:hover a {color:#000;} #topmenu ul li.current-menu-item:hover > a {color:#000;} #topmenu ul li.active > a, #topmenu ul li.current_page_parent > a, #topmenu ul li.current_page_ancestor > a {color:#000;} #topmenu ul li:hover ul li a {color:#424A59;} #topmenu ul li ul li:hover > a { background:#F0F1F6;} #topmenu ul li ul li:hover ul li a {color:#424A59; } #topmenu ul li ul li ul li:hover > a {background:#F0F1F6; } #topmenu ul li ul li.active a, #topmenu ul li ul li.current_page_parent a, #topmenu ul li ul li.current_page_ancestor a, #topmenu ul li ul li.current-menu-item a {background:#F0F1F6; } #topmenu ul li ul li ul li.active a, #topmenu ul li ul li ul li.current_page_parent a, #topmenu ul li ul li ul li.current_page_ancestor a {color:#424A59;background:#fff;} .fixednav { z-index:999999; position:fixed !important; right: 0; top: 0; width: 100%; background:#fff; border-bottom:1px solid #ebebeb; box-shadow: 0 3px 2px -2px rgba(0,0,0,.3); } .header-wrap.fixednav .top-header { display:none;} /* =================== misc ===================== */ .hidden {opacity:0;} .visible {opacity:1;} .screen-reader-text { visibility:hidden;} hr { margin:25px 0 15px 0; display: block; height: 1px; border:none; border-bottom:1px dotted #7A8394; clear:both;} .page-content {position:relative;} .page-content table { width:calc(100% - 2px); margin:15px 0; font-size:15px; padding:0; border:1px solid #e5e5e5; border-radius:1px; box-sizing:border-box;} .page-content table td { border-bottom:1px solid #E6E8ED; padding:7px 10px; margin:0 3px; width:auto;} .page-content table th { border-bottom:1px solid #E6E8ED; padding:8px 10px; font-size:16px; line-height:1.5em; font-weight:700; } .page-content table tr:last-child td { border-bottom:none;} .page-content table.wp-block-table td { border-bottom:1px solid #E6E8ED; border-left:1px solid #E6E8ED; padding:8px 10px; margin:0 3px; line-height:1.75em; width:auto;} .page-content table.wp-block-table td:first-child {border-left:none;} .page-content table td.key {font-size:14px; max-width:30%; background:#f0f1f6;} .page-content ul { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ul li { list-style:square; padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;} .page-content ul ul {margin:5px 0;} .page-content ol { margin:15px 0 25px 0; padding:0 0 0 20px; } .page-content ol li { padding:3px 0 3px 5px; margin:0; line-height:1.65em; font-size:15px;list-style-type:decimal; } .page-content iframe {max-width:100%; } .wp-block-table td {border:none; border-bottom:1px solid #E6E8ED; border-left:1px solid #E6E8ED; } .page-content ul.wp-block-social-links {margin:0; padding:0; list-style:none;} .page-content ul.wp-block-social-links li {margin:0 5px 0 0; padding:0; list-style:none;} ul.check {padding:0; margin:25px 0;} ul.check li {list-style:none; position:relative; padding-left:25px;} ul.check li:before {content:"\eed7"; font-family:"icofont"; margin-top:3px; position:absolute; top:0; left:0; } ul.plus {padding:0; margin:0;} ul.plus li {list-style:none;} ul.plus li:before {content:"\efc0"; font-family:"icofont"; margin-right:10px; font-size:13px; } .page-content ul.wp-block-gallery {margin:25px 0; padding:0;} .page-content ul.wp-block-gallery li {margin:8px 0; padding:0;} .page-content .wp-block-gallery {margin:25px 0; padding:0;} .page-content .wp-block-gallery ul {margin:25px 0; padding:0;} .page-content .wp-block-gallery li {margin:8px 0; padding:0;} .bo-video-block{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:25px 0; } .bo-video-block iframe, .bo-video-block object, .bo-video-block embed, .bo-video-block video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } code {background:#f0f1f6; border:1px dotted #ebebeb; padding:6px 25px; margin:3px 0; display:block; line-height:1.8em;} code.sc {display:block;} .tab-box {position:relative; width:calc(100% - 12px); margin:30px 0; padding:5px; border:1px solid transparent; border-radius:2px; } .tab-box ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;} .tab-box ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;} .tab-box ul.tabber li a { border:1px solid #DEE0E4; border-bottom:none; border-radius:2px 2px 0 0; color:#424A59; font-size:13px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#E6E8ED;} .tab-box ul.tabber li:last-child a {} .tab-box ul.tabber li a:hover {background: #fff; color:#F07241; } .tab-box ul.tabber li a.active { background: #fff; } .tab-box .panel { border:1px solid #DEE0E4; border-radius:0 3px 3px 3px; margin:38px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;} .tab-box .panel h3 {border:none; text-transform:inherit; display:inherit; font-size:17px; margin:0;} .page-content iframe { margin:25px 0; border-radius:2px;} .page-content iframe, .widget iframe {max-width: 100%; } /* ========================= wp blocks ========================= */ .alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} li.blocks-gallery-item figure figcaption {text-align:center !important; font-size:15px !important; padding-right:0 !important; padding-left:0 !important; } .wp-block-image figure figcaption {text-align:center;} .wp-block-media-text {margin:25px 0;} .wp-caption-text {font-weight:700;} .wp-block-button {text-transform:uppercase; font-weight:bold;} .wp-block-button a {font-size:12px;} .wp-block-cover.alignwide {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} .wp-block-cover.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); width:100vw ; max-width: 100vw; text-align:center !important; } .wp-block-cover.alignfull p.wp-block-cover-text {width:100%; max-width:1360px; margin:0 auto; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {text-align:left;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {text-align:right;} .wp-block-cover p.wp-block-cover-text {line-height:1.5em;} .wp-block-cover.has-left-content:not(.alignfull) p.wp-block-cover-text {margin-left:15px;} .wp-block-cover.has-right-content:not(.alignfull) p.wp-block-cover-text {margin-right:15px;} .wp-block-cover.has-left-content.alignwide p.wp-block-cover-text {margin-left:30px;} .wp-block-cover.has-right-content.alignwide p.wp-block-cover-text {margin-right:30px;} .wp-block-cover {margin-bottom:0;min-height:300px;} .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-group.alignfull .wp-block-group__inner-container {max-width:1340px; padding:10px 20px; margin:0 auto;} .wp-block-cover.alignfull .wp-block-cover__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container {max-width:1340px; padding:10px 20px; margin:0 auto;} .wp-block-cover {overflow:visible !important;} .wp-block-cover__inner-container {overflow:visible !important;} .nomargin .wp-block-column {margin:1px !important;} .wp-block-columns.has-4-columns.nomargin .wp-block-column, .wp-block-columns.has-3-columns.nomargin .wp-block-column, .wp-block-columns.has-2-columns.nomargin .wp-block-column {margin:1px !important;} .nomargin .wp-block-column:first-child {margin-left:0 !important;} .nomargin .wp-block-column:last-child {margin-right:0 !important;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right:0;} /* ===================== bo blocks - contact ===================== */ .block-contact-box {margin:10px 0; padding: 0;} .block-contact-box h3 {font-size:21px; line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} .block-contact-box h4 {font-size:17px;line-height: 1.4em; margin: 0; padding: 0; font-weight:400;} ul.block-contact-box-list {list-style: none; margin:0 0 10px -3px; padding: 0;} ul.block-contact-box-list li { list-style:none; line-height: 1.5em;} ul.block-contact-box-list li p {margin:0; padding:0;} ul.block-contact-box-list li span {width:23px; height:23px; border-radius:1px; display: inline-block; margin-right:5px; opacity: .9; text-align: left; color:#383F4B; } ul.block-contact-box-list li a {color:#333;} ul.block-contact-box-list li:hover span {opacity:.8;} /* ===================== price box ===================== */ .block-price-box {padding:15px; border:1px solid #E6E8ED; border-radius:4px 4px 0 0; border-bottom:3px double #E6E8ED; } .block-price-box-header {padding:0 0 10px 0; border-bottom:1px solid #E6E8ED;} .block-price-box-header h4 {font-size:16px;display: inline-block; padding-left:10px; text-transform: uppercase;} .block-price-box-header span { display: inline-block; font-size:30px; width:40px; border-right:1px solid #E6E8ED;} .block-price-box-header i {color:#7A8394;} .block-price-box-description {padding:10px 0; border-bottom:1px solid #E6E8ED;} .block-price-box-description p {font-size:16px;} .block-price-box-list {padding:20px 0 0 20px; margin:0; width:calc(100% - 20px)} .block-price-box-price {border-top:1px solid #E6E8ED;font-size:30px; font-weight: 700; padding:20px 0 0 0;} .block-price-box-button {margin-top:25px;} .block-price-box-button a {background:#F07241; color:#fff; display:inline-block; padding:8px 25px; width:auto; border-radius:2px;} .block-price-box-button a:hover {opacity:.9;} /* ===================== iconbox ===================== */ .boxcontent {padding:0 0 15px 0; text-align:center; border:1px solid #f0f1f6; box-shadow:0 6px 4px -6px rgba(0,0,0,.3); position:relative; z-index:100; } .boxcontent [class^="icofont-"]:before, .boxcontent [class*=" icofont-"]:before { padding:0; width:1em; height:1em; line-height:1.5em; } .boxcontent [class^="fa-"]:before, .boxcontent [class*=" fa-"]:before { padding:0; width:1em; height:1em; line-height:1.5em; } .boxcontent h3 {margin:0; padding:0 0 5px 0; font-size:15px; color:#606774; text-transform:uppercase; font-weight:700; } .boxcontent h3 a {color:#606774;} .boxcontent p { font-size:15px; line-height:1.5em; padding:0 15px 5px 15px; margin:0; } .boxcontent a.more-link {font-weight:700; display:inline-block; font-size:13px; text-transform:uppercase; margin:25px 0 0 0; padding:7px 20px; border:2px solid #606774;color:#606774; } .boxcontent a.more-link:hover {border-radius:5px;} .box-icon { width:auto; margin-bottom:5px; display:block; color:#606774; } .box2 {margin:25px 0; padding:15px; border:1px dotted #606774;} .more-link:empty {display:none;} /* ===================== icon / button ===================== */ a.icon-button {background:#F0F1F6; text-align:left; padding:20px 0; display:block; color:#383F4B; margin:2px 0;} a.icon-button:hover {opacity:.9;} .bic {float:left; margin: -20px 25px 0 10px; font-size:60px; width:auto;} .icon-button-row1, .icon-button-row2 {display:block; line-height:1.2em;} .icon-button-row1 {font-size:15px;} .icon-button-row2 {font-size:18px; font-weight:700;} .wp-block-column .wp-block-columns .bic {float:left; margin: -15px 15px 0 10px; font-size:50px; width:auto;} .wp-block-column .wp-wp-block-columns .icon-button-row1 {font-size:14px;} .wp-block-column .wp-block-columns .icon-button-row2 {font-size:16px; } .content-button {width:auto; } .content-button a {border:2px solid #F07241; color:#F07241; padding:10px 20px; margin:10px 0; display:inline-block; font-size:13px; text-transform:uppercase; font-weight:700; letter-spacing:.5px;} .content-button a:hover {border-radius:5px;} .sc-button {margin:15px 0;} .sc-button a {display: inline-block; position: relative;padding:10px 20px;text-align:center;background:#F07241; color:#fff;font-size:14px; text-transform:uppercase; letter-spacing:.5px; margin:0;font-weight:bold; -webkit-transition: background 0.6s, padding 0.6s, color 0.2s; -moz-transition: background 0.6s, padding 0.6s, color 0.2s; -ms-transition: background 0.6s, padding 0.6s, color 0.2s; -o-transition: background 0.6s, padding 0.6s, color 0.2s; transition: background 0.6s, padding 0.6s, color 0.2s; border-radius:2px; overflow:hidden;} .sc-button a span{ display: inline-block; position:relative; z-index:2; } .sc-button a:before {content:""; width: 0; height: 100%;display: block;position: absolute; background:#383F4B; color:#fff; z-index: -1; padding: 0;left:0; top:0; } .sc-button a:hover:before{-webkit-transition: background 750ms linear, width 500ms ease;-moz-transition: background 750ms linear, width 500ms ease; -ms-transition: background 750ms linear, width 500ms ease;-o-transition: background 750ms linear, width 500ms ease; transition: background 750ms linear, width 500ms ease;z-index:1;width: 100%;} .sc-button i { margin-right:10px; font-size:18px;} /* ============ simplebox ========= */ .simplebox {border:1px dotted #c6c8cf; border-radius:2px; padding:15px; margin:20px 0; max-width:calc(100% - 32px); text-align:center;} .simplebox:hover {border:1px solid #c6c8cf; } .simplebox a {display:block; } .simplebox .box-icon {margin:15px auto;} .simplebox .box-icon i {font-size:60px; color:#7A8394;} .simplebox h3 {text-transform:uppercase; font-size:14px; font-weight:700;color:#7A8394;} .simplebox p {font-size:15px; line-height:1.7em; padding:10px 15px;} .simplebox a p {color:#424A59;} /* ============ slogan ========= */ .slogan { margin:35px 0; display: block; text-align: center; } .preambel {font-weight:bold; color:#F07241;padding:5px 0; text-transform:uppercase;font-size:12px;} .slogan > span { position: relative; height:3px; background:#F07241; width:65px; display: inline-block;} .slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5 { font-size:30px; line-height:1.3em; font-weight:300; } .slogan.links {text-align: left;} .slogan.rechts {text-align:right;} .slogan.zentriert {text-align:center;} /* ============ bo block cta ========= */ .bo-block-cta-section {background-size: cover;} .bo-block-cta-container {max-width: 1360px; margin: auto; display: flex; align-items: center; justify-content: space-between; padding: 60px 20px; } .bo-block-cta-wrapper { max-width: 660px; animation-delay:300ms; padding-left:20px;} .bo-block-cta-overlay {animation-delay:300ms; } .bo-block-cta-section.alignfull .bo-block-cta-wrapper {margin-left:0;} .bo-block-cta-heading {color: #f0f1f6; line-height:1.2em; font-weight:400; margin-left:-3px;} .bo-block-cta-heading:after { color: #f0f1f6; } .bo-block-cta-text { color: #fff; margin-top:0; margin-bottom: 10px; } .bo-block-cta-buttons {margin-top:30px;} .bo-block-cta-button-1, .bo-block-cta-button-2 { display: inline-block; background-color: #fff; padding: 8px 24px; border-radius: 0; border: solid #fff 2px; background-color: transparent; color: #fff;font-size: 14px; line-height:24px; text-transform: uppercase;letter-spacing: 1px; margin-bottom: 10px; font-weight:700;} .bo-block-cta-button-1 {margin-right: 10px;background-color: #fff;color: inherit; } .bo-block-cta-button-1:hover, .bo-block-cta-button-2:hover {opacity:.8;} .bo-block-cta-button-1 i,.bo-block-cta-button-2 i {margin-top:2px; margin-left:-10px; margin-right:10px; float:left;font-size: 20px;} .bo-block-header-section {margin-top:20px;} .bo-block-header-section.alignfull {margin-top:0;} .bo-block-header-container {position: relative; height: 100%; max-width:1400px; margin:0 auto;} .bo-block-header-wrapper {position: absolute; top: 15%; padding:0 30px; max-width:640px;} .bo-block-header-wrapper.leftpos {left:0;} .bo-block-header-wrapper.rightpos {right:0;} .bo-block-header-wrapper.centerpos {margin:0 auto; left:0; right:0; text-align: center;} .bo-block-header-buttons {margin:45px 0 0 0;} .bo-block-header-buttons a {padding:12px 25px; margin-right:10px; border-radius:1px; font-weight: bold; font-size:15px; text-transform: uppercase; } .bo-block-header-buttons a:hover {border-radius:4px; box-shadow: 0 0 4px 2px rgba(0,0,0,.1);} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {white-space:nowrap;} /* ============ bottom cta ========= */ .cta-wrapper {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} .cta-wrapper .container {max-width:1310px; margin:0 auto; padding:0 25px 25px 25px; } /* =================== team page ================= */ .team-section { margin:0 -15px; padding:0 0 45px 0; position:relative; text-align:left; } .team-container {display:flex;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;} .team-list-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; border-radius:2px 2px 0 0; padding:10px; transition:all, ease-in, 750ms; width:calc(25% - 43px); margin:15px 10px; flex-basis:auto; flex-grow:0; } .page-template-default .team-list-box {width:calc(33% - 43px);} .tax-department .team-list-box {width:calc(33% - 43px); } ul.teampage.profilelist {margin:0; padding:15px 0; background:none; list-style:none; width:100%; } .teampage.profile-social {background:none; margin:0; padding:5px 0 0 0;} .teambox ul.profilelist li {font-size:14px; line-height:24px; } .teambox ul.profilelist li span i {font-size:14px; line-height:24px; } .team-list-box-image { display:block; padding:0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .team-list-box-image img { width:100%; height:auto; display:inline-block; border-radius:2px 2px 0 0;} .team-single-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; border-radius:2px 2px 0 0; padding:10px; transition:all, ease-in, 750ms; width:calc(100% - 22px); margin:15px 0; } .teambox ul.profilelist li.profiletitle, .teambox ul.profilelist li.profilesubtitle, .team-list-box ul.profilelist li.profiletitle, .team-list-box ul.profilelist li.profilesubtitle {background:#F0F1F6; font-size:14px; padding:3px 5px; } .team-list-box ul.profilelist li {font-size:14px; } .team-more {display:block; position:absolute; top:calc(40% - 20px); left:0; right:0; width:40px; height:40px; border-radius:50%; padding:0; font-size:15px; line-height:43px; margin:0 auto; background:rgba(255,255,255,.8); opacity:0; transition:all, ease-in, 1200ms; text-align:center; color:#F07241;} .team-more i.icofont-plus {margin:0 auto;} .team-list-box:hover .team-more, .team-single-box:hover .team-more {opacity:1;} .team-more:hover {background:rgba(255,255,255,.9);} /* =================== team profile ================= */ .profile-info {display:flex; margin-bottom:25px;} .single-profile {background:#F0F1F6; display:flex; flex-direction:column; justify-content: space-between;} .team-single-img img {width:calc(100% - 8px); height:auto; display:block;} .single-profile-box {padding:15px 15px 0 15px; } ul.profilelist { margin:15px 0; padding:0; list-style:none;} ul.profilelist li {margin:0; padding:5px 0; font-size:16px; line-height:20px; display:flex;} ul.profilelist li:last-child {border-bottom:none;} ul.profilelist li.profiletitle {font-size:18px; border-bottom:none; line-height:20px; font-weight: 700;} ul.profilelist li.profilesubtitle {font-size:16px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted rgba(0,0,0,.2); line-height:20px; } ul.profilelist li span {width:20px; display:flex-start;} ul.profilelist li span i {font-size:14px; line-height:20px; opacity:.8;} ul.profilelist li a {color:#424A59; } .profiletext {margin-top: 35px;} p.profiletop {margin:20px 0;} .profile-social {background:rgba(255,255,255,.2); margin-top:auto; border-top:1px dotted rgba(0,0,0,.1);border-bottom:1px dotted rgba(0,0,0,.1); padding:15px 0 0 15px;} /* ========================= social media icons ========================= */ .smicons {padding:0 0 10px 0;} .smicons span {background:#383F4B; width:36px; height:36px; display:inline-flex; margin:0 6px 5px 0; padding:0; border-radius:50%; text-align:center;} .smicons span::before {font-size:20px;line-height: 35px;color:#fff; margin:0 auto; padding:0; font-family: "icofont"; display:flex-center;} .smicons span.google::before {content:"\ed43"; font-size:21px;} .smicons span.google:hover {background:#DC4A3D;} .smicons span.twitter::before {content:"\ed7a";} .smicons span.twitter:hover {background:#55ACEE;} .smicons span.insta::before {content:"\ed46";} .smicons span.insta:hover {background:#9B6954;} .smicons span.fb::before {content:"\ed37";} .smicons span.fb:hover {background:#3B579D;} .smicons span.xing::before {content:"\ed87";} .smicons span.xing:hover {background:#00605E;} .smicons span.linked::before {content:"\ed4d";} .smicons span.linked:hover {background:#0077B6;} .smicons span.yt::before {content:"\ed8b";} .smicons span.yt:hover {background:#E12B25;} .smicons span.vimeo::before {content:"\ed7f";} .smicons span.vimeo:hover {background:#1AB7EA;} .smicons span.tum::before {content:"\ed78";} .smicons span.tum:hover {background:#36465D;} .smicons span.pin::before {content:"\ed5d";} .smicons span.pin:hover {background:#BD081C;} .smicons span.rss::before {content:"\ed64";} .smicons span.rss:hover {background:#F26522;} .smicons span.mail::before {content:"\ef14";} .smicons span.mail:hover {background:#ccc;} /* ===================== portfolio ===================== */ .project-data {background:#F0F1F6; padding:15px; margin: 0 -25px 25px 25px; } .project-data-headline {background:#7A8394; color:#fff; font-size:16px; font-weight:700; display:block; max-width:calc(100% - 10px); padding:10px 0 10px 10px;} ul.project-data-list {margin-top:15px; padding-left:0;} ul.project-data-list li {margin:0; padding:8px 0; border-bottom:1px dotted rgba(0,0,0,.1); font-size:15px; line-height:28px; display:flex;} ul.project-data-list li:last-child {border-bottom:none;} ul.project-data-list li span {width:30px; display:flex-start;} ul.project-data-list li span i {font-size:13px; line-height:28px; opacity:.8;} /* ================= servicebox =============== */ /* slb */ .slb h2 {font-size:17px; margin:0; padding:0; line-height:1.35em; text-transform:uppercase;} .slb h3 {font-size:18px; margin:0; padding:0; line-height:1.35em; font-weight:700; } .slb p { font-size:15px; margin:0; padding:10px 0; line-height:1.7em; } .service-section { margin:0 -15px 30px -15px; padding:0 0 45px 0; position:relative; text-align:left; } .service-container {display:flex;flex-direction: row;flex-wrap: wrap; justify-content:flex-start;} .service-list-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; padding:15px; transition:all, ease-in, 750ms; width:calc(33.3333% - 63px); margin:15px; flex-basis:auto; flex-grow:0; text-align:center; } .service-list-box-image { display:block; padding:0 0 10px 0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .service-list-box-image img { width:100%; height:auto; display:inline-block;} .service-list-box a, .service-box a {color:#424A59;} .service-box:hover, .service-list-box:hover, .service-taxlist-box:hover {border:1px solid #c6c8cf; border-bottom:3px double #c6c8cf; } .service-box:hover .service-list-box-image,.service-box:hover .service-list-box-image, .service-taxlist-box:hover .service-list-box-image{opacity:.9;} .service-more {position:absolute; bottom:17px; left:1px; width:calc(100% - 2px); display:block; padding:10px 0; font-size:13px; text-transform:uppercase; font-weight:700; margin: 0 auto; background:rgba(255,255,255,.8); transition:all, ease-in, 1200ms;opacity:0;} .service-box:hover .service-more, .service-list-box:hover .service-more, .service-taxlist-box:hover .service-more {opacity:1;} .service-more:hover {background:#fff;} .service-menu-headline {padding:8px 0 8px 10px; margin:0 0 10px 0; font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:.5; border-bottom:3px solid #F0F1F6; } .service-sidebar-image img {width:100%; height:auto; display:block; border-radius:3px; margin-bottom:20px;} .plb h2 {font-size:17px; margin:0; padding:0; line-height:1.35em; text-transform:uppercase;} .plb h3 {font-size:16px; margin:0; padding:0; line-height:1.35em;text-align:center; } .plb p { font-size:15px; margin:0; padding:10px 0; line-height:1.7em; } .portfolio-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; padding:15px; transition:all, ease-in, 750ms; margin:15px 0; width:calc(100% - 32px); } .portfolio-list-box {border:1px solid; border-bottom:3px double; border-color: #E6E8ED #DEE0E4 #DEE0E4; padding:15px; transition:all, ease-in, 750ms; margin:15px; width:calc(33.3333% - 63px); flex-basis:auto; flex-grow:0;} .portfolio-box:hover, .portfolio-list-box:hover {border:1px solid #c6c8cf; border-bottom:3px double #c6c8cf; } .portfolio-box:hover .portfolio-box-image,.portfolio-list-box:hover .portfolio-box-image {opacity:.9;} .portfolio-box-image { display:block; padding:0 0 10px 0; transition:all, ease-in, 750ms; opacity:1; text-align:center; position:relative; } .portfolio-box-image img { width:100%; height:auto; display:inline-block;} .portfolio-box a, .portfolio-list-box a {color:#424A59;} .portfolio-more {display:block; position:absolute; top:calc(50% - 25px); left:0; right:0; width:120px; padding:10px 15px; font-size:13px; font-weight:700; margin:0 auto; background:rgba(255,255,255,.8); opacity:0; transition:all, ease-in, 1200ms;} .portfolio-box:hover .portfolio-more, .portfolio-list-box:hover .portfolio-more {opacity:1;} .portfolio-more:hover {background:rgba(255,255,255,1);} /* ====== testimonials ========== */ .testimonials {margin:40px 0 60px 0; padding:15px 0 55px 0; position:relative; } .testimonials:after {content:"";background: #f0f1f6; width:3px;height:100%; position:absolute; top:0; right:0;} .testimonials:before {content:"";background: #f0f1f6; width:30px;height:3px; position:absolute; top:0; right:0;} .testimonial-wrap {position:relative; margin:0 20px; padding:0;} .testimonial-wrap:after {content:"";background: #f0f1f6; width:3px;height:100%; position:absolute; top:0; left:0;} .testimonial-wrap:before {content:"";background: #f0f1f6; width:30px;height:3px; position:absolute; top:0; left:0;} .testimonial-edge {position:relative; margin:0; padding:0;} .testimonial-edge:after {content:"";background: #f0f1f6; width:30px;height:3px; position:absolute; bottom:0; right:0;} .testimonial-edge:before {content:"";background: #f0f1f6; width:30px;height:3px; position:absolute; bottom:0; left:0;} .testimonial {text-align:center; overflow:hidden; padding:0 25px;} .testimonial blockquote {font-size:17px; line-height: 1.8em; padding:10px 0 30px 0; position: relative; } .testimonial cite {font-size:13px; border-top:2px solid #606774; padding:10px 0; margin-top:20px; } .slick-dotted.slick-slider {margin-bottom: 20px;} ul.slick-dots{ position: absolute; bottom:0; display: block; width:100%; padding:15px 0;margin:0;list-style:none;text-align: center;} .slick-dots li { position:relative; display:inline-block;width:15px;height:20px;margin:0 5px 0 0;padding: 0;cursor: pointer; } .slick-dots li button {font-size: 0;line-height: 0; display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-size: 30px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: #575D65; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before {opacity: .75; color: black;} /* ===================== separate ===================== */ .separator-top {border-bottom:1px dotted #DEE0E4; margin:15px 0;} .separator-headline { margin:15px 0 25px 0; display: block; text-align:center; } .separator-headline > span { position: relative; display: inline-block;} .separator-headline > span:after {content: " "; height:3px; background:#606774; width:50px; display: inline-block; } .separator-headline h4 { font-size:23px; line-height:1.3em; font-weight:700; text-transform:uppercase; } .separator-headline p { padding:5px 85px; } .separatorleft .separator-headline { text-align:left; } .separatorleft .separator-headline p { padding:5px 0; } /* ===================== img stat ===================== */ .image-wrapper { height:auto; position:relative; z-index:1000; margin:20px 0 0 0; padding:0 20px; overflow:hidden; } .home-start-image {overflow:hidden;} .home-start-image img { width:100%; height:auto; display:block; position:relative; } .home-start-full-width {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} /* ===================== img slider ===================== */ .slideshow {padding:0; margin:0; position:relative; width:100%; overflow:hidden; } .slideshow div {padding:0; margin:0; width:100%; height:auto; overflow:hidden;} .slideshow img {width:100%; height:auto; margin:0; padding:0; display:block;} .slideshow .slick-next, .slideshow .slick-prev {color:#fff;width:30px;height:50px;padding:0; text-align:center; margin:0; font-size:0; cursor:pointer;position:absolute;z-index:999999; visibility:hidden;background:none;border:none; } .slideshow .slick-prev{left:0; top:45%;} .slideshow .slick-next{right:10px; top:45%;} .slideshow .slick-prev:before{content:'\eab5'; font-family:"icofont";} .slideshow .slick-next:before{content:'\eab8'; font-family:"icofont";} .slideshow .slick-next:before, .slideshow .slick-prev:before{font-size:40px;line-height:1;opacity:1;color:rgba(255,255,255,.9);} .slideshow .slick-next.slick-disabled:before, .slideshow .slick-prev.slick-disabled:before{opacity:.25} .slideshow:hover .slick-next, .slideshow:hover .slick-prev {visibility:visible;} .portfoliodata {margin:25px 0;} .portfoliogallery {padding:5px; margin:15px 0; position:relative; width:100%; overflow:hidden; border:1px solid #e5e5e5; border-radius:1px;} .portfoliogallery .slick-next, .portfoliogallery .slick-prev {color:#fff;width:30px;height:50px;padding:0; text-align:center; margin:0; font-size:0; cursor:pointer;position:absolute;z-index:9999; background:none;border:none; } .portfoliogallery img {border-radius:1px;} .portfoliogallery figcaption {font-weight:700; padding:10px 0; font-size:17px;} .portfoliogallery .slick-prev{left:0px; top:35%;} .portfoliogallery .slick-next{right:10px; top:35%;} .portfoliogallery .slick-prev:before{content:'\eac9'; font-family:"icofont";} .portfoliogallery .slick-next:before{content:'\eaca'; font-family:"icofont";} .portfoliogallery .slick-next:before, .portfoliogallery .slick-prev:before{font-size:40px;line-height:1;opacity:1;color:#fff;} .col-full .portfoliogallery {padding:15px; margin:15px 0; width:100%; max-width:832px; } .portfoliogallery .slick-prev{left:10px; top:35%;} .portfoliogallery .slick-next{right:20px; top:35%;} /* ===================== google maps ===================== */ #map-canvas iframe {width:100%; height:300px; display:block; } #map-canvas {margin:0; padding:0;} /* ========================= go to top/bottom - contact ======================== */ #gototop { display:none; position:fixed; z-index:10000; right:20px; bottom:75px; } #gototop a { border:1px dotted #7A8394; padding:4px 9px 5px 9px; border-radius:3px; color:#7A8394; text-decoration:none; font-size:20px; display: block; margin:5px 0; line-height:1em;} /* ========================= blog ======================== */ .sidebar-thumbnail {float:left; max-width:80px; margin:0 15px 0 0;} .catdescription {margin:5px 0 25px 0; padding:15px; background:#F0F1F6; } .taxdescription {margin-top:30px;} .catdescription p {font-size:15px; margin:0; padding:0; line-height:1.65em;} .bl {margin:45px 0;} .bl .col-ohc:nth-child(2n+2) { margin-right:0 ;} .bl .col-ohc:nth-child(2n+1) { clear:left ;} .blogpost { margin:0; padding:0 0 30px 0;} .blogpost .col-ofc:nth-of-type(4n) { margin-right:0 !important;} .postbox {border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:3px; border-radius:4px 4px 0 0; } .posttop { float:left; width: calc(100% - 100px);} .postbox h2 { font-size:15px; line-height:1.5em; margin:0; padding:0;} .postbox p {font-size:15px; line-height:1.65em; } .postbox .postbox-img {margin:0 0 5px 0;} .postbox .postbox-img img {width:100%; height:auto; display:block; border-radius:2px;} .postbox .postbox-text {padding:5px 10px;} .postbox .postbox-more {text-decoration:none; text-transform:uppercase; font-weight:700; font-size:14px; color:#F07241;} .postbox .postbox-more:hover { color:#383F4B;} .blogloop-box {margin:0 0 25px 0; border:1px solid #E6E8ED; border-bottom:3px double #E6E8ED; padding:13px 13px 0 12px; border-radius:4px 4px 0 0; } .blogloop-post {display:flex;flex-direction: row;flex-wrap: nowrap;justify-content:space-between;align-items:flex-start; padding-bottom:5px;} .blogloop-img {margin: auto; width:25%; max-width:200px; } .blogloop-img img {width:100%; height:auto; display:block; border-radius:2px;} .blogloop-content {margin: auto; width:calc(75% - 30px); padding:0 15px} .blogloop-box h2 { font-size:17px; line-height:1.5em; margin:0 0 5px 0; padding:0; font-weight:700; } .blogloop-box p {font-size:15px; line-height:1.65em; } .blogloop-meta {font-size:13px; border-top:1px dotted #DEE0E4; padding-top:5px;} .blogloop-meta a {color:#F07241;} .blogloop-meta .meta-date, .blogloop-meta .meta-author { padding:5px; display:inline-block;} .blogloop-meta .meta-category {border-top:1px dotted #DEE0E4; padding:8px 5px 2px 5px; margin:5px 0;} .blogloop-meta .meta-tags {margin:5px 0; padding:8px 5px 5px 5px; border-top:1px dotted #DEE0E4; } .blogloop-meta .meta-tags a {padding:5px; border-radius:2px;} .single-meta {border-top:1px dotted #DEE0E4; padding:15px 0; margin:20px 0; font-size:14px;} .single-meta a {color:#F07241;} .single-meta .meta-date, .single-meta .meta-author { padding:5px; display:inline-block;} .single-meta .meta-category {border-top:1px dotted #DEE0E4; border-bottom:1px dotted #DEE0E4; padding:6px 5px; margin:5px 0;} .single-meta .meta-tags {margin:15px 0; padding:2px 5px;} .single-meta .meta-tags a {padding:5px; border-radius:2px;background:#606774; color:#fff;} .single-meta .meta-tags a:hover {background:#7A8394; } .single-meta .meta-category a:hover, .blogloop-meta .meta-category a:hover, .blogloop-meta .meta-tags a:hover { text-decoration:underline;} .single-page-nav { background:#f0f1f6; margin:15px 0; padding:8px; font-size:13px; text-transform:uppercase; font-weight:700;} .single-page-nav a {color:#606774;} .single-page-nav a:hover {color:#F07241;} .single-page-nav .navleft {width:50%; float:left;} .single-page-nav .navright {width:50%; float:right; text-align:right;} .single-page-nav .navright a:after {content:'\ea79'; font-family:"icofont"; font-size:14px; margin:1px 10px;} .single-page-nav .navleft a:before {content:'\ea78'; font-family:"icofont"; font-size:14px; margin:1px 10px;} /* ======================== comments ============================ */ #comments-box { margin:30px 0 25px 0; padding:20px 0; font-size:15px;} .comment-author img, .comment-author .says { display:none;} .comment-author a {font-weight:bold;} .comment-meta {font-size:13px;} #comments-box a {color:#606774;} #comments-box a.comment-reply-link {color:#F07241; font-weight:bold; margin:5px; text-align:right; display:block;} .comments-title { font-size:1.3em; margin:0; padding:0;} .comments-subtitle { font-size:1.1em; margin:0; padding:0;} ol.comment-list { margin:15px 0 0 0; list-style:none; padding:0; } ol.comment-list li { padding:5px 10px; margin:0 0 15px 0; font-size:1em; line-height:1.6em; border-bottom:1px dotted #DEE0E4; list-style:none;} ol.comment-list ol {margin:15px 0;} ol.comment-list ol li {border-bottom:none; } #comments-box ol.comment-list ol li a.comment-reply-link {text-align:left; margin:5px 0; } #respond { margin:25px 0 0 0; padding:0 0 15px 0; } #respond .memberbox { padding:5px 0 0 0;} #respond .inputbox { padding:10px 0 0 0;} #respond label {display:block; font-size:.9em; } #respond label span {font-size:.8em; } #respond input {width:95%; padding:7px 5px; font-family: Arial, Helvetica, sans-serif; font-size:.95em; margin:2px 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; } #respond textarea {font-family: Arial, Helvetica, sans-serif; font-size:.95em; padding:5px; height:130px; width:95%; margin:5px 0; border:1px solid #e5e5e5; border-radius:5px;} #respond #submit {width:auto; font-size:.95em; cursor:pointer; margin-top:15px; padding:5px 20px 6px 20px;} #respond .memberbox {margin:5px 0;} .category-description { margin:0 0 25px 0; padding:0 0 10px 0; border-bottom:1px dotted #DEE0E4; } .category-description p { font-size:14px; line-height:1.65em; margin:0; padding:0;} .post-nav { margin:15px 0; padding:15px 0; font-size:14px; } .post-nav .page-numbers {padding:5px 8px; border-radius:1px; margin:0 3px 0 0; background:#E6E8ED;} .post-nav a {text-decoration:none; color:#383F4B; } .post-nav a:hover {background:#7A8394; color:#fff; } .post-nav .current {background:#7A8394; color:#fff;} .sticky { margin:-8px; padding:5px; border:8px solid #E6E8ED; border-radius:3px 3px 0 0;} .bypostauthor { font-style:italic;} /* =================== galleries =================== */ .wp-caption { max-width:100%; padding:5px; border:1px dotted #DEE0E4;border-radius:5px; } .wp-caption img {max-width:100%;display:block;height:auto; } .columns .col1-4:nth-child(4n+4) .inner .wp-caption {max-width:calc(100% - 20px);} .columns .col1-3:nth-child(3n+3) .inner .wp-caption {max-width:calc(100% - 30px);} .columns .col1-2:nth-child(2n+2) .inner .wp-caption {max-width:calc(100% - 30px);} .wp-caption-text{font-size:14px;margin:0 2%} .gallery-caption{text-wrap:normal !important} .gallery img {width:calc(100% -20px); height:auto; margin:5px 10px; border-radius:5px;} .gallery{clear:both;overflow:hidden;margin:25px auto} .gallery .gallery-item{overflow:hidden;float:left;margin:10px 0 0;text-align:center;list-style:none} .gallery-columns-0 .gallery-item{width:100%} .gallery-columns-1 .gallery-item{width:100%} .gallery-columns-2 .gallery-item{width:50%} .gallery-columns-3 .gallery-item{width:33.33%} .gallery-columns-4 .gallery-item{width:25%} .gallery-columns-5 .gallery-item{width:20%} .gallery-columns-6 .gallery-item{width:16.66%} .gallery-columns-7 .gallery-item{width:14.28%} .gallery-columns-8 .gallery-item{width:12.5%} .gallery-columns-9 .gallery-item{width:11.11%} .gallery-columns-10 .gallery-item{width:10%} img.alignright { float:right; margin:5px 10px 5px 25px; border-radius:3px; } img.alignleft {float:left; margin:5px 25px 5px 0; border-radius:3px; } img.aligncenter { margin:10px auto; border-radius:3px; } img.alignnone { margin:10px 0; border-radius:3px;} figure.alignright { float:right; margin:5px 10px 5px 25px; } figure.alignleft {float:left; margin:5px 25px 5px 0; } figure.aligncenter { margin:0; } figure.alignnone { margin:0; } figure.alignwide {margin:0;} .textwidget img {max-width: 100%; } img[class*="align"], img[class*="wp-image-"] {height: auto; } img.size-full, img.size-large {max-width: 100%; width: auto; } figure.alignright img, figure.alignleft img, figure.aligncenter img, figure.alignnone img {border-radius:3px;} #TB_secondLine { margin:0; padding:0 !important; font-size:0 !important;} #TB_overlay { background:#333 !important; opacity:.8 !important; filter: alpha(opacity=80) !important; position: fixed; } #TB_prev {content:'';} #TB_next {content:'';} #TB_prev:before, #TB_next:before {color:#f0f1f6; position:absolute; top:25%; font-size:60px; line-height:1.15em; font-family: "icofont"; cursor:pointer; } #TB_prev:before { left:-50px; content: '\eac9'; } #TB_next:before { right:-50px; content: '\eaca';} #TB_window { background:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #TB_window a {color:#eee !important} #TB_caption { line-height:1.5em; margin:0; padding:0; height:auto; color:#eee !important} #TB_secondLine { margin:0; padding:4px 0 0 0 !important; font-size:12px;} #TB_window img { border:3px solid #E6E8ED !important;} #TB_caption { line-height:1.6em; margin:0; padding:0; height:auto;} .screen-reader-text { visibility:hidden;} .tb-close-icon {display: block; color: #eee !important; text-align: center; line-height: 49px !important; width: 49px !important; height: 49px !important; position: absolute; top: 0; right: 0; } .tb-close-icon:before { content: "\f158"; font: normal 40px/49px dashicons !important; speak: none; } #TB_closeWindowButton:hover .tb-close-icon, #TB_closeWindowButton:focus .tb-close-icon {color: #fff !important; } #TB_closeWindowButton:focus .tb-close-icon { -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } /* =================== contactforms cf7 =================== */ .wpcf7-form {margin:0; padding:10px 0; } .wpcf7-form .columns {margin:0; padding:0;} .wpcf7 label { font-size:13px; display:block; margin:7px 0 0 0;} .wpcf7 input { width:calc(100% - 18px); border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; margin:5px 0; background:rgba(255,255,255,.85); font-family: 'Nunito Sans', sans-serif;color:#000; font-size:14px;box-sizing:border-box; } .wpcf7 select {width:auto; background:rgba(255,255,255,.85);border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; margin:5px 0; font-size:14px;color:#727271; box-sizing:border-box; outline: none;cursor: pointer;} .wpcf7 .select-wrapper select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .wpcf7 .select-wrapper select::-ms-expand { display: none;} .wpcf7 .select-wrapper select { width:calc(100% - 18px); border:1px solid #e3e3e3; border-radius:3px; height: 40px; padding:8px 3px;box-sizing:border-box; background:rgba(255,255,255,.85); font-family: 'Nunito Sans', sans-serif; font-size:14px; } .select-wrapper {position:relative;} .select-wrapper::before {font-family: icofont;content: "\ea67"; font-size: 21px; position: absolute; z-index:999; right: 35px; top: 10px; color: #727271; } .wpcf7 textarea {font-family: 'Nunito Sans', sans-serif; width:calc(100% - 18px); background:rgba(255,255,255,.85); border:1px solid #e3e3e3; border-radius:3px; padding:8px 3px; font-size:14px; color:#000;box-sizing:border-box;margin:5px 0;} .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #999;} .wpcf7 .wpcf7-submit { cursor:pointer; background:#606774; color:#fff; padding:10px 20px; border-radius:2px; margin:15px 5px 10px 0; width:auto; display:inline-block; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:700; letter-spacing:.5px; text-align:center; border:none; } .wpcf7 .wpcf7-submit:hover {opacity:.9; text-decoration:none; padding:10px 20px; } .wpcf7-form p {margin:0; padding:0; position:relative; } .wpcf7-radio {margin:-5px 0 20px -20px; padding:0; display:block;} .wpcf7 .wpcf7-submit { width:auto;} .wpcf7 input[type="radio"], .wpcf7 input[type="checkbox"] {width:auto; display:inline-block; margin:0 10px 0 0;} .wpcf7 input[type="radio"]:checked ~ * {color:#000;} .wpcf7 input[type="number"] {} .wpcf7 legend { font-size:1.35em; font-weight:400; margin:-45px 5px 15px 0; padding:10px; background:#fff;} .wpcf7 .wpcf7-acceptance {margin:5px 0 15px -10px; display:block; width:calc(100% - 10px);} .wpcf7 .wpcf7-acceptance label {font-size:12px; line-height:1.4em; display:inline-block; } .wpcf7 .wpcf7-acceptance label a {color:#F07241;} .wpcf7-form p {margin:0; padding:0;} .wpcf7-captchar {max-width:100px;} div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {padding:10px; background:#E6E8ED; border:none; border-left:4px solid;} div.wpcf7-mail-sent-ok {border-color: #398f14;} div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border-color: #ff4000;} span.wpcf7-not-valid-tip {position:relative; color:#ff4000; font-size:12px; font-style:italic;} #sidebar .wpcf7 .wpcf7-submit { margin:5px 5px 10px 0; } #sidebar .wpcf7-form {margin:25px 0; padding:10px 10px 10px 15px; border:none; background:#f0f1f6; } .wpcf7-form p i {position: absolute;color: #6F7581; z-index: 100; font-size: 18px; top: 28%;left: 1.5%; } .wpcf7-form p i.icofont-pencil {top:15px;left: 1.5%;} .wpcf7 p .wpcf7-text, .wpcf7 p .wpcf7-textarea, .wpcf7 p .wpcf7-select {padding-left:35px;} /* ================== 404 ================= */ .notfoundsearch{ margin:35px 0; padding:15px 10px; background:#f0f1f6; border-radius:2px; max-width:calc(100% - 50px); } .notfoundsearch form#searchform { margin:0; padding:0; } .notfoundsearch input#searchinput {font-size:13px; padding:10px 5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left; background:rgba(255,255,255,.9); border:1px solid #E6E8ED; width: calc(100% - 140px); -webkit-appearance:none !important;} .notfoundsearch input#searchinput:focus { color:#333;} .notfoundsearch input#searchsubmit {color:#fff; width:90px; float:right; font-size:13px; display:inline-block; padding:10px 0; margin:3px 20px 0 0; cursor:pointer; background:#F07241; border:none !important; text-align:center; -webkit-appearance:none !important; } .notfoundsearch input#searchsubmit:hover {background:#383F4B;} .fourofour {color:#f0f1f6; font-size:120px; font-weight:bold;} /* =============== search =============== */ .search-item-list {margin:15px 0; padding:10px; border-top:1px dotted #DEE0E4;} .search-item {margin:15px 0 25px 0; padding-bottom:10px; border-bottom:1px dotted #DEE0E4;} .search-item-thumb {float:left; margin:0 30px 10px 0; max-width:200px; } .search-item-thumb img {width:100%; height:auto; display:block; border-radius:3px;} .search-item p {font-size:15px;} a.post-more { display:inline-block; color:#383F4B; font-weight:bold;font-size:14px;} /* =================== sidebar ===================*/ .sidebarbox {padding:35px 0 10px 0; margin:0; } #sidebar .widgettitle { padding:8px 0 8px 10px; margin:0 0 10px 0; font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:.5; background: #F0F1F6; } .sidebarbox .widgettitle [class^="icofont-"]:before, .sidebarbox .widgettitle [class*=" icofont-"]:before {margin-top:0 !important; margin-right:7px !important; line-height:.9em !important;} #sidebar p { font-size:15px;} #sidebar ul { font-size:15px; margin:5px 0 15px 0; padding:0; list-style:none; } #sidebar ul li {line-height:1.6em; border-bottom:1px dotted #E6E8ED; padding:5px 0 5px 0; list-style:none; } #sidebar ul li > a:before {content: '\ea69'; font-family: "icofont"; font-size:10px; float:left; margin-right:15px; color:#DEE0E4; } #sidebar ul li a { color:#424A59; text-decoration:none; display:block;} #sidebar ul li:hover > a, #sidebar ul li.current-menu-item > a, #sidebar ul li.current-cat > a, #sidebar ul li.current-menu-parent > a {color:#F07241} #sidebar ul li a:hover:before, #sidebar ul li.current_page_item a:before, #sidebar ul li.current-menu-item a:before, #sidebar ul li.current-cat a:before, #sidebar ul li.current-menu-parent a:before {color:#F07241;} #sidebar ul li ul { margin:5px 0 5px 15px; display:none; } #sidebar ul li.current-menu-parent ul, #sidebar ul li.current-menu-item ul {display:block; } #sidebar ul li ul li { padding:3px 0; border-bottom:none; border-top: none;} #sidebar ul li.current-menu-item ul, #sidebar ul li.current_page_item ul, #sidebar ul li.current-cat ul, #sidebar ul li.current_page_parent ul {display:block;} #sidebar ul.sidebar-current-posts li > a:before {content: ''; display:none;} #sidebar ul.sidebar-current-posts li {padding:5px 15px 5px 0;} .sidebarbox img {max-width:100%; height:auto; } .tagcloud { margin:0; padding:10px;} .tagcloud a { color:#424A59; text-decoration:none; line-height:1.8em;} .tagcloud a:hover {color:#F07241;} .sidebarbox #searchform { margin:15px 0;} .sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #f0f1f6; background:#fff; margin:3px 0; padding:6px 5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; border-radius:2px; float:left; color:#7A8394; } .sidebarbox input#searchinput:focus {border:1px solid #7A8394; } .sidebarbox input#searchsubmit {background:#383F4B; color:#fff; font-size:12px; text-transform:uppercase; width:80px; float:right; display:inline-block; padding:6px 0 7px 0; margin:3px 0; cursor:pointer; border:none !important; text-align:center; -webkit-appearance:none !important; border-radius:2px;} .sidebarbox input#searchsubmit:hover { background:#7A8394;} #sidebar table { width:100%; margin:15px 0; font-size:13px; padding:0; border:1px solid #E6E8ED; border-radius:2px; background: #ffffff; box-sizing:border-box;} #sidebar table td { border-bottom:1px solid #E6E8ED; border-top:1px solid #fff; border-right:1px solid #E6E8ED; border-left:1px solid #fff; padding:10px; margin:0;} #sidebar table td:last-child, #sidebar table th:last-child { border-right:none;} #sidebar table td:first-child { border-left:none;} #sidebar table th { border-bottom:1px solid #E6E8ED; border-right:1px solid #f0f0f0; padding:10px; font-size:1.3em; line-height:1.5em; font-weight:normal; text-shadow:#ddd 1px 1px; background: #F3F5FA; } #sidebar table tr:last-child td { border-bottom:none;} /* ========================= Sidebar CTA =========================*/ .sidebar-bocta-box {position:relative;} .sidebar-bocta-box img {width:100%; height:auto; border-radius:2px; } .sidebar-bocta-box h3 {font-size:17px; } .sidebar-bocta-box .has-image-headline { background:#F07241; opacity:.9; padding:5px 15px; position:absolute; bottom:25px; left:0; z-index:999; transition:all ease-in 300ms;} .sidebar-bocta-box:hover .has-image-headline { opacity:1; padding:5px 35px 5px 15px; } .sidebar-bocta-box .has-image-headline h3 {color:#fff; font-weight:700;} .sidebar-bocta-box a {background:none; border:none;} /* ========================= Calendar =========================*/ #calendar_wrap {margin:0; } #wp-calendar {empty-cells: show; margin:0; padding:0; font-size:14px; width:100%;} #wp-calendar #next a {text-align: right;} #wp-calendar #prev a {text-align: left;} #wp-calendar a {display: block; color:#F07241; text-decoration:underline; } #wp-calendar caption {display:none;} #wp-calendar th {padding: 3px 0; text-align: center; border:1px solid #E6E8ED; background-color: #f0f1f6; font-size:13px !important; } #wp-calendar td {padding:3px; text-align: center; border:1px solid #E6E8ED; } #wp-calendar .pad:hover { background-color: #F0f1f6; } .wp-calendar-nav {padding:0 5px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;font-size:14px; font-weight:500;} .wp-calendar-nav .pad {flex-basis:2;} .wp-calendar-nav a {color:#F07241; } /* =================== footer =================== */ ul.footer-menu { margin:0; padding:15px 0; text-align:center; } ul.footer-menu li { line-height:1.6em; list-style-type:square; padding-left:5px; display:inline-block;} ul.footer-menu li:after {content:"\ef0c"; font-family:"icofont"; font-size:5px; color:#fff; margin-left:10px; margin-top:-3px;} ul.footer-menu li:last-child:after {content:"";} ul.footer-menu li a { text-decoration:none; color:#f2f2f2;} .bottomline { margin:0; font-size:.75em; text-align:center; padding:15px 0; border-top: 1px dotted rgba(255,255,255,.6) } /* ========================= profilebox ========================= */ #sidebar .profilebox {border:1px solid #F0F1F6; padding:10px 10px 10px 15px;} #sidebar .profilebox ul { margin:0; padding:0; list-style:none !important; } #sidebar .profilebox ul li {font-size:15px; line-height:1.6em; border-bottom:none; border-top:none; padding:0; list-style-position: outside; text-indent: 0; list-style:none !important;} #sidebar .profilebox ul li:before {content: ''; float:none; margin-right:0; display:none; } #sidebar .profilebox ul li.secaddr {margin-bottom:10px;} #sidebar .profilebox ul li a {color:#424A59; display:inline-block;} /* ========================= timeline ========================= */ .botimeline li {list-style:none !important; margin:0;} .botimeline {margin:50px 0 0 0;padding: 0;list-style: none;position: relative;} .botimeline li:before { content:''; position: absolute;bottom:0; height: 100%; width:2px; background: #7A8394; left:180px; margin-left:0;} .botimeline li:nth-child(1):before {top:15%;height:130px;} .botimeline li:last-child:before {top:0;height:30px;} .botimeline > li {position: relative;} .botimeline li:nth-child(2) {margin-top:30px;} .botimeline > li .tmtime { display: block; position: relative; font-weight:700; width:148px ;text-align:right;padding:0 32px 0 0; } .botimeline > li .tmtime span {font-size: 16px;} .botimeline > li .tmtime span:first-child {font-size: 16px;} .botimeline > li .tmlabel {margin: 0 0 0 220px; padding: 1.2em 2em 1em 0; text-align: left;position: relative;top: -46px;} .botimeline li:nth-child(1) {color:#7A8394; padding: 1em 2em 2em 0;text-align: left; position: relative;} .botimeline > li .tmlabel p {text-align: left;} .botimeline > li:last-child {margin-bottom: 40px;} .botimeline > li .tmlabel h4 { margin:0; padding: 0;font-size: 16px;text-align: left;font-weight: 700; text-transform: none;letter-spacing: 0;} .botimeline > li .tmlabel p {font-size: 15px; line-height:23px;} .botimeline > li:nth-child(odd) .tmlabel:after {border-right-color: #7A8394;} .botimeline > li .tmicon {width:40px;height:40px;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;font-size:16px;line-height:40px; -webkit-font-smoothing: antialiased; position: absolute; color: #FFFFFF; background:#7A8394; border-radius: 50%; text-align: center;left:180px;top:-5px; margin:0 0 0 -19px;} .botimeline > li .tmicon:nth-child(1) {width: 60px;height:60px;font-size:36px; line-height:60px; -webkit-font-smoothing: antialiased;position: absolute;color: #FFFFFF;background: #7A8394;border-radius: 50%;text-align: center;left:180px;top:0; margin: 0 0 0 -29px;} .botimeline > li .tmicon:nth-child(1) i {margin:0; padding:0;line-height: 1em;} /* ========================= animated ========================= */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .bo-block-cta-wrapper.animated {animation-duration:1500ms;} .bo-block-cta-overlay.animated {animation-duration:1500ms;} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to {opacity: 1; -webkit-transform: none; transform: none; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;} .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} /* ========================= atomic blocks ========================= */ .ab-block-container { margin-bottom:0;} .ab-block-profile .ab-social-links li i{font-size:18px;background:#0393e3;color:#fff;padding:10px;border-radius:100px;height:18px;width:18px;text-align:center} .ab-block-profile {background: #383F4B; color: #F0F1F6; margin: 0 auto; padding: 2%; border-radius: 3px;margin-bottom: 1.2em;display: flex;flex-flow: row wrap; justify-content: space-around; width:96%; } .ab-profile-text { margin-top:-10px !important;} .ab-profile-title {margin:0 !important; padding:0; } .ab-profile-text p {margin:0 !important; padding:0; } .ab-social-links li {font-size:0 !important;} .ab-block-post-grid-image img {width:100%; height:auto;} .ab-block-post-grid-header h4.ab-block-post-grid-title {font-size:20px; } .ab-block-post-grid-header h3.ab-block-post-grid-title {font-size:21px; } .ab-block-post-grid-header h2.ab-block-post-grid-title {font-size:22px; } .ab-block-post-grid-text .ab-block-post-grid-excerpt p {font-size:16px ;} .ab-block-post-grid-excerpt p:nth-child(2) {margin-top:0; padding:0;} a.ab-block-post-grid-link.ab-text-link {color:#F07241; } .wp-block-atomic-blocks-ab-cta {padding-top:80px; padding-bottom:80px;} .ab-cta-button {margin-top:25px;} .ab-block-accordion .ab-accordion-title {background-color:#f0f1f6; cursor:pointer;} .ab-accordion-text p {font-size:16px !important;} .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} /* ========================= atomic blocks ========================= */ .gb-block-container { margin-bottom:0;} .gb-block-profile .gb-social-links li i{font-size:18px;background:#0393e3;color:#fff;padding:10px;border-radius:100px;height:18px;width:18px;text-align:center} .gb-block-profile {background: #383F4B; color: #F0F1F6; margin: 0 auto; padding: 2%; border-radius: 3px;margin-bottom: 1.2em;display: flex;flex-flow: row wrap; justify-content: space-around; width:96%; } .gb-profile-text { margin-top:-10px !important;} .gb-profile-title {margin:0 !important; padding:0; } .gb-profile-text p {margin:0 !important; padding:0; } .gb-social-links li {font-size:0 !important;} .gb-block-post-grid-image img {width:100%; height:auto;} .gb-block-post-grid-header h4.gb-block-post-grid-title {font-size:20px; } .gb-block-post-grid-header h3.gb-block-post-grid-title {font-size:21px; } .gb-block-post-grid-header h2.gb-block-post-grid-title {font-size:22px; } .gb-block-post-grid-text .gb-block-post-grid-excerpt p {font-size:16px ;} .gb-block-post-grid-excerpt p:nth-child(2) {margin-top:0; padding:0;} a.gb-block-post-grid-link.gb-text-link {color:#F07241; } .wp-block-genesis-blocks-gb-cta {padding-top:80px; padding-bottom:80px;} .gb-cta-button {margin-top:25px;} .gb-block-accordion .gb-accordion-title {background-color:#f0f1f6; cursor:pointer;} .gb-accordion-text p {font-size:16px !important;} .gb-block-container.aligncenter {margin-left:-20px; margin-right:-20px; width:calc(100% + 40px); max-width: 1400px;} /* =========================== responsive ===================== */ @media screen and (max-width: 896px) { .mobile-only {display:block !important;} .desktop-only {display:none !important;} } @media screen and (max-width: 1360px) { .wp-block-columns.has-4-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-4-columns .wp-block-column:first-child {margin-left:0;} .wp-block-columns.has-4-columns .wp-block-column:last-child {margin-right:0;} .wp-block-columns.has-4-columns.nomargin .wp-block-column {margin-left:1px;margin-right:1px;} .wp-block-columns.has-4-columns.nomargin .wp-block-column:first-child {margin-left:0 !important;} .wp-block-columns.has-4-columns.nomargin .wp-block-column:last-child {margin-right:0 !important;} } @media (min-width: 896px) {.wp-block-columns {flex-wrap: nowrap; } } @media (min-width: 768px) {.wp-block-columns {flex-wrap: nowrap; } } @media (min-width: 600px) { .wp-block-columns {justify-content:flex-start;} .wp-block-column {flex-basis: calc(50% - 20px);flex-grow:0; } } @media (min-width: 600px) { .wp-block-column:nth-child(odd) {margin-right: 15px; } .wp-block-column:nth-child(even) {margin-left: 15px; } .wp-block-column:not(:first-child) {margin-left: 22px; } .wp-block-column:not(:last-child) {margin-right: 15px; } } @media screen and (max-width: 1400px) { .ab-block-container.aligncenter {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;width:calc(100vw - 40px);max-width:100vw;} .gb-block-container.aligncenter {margin-left:-20px; margin-right:-20px; padding-left:20px; padding-right:20px;width:calc(100vw - 40px);max-width:100vw;} } @media screen and (max-width: 1200px) { .wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw; max-width:1200px; } #topmenu ul li a {padding-left:8px;padding-right:8px;letter-spacing:0;} .bic {margin: -10px 15px 0 10px; font-size:40px;} .icon-button-row1 {font-size:14px;} .icon-button-row2 {font-size:16px;} .wp-block-columns.has-4-columns .bic {margin: -10px 15px 0 5px; font-size:36px;} .wp-block-columns.has-4-columns .icon-button-row1 {font-size:14px;} .wp-block-columns.has-4-columns .icon-button-row2 {font-size:15px;} .plb h2 {font-size:16px;} .plb h3 {font-size:15px; } .plb p { font-size:14px; } .portfolio-box {padding:10px; width:calc(100% - 22px); } .portfolio-list-box {padding:10px; margin:15px; width:calc(33.3333% - 53px); } } @media screen and (max-width: 1024px) { h1 { font-size:27px;} h2 { font-size:25px;} h3 { font-size:22px;} h4 { font-size:18px;} h5 { font-size:17px; } .slb h2 {font-size:15px; } .slb h3 {font-size:15px; } .slb p { font-size:14px; } h2.ab-profile-name {font-size:22px !important;} .ab-profile-text p {font-size:15px !important;} h2.gb-profile-name {font-size:22px !important;} .gb-profile-text p {font-size:15px !important;} #topmenu ul li a {font-size:12px;} .sc-button a {padding:10px 15px;font-size:14px; text-transform:uppercase; letter-spacing:.5px; margin:0;font-weight:500;} .separator-headline p { padding:5px 45px; } .wp-block-columns.has-4-columns {justify-content:flex-start;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(25% - 15px);} .wp-block-columns.has-4-columns .wp-block-column:first-child {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:last-child {margin-right: 0; } .wp-block-columns { display: flex; justify-content:flex-start; } .wp-block-columns.has-3-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:33.3333%;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left: 0; } .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right: 0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right: 0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:20px;margin-right:20px;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(50% - 40px);} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-column .wp-block-columns.has-2-columns {flex-wrap:wrap;} .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%; margin-right:0; margin-left:0;} .portfoliodata .col-ohc {width:100%; float:none; margin:0;} .service-list-box { padding:10px; width:calc(33.3333% - 43px); margin:15px 10px; } .service-box {padding:10px; width:calc(100% - 22px); } .team-section { margin:0; } .team-list-box {width:calc(25% - 43px); margin:15px 10px; } .mobilespacer {max-height:10px !important; } .blogloop-box {margin:0 0 25px 0; padding:10px 10px 0 10px; } .bic {margin: -10px 15px 0 5px; font-size:36px;} .icon-button-row1 {font-size:14px;} .icon-button-row2 {font-size:15px;} .sidebarbox { padding:5px 0 20px 5px; } #sidebar .widgettitle { margin:0 -20px 10px 0; } .footer-box .footerboxtitle { font-size:1.05em;} .cta-inner #map-canvas {margin:0 0px; padding:0;} } /* ======================= eof 1024 */ @media screen and (max-width: 896px) { .bo-block-header-section, .color-separator, .ab-block-container,.gb-block-container, .image-wrapper {margin-left: calc( -100vw / 2 + 100% / 2 ); margin-right : calc( -100vw / 2 + 100% / 2 ); max-width : 100vw;} .image-wrapper, .bo-block-header-section {padding:0; margin-top:0;} .main-header {padding-bottom:10px;position:relative;} .headercontact { max-width:876px; margin:0 auto; padding:10px 10px; position:relative; } p,article li { font-size:15px;} h1 { font-size:25px;} h2 { font-size:22px;} h3 { font-size:20px;} h4 { font-size:18px;} .bo-block-header-wrapper {position: absolute; top: 15%; padding:0 20px;} .bo-block-cta-heading .bo-block-cta-heading-mobile, .slogan-mobile {font-size:85% ;} .mobile-wrap-top { display:none;} .wp-block-columns.has-2-columns {flex-wrap: nowrap;} .wp-block-columns.has-2-columns .wp-block-column {margin-left:10px;margin-right:10px;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(50% - 20px);} .portfoliodata .col-ohc {padding:0 30px; width:calc(100% - 60px);} .wp-block-columns.has-4-columns {flex-wrap:wrap; justify-content:flex-start;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:25px;margin-right:0;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:calc(50% - 15px);} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-columns.has-4-columns.nomargin .wp-block-column {flex-basis:calc(50% - 2px);} .logo {z-index:99999;} #topmenu #head-mobile {display:block !important;padding:10px 0;font-weight:700; background:transparent; } #topmenu{ background:transparent; } #topmenu { position:absolute; top:80px; right:0; margin:0; text-align:left; padding:0; z-index:99999; width:85%; } #topmenu ul{ display:none; float:none; text-align:left; background:#fff; padding:15px 0 15px 15px; } #topmenu ul ul {position:relative;float:none;left:0;margin:0;padding:5px 0 15px 15px;border-radius:0; background:#F0F1F6; border:none; z-index:10001; visibility: visible; opacity:1; -webkit-transition:none; transition: none; } #topmenu ul ul ul{position:relative;float:none;left:0;margin:0;padding:0;border-radius:0; border:none; } #topmenu ul ul ul{top:auto; margin-top:0;} #topmenu ul li {width:100%; float:none;height:auto !important;} #topmenu ul li a {padding:15px 0; border-bottom:1px solid #F0F1F6;} #topmenu ul li:hover > a {color:#333; background:none;border-radius:0;} #topmenu ul ul li a {padding:15px 0; margin:0; border-bottom:none; } #topmenu li > ul > li{height:auto !important; } #topmenu ul ul li{height:auto; } #topmenu li:hover > ul > li{height:auto; } #topmenu ul ul li a { height:auto; line-height:1;border:none;} #topmenu ul ul li > a {background:transparent; border-radius: 0;} #topmenu li:hover > ul{left:0; width:auto;} #topmenu ul li ul li:hover > ul{left:0; width:auto;} #topmenu ul li:hover a {background:none !important;} #topmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:41px;width:46px;cursor:pointer} #topmenu .submenu-button.submenu-opened{} #topmenu ul ul .submenu-button{height:30px;width:50px} #topmenu .submenu-button:after{position:absolute;top:10px;right:25px;width:20px;height:20px;display:block;color:#7A8394;content:'\eab2';font-family:"icofont";font-size:18px;} #topmenu > ul > li.has-sub > a:after, #topmenu ul ul li.has-sub > a:after{display:none;} .mobilebutton{ width:60px;height:48px; position:absolute;right:0;top:-65px;cursor:pointer;z-index: 12399994; margin-bottom:2px; } .mobilebutton:after{position:absolute;top:24px;right:20px;display:block;height:6px;width:30px;border-top:5px solid #383F4B;border-bottom:5px solid #383F4B;content:''} .mobilebutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:5px;width:30px;background:#383F4B;content:''} .mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:5px;width:25px;background:#383F4B;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .mobilebutton.menu-opened:before{top:23px;background:#383F4B;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .fixednav {position:inherit !important; } .header-wrap.fixednav .top-header { display:block;} .service-box { padding:10px; width:calc(100% - 22px); margin:15px 0; } .service-list-box, .portfolio-list-box { padding:10px; width:calc(33.3333% - 32px); margin:15px 5px; } .blogloop-box {margin:0 0 25px 0; padding:15px 15px 0 15px; } .ab-block-profile .ab-social-links li i{font-size:16px;padding:10px;height:16px;width:16px;} .gb-block-profile .gb-social-links li i{font-size:16px;padding:10px;height:16px;width:16px;} .smicons span {width:28px; height:28px; margin:0 6px 5px 0; } .smicons span::before {font-size:16px; line-height:28px;} .smicons span.google::before {font-size:18px;} .separator-headline p { padding:5px 20px; } .cta-inner { padding:0 15px;} .col-ttc { width:100%; margin:1.5% 0;} .col-otc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc {margin-right:0 ; float:none ;} .col1-2, .col1-3, .col2-3 {width:100% !important; float:none; display:block;} .col1-4 {width:50%;} .col1-4 .inner, .col1-3 .inner, .col2-3 .inner {padding-bottom:25px; } .sc-button a {padding:10px 20px;font-size:13px;} #sidebar {margin:45px 25px 0 25px; padding:0;} #sidebar .widgettitle { margin:0 0 15px 0; font-size:15px; } #sidebar ul, #sidebar .profilebox ul li {font-size:17px;} #sidebar ul, #sidebar .profilebox ul {padding-left:10px;} } /* ======================= eof 896*/ @media screen and (max-width: 840px) { .bo-block-header-wrapper {position: absolute; top: 25px; padding:0 20px; } .bo-block-header-text {font-size:17px !important;} .bo-block-header-buttons {margin-top:30px;} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {font-size:13px} }/* ======================= eof 840*/ @media screen and (max-width: 800px) { .col-ohc {width:100%; float:none;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:100% !important; margin:3px 0; padding:0;} .wp-block-columns.has-2-columns {flex-wrap: wrap;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100% !important;} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left:0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right:0; } .wp-block-columns.has-6-columns .wp-block-column {flex-basis:33% !important; margin-left:1px;margin-right:1px;} .counterbox .counter-headline { font-size:17px;} .counterbox .counter-text { font-size:14px; line-height:1.6em;} .columns {margin:0; padding:30px 0;} .columns p {padding:5px 0;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1, .col1-2,.col1-3,.col1-4,.col3-4, .col2-3 {width:100%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0 ; float:none; padding:1px 0;} .inner { margin:0; padding:0; } .col1-4 .inner { margin:0; padding:0; } } /* ======================= eof 800*/ @media screen and (max-width: 680px) { .contactbox { float:none; width:100%; margin:0; padding:0; text-align:center;} .top-left { float:none; width:100%; margin:0; padding:0; text-align:center;} .bic {float:left; margin: -10px 30px 0 30px; font-size:46px; } .icon-button-row1 {font-size:15px;} .icon-button-row2 {font-size:18px;} ul.ab-social-links {text-align:center !important; margin:0 auto !important;} ul.gb-social-links {text-align:center !important; margin:0 auto !important;} .service-section { margin:0; } .service-list-box, .portfolio-list-box { padding:10px; width:calc(50% - 43px); margin:15px 10px; } .team-list-box {padding:10px; width:calc(50% - 43px); margin:15px 10px; } ul.profilelist li {font-size:14px; line-height:25px; } ul.profilelist li.profiletitle {font-size:17px; } ul.profilelist li.profilesubtitle {font-size:15px; margin-bottom:5px; padding-bottom:10px; } .bo-block-cta-button-1 {margin-right: 0;} }/* ======================= eof 680*/ @media screen and (max-width: 600px) { .openphone, .openmail { padding:0 10px 0 0; font-size:15px; } .openphone i, .openmail i {font-size:15px;} .team-section-box { width:calc(50% - 20px); } .col-full { width:100%; margin:0;} .col-otc { width:100%; margin:1.5% 0;} .col-ttfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-otfull { width:100%; margin:1.5% 0; display: block; float:none !important;} .col-ttc { width:100%; margin:1.5% 0;} .col-ofc { width:100%; margin:1.5% 0;} .col-ohc { width:100%; margin:1.5% 0;} .col-otc, .col-ttc, .col-ofc, .col-ohc {margin-right:none; display: block; float:none;} .columns {margin:0; padding:30px 0;} .columns p {padding:5px 0;} .columns .col1-3 img { max-width:97.5%; height:auto;} .col1-1, .col1-2,.col1-3,.col1-4,.col3-4, .col2-3 {width:100%;} .col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:10px 0 25px 0; float:none; padding:1px 0;} .inner { margin:0; padding:0; } .col1-4 .inner { margin:0; padding:0; } #sidebar {margin:45px 0 0 0;} #sidebar .widgettitle { margin:0 0 15px 0; } img.alignright, img.alignleft, figure.alignright, figure.alignleft {float:none !important; margin:10px auto !important; } .wp-block-image {margin-left:0;margin-right:0;} .topline-menu ul li {padding:0 10px 0 0; font-size:12px; font-weight:400;} .bo-block-cta-button-1, .bo-block-cta-button-2 { padding: 8px 10px; font-size: 13px; line-height:24px;} .wp-block-columns.has-4-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-4-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-4-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-4-columns .wp-block-column:nth-child(even) {margin-right: 0; } .wp-block-columns.has-4-columns.nomargin .wp-block-column {flex-basis:100%;} .portfoliodata .col-ohc {padding:0 10px; width:calc(100% - 20px);} .blogloop-post {display:flex;flex-direction: row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start; padding-bottom:5px;} .blogloop-img {margin: auto; width:100%; max-width:600px; } .blogloop-img img {width:100%; height:auto; display:block; border-radius:2px;} .blogloop-content {margin: auto; width:calc(100% ); padding:15px 0;} .wp-block-columns.has-2-columns .wp-block-column .wp-block-columns.has-2-columns .wp-block-column {flex-basis:calc(100% - 40px) !important;} } /* ======================= eof 600*/ @media screen and (max-width: 600px) { .topline .topline-left {display:none !important; background:#ccc; } .topline .topline-right { text-align:center;width:100%;flex-basis:100%; } .topline-right div {font-size:14px;display:inline-block;width:auto;margin-right:10px;} } @media screen and (max-width: 480px) { .footer-widgets { padding:15px 0 15px 10px;} .footer-box { width:100%; float:none; margin-right:0; padding-bottom:20px; } .fbsecond {margin-right:0 !important;} .tab-box ul.tabber { height:auto; position:relative;left:0;} .tab-box ul.tabber li a { padding:0 7px; font-size:12px;margin:0 1px 0 0;} .tab-box .panel { margin:5px 0 0 0; } .wp-block-cover.has-left-content.alignfull p.wp-block-cover-text {margin-left:0;} .wp-block-cover.has-right-content.alignfull p.wp-block-cover-text {margin-right:0;} #topmenu { width:85%; } .headercontact { padding:10px 0; } .openphone, .openmail { padding:0 10px 0 0; font-size:14px; } .openphone i, .openmail i {font-size:14px;} .wp-block-columns.has-3-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-3-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-3-columns .wp-block-column:first-child {margin-left: 0; } .wp-block-columns.has-3-columns .wp-block-column:last-child {margin-right: 0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 3) {margin-right:0; } .wp-block-columns.has-3-columns .wp-block-column:nth-child(3n + 1) {margin-left:0; } .wp-block-columns.has-2-columns .wp-block-column {margin-left:0;margin-right:0;} .wp-block-columns.has-2-columns .wp-block-column {flex-basis:100%;} .wp-block-columns.has-2-columns .wp-block-column:nth-child(odd) {margin-left: 0; } .wp-block-columns.has-2-columns .wp-block-column:nth-child(even) {margin-right:0; } .service-list-box, .portfolio-list-box { padding:15px; width:calc(100% - 33px); margin:15px 0; } .bic {float:left; margin: -10px 20px 0 10px; font-size:46px; } .icon-button-row1 {font-size:14px;} .icon-button-row2 {font-size:16px;} .team-section-box { width:calc(100% - 60px); padding:10px 30px; } .team-list-box {padding:15px; width:calc(100% - 33px); margin:15px 0 15px 0; } .botimeline li:before { left:140px; } .botimeline > li .tmlabel {margin: 0 0 0 180px; padding: 1.2em 5px 1em 0;} .botimeline > li .tmicon {left:140px;} .botimeline > li .tmtime { width:118px ;text-align:left;padding:0 22px 0 0; } .botimeline > li .tmicon:nth-child(1) {left:140px;} .pfcategory .masonry-item {width:calc(100% - 28px); } .offer-list-box {padding:10px; width:calc(100% - 43px);} .archive .offer-list-box {width:calc(100% - 43px); } .archive .service-list-box {width:calc(100% - 33px);margin:15px 0; } .profile-info {display:table; margin-bottom:25px;} .fixednav {position:relative !important;} .opensearch {display:none;} .topline-menu ul li {padding:0 10px 0 0; font-size:12px; font-weight:400;} .bo-block-header-wrapper {position: absolute; top: 15px; padding:0 20px; max-width:640px;} .bo-block-header-text {font-size:15px; line-height:1.5em;} .bo-block-header-buttons {margin-top:20px;} .bo-block-header-buttons a.bo-block-header-button-1,.bo-block-header-buttons a.bo-block-header-button-2 {font-size:14px;display:block; padding:12px; margin:2px -10px; width:calc(100% - 10px;} } /* ======================= eof 480*/ @media screen and (max-width: 420px) { .select-wrapper::before {content:""; } } @media screen and (max-width: 896px) { .topline {padding:10px; } .openphone, .openmail { padding:3px 0; display:block; font-size:15px; line-height:20px; } header.topheader {position:relative;} #topmenu #head-mobile {display:block !important;padding:10px 0;font-weight:700; background:transparent; } #topmenu{ background:transparent; } #topmenu { position:absolute; top:80px; width:85%; } .mobilebutton{ width:60px;height:48px; position:absolute;right:0;top:-65px;cursor:pointer;z-index: 12399994; margin-bottom:2px; } .wp-block-group.alignwide {width:calc(100% + 40px); margin:0 -20px; padding:0 20px;} .wp-block-columns.has-4-columns.nomargin {flex-wrap:wrap !important; justify-content:space-between; width:100%;} .wp-block-columns.has-4-columns.nomargin .wp-block-column {width:calc(50% - 20px) !important; flex-basis:calc(50% - 20px) !important} } @media screen and (max-width: 480px) { .wp-block-columns.has-4-columns.nomargin .wp-block-column {width:calc(100% - 20px) !important; flex-basis:calc(100% - 20px) !important} }