/*!
Theme Name:    colistic childtheme
Author:        colistic
Author URI:    https://colistic.de
Description:   colistic Theme
Version:       1.0.0
License:       GNU General Public License v3 or later
License URI:   https://www.gnu.org/licenses/gpl-3.0.html
Template:      page-builder-framework
Text Domain:   page-builder-framework-child
*/

/* ############### Scrollbar ############### */

::selection { background: var(--white); color: var(--accent); }
::-moz-selection { background: var(--white); color: var(--accent); }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--white); }
::-webkit-scrollbar-thumb { background: var(--brand); }
::-webkit-scrollbar-thumb:hover { background: var(--brand); }

/* General Settings */
:root {
	--black: #000000;
	--white: #ffffff;
	--base-dark: #014745;
	--brand: #014745;
	--base-light: #3F8D45;
	--accent: #6EB74C;
	--gradient-1: linear-gradient(90deg, rgba(53,127,66,1) 0%, rgba(1,54,62,1) 100%);
	--gradient-2: linear-gradient(66deg, rgba(37,133,181,1) 0%, rgba(39,85,109,1) 100%);
	--xxsmall: 15px;
	--xsmall: 17px;
  	--small: 20px;
	--regular: 24px;
  	--medium: 28px;
  	--large: 32px;
	--xlarge: 55px;
	--xxlarge: 100px;
}

@media only screen and (max-width: 768px) {
	:root {
		--xxsmall: 12px;
		--xsmall: 14px;
		--small: 15px;
		--regular: 18px;
		--medium: 22px;
		--large: 24px;
		--xlarge: 30px;
		--xxlarge: 44px;
	}
}

@media only screen and (max-width: 480px) {
	:root {
		--xxsmall: 12px;
		--xsmall: 14px;
		--small: 15px;
		--regular: 17px;
		--medium: 20px;
		--large: 24px;
		--xlarge: 27px;
		--xxlarge: 34px;
	}
}

@media only screen and (max-width: 400px) {
	:root {
		--xxsmall: 12px;
		--xsmall: 14px;
		--small: 15px;
		--regular: 17px;
		--medium: 20px;
		--large: 23px;
		--xlarge: 26px;
		--xxlarge: 31px;
	}
}

/* ############### General Elements ############### */

body{
	margin: -1px 0;
	font-family: 'Roboto';
	font-size: var(--medium);
	font-weight:300;
	line-height:1.5em;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'PT Sans Narrow';
	text-transform: uppercase;
	font-weight:700;
    word-wrap: normal;
	letter-spacing: 0;
	margin: 0;
	color: var(--base-dark);
}

h1 {
    font-size: var(--xxlarge);
	color: var(--accent);
	line-height: 1;
	margin: 0 !important;
}

@media only screen and (max-width: 480px) {
	h2.pp-infobox-title{
		margin: 0 !important;
	}
}


h2.pp-infobox-title{
	font-size: var(--xlarge);
	font-weight: 600;
	margin-top: 0 !important;
}

.pp-description-wrap p{
	font-family: 'Roboto';
	font-size: var(--xsmall);
	line-height: 1.4;
	font-weight: 300 !important;
}

p {
    color: var(--base-dark);
    font-size: var(--xsmall);
    line-height: 1.4;
    margin-bottom: 0;
}

/* ############### Navigation ############### */

header a{
	font-size: var(--xxsmall);
	font-weight: 500;
	text-transform: uppercase;
}

.wpbf-nav-wrapper{
	padding: 0 50px !important;
}


.wpbf-navigation .wpbf-grid-collapse {
    border-bottom: 2px solid var(--white);
}

.wpbf-navigation-active .wpbf-grid-collapse {
    border-bottom: 0px;
}

.wpbf-menu-effect-underlined>.menu-item>a:after {
	height: 2px;
	position: absolute;
	top: 73px !important;
	left: 0;
	background: var(--accent);
}

.wpbf-navigation .wpbf-menu > .menu-item > a {
	padding: 2px 0 0 0;
}

.wpbf-navigation .wpbf-menu > .menu-item > a:hover {
	color: var(--accent);
}

.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item a, .wpbf-mobile-menu .wpbf-cta-menu-item a{
	background: none;
	border: 2px solid var(--white);
	padding: 0 10px;
}

.wpbf-navigation .wpbf-menu .wpbf-cta-menu-item a:hover, .wpbf-mobile-menu .wpbf-cta-menu-item a:hover {
    background: none;
    border-color: var(--accent);
}

.wpbf-menu-effect-underlined>.current-menu-item>a:after{
	opacity:0 !important;
}

.wpbf-menu-effect-underlined>.current-menu-item:hover>a:after{
	opacity:1 !important;
}

.wpbf-menu li {
    margin: 0 15px;
}

