/*
Theme Name: Abyoga
Theme URI: 
Author: ManlioMa
Author URI: https://manlioma.it/
Description: Kalium chils theme
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: manlioma
*/


/* HELPERS */

.fl{float: left;}
.fr{float: right;}
.no_display{display:none!important;}
.hidden{width: 0px;height: 0px;visibility: hidden;opacity: 0;overflow: hidden;}
.muto{line-height: 0px;margin: 0px;padding: 0px;text-indent: -999px;font-size: 0px;}
.clear{clear: both;}
a.active{border: none;outline:0;}
*:focus {
    outline: none!important;border: none!important;outline:0!important;outline-style: none!important;
}
.top40{margin-top: 40px;}
.top90{margin-top: 90px;}
.spacer-200{
	height: 200px;
	display: block;
};
.spacer-100{
	height: 100px;
	display: block;
};
.wow {
   visibility: hidden;
}
body.blocked{overflow: hidden!important;padding-right: 20px;}
@media all and (min-width: 768px){ 
	.align_right{text-align: right;}
	.align_left{text-align: left;}
}
.align_center{
	text-align: center
}
body, html{
	-webkit-font-smoothing: antialiased; 
    width: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    overflow-x: hidden;
}
body{
	overflow-x: hidden
}
.trans{  
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; 
}

.hyphens_text{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.text_big{
	font-size: 1.2em;
}
.full-width{
	width: 100%;
	max-width: 100%;
}

body.logged-in .no-log-only{
	display: none;
}
body:not(.logged-in) .log-only{
	display: none;
}

img{
	backface-visibility: hidden;
	max-width: 100%;
	height: auto;
}
table{
	width: 100%;
}
iframe{
	width: 100%
}
a:focus, button:focus{
	outline: none!important;
}

@media (min-width: 768px){
	.picsout_right{
		margin-right: -30px;
	}
	.picsout_left{
		margin-left: -30px;
	}
	.picsout_right_big{
		margin-right: -25%;
	}
	.picsout_left_big{
		margin-left: -25%;
	}
}

.black_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #000;
	opacity: .33;
}
.white_overlay:before{
	content: '';
	height: 100%;
	width: 100%;
	position: absolute;
	background: #FFF;
	opacity: .33;
}
.bold{
	font-weight: bold;
}


/* Typography */

html {font-size: 22px;} /*22px*/

body {
	font-size: 22px;
}

#main-wrapper p {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  font-weight: bold
}

h1 {
  margin-top: 0;
  font-size: 4.209rem;
}

h2 {font-size: 3.157rem;}
h3 {font-size: 2.369rem;}
h4 {font-size: 1.777rem;}

h5 {font-size: 1.333rem;}

small,
.text_small {font-size: 0.75rem;}

#main-wrapper nav ul li a{
	font-size: 1em;
	text-transform: uppercase;
}
#main-wrapper .menu-skin-main nav ul li a{
	color:#373737
}
#main-wrapper .menu-skin-light nav ul li a{
	color:#fff
}


/* container */
.sezione {
    padding: 50px 0;
}


/* homepage */
.home header.site-header{
/* 	display: none; */
}
.sh-left {
    margin: 0 60px 50px 0px;
    position:relative;
}
.sh-left:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #707070;
    transform:translate(-20px,20px)
}

.sh-right {
    margin: 0 0px 50px 60px;
    position:relative;
}
.sh-right:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    border:1px solid #707070;
    transform:translate(20px,20px)
}

.over-img {
    position: absolute;
    bottom: -120px;
    right: 0;
}

#hero{
	min-height: 100vh!important;
	max-height: 100vh!important;
}

#hero:after{
	content: '';
	background: url(inc/img/scroll-down@2x.png) no-repeat center center;
	background-size: contain;
	height: 84px;
	width:95px;
	position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%);
    visibility: visible;
}

#main-wrapper blockquote {
    border: 0;
    margin-left: -30px;
}
#main-wrapper blockquote:before{
    content:'';
    position: absolute;
    bottom: -3%;
    left: 5%;
    height: 80%;
    width: 60%;
    background: #EADED6;
    z-index: -1;
}


#video_slider .slick-list {
    overflow: visible;
    margin-left: -30px;
}

#video_slider .slick-slide:not(.slick-active) {
    opacity: .3;
    transform: scale(.94);
    transition: all .5s ease-out;
}

#video_slider .slick-list:before {content: '';background: #f8f3ef;height: 100%;width: 310px;left: -300px;top: 0;position: absolute;z-index: 10;}


#video_slider .slick-slider .slick-prev {
    display: none!important;
}

