/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: Envato • Twitter • Facebook • Instagram
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/*----------------------------------------------*/
/*------------------- Global-------------------*/
body, p {
font-family: Oswald,Arial,sans-serif !important;
}
.page-border {
z-index: 1000;
}
a:hover, .current-menu-item > a {
color: black !important;
}
.wpb_text_column p a:after {
width: 103% !important;
height: 3px !important;
background-color: #00f0c0;
z-index: -1;
margin-left: -1%;
}
.wpb_text_column p a.link-hover:after {
height: 100% !important;
}
.site-description,
.back-button-placeholder {
flex: 1;
}
.site-description {
padding-right: 1px;
min-width: 120px;
}
.site-description h1{
color: #000;
margin: 0;
line-height: 1.5;
}
.logo-column {
flex: 1;
}
.logo-column .header-logo {
margin: 0 auto;
}
.menu-column {
flex: 1;
}
.toggle-bars__bar-lines {
width: 28px;
height: 18px;
}
.toggle-bars.menu-skin-main .toggle-bars__bar-line {
border-radius: 2px
}
.toggle-bars.menu-skin-main .toggle-bars__bar-line:last-child {
width: 65%;
}
.toggle-bars.menu-skin-main.exit .toggle-bars__bar-line:last-child {
width: 100%;
}
.full-width {
width: 100% !important;
}
.vc_btn3-container.vc_btn3-right {
width: 100%;
}
.vc_general.vc_btn3.back-button {
color: #000;
padding-left: 0;
background-color: transparent !important;
text-transform: uppercase;
}
.vc_general.vc_btn3.back-button:before {
content: "";
background: url("img/back.svg") no-repeat;
width: 30px;
height: 23px;
position: absolute;
top: 2px;
}
.vc_general.vc_btn3.vc_btn3-style-outline-custom:after {
content: "*";
overflow: hidden;
position: absolute;
left: 0;
bottom: 4px;
display: block;
width: 0;
height: 2px;
background-color: #000 !important;
transition: all .3s cubic-bezier(.175,.885,.32,1.075);
}
.vc_general.vc_btn3:hover::after {
width: 100%;
}
.vc_general.vc_btn3.vc_btn3-style-outline-custom .ajax-loader {
display: none;
}
.vc_general.vc_btn3.vc_btn3-style-outline-custom {
font-size: 24px;
padding: 12px !important;
border: none;
color: #333;
float: right !important;
margin-right: 35px;
}
.vc_general.vc_btn3.vc_btn3-style-outline-custom:hover {
color: #000;
}
.portfolio-title-holder .pt-filters {
margin: 0 auto;
}
.product-filter {
text-align: center;
}
.product-filter ul li a {
color: #333;
}
.product-filter ul li.active a {
color: black;
}
.product-filter ul li {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}
.standard-menu-container.menu-skin-main ul.menu > li > a {
color: #333;
padding: 0 10px;
}
.standard-menu-container div.menu>ul>li>a:after, .standard-menu-container ul.menu>li>a:after {
margin-bottom: -8px;
}
.standard-menu-container div.menu>ul>li>a:after, .standard-menu-container ul.menu>li>a:after, .product-filter ul li a:after {
height: 2px;
}
.standard-menu-container div.menu>ul>li+li, .standard-menu-container ul.menu>li+li {
margin-left: 10px;
}
/*----------------------------------------------*/
/*--------------------End Global----------------*/
/*----------------------------------------------*/
/*--------------------Start-Page----------------*/
.artists {
min-height: 50vh;
}
.artists .product-filter ul li {
display: inline;
}
.product-filter ul li a {
padding: 0 8px 18px;
}
.artists .product-filter ul li a:after {
margin-bottom: 10px
}
.artists .product-filter ul>li:nth-child(10):after {
content:"\A";
white-space:pre;
}
.artists .product-filter ul>li:nth-child(7) {
margin-left: 0;
}
.artists .product-filter ul>li:first-child {
margin-left: 10px !important;
}
/*
.artists .product-filter ul li:nth-child(6) { clear: left; }*/
/*----------------------------------------------*/
/*--------------------End Start-Page------------*/
/*----------------------------------------------*/
/*--------------------Artist-Page---------------*/
.artist-avatar {
margin-right: -35px;
z-index: 1;
}
.artist-info {
margin-top: -55px;
padding-right: 55px;
padding-left: 55px;
line-height: 26px;
}
.artist-avatar > .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
.artist-avatar > .vc_column-inner .wpb_single_image {
text-align: center;
margin-bottom: 0;
}
.artist-avatar > .vc_column-inner .wpb_single_image img {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.artist-info > .vc_column-inner {
padding-left: 85px !important;
padding-right: 70px !important;
padding-bottom: 15px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
background-color: #f0f0f0 !important;
}
.artist-info .lab-scroll-box:after {
display: block;
position: relative;
background-image: linear-gradient( to bottom, transparent 0%, white 100% );
background-image: -webkit-linear-gradient( rgba(240, 240, 240, 0), rgba(240, 240, 240, 1) );
margin-top: -35px;
height: 35px;
width: 100%;
content: '';
}
.artist-name .h1 {
font-size: 18px;
margin-bottom: 35px;
font-weight: 900;
}
.artist-details > .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.artist-details .text {
font-size: 18px;
font-weight: 400;
padding-bottom: 15px
}
.artist-details ul {
font-weight: 400;
margin-left: 0 !important;
padding-left: 0 !important;
list-style-type: none;
}
.artist-details li {
margin-left: 0 !important;
padding-left: 0 !important;
}
.artist-details li:before {
content: "•";
font-size: 18px;
line-height: 18px;
padding-right: 5px;
}
.artist-details .text:last-child {
padding-bottom: 0;
}
.artist-details .text .vc_acf-label {
font-size: 18px;
font-weight: 400;
display: block;
}
.artist-bio .wpb_wrapper .lab-scroll-box {
margin-bottom: 15px;
}
.artist-bio .wpb_wrapper .lab-scroll-box-content {
margin-bottom: 15px;
}
.artist-bio p {
font-size: 18px;
line-height: 1.5em;
font-weight: 300;
}
.artist-bio:after {
content: "";
position: absolute;
top: 0;
right: 0;
}
.artist-header {
padding-top: 70px !important;
padding-bottom: 105px;
}
.artist-header .bg-container {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
margin-left: 35px;
margin-right: 35px;
}
.artist-header .content-image .vc_column-inner {
min-height: 320px;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 25px;
}
.artist-header .img-2 {
z-index: 2 ;
}
.artist-header .img-2 .vc_column-inner {
}
.artist-header .img-3 .vc_column-inner {
margin-top: -20px;
margin-left: 0;
}
.artist-header .content-image .vc_column-inner .parallax-layer {
max-width: 100% !important;
}
.artist-header .content-image .parallax-layer.position-top-center,
.artist-header .content-image .parallax-layer.position-top-right,
.artist-header .content-image .parallax-layer.position-top-left {
top: -55px;
}
.artist-header .content-image .vc_column-inner .parallax-layer--media {
max-width: inherit !important;
max-height: 255px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.artist-header .content-text > .vc_column-inner {
padding-left: 10% !important;
padding-right: 10% !important;
margin-top: 5%;
margin-bottom: auto;
}
.artist-header .content-text p {
padding-left: 35px;
}
.artist-header .content-text h2 {
margin-bottom: 15px;
}
.artist-header .content-text .wpb_text_column {
margin-bottom: 15px;
}
.artist-header .artist-name {
margin-top: 9.5px;
margin-bottom: 0px;
font-size: 18px;
padding-bottom: 15px;
font-weight: 500;
}
.artist-header .artist-name .wpb_wrapper {
top: -85px;
}
.artist-header .artist-info {
margin-top: 0;
padding-right: 0px;
padding-left: 0px;
}
@media screen and (min-width: 768px) {
.artist-header .bg-container {
min-height: ;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 10px;
margin-top: -50px;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 6px;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 5px;
}
.artist-header .artist-name .h1 {
margin-left: 95px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.artist-header .bg-container {
min-height: inherit !important;
max-height: 320px;
}
.artist-header .content-image .vc_column-inner {
padding: 0 !important;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 15px !important;
margin-top: -40px !important;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 0 !important;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 15px !important;
}
.artist-info {
margin-top: 35px;
padding-right: 50px;
}
.artist-avatar > .vc_column-inner {
padding-left: 85px !important;
padding-right: 0 !important;
}
.artist-avatar > .vc_column-inner .wpb_single_image {
text-align: left;
}
}
@media screen and (min-width: 1200px) {
.artist-header .content-image .vc_column-inner {
padding: 0 !important;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 25px;
margin-top: -48px !important;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 0 !important;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 2px;
}
}
@media screen and (min-width: 1400px) {
.artist-header .content-image .vc_column-inner {
padding: 0 !important;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 30px;
margin-top: -48px !important;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 0 !important;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 4%;
}
}
@media screen and (min-width: 1600px) {
.artist-header .content-image .vc_column-inner {
padding: 0 !important;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 30px;
margin-top: -48px !important;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 0 !important;
}
.artist-header .img-3 .vc_column-inner {
margin-left: -2%;
}
}
@media screen and (max-width: 767px) {
.artist-header .bg-container {
min-height: ;
}
.artist-header .img-1 .vc_column-inner {
margin-left: 10px;
margin-top: -50px;
}
.artist-header .img-2 .vc_column-inner {
margin-left: 6px;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 5px;
}
.artist-info, .artist-info .artist-name, .artist-info .text {
text-align: center;
}
}
@media screen and (max-width: 414px) {
.artist-header .bg-container {
min-height: ;
}
.artist-header .img-1 .vc_column-inner {
margin-left: -30px;
margin-top: -45px;
}
.artist-header .img-2 .vc_column-inner {
margin-left: -22px;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 4px;
}
}
@media screen and (max-width: 375px) {
.artist-header .bg-container {
min-height: ;
}
.artist-header .img-1 .vc_column-inner {
margin-left: -37px;
margin-top: -42px;
}
.artist-header .img-2 .vc_column-inner {
margin-left: -25px;
}
.artist-header .img-3 .vc_column-inner {
margin-left: 4px;
}
}
/*----------------------------------------------*/
/*--------------------End Artist-Page-----------*/
/*----------------------------------------------*/
/*--------------------Portfolio Item------------*/
.portfolio-holder .item-box .photo a span {
overflow: visible;
z-index: -1 !important;
/* animation: photoout .25s ease-in-out;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards; */
}
/*
.portfolio-holder .item-box:hover .photo a span {
animation: photoin .35s 75ms ease-in-out;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
}
*/
.portfolio-holder.portfolio-type-1 .portfolio-item .info {
text-align: center !important;
background: #f0f0f0 !important;
padding: 10px;
margin: -25px 59px 0px !important;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
z-index: 0;
}
.portfolio-holder .item-box .photo img {
-webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.portfolio-holder .item-box:hover .photo img {
transform: scale(1.05);
/* transform: rotate(15deg); */
-webkit-transition: all 250ms cubic-bezier(0.645, 0.000, 0.785, 0.390);
-moz-transition: all 250ms cubic-bezier(0.645, 0.000, 0.785, 0.390);
-o-transition: all 250ms cubic-bezier(0.645, 0.000, 0.785, 0.390);
transition: all 250ms cubic-bezier(0.645, 0.000, 0.785, 0.390); /* easeInCubic */
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
/*
@keyframes photoin {
0% {
}
50% {
transform: rotate3d(1,0,0, 0deg) translate(0, 0px);
}
100% {
box-shadow: 0px 1px 20px rgba(0,0,0, .5);
z-index: -1;
}
}
@keyframes photoout {
0% {
z-index: -1;
box-shadow: 0px 1px 20px rgba(0,0,0, .5);
}
50% {
transform: rotate3d(1,0,0, 0deg) translate(0, 0px);
}
100% {
box-shadow: 0px 1px 20px rgba(0,0,0, 0.0);
}
}
*/
/*.
portfolio-holder .item-box .info {
animation: infoout .35s ease-in-out;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
}
.portfolio-holder .item-box:hover .info {
animation: infoin .5s ease-in-out;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
}
*/
/*
@keyframes infoin {
0% {
margin-top: -25px;
}
50% {
margin-top: -10px;
}
100% {
margin-top: -10px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
z-index: 0
}
}
@keyframes infoout {
0% {
margin-top: -10px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
z-index: 0
}
50% {
margin-top: -10px;
}
100% {
margin-top: -25px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
}
*/
.portfolio-holder .item-box .info h3 {
margin-top: 3px;
}
.artists .portfolio-holder .item-box .info h3 {
margin-top: 0px;
}
.portfolio-holder .item-box .info h3 a {
width: 100%;
}
.portfolio-holder .item-box .info .terms a {
display: initial;
color: #333;
}
.portfolio-holder .item-box .info .terms a[data-term$="-tool"] {
display: none;
}
.portfolio-holder .item-box .info .terms > a[data-term$="-skill"]:not(:first-child)::before {
content: "• ";
}
.portfolio-holder .item-box .info .terms > a[data-term$="-skill"]:first-child::before {
content: "" !important;
}
.work .vc-row-container {
z-index: 1;
}
.work .portfolio-holder .item-box .info .terms {
display: none;
}
.work .portfolio-holder.portfolio-type-1 .portfolio-item .info {
margin: -25px 55px 0px !important;
}
/*----------------------------------------------*/
/*--------------------End Portfolio Item--------*/
/*----------------------------------------------*/
/*--------------------Lightbox Modul------------*/
.lg-outer .lg-video-cont {
max-width: 75% !important;
}
/* FULLSCREEN VIDEO */
.lg-fullscreen-on .lg-video-cont {
max-width: 100% !important;
padding: 0 !important;
}
.single-portfolio-holder.portfolio-type-6 .section-title ul,
.lg-sub-html ul {
list-style: none;
padding: 10px;
}
.single-portfolio-holder.portfolio-type-6 .section-title li,
.lg-sub-html ul li {
display: inline;
padding-left: 10px;
}
.lg-sub-html ul li:first-child {
padding-left: 0px;
}
.lg-sub-html ul .director:before {
content: "director:";
padding-right: 5px;
}
.lg-sub-html ul .agency:before {
content: "agency:";
padding-right: 5px;
}
.lg-sub-html ul .production:before {
content: "production:";
padding-right: 5px;
}
.lg-sub-html ul .postproduction:before {
content: "postproduction:";
padding-right: 5px;
}
.lg-sub-html ul .custom:before {
content: "";
}
.lg-fullscreen.lg-icon {
float: left !important;
}
.single-portfolio-holder .lightbox-featured-image {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
/*----------------------------------------------*/
/*--------------------End Lightbox--------------*/
/*----------------------------------------------*/
/*--------------------Contact Modul-------------*/
.contact2 {
padding-top: 180px !important;
padding-bottom: 280px;
}
.contact2 .bg-container {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
background-color: #00f0c0;
margin-left: 35px;
margin-right: 35px;
}
.contact2 .info .vc_column-inner {
margin-top: 0 !important;
margin-bottom: 0px !important;
padding: 10%;
}
.contact2 .info .vc_column-inner .wpb_wrapper {
display: flex;
flex-flow: row wrap;
align-content: center;
height: 100%;
}
.contact2 .info .contact-data,
.contact2 .info .contact-data-header {
width: 100%;
margin-bottom: 0;
}
.contact2 .info h2 {
font-size: 32px;
width: 100%;
margin-bottom: 35px;
}
.contact2 .info h4 {
font-size: 20px;
width: 100%;
}
.contact2 .contact-form .vc_column-inner {
padding: 0 55px;
}
.contact2 .contact-form p {
margin: 0px 0px 15px 0px;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
width: 100% !important;
font-size: 20px;
background-color: #f0f0f0 !important;
border: 1px solid transparent !important;
padding: 15px 20px;
}
.wpcf7 input:not([type="submit"]) {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.wpcf7 input[type="submit"] {
border: none;
}
.wpcf7 .message-container {
background-color: #f0f0f0 !important;
padding-bottom: 55px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.wpcf7 .message-container p {
margin-bottom: 0 !important;
}
.wpcf7 form .wpcf7-response-output {
position: absolute;
bottom: -70px;
width: 100%;
margin: 2em 0 1em;
padding: 0.5em 1em;
border: none;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
background-color: #f0f0f0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: transparent;
color: #dc3232;
}
.wpcf7-not-valid-tip {
display: none;
}
.contact-form textarea {
background-image: none !important;
resize: none;
}
div.wpcf7 .ajax-loader {
margin: 25px 0 0 20px;
float: left;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #00f0c0;
}
::placeholder {
color: #000;
opacity: 1;
}
::-ms-input-placeholder {
color: #000;
}
:-ms-input-placeholder {
color: #000;
}
@media screen and (min-width: 992px) {
.contact2 .bg-container {
max-height: 320px !important;
}
.contact2 .info h2 {
text-align: left !important;
}
.contact2 .info h4 {
text-align: left !important;
padding-left: 35px !important;
}
.contact2 .info .vc_column-inner {
margin-left: 55px;
padding-top: 0 !important;
padding-bottom: 15% !important;
}
}
@media screen and (min-width: 768px) {
.contact .info .vc_column-inner {
padding-right: 20% !important;
margin-right: -35px;
margin-left: 85px;
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.contact .contact-form .vc_column-inner {
padding: 0 !important;
margin-left: -35px;
margin-right: 85px;
margin-top: 0;
}
.contact2 .bg-container {
max-height: 640px;
}
.contact2 .info h2 {
text-align: center;
}
.contact2 .info h4 {
text-align: center;
padding-left: 0;
}
}
@media (max-width: 480px) {
.contact2 .bg-container {
margin-left: 0;
margin-right: 0;
}
}
/*----------------------------------------------*/
/*--------------------End Contact Modul---------*/
/*----------------------------------------------*/
/*------------------- My story Modul -----------*/
.my-story {
padding-top: 105px !important;
padding-bottom: 280px;
}
.my-story .bg-container {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
margin-left: 35px;
margin-right: 35px;
}
.my-story .content-image .vc_column-inner {
padding: 0 !important;
min-height: 320px;
}
.my-story .img-1 .vc_column-inner {
margin-top: 5px;
}
.my-story .img-2 .vc_column-inner {
margin-top: 30px;
}
.my-story .img-3 .vc_column-inner {
margin-top: 12px;
margin-left: -10%;
}
.my-story .content-image .vc_column-inner .parallax-layer {
max-width: 100% !important;
}
.my-story .content-image .parallax-layer.position-top-center,
.my-story .content-image .parallax-layer.position-top-right,
.my-story .content-image .parallax-layer.position-top-left {
top: -55px;
}
.my-story .content-image .vc_column-inner .parallax-layer--media {
max-width: inherit !important;
max-height: 380px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.my-story .content-text .vc_column-inner {
padding: 10% 10% !important;
}
.my-story .content-text p {
padding-left: 35px;
}
.my-story .content-text h2 {
margin-bottom: 15px;
}
.my-story .content-text .wpb_text_column {
margin-bottom: 15px;
}
@media screen and (min-width: 992px) {
.my-story .bg-container {
min-height: inherit !important;
max-height: 320px;
}
}
@media screen and (min-width: 768px) {
.my-story .bg-container {
min-height: 768px;
}
.my-story .img-2 .vc_column-inner {
margin-left: -30%;
z-index: 2 !important;
}
}
@media (max-width: 480px) {
.my-story .bg-container {
margin-left: 0;
margin-right: 0;
}
}
/*----------------------------------------------*/
/*------------------- Team Modul -----------*/
.team {
padding-top: 105px !important;
padding-bottom: 280px;
}
.team .bg-container {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
margin-left: 35px;
margin-right: 35px;
}
.team .team-member {
margin-top: 105px;
margin-bottom: 280px;
}
.team .content-image .vc_column-inner {
padding: 0 !important;
min-height: 360px;
}
.team .img-doro-1 .vc_column-inner {
margin-top: 5px;
margin-left: 25px
}
.team .img-doro-2 .vc_column-inner {
margin-top: 30px;
z-index: 2 !important;
}
.team .img-doro-3 .vc_column-inner {
margin-top: 12px;
margin-left: -42px;
}
.team .img-caro-1 .vc_column-inner {
margin-top: 5px;
margin-left: -2px;
}
.team .img-caro-2 .vc_column-inner {
margin-top: 30px;
z-index: 2 !important;
}
.team .img-caro-3 .vc_column-inner {
margin-top: 12px;
margin-left: -90px;
}
.team .img-cindy-1 .vc_column-inner {
margin-top: 5px;
margin-left: 55px;
}
.team .img-cindy-2 .vc_column-inner {
margin-top: 30px;
z-index: 2 !important;
}
.team .img-cindy-3 .vc_column-inner {
margin-top: 12px;
margin-left: -41px;
}
.team .content-image .vc_column-inner .parallax-layer {
max-width: 100% !important;
}
.team .content-image .parallax-layer.position-top-center,
.team .content-image .parallax-layer.position-top-right,
.team .content-image .parallax-layer.position-top-left {
top: -55px;
}
.team .content-image .vc_column-inner .parallax-layer--media {
max-width: inherit !important;
max-height: 440px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
}
.team .content-text .vc_column-inner {
padding: 10% 10% !important;
}
.team .content-text .wpb_text_column p a:after {
background-color: black;
width: 0% !important;
height: 1px !important;
margin-left: 0 !important;
}
.team .content-text .wpb_text_column p a.link-hover:after {
width: 100% !important;
}
.team .content-text {
max-width: auto;
margin-left: auto;
margin-right: auto;
}
.team .content-text .wpb_wrapper {
margin: auto;
width: auto;
}
.team .content-text p {
font-size: 20px;
line-height: 1.6;
padding-left: 15px;
padding-right: 25px;
}
.team .content-text h2 {
margin-bottom: 35px;
}
.team .content-text .wpb_text_column {
margin-bottom: 0;
}
.team .flex-new-order-1 {
order: 5;
}
@media screen and (min-width: 768px) {
.team .bg-container {
min-height: 768px;
}
.team .content-text p {
padding-left: 35px;
padding-right: 70px;
margin-right: 70px
}
.team .img-doro-1 .vc_column-inner {
margin-left: -5px;
}
.team .img-doro-2 .vc_column-inner {
margin-left: -64px;
}
.team .img-doro-3 .vc_column-inner {
margin-left: -72px;
}
.team .img-caro-1 .vc_column-inner {
margin-left: 28px;
}
.team .img-caro-2 .vc_column-inner {
margin-left: -52px;
}
.team .img-caro-3 .vc_column-inner {
margin-left: -60px;
}
.team .img-cindy-1 .vc_column-inner {
margin-left: 25px;
}
.team .img-cindy-2 .vc_column-inner {
margin-left: -61px;
}
.team .img-cindy-3 .vc_column-inner {
margin-left: -71px;
}
}
@media screen and (min-width: 992px) {
.team .bg-container {
min-height: inherit !important;
max-height: 420px;
}
.team .img-doro-1 .vc_column-inner {
margin-left: 25px;
}
.team .img-doro-2 .vc_column-inner {
margin-left: -34px;
}
.team .img-doro-3 .vc_column-inner {
margin-left: -42px;
}
.team .img-caro-1 .vc_column-inner {
margin-left: -2px;
}
.team .img-caro-2 .vc_column-inner {
margin-left: -82px;
}
.team .img-caro-3 .vc_column-inner {
margin-left: -90px;
}
.team .img-cindy-1 .vc_column-inner {
margin-left: 55px;
}
.team .img-cindy-2 .vc_column-inner {
margin-left: -31px;
}
.team .img-cindy-3 .vc_column-inner {
margin-left: -41px;
}
.team .flex-new-order-1 {
order: 1;
}
.team .flex-new-order-2 {
order: 2;
}
.team .flex-new-order-3 {
order: 3;
}
.team .flex-new-order-4 {
order: 4;
}
}
@media (max-width: 480px) {
.team .bg-container {
margin-left: 0;
margin-right: 0;
}
}
/*----------------------------------------------*/
/*------------------- End My story Modul -------*/
/*----------------------------------------------*/
/*------------------- Instagram Modul ----------*/
.home-instagram {
padding-top: 105px !important;
padding-bottom: 350px;
}
.home-instagram .bg-container {
min-height: 320px;
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
background-color: #ff0033;
margin-left: 35px;
margin-right: 35px;
}
.home-instagram .vc_column-inner .parallax-layer {
max-width: 100% !important;
top: -50px;
}
#sb_instagram {
width: 1140px !important;
}
#sb_instagram.sbi_fixed_height {
overflow: hidden;
}
#sb_instagram .sbi_photo_wrap {
overflow: visible !important;
}
#sb_instagram .sbi_link {
background: none !important;
}
#sb_instagram .sbi_info {
background: #f0f0f0;
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
color: #333;
padding: 15px;
}
#sb_instagram .sbi_photo {
background: #f0f0f0;
margin-bottom: -1px;
/* background-size: 136% !important; */
opacity: 1 !important;
height: 100% !important;
padding-bottom: 73% !important;
box-shadow: 0px 1px 20px rgba(0,0,0,.11);
}
#sb_instagram .sbi_photo:after {
width: 0 !important;
height: 0px !important;
}
@media (max-width: 480px) {
.home-instagram .bg-container {
margin-left: 0;
margin-right: 0;
}
}
/*----------------------------------------------*/
/*------------------- End Instagram Modul ------*/
/*----------------------------------------------*/
/*------------------- Footer -------------------*/
.footer-bottom {
display: none;
}
.site-footer {
box-shadow: 0px 1px 110px rgba(0,0,0, 0.11);
z-index: 1000;
}
.site-footer .footer-widgets {
margin-top: 105px;
text-align: center;
}
.site-footer .footer-widgets .header-logo.logo-image {
margin: 0 auto;
}
.site-footer .widget li {
padding: 0 !important;
margin: 0 0 9.5px;
}
.widget-area .widget a, .widget-area .widget li a, .widget ul ul a:before {
color: #333;
}
/*----------------------------------------------*/
/*------------------- End Footer ---------------*/
/*----------------------------------------------*/
/*------------------- Cookie Law ---------------*/
.cc-window.cc-floating {
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
padding: 1em !important;
}
.cc-check svg {
stroke-width: 1.5px !important;
margin-bottom: -1px;
}
.cc-revoke.cc-bottom {
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
background-color: #00f0c0 !important;
color: #333 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
padding: .5em .8em;
}
#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all {
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
-webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#cc-window.cc-window .cc-compliance .cc-btn.cc-dismiss:hover,
.cc-btn:hover {
background-color: #04eeb8 !important;
}
#cc-window.cc-window .cmplz-slider-checkbox .cmplz-slider.cmplz-round, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-slider-checkbox .cmplz-slider.cmplz-round {
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
background-color: #00f0c0 !important;
border-color: #00f0c0 !important;
text-decoration: none !important;
}
#cmplz-document {
margin: 70px auto;
text-align: justify;
}
#cmplz-document h2, #cmplz-document h3 {
font-size: 22px;
text-align: left;
margin-top: 15px;
text-transform: initial;
padding-bottom: 10px;
border-bottom: 1px solid #c6c6c6;
margin-bottom: 10px;
}
#cmplz-document table {
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
border-spacing: 20px;
border-collapse: separate;
}
#cmplz-document table td {
text-align: left;
width: 33.33%;
word-break: break-word;
vertical-align: top;
}
#cmplz-document button.cc-revoke-custom {
padding: .4em .8em;
font-size: .9em !important;
font-weight: 500 !important;
text-align: center;
white-space: nowrap;
border-width: 2px;
border-color: #f0f0f0;
border-style: solid;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
font: inherit;
color: inherit;
display: block;
box-shadow: 0px 1px 20px rgba(0, 0, 0, .11);
-webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
-o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#cmplz-document button.cc-revoke-custom:hover {
background-color: #00f0c0 !important;
border-color: #00f0c0;
}
#cmplz-document .cmplz-status-accepted, #cmplz-document .cmplz-status-denied {
display: none;
}
/*----------------------------------------------*/
/*------------------- End Cookie Law -----------*/
@media (min-width: 1441px) {
.container, .content-area {
width: 1400px;
}
#sb_instagram {
min-width: 1270px !important;
}
}
@media (min-width: 1200px) and (max-width: 1440px) {
.container, .content-area {
width: 1200px;
}
#sb_instagram {
min-width: 1070px !important;
}
/*
.lg-outer .lg-video-cont {
max-width: 77% !important;
}
*/
.lg-sub-html h4 {
font-size: 16px !important;
}
}
@media (max-width: 1440px) {
#sb_instagram {
max-width: 1070px !important;
}
}
@media (max-width: 1199px) {
#sb_instagram {
max-width: 840px !important;
}
}
@media (max-width: 991px) {
#sb_instagram {
max-width: 620px !important;
}
}
@media (min-width: 992px) {
.site-footer .footer-widgets {
margin-left: 70px;
margin-right: 70px;
}
.site-footer .footer-widgets #custom_html-4 {
width: 25% !important;
}
.product-filter ul li {
margin-left: 10px;
margin-bottom: 10px;
}
.product-filter ul li a {
padding: 0 10px 18px;
}
}
@media (min-width: 768px) {
.widget-area.widgets--columned-layout {
display: flex;
flex-direction: row;
justify-content: space-around;
}
.widget-area.widgets--columned-layout .widget {
width: fit-content !important;
}
.site-footer .footer-widgets {
text-align: left;
}
.site-footer .footer-widgets .header-logo.logo-image {
margin: 0;
}
}
@media (max-width: 540px) {
.logo-column a {
display: contents !important;
}
.site-description h1 {
font-size: 12px !important;
}
}