.wpbf-menu li:nth-last-child(1){
	margin-right: 0;
}

.wpbf-mobile-nav-wrapper{
	padding: 0 20px 0 0;
}

/* ##################### Fernwartung WIP ############################## */ 

a.fernwartung{
	display: inline-block;
	width: auto;
	height: auto;
	padding: 5px 15px 5px 15px;
	font-size: var(--small);
	font-weight: 600;
	text-transform: uppercase;
    background: var(--accent);
    border: none;
	border-radius: 0;
    color: var(--white);
    position: fixed;
    right: -62px;
    top: 50vh;
    z-index: 9;
    rotate: 270deg;
}

@media only screen and (max-width: 768px) {
	a.fernwartung{
		right: -50px;
	}
}

/* ############### Button ############### */

/* Primary */

.pp-infobox .pp-more-link .pp-button-icon-left{
position: relative;
}

.ua-icon-arrow-down:after {
    content: "";
    width: 37px !important;
    height: 37px;
    border: 9px solid var(--accent);
    border-radius: 100px;
    position: absolute;
    bottom: 19px;
    left: 0;
}

.ua-icon-arrow-down:before {
    content: "\e950";
    z-index: 2;
    position: relative;
    color: var(--white);
    left: 1px;
}

/* Secondary */

.pp-infobox .pp-more-link .pp-button-icon-left{
position: relative;
}

.ua-icon-arrow-right:after {
    content: "";
    width: 25px !important;
    height: 25px;
    border: 5px solid var(--base-dark);
    border-radius: 100px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.ua-icon-arrow-right:before {
    content: "\e952";
    z-index: 2;
    position: relative;
    color: var(--accent);
	top: 5px;
    left: 10px;
}

span.cta {
	font-family: 'PT Sans Narrow';
	font-size: var(--xxsmall);
	font-weight: 600;
	text-transform: uppercase;
	color: var(--base-light);
    padding: 0 0 0 15px;
    display: inline-block;
    vertical-align: bottom;
}


/* ############### Header ############### */

#intro h2.pp-infobox-title{
	color: var(--white);
	font-size: var(--small);
	font-weight: 400;
}

#intro .pp-description-wrap p{
	color: var(--white);
}


/* ############### Karriere ############### */
	
.karriere-section h2.pp-infobox-title{
	font-size: var(--xlarge);
	color: var(--base-dark);
	font-weight: 600;
}