#video_slider  button.slick-next {
    font-size: 2em!important;
    right:-30px;
    top: 340px;
}
#video_slider h4{
	font-weight: bold;
}
#video_slider .inner_video button {
    margin-top: 1.4em;
}

/* testimonials */

#testimonials img.vc_single_image-img {
    margin-bottom: 20px;
}
#testimonials p {
    font-size: smaller;
}

/* buttons */
button.btn-modal {
    background: #bea2a2!important;
    font-weight: 900;
    padding: 20px 60px;
    border: none;
    border-radius: 18px;
    font-size: .8em;
}

#main-wrapper .abbtn button,
#main-wrapper .abbtn .vc_btn3,
#mc4wp-form-1 .abbtn{
    color: #fff;
    background-color: #BEA2A2;
    font-size: .8em;
    font-weight: 900;
    padding: 20px 60px;
    border-radius: 18px;
}
#main-wrapper .abbtn.secondary button {
    background-color: #F49797!important;
}
#main-wrapper .abbtn .vc_btn3-icon-right:not(.vc_btn3-o-empty){
	padding: 20px 48px 20px 20px;
} 

/* modal */
.ult_modal-content {
    border: 0px solid white!important;
    box-shadow: 0 0 0px #404040!important;
}
.ult_modal-body{
	padding: 40px!important;
}

.ult_modal.ult-fade.ult-container > div {
    font-size: 22px;
    border: none!important;
    box-shadow: 0 0 20px #d3d3d312;
}

.ult_modal-header {
    display: none;
}


/* footer */
footer.site-footer {
    z-index: 1000;
    margin-top: 100px;
}
#media_image-2 {
    margin-top: -130px;
    position: relative;
    z-index: 10000;
    margin-bottom: 0;
}
#footer.site-footer .social-networks.rounded li a {
    background-color: #fff0;
}
#footer.site-footer .social-networks.rounded li a i {
    display: block;
    font-size: 25px;
    color: #fff;
}

/* blog */
.widget.widget_product_search .search-bar input[name="s"], .widget.widget_search .search-bar input[name="s"] {
    background: #36363612;
    color: #363636;
    border-radius: 8px;
}

.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-title,
.blog-posts .post-item .post-details .post-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}
.single-post .post .entry-header .post-title {
    font-size: 2em;
}
.single-post .single-post{
	padding-top: 180px;
}
.post-featured-image {
    margin-bottom: 30px;
}

:root {
  --plyr-color-main: #BEA2A2;
}

.ult-overlay-close-inside {
    filter: invert(1);
}




/* form */
#mc4wp-form-1 input {
    border: 0px;
    border-radius:4px;
    padding: 10px;
}
#mc4wp-form-1 .small label {
    font-size:small;
    font-weight: normal;
}
#mc4wp-form-1 .abbtn{
	text-transform: uppercase;
    padding: 15px 60px;
    width: 100%;
}
.mc4wp-response {
    max-width: 280px;
    background:#ebe4e4;
    padding:10px
}
.mc4wp-response p{
    font-size: small!important;
    text-align:center;
}

@media (max-width:768px){
	body,html{
		font-size:15px;
	}
	h1{
		font-size: 3em
	}
	.sezione.column-reverse {
	    display: flex;
	    flex-direction: column-reverse;
	}
	.sh-left, .sh-right{
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 60px;
	}
	.over-img {
	    position: absolute;
	    bottom: -80px;
	    right: -20px;
	    width: 40%;
	}
	#main-wrapper blockquote {
	    border: 0;
	    margin-left: 0;
	}
	#main-wrapper blockquote {
	    border: 0;
	    margin-left: 0;
	        padding: 0;
	}
	#video_slider .inner_video {
	    padding-bottom: 40px;
	}
	#video_slider button.slick-next {
    	font-size: 2em!important;
    	right: -10px;
    }
    #testimonials .slick-slide{
/*  	   width:100%!important */
	}
	.wpb_wrapper .lab-blog-posts.posts-layout-left .blog-post-entry .blog-post-title, .blog-posts .post-item .post-details .post-title{
		margin-top: 20px;
	}
	nav.post-navigation a {
	    display: block;
	    max-width: 100%;
	    width: 100%;
	}
	#media_image-2 {
	    margin-bottom: 30px;
	    text-align: center;
    }
    #media_image-2 img{
    	max-width: 60%!important;
    }
    #footer .footer--widgets > div {
	    text-align: center;
	}
	.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay {
	    background-color: rgb(119 83 83 / 85%);
	}
	.toggle-bars.menu-skin-main .toggle-bars__bar-line {
	    background-color: #040303;
	}
	.single-post .single-post{
		padding-top: 100px;
	}
}