/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* roboto-300 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-v30-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-300italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin_latin-ext-300italic.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-300italic.ttf') format('truetype');
}

/* roboto-regular - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-regular.ttf') format('truetype');
}

/* roboto-italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin_latin-ext-italic.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-italic.ttf') format('truetype'); 
}

/* roboto-500 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-500.ttf') format('truetype'); 
}

/* roboto-500italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin_latin-ext-500italic.woff2') format('woff2'),
       url('../fonts/roboto-v30-latin_latin-ext-500italic.ttf') format('truetype');
}

/* roboto-700 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin_latin-ext-700.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-700.ttf') format('truetype'); 
}

/* roboto-700italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin_latin-ext-700italic.woff2') format('woff2'), 
       url('../fonts/roboto-v30-latin_latin-ext-700italic.ttf') format('truetype'); 
}


:root {
	--cnvs-themecolor: #ff0000;
	--cnvs-themecolor-rgb: 255, 0, 0;
    /* Font Families */
    --cnvs-body-font:	"Roboto", Helvetica, Arial, sans-serif;
    --cnvs-primary-font:	"Roboto", Helvetica, Arial, sans-serif;
    --cnvs-secondary-font:	"Roboto", Helvetica, Arial, sans-serif;
}

.op-gradient-icon {
	background: rgb(131,58,180);
	background: linear-gradient(90deg, rgba(131,58,58,1) 0%, rgba(253,90,90,1) 50%, rgba(252,29,29,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}