/*
Theme Name: Botfrei @ SoSafe Child Theme
Theme URI: https://sosafe.de
Template: salient
Author: zipjo @ sosafe
Author URI: https://sosafe.de
Description: This is a custom child theme for Salient, to be used for botfrei.de, maintained by zipjo @ sosafe.de
Version: 1.0.1597926068
Updated: 2020-08-20 14:21:08

*/


/* css-variables */

* {
	--botfrei-colors__orange: #F14624;
}

/* page specific css*/

/* self-protect page / custom tab-icons */

.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li i.fa {
	height: 2em;
	width: 2em;
	margin: 2px auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li i.fa:before {
	content: '';
}

.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(1)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_phishing-spam.png");
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(2)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_ransomware.png");
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(3)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_spam.png");
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(4)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_online-banking.png");
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(5)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_secure-passwords.png");
}
.botfrei-custom_page_self-protect--tabs >
.wpb_wrapper.tabbed >
.wpb_tabs_nav >
li:nth-child(6)
i.fa {
	background-image: url("/wp-content/themes/salient-child/icons/guides_wifi-lock.png");
}

/* ransomware-page - layout */
.botfrei-custom_page_ransomware--heading,
.botfrei-custom_page_ransomware--cards,
.botfrei-custom_page_ransomware--heading > .vc_column-inner,
.botfrei-custom_page_ransomware--cards > .vc_column-inner {
	height: unset !important;
}
@media (min-width: 690px) and (max-width: 1599px){
	.botfrei-custom_page_ransomware--cards .vc_col-sm-3 {
		width: 50%;
	}
}

/* Custom Button */

.nectar-post-grid-wrap a.load-more {
	font-weight: 600;
	border: 2px solid rgba(0,0,0,0.75);
	-webkit-transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
	transition: opacity .45s cubic-bezier(0.25, 1, 0.33, 1), transform .45s cubic-bezier(0.25, 1, 0.33, 1), border-color .45s cubic-bezier(0.25, 1, 0.33, 1), color .45s cubic-bezier(0.25, 1, 0.33, 1), background-color .45s cubic-bezier(0.25, 1, 0.33, 1), box-shadow .45s cubic-bezier(0.25, 1, 0.33, 1);
}
.nectar-post-grid-wrap a.load-more:hover {
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}

/* custom nectar-fancy-box */

.botfrei-custom_page-home--fancybox .nectar-fancy-box .inner {
	align-self: flex-start;
	padding-top: 50px;
}
.botfrei-custom_page-home--fancybox .nectar-fancy-box .inner .hover-content {
  	color: var(--botfrei-colors__orange);
  }

.botfrei-custom_page-home--fancybox .nectar-fancy-box .box-bg:before,
.botfrei-custom_page-home--fancybox .nectar-fancy-box:before{
	background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.2) 100%) !important;
}
.botfrei-custom_page-home--fancybox .nectar-fancy-box.hovered:before {
	background: linear-gradient(to bottom,rgba(15,15,15,0),rgba(15,15,15,.12) 100%) !important;
}

/* customized flip-box */
.nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner {
	padding: 25px;
}
/* custom nectar-fancy-box */
.botfrei-custom_page-home--fancy-box__sosafe,
.botfrei-custom_page-home--fancy-box__eyeo,
.botfrei-custom_page-home--fancy-box__eco {
	cursor: pointer;
}

/* custom nectar masonry blog */

.botfrei-custom_page-home--blog_masonry.nectar-post-grid-wrap .nectar-post-grid-item-bg {
	height: 25vh !important;
}
.botfrei-custom_page-home--blog_masonry .nectar-post-grid[data-columns="4"][data-grid-spacing="25px"] .nectar-post-grid-item:nth-child(1) {
	width: calc(50% - 50px);
}

@media only screen and (max-width: 690px){
	body .botfrei-custom_page-home--blog_masonry .nectar-post-grid[data-columns][data-grid-spacing] .nectar-post-grid-item:nth-child(1) {
		width: 100%;
	}
}

/* customized footer */

#footer-outer #footer-widgets > .container > .row {
	display: flex;
	justify-content: center;
}
#footer-outer #footer-widgets > .container > .row > .col {
	display: grid;
	grid-auto-columns: 4fr 2fr 2fr 1fr 1fr 2fr;
	width: 95%;
	max-width: 1600px;
	grid-gap: 3vh 0;
	text-align: left;
    font-weight: 600;
}
#footer-outer #footer-widgets > .container > .row > .col * {
	padding: 0;
	margin: 0;
}

#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1n) a {
	background-image: unset;
}

#footer-outer #footer-widgets > .container > .row > .col .textwidget {
	justify-content: center;
	display: flex;
}
#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1) .textwidget {
	flex-direction: row;
	align-items: center;
}
#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1) .textwidget h4 {
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: .07rem;
}

