/*
Theme Name: Cactus
Theme URI: http://www.cactussenygrafic.com/
Version: 1.0
Description: Plantilla desenvolupada per Cactus
Author: Cactus Seny Grafic
Author URI: https://www.cactussenygrafic.com/
Template: Divi
*/

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Light.eot');
    src: local('Graphik Light'), local('Graphik-Light'),
        url('fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Light.woff2') format('woff2'),
        url('fonts/Graphik-Light.woff') format('woff'),
        url('fonts/Graphik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Regular.eot');
    src: local('Graphik Regular'), local('Graphik-Regular'),
        url('fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Regular.woff2') format('woff2'),
        url('fonts/Graphik-Regular.woff') format('woff'),
        url('fonts/Graphik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Semibold.eot');
    src: local('Graphik Semibold'), local('Graphik-Semibold'),
        url('fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Semibold.woff2') format('woff2'),
        url('fonts/Graphik-Semibold.woff') format('woff'),
        url('fonts/Graphik-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Graphik';
    src: url('fonts/Graphik-Bold.eot');
    src: local('Graphik Bold'), local('Graphik-Bold'),
        url('fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Graphik-Bold.woff2') format('woff2'),
        url('fonts/Graphik-Bold.woff') format('woff'),
        url('fonts/Graphik-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

:root{
	--offcanvas_up_ini: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	--offcanvas_right_ini: polygon(100% 0, 100% 0%, 100% 100%, 100% 100%);;
	--offcanvas_down_ini: polygon(0 0, 100% 0%, 100% -10%, 0 0);
	--offcanvas_left_ini: polygon(0 0, 0 0, 0 100%, 0% 100%);
	--offcanvas_fin: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	--animation_timing:cubic-bezier(.785,.135,.15,.86);
}

/** font custom **/
body, p, h1, h2, h3, h4, h5, h6, a, span:not(.ab-icon), li, div, td, th, label, input, textarea, button, .saes {
    font-family: 'graphik' !important;
}

.title-separator-animation h1>*,
.title-separator-animation h2>*,
.title-separator-animation h3>*,
.title-separator-animation h4>*,
.title-separator-animation h5>*,
.title-separator-animation p>*{overflow: hidden;padding-bottom: 10px;margin-top: -10px;}

li.menu_button a{margin-top: -10px !important;background: #D80F23 !important;color: #fff;border-radius: 8px;padding: 10px 14px !important;}
li.menu_button a:hover{background-color: #575756 !important;}

.et_pb_menu__menu>nav>ul>li.wpml-ls-current-language>a{display: flex; flex-direction: column-reverse !important; padding-left: 26px; padding-right: 0px !important;}

.et-menu .menu-item-has-children.wpml-ls-current-language>a:first-child:after{right:unset !important; left:0 !important}

.et-menu .menu-item-has-children.wpml-ls-current-language>a:first-child:after{background-image: url(icons/globe.svg); background-position: center; background-size: contain; text-indent: -90000em; content:" ";    width: 16px;height: 16px;display: block;margin-top: 0px;opacity: 0.3;}

.et-menu .menu-item-has-children.wpml-ls-current-language .sub-menu{
    right: -14px;
    left: unset;
    width: 80px;
    padding-top: 30px;
    border-radius: 0px 0px 20px 20px;
    border-top: 0px;
}
.et-menu .menu-item-has-children.wpml-ls-current-language .sub-menu li{padding:0px; width: 100%;;}
.et-menu .menu-item-has-children.wpml-ls-current-language .sub-menu li a{text-align: center;width: 100%;justify-content: center;}

@media (max-width:920px){
    .et_pb_row_0_tb_header{display: flex;}
    #mobile_menu1{right: -24px;left: unset;margin-top: 7px;width: calc(100vw - 20vw);border-radius: 0px 0px 20px 20px;overflow: hidden;}

}