/*---------------------------------------------------------------------------------

 Theme Name:   Insane Brows
 Theme URI:    https://morzemozliwosci.pl
 Description:  Divi Child Theme
 Author:       Morze Możliwości
 Author URI:   https://morzemozliwosci.pl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* PRELOADER */ 
.preloader {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fefefe;
   z-index: 100000;
   height: 100%;
   width: 100%;
   overflow: hidden !important;
}
.preloader .status {
   width: 200px !important;
   height: 200px !important;
   position: absolute;
   left: 50%;
   top: 50%;
   /*background-image: url("../../uploads/2021/05/preloader-circle.svg");*/
   background-repeat: no-repeat;
   background-position: center;
   -webkit-background-size: cover;
   background-size: cover;
   margin: -100px 0 0 -100px;
}

#page-container {
    overflow-x:hidden !important;}


body {
    font-weight: 300;
}


.img-overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
     background-color: rgba(0,0,0,0.2);
}

span.subtitle-jost {
    font-family: 'Jost', sans-serif;
    font-size: 1em !important;
    letter-spacing: 4px;
    text-transform: uppercase;
}


::selection {
  color: #333333;
  background: #d9bd77;
    -webkit-text-fill-color: #333333;
}

@media all and (max-width: 767px) {
.et_pb_row {
    width: 90%;
}
	
span.subtitle-jost {
    font-family: 'Jost', sans-serif;
    font-size: 0.8em !important;
    letter-spacing: 3px;
    text-transform: uppercase;
}
	
.et_pb_newsletter {
    padding: 0px;
}

}

/*Fonts*/

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    h1 {
        font-size: 2em;
    }
    
    h2 {
        font-size: 1.8em !important;
    }
    
    h3 {
        font-size: 1.3em !important;
    }
	
	.cytat h3 {
        font-size: 2.3em !important;
    }
}

/*Testimonial Blurbs*/

.quote-blurb .et_pb_blurb_content .et_pb_main_blurb_image::before {
    content: "";
    width: 25%;
    height: 30px;
    display: block;
    background-color: #ffffff;
    position: absolute;
    right: -5px;
    top: 30px;
    z-index: -1;
}

/*TIMELINE*/

.ds-timeline .timeline-item {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
padding: 0 0 50px;
position: relative;
}

.ds-timeline .timeline-item:after {
content: '';
position: absolute;
width: 3px;
height: 100%;
visibility: visible;
top: 0;
left: 0;
margin-left: -1.5px;
/*background-color: #d9bd77;*/
background-image: url("https://demos.ahoyabundance.com/insanebrows/wp-content/uploads/2021/07/golden-foil-vertical.jpg");
background-size: cover;
    background-repeat: repeat-y;
    background-position: center;
}

.ds-timeline .timeline-item .col-date {
position: relative;
padding-left: 40px;
}