#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) a {
	position: relative;
}
#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) a:after {
	-ms-transform-origin: 100% 0;
	-ms-transform: scaleX(0);
	-webkit-transform-origin: 100% 0;
	-webkit-transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	border-top: 2px solid  #f98962;
	bottom: -3px;
	content: '';
	display: block;
	left: 0;
	padding-bottom: inherit;
	position: absolute;
	transform-origin: 100% 0;
	transform: scaleX(0);
	transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
	width: 100%;
}
#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) a:hover:after {
	-ms-transform-origin: 0 0;
	-ms-transform: scaleX(1);
	-webkit-transform-origin: 0 0;
	-webkit-transform: scaleX(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
	transform: scaleX(1);
}
#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(4) h4 {
	width: 188px;
	margin: 0 auto;
}

#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(5) .clients > div {
	padding: 0 1%;
}


@media (min-width: 1400px) {
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1) {
		grid-area: 1 / 1 / span 1 / span 2;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(2) {
		grid-area: 1 / 3 / span 1 / span 1;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) {
		grid-area: 1 / 4 / span 1 / span 2;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(4) {
		grid-area: 1 / 6 / span 1 / span 1;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(5) {
		grid-area: 2 / 1 / span 1 / span 6;
		margin: 0 5%;
	}
}
@media (min-width: 940px) and (max-width: 1399px) {
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1) {
		grid-area: 1 / 1 / span 1 / span 6;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(2) {
		grid-area: 2 / 1 / span 1 / span 1;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) {
		grid-area: 2 / 2 / span 1 / span 2;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(4) {
		grid-area: 2 / 4 / span 1 / span 3;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(5) {
		grid-area: 3 / 1 / span 1 / span 6;
		margin: 0 5%;
	}
}
@media (max-width: 939px) {
	#footer-outer #footer-widgets > .container > .row > .col .textwidget {
		text-align: center;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(1) {
		grid-area: 1 / 1 / span 1 / span 6;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(2) {
		grid-area: 2 / 1 / span 1 / span 6;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(3) {
		grid-area: 3 / 1 / span 1 / span 6;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(4) {
		grid-area: 4 / 1 / span 1 / span 6;
	}
	#footer-outer #footer-widgets > .container > .row > .col > div:nth-child(5) {
		grid-area: 5 / 1 / span 1 / span 6;
		margin: 0 5%;
	}
}

@media (min-width: 691px) and (max-width: 999px) {
	#footer-outer #footer-widgets .clients[class*="col"].no-carousel > div {
		width: 33%;
	}
}
@media (max-width: 400px) {
	#footer-outer #footer-widgets .clients[class*="col"].no-carousel > div {
		width: 80%;
	}
}

/* Custom Header Link Animation */
#header-outer[data-lhe="animated_underline"] header#top nav >ul.sf-menu >li.sfHover >a:after {
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
#header-outer[data-lhe="animated_underline"] #top nav >ul.sf-menu >li:not([class*="button_"]) >a:after {
	-ms-transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

/* Hacky header Link fix */
#menu-item-297001 {
	display: none !important;
}

/* Disable Off-canvas Menu for big displays */
@media only screen and (min-width: 1000px) {
	.slide-out-widget-area-toggle {
		display: none !important;
	}
}

/* custom blog-image */
.wp-block-image {
  margin: 3% auto;
}
.wp-block-image img {
	box-shadow: 1px 1px 6px 1px rgba(0,0,0,.15);
}

#BorlabsCookieBox ._brlbs-refuse-btn a {
    background: none !important;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
    background: none !important;
    border: 1px solid #fff;
    color: #fff !important;
}
#BorlabsCookieBox ._brlbs-refuse-btn a:hover {
  border: 1px solid #00ea83;
  color: $terciaryColorAlt !important;
  background-color: #00ea83 !important;
}

#BorlabsCookieBox ._brlbs-paragraph._brlbs-text-description {
    display: none;
}

#BorlabsCookieBox ._brlbs-accept a {
    font-weight: bold;
    color: $terciaryColorAlt !important;
    background: linear-gradient(90deg, #00d37e 0%, #2bff9f 50%, #2bff9f 100%) !important;
    background-size: 200% 100% !important;
    transition: all 0.3s ease-in-out;
}
#BorlabsCookieBox ._brlbs-accept a:hover,
#BorlabsCookieBox ._brlbs-accept a:focus,
#BorlabsCookieBox ._brlbs-accept a:active {
  color: $terciaryColorAlt !important;
  background-position: 100% !important;
}

#BorlabsCookieBox ._brlbs-manage-btn a {
    background: none !important;
    padding: 0.25rem !important;
    color: #fff;
    font-size: 0.875rem;
    text-decoration: underline;
    font-weight: normal;
    transition: all 0.3s ease-in-out;

    &:hover {
        color: $terciaryColor !important;
        background: none !important;
    }
}

#BorlabsCookieBox ul,
#BorlabsCookieBox ._brlbs-legal {
    display: none !important;
}