/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

@import url('./styles/about-us.css');
@import url('./styles/accordion.css');
@import url('./styles/demo-form.css');
@import url('./styles/footer.css');
@import url('./styles/forms.css');
@import url('./styles/functional-modules.css');
@import url('./styles/home.css');
@import url('./styles/home-hero.css');
@import url('./styles/legal.css');
/*@import url('./styles/menu.css');*/
@import url('./styles/newsletter-form-header.css');
@import url('./styles/platform.css');
@import url('./styles/resources.css');
@import url('./styles/responsive-utils.css');
@import url('./styles/shared.css');
@import url('./styles/solutions.css');
@import url('./styles/solutions-benefits.css');
@import url('./styles/solutions-hero.css');
@import url('./styles/solutions-icons.css');
/*@import url('./styles/top-bar.css');*/
@import url('./styles/contact-overlay.css');
/*@import url('./styles/woocommerce.css');*/


/* Fonts */

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto/Roboto-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat/static/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

/* set default font */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	font-family: Roboto, sans-serif;
}

h1 {
	font-size: 100px;
	font-family: 'Montserrat';
	font-weight: 900;
	text-transform: uppercase;
}

p {
	font-size: 25px;
}

.ko-font-primary,
.ko-font-primary.mcb-column > .mcb-column-inner > h1,
.ko-font-primary.mcb-column > .mcb-column-inner > span {
	font-family: Montserrat, sans-serif;
}

.ko-font-medium {
	font-weight: 500;
}

.ko-font-bold {
	font-weight: 700;
}

.ko-font-heavy {
	font-weight: 900;
}

/* COLOURS */
.ko-primary,
.ko-primary.mcb-column > .mcb-column-inner > h1,
.ko-primary.mcb-column > .mcb-column-inner > span {
	color: #efefd5;
}

.ko-dark {
	color: #212121;
}

.ko-dark-2 {
	color: #1a3728;
}

.ko-impact {
	color: #ccffcc;
}

.ko-bg-primary {
	background-color: #1a3728;
}

.ko-clearfix::after {
	content: "";
	clear: both;
	display: table;
}

/* Video Utils */
.section.has-video.ko-video-nomask .section_video .mask {
	background: none;
}

/* Icon Utils */

.ko-arrow-thin-right::after {
	content: '';
	display: inline-block;
	width: 117px;
	height: 8px;
	background-image: url("./images/arrow-thin-right.png");
	background-repeat: no-repeat;
	margin-right: 15px;
	/* change black image to #191919 https://isotropic.co/tool/hex-color-to-css-filter/ */
	filter: invert(4%) sepia(56%) saturate(0%) hue-rotate(242deg) brightness(120%) contrast(89%);
}

.ko-arrow-thin-right.ko-primary {
	/* change black image to #efefd5 https://isotropic.co/tool/hex-color-to-css-filter/ */
	filter: invert(97%) sepia(85%) saturate(193%) hue-rotate(9deg) brightness(104%) contrast(87%);
}

.ko-contact-link-arrow {
	content: '';
	display: inline-block;
	width: 60px;
	height: 8px;
	background-image: url("./images/contact-link-arrow.png");
	background-repeat: no-repeat;
	margin-right: 20px;	
	background-size: contain;
	vertical-align: middle;
}

/* wrapper for home page titles with the 'cross' icon */
.ko-cross-title-wrapper {
	display: flex;
	flex-direction: row;
}

/*Botones redes sociales*/
.ko-social-wrapper {
    z-index: 1;
}

.ko-social-wrapper a {
	color: #fff;
}


.ko-seccion-title {
    text-transform: none;
    font-size: 70px;
    font-weight: 700;
}
.ko-seccion-title.verde {
    color:#1A3728;
}
.ko-seccion-title.amarillo {
    color:#EFEFD5;
}

.ko-contact-address p {
	line-height:1.1;
}


@media only screen and (max-width: 767px) {
    .ko-seccion-title {
        font-size: 40px;
    }
}