/*
Theme Name: redpepper
Author: Artoon team
Author URI: https://artoonsolutions.com/
Text Domain: redpepper
*/

/* Artoon style guide */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:after , *:before { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}



@font-face {
    font-family: 'Ideal Sans Bold';
    src: url('assets/font/IdealSansSSm-Bold.woff2') format('woff2'),
        url('assets/font/IdealSansSSm-Bold.woff') format('woff'),
        url('assets/font/IdealSansSSm-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ideal Sans Light';
    src: url('assets/font/IdealSansSSm-Light.woff2') format('woff2'),
        url('assets/font/IdealSansSSm-Light.woff') format('woff'),
        url('assets/font/IdealSansSSm-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Quarto Black';
    src: url('assets/font/Quarto-Black.woff2') format('woff2'),
        url('assets/font/Quarto-Black.woff') format('woff'),
        url('assets/font/Quarto-Black.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Quarto Medium';
    src: url('assets/font/Quarto-Medium.woff2') format('woff2'),
        url('assets/font/Quarto-Medium.woff') format('woff'),
        url('assets/font/Quarto-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Quarto Light';
    src: url('assets/font/Quarto-Light.woff2') format('woff2'),
        url('assets/font/Quarto-Light.woff') format('woff'),
        url('assets/font/Quarto-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


img,a{display: inline-block;}
body{font-family: 'Ideal Sans Medium';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #F8F7F2;overflow-x: hidden;}
h1{color: #202322;font-family: 'Quarto Semibold';font-size: 60px;line-height: 70px;}
h2{color: #202322;font-family: 'Quarto Semibold';font-size: 50px;line-height: 60px;}
h3{color: #202322;font-family: 'Quarto Semibold';font-size: 40px;line-height: 48px;}
h4{color: #202322;font-family: 'Quarto Semibold';font-size: 34px;line-height: 48px;}
h5{color: #202322;font-family: 'Quarto Semibold';font-size: 24px;line-height: 48px;}
h6,time{color: #202322;font-family: 'Quarto Semibold';font-size: 18px;line-height: 28px;}

a{color: #F15D22;font-family: 'Ideal Sans Medium';font-size: 18px;line-height: 28px;}
p,input{color: #202322;font-family: 'Ideal Sans Book';font-size: 16px;line-height: 24px;}
span{color: #202322;font-family: 'Ideal Sans Book';font-size: 14px;line-height: 20px;}
ul li{font-family: 'Ideal Sans Book';color: #202322;font-size: 18px;line-height: 28px;list-style-type: disc;}
blockquote{color: #00755F;font-family: 'Quarto Semibold';font-size: 30px;line-height: 40px;position: relative;margin-bottom: 54px;}
blockquote:before{content:'';position: absolute;top: 0px;bottom: 0px;width: 3px;height: 100%;background: #00755F;left: -30px;}

label{color: #202322;font-family: 'Ideal Sans Medium';font-size: 16px;line-height: 18px;}
select{color: #202322;font-family: 'Ideal Sans Bold';font-size: 16px;line-height: 18px;outline: none;}

@media only screen and (max-width: 1140px) {
	
}
@media only screen and (max-width: 991px) {
	
}
@media only screen and (max-width: 767px) {
	h1{font-size: 50px;line-height: normal;}
	h2{font-size: 40px;line-height: normal;}
	h3{font-size: 30px;line-height: normal;}
	h4{font-size: 24px;line-height: normal;}
	h5{font-size: 20px;line-height: normal;}
	blockquote{font-size: 20px;line-height: 30px;padding-left: 60px;}
    blockquote:before{left: 42px;}
    blockquote:after{left: 0px;}
}
@media only screen and (max-width: 480px) {
}


/* Career Page */
.career_job_main_block .jobs-list-department { display: flex; padding: 0 20px; }
.career_job_main_block .filter-department { max-width: 363px; width: 100%; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; }
.career_job_main_block .job-department { max-width: 766px; width: 100%; padding-left: 30px; }
.career_job_main_block input[type="text"], .career_job_main_block input[type="email"] { padding: 10px 0; background-color: transparent; border: none; outline: none; -webkit-appearance: none; border-radius: 0; font-size: 16px !important; }
.career_job_main_block .search { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjIiPjxzdHlsZT4uc3Qwe2ZpbGw6IzAwYWQ4Yn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMS43IDIwLjNsLTQtNGMzLjItMy45IDMtOS43LS43LTEzLjRDMTMuMi0xIDYuOC0xIDIuOSAyLjktMSA2LjgtMSAxMy4yIDIuOSAxNy4xIDQuOSAxOSA3LjQgMjAgMTAgMjBjMi4yIDAgNC41LS44IDYuMy0yLjNsNCA0IDEuNC0xLjR6TTQuMyAxNS43Yy0zLjEtMy4xLTMuMS04LjIgMC0xMS4zQzUuOSAyLjggOCAyIDEwIDJzNC4xLjggNS43IDIuM2MzLjEgMy4xIDMuMSA4LjIgMCAxMS4zcy04LjIgMy4yLTExLjQuMXoiLz48L3N2Zz4=); background-position: left center; background-size: 18px 18px; background-repeat: no-repeat; text-indent: 30px; margin: 26px 0 26px 30px; color: #f15d22; width: calc(100% - 30px); }

.career_job_main_block input::placeholder { color: #f15d22; }

.career_job_main_block .department-list { font-size: 20px; border-top: 1px solid #D8D8D8; padding: 20px 0; }
.career_job_main_block .department-list li { list-style-type: none; }
.career_job_main_block .filter-department li { display: -ms-flexbox; display: flex; position: relative; margin: 30px 0 30px 40px; font-family: PostGrotesk-Book, sans-serif; color: #f15d22; line-height: 1.2; }
.career_job_main_block .filter-menu--positions span:first-child { margin-right: 7.5px; }

.career_job_main_block .filter-department li span { color: #f15d22cc; transition: color 0.175s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 19px; }

.career_job_main_block .filter-department li.js-active span,
.career_job_main_block .filter-department li span:hover { color: #f15d22; }

.career_job_main_block #jobs li { padding: 30px; border-bottom: 1px solid #D8D8D8; list-style-type: none; }
.career_job_main_block li { font-size: 32px; line-height: calc(28 / 20); }
.career_job_main_block #jobs .job-description { display: none; }
.career_job_main_block #jobs a { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: baseline; align-items: baseline; opacity: 1; transition: color 0.175s ease-in; color: #000; }
.career_job_main_block .job-title, .career_job_main_block .job-title span { font-size: 18px; font-family: 'Ideal Sans Book'; }
.career_job_main_block a { text-decoration: none; color: currentColor; }
.career_job_main_block #jobs a:visited { color: #f15d22cc; }
.career_job_main_block #jobs a:hover span { color: #f15d22cc; } 

/* Close icon */
.career_job_main_block .department .close_dept{ background: #fff; border-radius: 50%; width: 25px; height: 25px; font-size: 12px; display: flex; align-items: center; justify-content: center; padding: 3px; position: absolute; left: -36px; top: -3px; color: #F15D22; display: none; }
.career_job_main_block .department.js-active .close_dept{ display: flex; } 
/* Job Detail page */
.career_job_detail_block{padding: 0 15px;}
.career_job_detail_block .more_job, .career_job_detail_block .job_detail{ max-width: 900px; width: 100%; }
.career_job_detail_block .more_job{ margin-top: 0 !important; }
.career_job_detail_block .job_detail{ margin-top: 40px; }
.job_detail p { margin-bottom: 20px; }
.job_detail p strong, .job_detail p b{ font-size: 18px; }
.job_detail ul { width: 100%;margin-bottom: 20px;  }
.career_job_detail_block .more_job h1{ text-align: center; }
.career_job_detail_block .job_detail > div > strong{position: static;margin-bottom: 10px;}
.career_job_detail_block .job_detail > div, .career_job_detail_block .job_detail > ul{width: 100%;}
.career_job_detail_block .job_detail > ul{ padding-left: 20px;}
@media only screen and (max-width: 991px) {
    .career_job_main_block .jobs-list-department{ flex-direction: column; }
    .career_job_main_block .job-department{ padding-left: 0; } 
    .career_job_main_block .filter-department{max-width: 100%;}
    /* .career_job_detail_block .more_job{ margin-top: 80px !important; } */
}
@media only screen and (max-width: 768px) {
    .career_job_main_block .search, .career_job_main_block .filter-department li{ margin: 20px 0 20px 20px; }
    .career_job_main_block .department-list { padding: 10px 0; }
    .career_job_main_block .filter-department li span{ font-size: 18px; }
    .career_job_main_block .job-title, .career_job_main_block .job-title span { font-size: 16px; }
    .career_job_main_block #jobs li { padding: 30px 20px; }
    .career_job_detail_block .job_detail > ul { padding-left: 35px; }
}
@media only screen and (max-width: 480px) {
    .career_job_main_block #jobs a{ flex-direction: column; }
    .career_job_main_block .job_title{ margin-bottom: 15px; }
    /* .career_job_detail_block .more_job{ margin-top: 50px !important; } */
}