.ds-timeline .timeline-item .col-date:before {
content: '';
position: absolute;
left: -18px;
top: 50%;
/*background-color: #d9bd77;*/
background-image: url("https://demos.ahoyabundance.com/insanebrows/wp-content/uploads/2021/07/golden-foil-vertical.jpg");
    background-size: cover;
width: 26px;
height: 26px;
margin-top: -35px;
border: 5px solid #f4f4f4;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}

.ds-timeline .timeline-item .col-details {
padding-left: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px; 
}

.ds-timeline .tm-date {
font-size: 18px;
}

.ds-timeline .tm-date h4 {
font-weight: 600;
font-size: 23px;
margin: 8px 0;
}

.ds-timeline .tm-video .et_pb_video_play {
font-size: 50px;
line-height: 56px;
margin: -28px auto auto -28px;
}

.ds-timeline .tm-video .et_pb_video_play:before {
content: '\45';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
-ms-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
display: inline-block;
width: 56px;
height: 56px;
top: 50%;
left: 50%;
border: 2px solid #fff;
background-color: rgba(255, 255, 255, 0);
color: #fff;
text-align: center;
}

.ds-timeline .tm-video:hover .et_pb_video_play:before {
background: #d9bd77;
border-color: #d9bd77;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
}

.ds-timeline .tm-desc {
padding: 30px;
background-color: #fff;
}

.ds-timeline .tm-title {
border-bottom: 2px solid #f4f4f4;
border-left: 3px solid #d9bd77;
background-color: #fff;
padding: 15px 30px;
}

.ds-timeline .tm-title h3 {
padding: 0;
line-height: 1.1;
font-weight: 600;
}

.ds-timeline .tm-countdown {
background-color: transparent !important;
padding: 0;
margin-bottom: 10px !important;
}

.ds-timeline .tm-countdown .et_pb_countdown_timer_container {
text-align: left;
display: flex;
}

.ds-timeline .tm-countdown .section.values {
width: auto;
max-width: 95px;
flex-grow: 1;
background-color: #fff;
color: #d9bd77;
padding: 12px 8px;
border-top: 3px solid #d9bd77;
margin-right: 10px;
}

.ds-timeline .tm-countdown .section.values:last-child {
margin-right: 0;
}

.ds-timeline .tm-countdown .section.values .value {
font-weight: 800;
font-size: 27px !important;
line-height: 1 !important;
}

.ds-timeline .tm-countdown .section.values .label {
text-transform: uppercase;
}

.ds-timeline .tm-countdown .section.sep {
display: none;
}

@media (min-width: 980px) {
.ds-timeline .timeline-item:after {
left: 50% !important;
}

.ds-timeline .timeline-item:first-child:after {
height: 50%;
top: 50%;
}

.ds-timeline .timeline-item:last-child:after {
height: 50%;
}

.ds-timeline .timeline-item.even {
flex-direction: row-reverse;
}

.ds-timeline .timeline-item.even .col-details {
padding-right: 40px;
padding-left: 0 !important;
}

.ds-timeline .timeline-item.odd .col-date {
padding-right: 40px;
padding-left: 0 !important;
}

.ds-timeline .timeline-item.odd .col-date:before {
left: auto;
right: -18px;
}

.ds-timeline .timeline-item.odd .et_pb_button_module_wrapper {
    text-align: right;
}

.ds-timeline .timeline-item.odd .tm-date  {
text-align: right;
}

.ds-timeline .timeline-item.odd .tm-countdown .et_pb_countdown_timer_container {
justify-content: flex-end;
}
}

/*Accordion*/

.lwp-toggle-icon .et_pb_toggle .et_pb_toggle_title:before,.lwp-toggle-icon .et_pb_toggle .et_pb_toggle_title:before {
    content:'\37';
    top: -5px;
}
 
.lwp-toggle-icon .et_pb_toggle_open .et_pb_toggle_title:before{
     content:'\36';
        top: -5px;
}

.et_pb_toggle .et_pb_toggle_title {
    transition: all 100ms ease 0ms;
    -moz-transition: all 100ms ease 0ms;
    -webkit-transition: all 100ms ease 0ms;
    -o-transition: all 100ms ease 0ms;
}
.et_pb_toggle .et_pb_toggle_title:hover {
    color: #333333;
}

/*MENU*/

#top-menu li li a {
    padding: 6px 20px;
    width: 300px;
}

.nav li ul {
    width: 340px;

}

.et_fullwidth_nav #main-header .container {
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,.05) !important;
}

/*CENNIK*/

/*.dsm_pricelist_0_tb_body .dsm_pricelist_child:not(:last-child)*/

.dsm_pricelist_child {
    padding-bottom: 2% !important;
    padding: 2%;
    transition: all 300ms ease-in;
}

.dsm_pricelist_child:hover {
    background-color: #f9f7f7;
}

/*Column Stacking order on mobile*/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}



/*3 columns */

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
.three-columns .et_pb_column {
width: 33%!important;
}
}

/*2 columns in footer on tablet only*/

@media all and (min-width: 768px) and (max-width: 980px) {
.col-half .et_pb_column#half {
width: 46%!important;
margin: 2%;
}
}

/*main hero image on mobile*/
@media all and (max-width: 980px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    margin: 0 auto;
    width: 100%;
    }
    }

/*Mobile Menu*/


@media only screen and (max-width: 980px) {    
    #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: rgba(10,10,10,0.85) !important;
}

.et_mobile_menu {
    width: 60vw;
    left: 170px;
}