.karriere-section p.pp-infobox-title-prefix{
	font-family: 'PT Sans Narrow';
	text-transform: uppercase;
	color: var(--base-dark);
	font-size: var(--small);
	line-height: 1.2;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.karriere-section p{
	color: var(--base-dark);
	font-size: var(--xsmall);
	line-height: 1.4;
	margin-bottom: 0;
}

/* ############### Loesungen ############### */

.loesungen-section h2.pp-infobox-title{
	font-size: var(--xlarge);
	color: var(--base-dark);
	font-weight: 600;
}

.loesungen-section p.pp-infobox-title-prefix{
	font-family: 'PT Sans Narrow';
	text-transform: uppercase;
	color: var(--base-dark);
	font-size: var(--small);
	line-height: 1.2;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.loesungen-section p{
	color: var(--base-dark);
	font-size: var(--xsmall);
	line-height: 1.4;
	margin-bottom: 0;
}

/* Pop Up */

.loesungen-pop-up .pp-content-grid-post-item{
	padding: 55px;
}

.loesungen-pop-up h3.pp-content-grid-post-title{
	font-family: 'PT Sans Narrow';
	color: var(--base-light);
	font-size: var(--xlarge);
	line-height: 1.2;
	margin-bottom: 20px;
}

.loesungen-pop-up .pp-content-grid-post-content ul li, .loesungen-pop-up .pp-content-grid-post-content p{
	font-family: 'Roboto';
	color: var(--base-dark);
	font-size: var(--small) !important;
	line-height: 1.4;
	margin-bottom: 0;
}

.loesungen-pop-up .pp-content-grid-post-content ul{
	padding-inline-start: 15px;
}

.loesungen-pop-up .pp-content-grid-post-content ul li{
	list-style-type: "✓";
	color: var(--brand);
	padding-left: 5px;
}

.loesungen-pop-up .pp-content-grid-post-content ul li::marker{
	color: var(--base-light);
	font-weight: 600;
}

#modal-g4m1xh9ofrja.has-overlay-animation .pp-modal-container{
	background: var(--gradient-1);
}

/* ############### Produkte und Partner ############### */

.produkte-partner-section > .fl-row-content-wrap{
	background: var(--gradient-1);
}

.produkte-partner-section h2.pp-infobox-title,
.produkte-partner-section h2{
	font-size: var(--xlarge);
	color: var(--accent);
	letter-spacing: 0;
	font-weight: 600;
	margin: 0px !important;
}

.produkte-partner-section .produkte-partner-column h2.pp-infobox-title{
	margin: 0 0 20px !important;
}

.produkte-partner-section h3.pp-infobox-title{
	font-size: var(--large);
	color: var(--accent);
	letter-spacing: 0;
	font-weight: 600;
	margin: 0 0 20px !important;
}

.produkte-partner-section .pp-description-wrap p{
	font-family: 'Roboto';
	color: var(--base-dark);
	font-size: var(--xsmall);
	line-height: 1.4;
	margin-bottom: 0;
}

.produkte-partner-section .fl-col-group-equal-height .fl-col-content {
	display: flex;
	flex-direction: row !important;
	flex-wrap: wrap;
}

.produkte-partner-section .produkte-partner-column .fl-module-content .pp-infobox-wrap .pp-infobox{
	position: relative;
	min-height: 350px;
}

.produkte-partner-column .fl-module-pp-infobox{
	width: 50%!important;
}

.produkte-partner-section .produkte-partner-column .pp-infobox{
	border-bottom: 10px solid var(--white);
}

.produkte-partner-section .produkte-partner-column .pp-infobox:hover{
	border-bottom: 10px solid var(--accent);
}

.produkte-partner-section .produkte-partner-column .pp-infobox{
	display: flex;
	flex-direction: column;
	padding: 40px;
	width: 100%;
}

.produkte-partner-section .pp-infobox:nth-child(1) { order: 3;  }
.produkte-partner-section .pp-infobox:nth-child(2) { order: 2; }
.produkte-partner-section .pp-infobox:nth-child(3) { order: 1; }
.produkte-partner-section .fl-module-content .pp-infobox-wrap .pp-infobox:nth-last-child(1) .pp-infobox:nth-child(3){ order: 3 !important;}
.produkte-partner-section .fl-module-content .pp-infobox-wrap .pp-infobox:nth-last-child(1) .pp-infobox:nth-child(1){ order: 1 !important;}
.produkte-partner-column .fl-module-pp-infobox:nth-child(1) .pp-infobox { justify-content: flex-start !important; }
.produkte-partner-column .fl-module-pp-infobox:nth-child(2) .pp-infobox { justify-content: flex-start !important; }
.produkte-partner-column .fl-module-pp-infobox:nth-child(3) .pp-infobox { justify-content: flex-start !important; }
.produkte-partner-column .fl-module-pp-infobox:nth-child(4) .pp-infobox { justify-content: center !important; }

.produkte-partner-section .produkte-partner-column .pp-infobox-image{
	position: absolute;
	bottom: 10px;
	right: 40px;
}

.produkte-partner-section .pp-infobox-image img{
	width: 250px !important;
}

.produkte-partner-section .produkte-partner-column .pp-infobox-description {
    margin-bottom: 50px;
}

.produkte-partner-section .produkte-partner-column .pp-infobox{
	background: var(--white);
}

@media (min-width: 992px) and (max-width: 1200px) {
	.produkte-partner-column h2.pp-infobox-title{
	font-size: var(--large);
}
	.produkte-partner-section .pp-description-wrap p {
    font-size: var(--small);
}
}

@media only screen and (max-width: 992px) {
	.produkte-partner-section .produkte-partner-column .fl-module-content .pp-infobox-wrap .pp-infobox{
	position: relative;
	min-height: 300px;
}

	.produkte-partner-column .fl-module-pp-infobox{
	width: 100%!important;
}
	.produkte-partner-section .pp-infobox-image img{
	width: 150px !important;
}
}

.kunden-rezensionen img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: unset !important;
	width:400px !important;
}

/* ############### Ueber uns ############### */

.ueber-uns-section h2.pp-infobox-title{
	font-size: var(--large);
	color: var(--base-dark);
	font-weight: 600;
	margin: 0 0 20px !important;
}

.ueber-uns-section p.pp-infobox-title-prefix{
	font-family: 'PT Sans Narrow';
	text-transform: uppercase;
	color: var(--base-dark);
	font-size: var(--small);
	line-height: 1.4;
	margin-bottom: 0;
	letter-spacing: 1px;
}

.ueber-uns-section p{
	color: var(--base-dark);
	font-size: var(--xsmall);
	line-height: 1.4;
	margin-bottom: 0;
}

/* ############### Stelleninserate ############### */

.job-listing .job-preview{
background: rgba(53,127,66,0.1) !important;
}


.job-listing .job-preview .job-cta .apply-btn {
    background: none !important;
	position: relative;
	padding: 0 !important;
	width: auto !important; 
	display: inline-block !important;
	color: var(--base-light) !important;
	font-size: var(--xxsmall) !important;
}