.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, #top-menu a, .et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a, #et_search_icon:before, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 16px;
}
}

@media all and (max-width: 767px) {
    .et_mobile_menu {
    height: 85vh;
    width: 107vw;
    left: -42px;
}
}

/*iPad Pro*/

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input, .et-fixed-header .et_close_search_field:after, .et-fixed-header #et-top-navigation .et-cart-info {
        color: #ffffff !important;
    }
}

div.li-custom ul:not(.et_social_icons_container) li {
    padding-left: 14px;
    position: relative;
    list-style: none;
    margin-left: 15px;
    margin-bottom: 10px !important;
}

div.li-custom ul:not(.et_social_icons_container) li::before {
    font-family: 'ETmodules' !important;
    font-weight: 600;
    content: "\45" !important;
    border: none;
    left: -10px;
    position: absolute;
    top: 0px;
    font-size: 1.5em !important;
    color: #d9bd77 !important;
}

/*Cookies*/

/*#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    border-top: 1px solid #333 !important;
}*/

.cc-color-override--12725570.cc-window {
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%);
	left: 50%;
transform: translateX(-50%);
top: 30%;
}

#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all {
    transition: all 300ms ease-in;
}

#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all:hover {
    background-color: #333333 !important;
}

/* Mailer Lite Opt-in*/

#mlb2-4552768.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
	
    /*font-family: 'Jost',Helvetica,Arial,Lucida,sans-serif !important;
	    font-weight: 400 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 2px !important;
	
	background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-blend-mode: normal !important;
    background-image: url(https://insanebrows.pl/wp-content/uploads/2021/07/golden-foil.jpg) !important;*/
}


/*BLOG STYLING*/

.et_pb_post {
    transition: all 300ms ease-in !important;
}

.et_pb_post:hover {
    box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 15%);
}

.et_pb_post:hover h2.entry-title {
    transition: all 300ms ease-in !important;
}

.et_pb_post:hover h2.entry-title {
    color: #d9bd77;
    transition: all 300ms ease-in !important;
}

.et_pb_post:hover a.more-link {
    transition: all 300ms ease-in !important;
    
}

/*add an icon to the Divi blog read more button*/

.et_pb_post .more-link:after {
	content: "\39";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: -15px;
    opacity: 0;
    transition: all 200ms ease-in !important;
}

.et_pb_post:hover .more-link:after {
	content: "\39";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 5px;
    opacity: 1;
}

.et_pb_post .format-standard {
    padding-bottom: 30px;
}

/* Search box*/

.widget_search input#s, .widget_search input#searchsubmit, .et_pb_widget .wp-block-search__input, .et_pb_widget .wp-block-search__button {
    padding: 0.7em;
    height: 40px !important;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    border: 2px solid #d9bd77 !important;
    color: #333333;
}

.widget_search #searchsubmit, .et_pb_widget .wp-block-search__button {
    background-color: #d9bd77 !important;
    width: 70px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 200ms ease-in !important;
}

.widget_search #searchsubmit:hover, .et_pb_widget .wp-block-search__button:hover {
    background-color: #BDA66C !important;
}

h4.widgettitle {
    font-size: 28px;
    border-bottom: 2px solid #d9bd77;
    margin-bottom: 20px;
}

/*********************************
Social Sharing butons
*********************************/


.et_monarch .et_pb_section .et_social_inline_bottom::before {
    content: 'Podziel się tym postem z innymi!';
    font-family: "Playfair Display", serif;
    font-size: 1.2em;
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

.et_social_networks {
	text-align: center!important;
}
.et_monarch .et_social_top div, .et_monarch .et_social_top ul, .et_monarch .et_social_top li, .et_monarch .et_social_top span, .et_monarch .et_social_top a, .et_monarch .et_social_top .et_social_icons_container li {
	float: none!important;
	display: inline-block!important;
}

.et_monarch .et_social_5col li {
    width: 40px;
    
}

.et_monarch .et_pb_section .et_social_inline_top, .et_monarch .et_pb_section .et_social_inline_bottom {
    margin-top: 60px;
    
}

/*********************************
Clickable blog posts
*********************************/


/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}