.job-listing .job-preview .job-cta .apply-btn:before {
    content: "➜" !important;
    z-index: 2;
    position: relative;
    color: var(--accent);
    top: 4px;
    right: 20px;
    font-size: 30px !important;
}

.job-listing .job-preview .job-cta .apply-btn:after {
    content: "";
    width: 25px !important;
    height: 25px;
    border: 5px solid var(--base-dark);
    border-radius: 100px;
    position: absolute;
    bottom: 0px;
    left: -30px;
}

.job-listing .job-preview .job-content h5{
	margin: 0 0 5px !important;
}

.job-listing .job-preview .job-content .job-additional-information {
    font-weight: 300 !important;
}

.job-post .job-side .job-content-wrap{
	background: none !important; 
}

.job-post .job-side .jobs-row{
	margin-bottom:2rem !important;
}


.job-post .job-content .jobs-row .jobs-row-input p, .job-post .job-content .jobs-row .jobs-row-input li, .job-side .jobs-row-input{
	font-size:var(--xsmall) !important;
	line-height: 1.4 !important;
}

.jobs-modal{
	background: var(--gradient-1) !important;
}

.jobs-modal .jobs-modal-content .modal-close {
    width: 20px !important;
    height: 20px !important;
    right: -30px !important;
    top: -40px !important;
}

.jobs-modal .jobs-modal-content .modal-close img {
	filter: invert(1);
}

.jobs-modal .jobs-modal-content{
	padding: 50px 100px !important;
}

.jobs-modal-form .modal-title{
	font-size: var(--regular) !important;
	color: var(--base-dark) !important;
}

.jobs-modal-form .modal-input-text, .jobs-modal-form .modal-input-fileinput{
	background-color: rgba(0, 115, 170, 0.1) !important;
	color: var(--accent) !important;
	border: none !important;
	border-radius: none !important;
}

.jobs-modal-form .jobs-modal-input .input-label{
	color: var(--base-dark) !important;
}

.jobs-modal-form .job-submit{
	font-weight: 400 !important;
}

.job-post{ 
	margin: unset !important;
	max-width: unset !important;
	padding: 0 !important;
}

.job-post .job-content .job-content-wrap{
	padding: 0 !important;
}

.job-post .job-image{
	display:none !important;
}

/* ############### Footer ############### */

footer .sub-footer > .fl-row-content-wrap{
	background: var(--gradient-1);
}

footer .sub-footer h2.pp-infobox-title{
	font-size: var(--xlarge);
	color: var(--accent);
	letter-spacing: 0;
	font-weight: 600;
	margin: 0px !important;
}

footer .sub-footer p{
	font-family: 'Roboto';
	font-weight: 300 !important;
	color: var(--white);
	font-size: var(--small);
	line-height: 1.2;
	margin-bottom: 0;
}

footer .sub-footer .pp-social-icon a{
	color: var(--white);
}

footer .sub-footer .pp-social-icon a:hover{
	color: var(--accent);
}

footer .sub-footer .contact-column .contact-info h3.pp-infobox-title{
	font-size: var(--small);
	color: var(--brand);
	letter-spacing: 0;
	font-weight: 600;
	margin: 0 0 20px !important;
}

footer .sub-footer .contact-column .contact-info p{
	font-family: 'Roboto';
	font-weight: 300 !important;
	color: var(--brand);
	font-size: var(--xxsmall);
	line-height: 1.2;
	margin-bottom: 0;
}

footer .sub-footer .contact-column .contact-adress p{
	font-family: 'Roboto';
	font-weight: 300 !important;
	color: var(--white);
	font-size: var(--xxsmall);
	line-height: 1.8;
	margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
	footer .sub-footer .contact-column{
		position: absolute;
    	z-index: 1;
    	bottom: -260px;
		left: calc(50% - 80px);
		max-width:960px;
	}
	
	footer .sub-footer .contact-column .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content .contact-image{
		justify-content: flex-end;
}
	
	footer .sub-footer p{
		font-size: var(--small);
		line-height: 1.2;
}
}

footer .sub-footer .contact-column .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content .contact-info{
	justify-content: baseline;
}

footer .footer .menu li{
	border-left: 1px solid var(--white) !important;
}

footer .footer .menu a{
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase; 
	color: var(--white);
	line-height: 1; 
	padding: 0 5px !important;
}

footer .footer .menu li:first-child{
	border: none !important;
}

/* ############### Fonts ############### */

/* pt-sans-narrow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/pt-sans-narrow-v18-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../colistic-child/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/roboto-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../colistic-child/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/roboto-v30-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('../colistic-child/fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../colistic-child/fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../colistic-child/fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../colistic-child/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../colistic-child/fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../colistic-child/fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../colistic-child/fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}