/* Paths */ /* Colors */ /* Global Media Queries */ /* Direction */ /* Default Page styles */ .pageDetail { padding-top: 40px; } @media (min-width: 768px) { .pageDetail { padding-top: 70px; } } @media (min-width: 768px) { .pageDetail .bgTextbig { font-size: 150px; } } @media (min-width: 1024px) { .pageDetail .bgTextbig { font-size: 200px; } } @media (min-width: 1280px) { .pageDetail .bgTextbig { font-size: 260px; } } @media (min-width: 1600px) { .pageDetail .bgTextbig { font-size: 320px; } } .pageCareers { padding-top: 40px; } @media (min-width: 768px) { .pageCareers { padding-top: 70px; } } @media (min-width: 768px) { .pageCareers .bgTextbig { font-size: 150px; } } @media (min-width: 1024px) { .pageCareers .bgTextbig { font-size: 200px; } } @media (min-width: 1280px) { .pageCareers .bgTextbig { font-size: 260px; } } @media (min-width: 1600px) { .pageCareers .bgTextbig { font-size: 320px; } } .blogsPage { display: block; text-align: left; padding-top: 10px; } @media (min-width: 768px) { .blogsPage { padding-top: 30px; } } @media (min-width: 1280px) { .blogsPage { padding-top: 50px; } } .blogsPage h1 { padding-top: 0; text-transform: none; text-align: center; } @media (min-width: 768px) { .blogsPage h1 { text-align: left; padding-bottom: 20px; text-transform: uppercase; } .blogsPage h1 strong { font-size: 100%; } } @media (min-width: 1280px) { .blogsPage h1 { padding-bottom: 30px; } } @media (max-width: 767px) { .blogsPage .contentWrap { max-width: 440px; margin: 0 auto; } } @media (min-width: 768px) { .blogsPage .contentWrap { width: 96%; } } @media (min-width: 1024px) { .blogsPage .contentWrap { width: 85%; } } .blogsPage .backNavigation { position: static; transform: none; } @media (min-width: 1600px) { .blogsPage .backNavigation { position: absolute; transform: translateX(-100%); display: block; margin-top: 22px; padding-right: 25px; } } .searchForm { box-sizing: border-box; position: relative; margin-bottom: 30px; width: 100%; max-width: 350px; } .searchForm input[type="text"] { border: 1px solid transparent; border-bottom: 2px solid #b3b3b3; box-sizing: border-box; display: block; width: 100%; position: relative; color: #555555; font-size: 16px; font-weight: 600; line-height: 38px; height: 40px; padding: 0 46px 0 0; margin: 0; transition: all 0.1s; } @media (max-width: 767px) { .searchForm input[type="text"]:focus { border-bottom-color: #f36521; } } @media (min-width: 768px) { .searchForm input[type="text"] { border-bottom: 1px solid #b3b3b3; height: 44px; padding-right: 32px; } .searchForm input[type="text"]:focus { border-bottom-color: #f36521; } } @media (min-width: 1280px) { .searchForm input[type="text"] { height: 50px; line-height: 50px; } } .searchForm .submit { background: #fff; border: 0 none; border-radius: 0; box-shadow: none; box-sizing: border-box; cursor: pointer; color: #555555; display: block; line-height: 38px; font-size: 19px; height: 38px; width: 38px; text-align: right; padding: 0 6px; position: absolute; right: 0; top: 0; text-shadow: none; outline: 0 none; transition: all 0.1s; z-index: 2; } @media (min-width: 768px) { .searchForm .submit { top: 3px; } } @media (min-width: 1280px) { .searchForm .submit { top: 6px; } } .searchForm .submit:before { content: ''; display: block; position: absolute; width: 120%; height: 120%; right: -20%; top: -10%; } .nonTouch .searchForm .submit:hover { color: #f36521; } @media (min-width: 768px) { .searchForm.mobileOnly { display: none; } } .postLists article { margin-bottom: 50px; font-size: 16px; line-height: 1.4; } @media (min-width: 1280px) { .postLists article { margin-bottom: 60px; } } @media (min-width: 1890px) { .postLists article { font-size: 17px; margin-bottom: 75px; } } .postLists article figure { width: 100%; padding-bottom: 60%; position: relative; } @media (min-width: 768px) { .postLists article figure { padding-bottom: 45%; } } @media (min-width: 1024px) { .postLists article figure { padding-bottom: 36%; } } @media (min-width: 1280px) { .postLists article figure { padding-bottom: 25%; } } .postLists article figure .img { position: absolute; top: 0; bottom: 0; color: transparent; font-size: 0; } .postLists article .content { background: #fff; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1); position: relative; margin: -34% 20px 0; padding: 20px; z-index: 2; } @media (min-width: 1024px) { .postLists article .content { margin: -16% 20px 0; } } @media (min-width: 1024px) { .postLists article .content { margin: -14% 25px 0; padding: 25px; } } @media (min-width: 1280px) { .postLists article .content { margin: -50px 33px 0; padding: 27px 32px; } } .postLists article .content > a { color: #d6be98; border-bottom: 1px solid; display: table; margin-left: auto; margin-bottom: 5px; transition: all 0.1s; } .nonTouch .postLists article .content > a:hover { color: #f36521; } .postLists article h3 { line-height: 1.3; text-transform: uppercase; margin: 0 0 20px; } @media (min-width: 1024px) { .postLists article h3 { font-size: 23px; } } @media (min-width: 1600px) { .postLists article h3 { font-size: 24px; } } @media (min-width: 1890px) { .postLists article h3 { font-size: 27px; } } .postLists article h3 a { color: #333; transition: all 0.1s; } .nonTouch .postLists article h3 a:hover { color: #f36521; } .postLists article h3 address { color: #a1a1a1; display: block; font-size: 94%; font-weight: 300; font-style: normal; width: 80%; } @media (min-width: 768px) { .postLists article h3 address { font-size: 70%; } } @media (min-width: 1600px) { .postLists article h3 address { font-size: 65%; } } .postLists article p { color: #5f5f5f; margin: 0 0 16px; } @media (min-width: 768px) { .blogsSection { display: flex; justify-content: space-between; } } @media (min-width: 1280px) { .blogsSection { margin-bottom: 40px; } } @media (min-width: 768px) { .blogsSection .blogsSectionContent { width: 60%; flex: 1 1 60%; padding-right: 40px; } } @media (min-width: 1280px) { .blogsSection .blogsSectionContent { padding-right: 60px; } } .blogsSection aside { padding: 0 20px 60px; position: relative; } @media (min-width: 768px) { .blogsSection aside { width: 285px; flex: 0 1 285px; padding-left: 0; padding-right: 0; } } @media (min-width: 1600px) { .blogsSection aside { width: 310px; flex-basis: 310px; } } @media (min-width: 768px) { .blogsSection aside .sidebarWrap.sticky { width: 285px; position: fixed; top: 10px; } } @media (min-width: 1600px) { .blogsSection aside .sidebarWrap.sticky { width: 310px; } } .blogsSection aside .searchForm { display: none; } @media (min-width: 768px) { .blogsSection aside .searchForm { display: block; margin-bottom: 50px; } } .blogsSection aside h4 { font-size: 18px; text-transform: uppercase; margin-bottom: 8px; } @media (min-width: 1024px) { .blogsSection aside h4 { font-size: 20px; } } @media (min-width: 1280px) { .blogsSection aside h4 { font-size: 22px; } } @media (min-width: 1890px) { .blogsSection aside h4 { font-size: 23px; } } .singleBlogPage .blogsSection aside { padding-left: 0; padding-right: 0; } .tagsList { margin-bottom: 40px; } @media (min-width: 768px) { .tagsList { margin-bottom: 50px; } } .tagsList nav { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -6px; } .tagsList nav a { flex: 1 1 auto; text-align: center; margin: 6px; padding: 8px 25px; font-size: 15px; border-radius: 50px; transition: all 0.1s; } @media (min-width: 1024px) { .tagsList nav a { font-size: 16px; padding: 10px 25px; } } @media (min-width: 1890px) { .tagsList nav a { font-size: 17px; padding: 12px 27px; } } .tagsList nav a:nth-child(even) { margin-left: 8px; } .tagsList nav a:nth-last-child(odd) { flex-grow: 0; } .nonTouch .tagsList nav a:hover { color: #f36521; } .feedsList a { border-bottom: 1px solid; display: inline-block; font-size: 16px; margin-right: 12px; vertical-align: top; transition: all 0.1s; } @media (min-width: 1280px) { .feedsList a { font-size: 18px; } } .nonTouch .feedsList a:hover { color: #f36521; } /* Single Post page */ .singleBlogPage h1 { font-size: 22px; text-align: left; padding: 15px 0 20px; } @media (min-width: 768px) { .singleBlogPage h1 { font-size: 23px; } } @media (min-width: 1024px) { .singleBlogPage h1 { font-size: 25px; } } @media (min-width: 1280px) { .singleBlogPage h1 { font-size: 28px; } } @media (min-width: 1600px) { .singleBlogPage h1 { font-size: 30px; } } @media (min-width: 1890px) { .singleBlogPage h1 { font-size: 32px; } } .singleBlogPage h1 address { color: #a1a1a1; display: block; font-size: 12px; font-weight: 300; font-style: normal; margin-top: 4px; text-transform: uppercase; } @media (min-width: 768px) { .singleBlogPage h1 address { font-size: 13px; } } @media (min-width: 1600px) { .singleBlogPage h1 address { font-size: 14px; } } .singleBlogPage .articleHead { margin-bottom: 15px; } .singleBlogPage .articleHead figure { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); } .singleBlogPage .articleHead figure img, .singleBlogPage .articleHead figure iframe, .singleBlogPage .articleHead figure video { object-fit: cover; display: block; width: 100%; } @media (min-width: 768px) { .singleBlogPage .articleHead figure { box-shadow: 0px 17px 34px rgba(0, 0, 0, 0.25); margin-bottom: 40px; } } @media (min-width: 1600px) { .singleBlogPage .articleHead figure { box-shadow: rgba(0, 0, 0, 0.3) 0px 20px 50px 0px; margin-bottom: 50px; } } @media (min-width: 768px) { .singleBlogPage .articleHead { margin-bottom: 30px; } } @media (min-width: 1600px) { .singleBlogPage .articleHead { margin-bottom: 45px; } } .singleBlogPage .breadcrumb { padding-bottom: 10px; } @media (min-width: 768px) { .singleBlogPage .singleBlog { margin-bottom: 30px; } } .singleBlogPage .content { font-size: 15px; } @media (min-width: 768px) { .singleBlogPage .content { font-size: 16px; } } @media (min-width: 1600px) { .singleBlogPage .content { font-size: 17px; } } @media (min-width: 1890px) { .singleBlogPage .content { font-size: 18px; } } .singleBlogPage .content h1 { font-size: 1.65em; text-transform: none; } .singleBlogPage .content h2, .singleBlogPage .content h3 { font-size: 1.4em; text-transform: none; } .singleBlogPage .content h4, .singleBlogPage .content h5 { font-size: 1.2em; } .singleBlogPage .content p { margin: 1.6em 0; } .singleBlogPage .content a { border-bottom: 1px solid; transition: all 0.1s; } .nonTouch .singleBlogPage .content a:hover { color: #f36521; } .singleBlogPage .content ul { margin-bottom: 2em; } .singleBlogPage .content ul li { padding-left: 16px; position: relative; margin-bottom: 4px; } .singleBlogPage .content ul li:before { content: '\e906'; display: inline-block; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 2px; top: 0; font-size: 75%; line-height: 1.7; color: #f79929; text-shadow: -1px 0 0; } .singleBlogPage .content ol { margin-bottom: 2em; padding-left: 17px; } .singleBlogPage .content ol li { position: relative; margin-bottom: 4px; } .post-edit-link { display: none !important; } /* Searc content */ h2.searchTitle { padding: 0px 0 16px; margin: 0; } h2.searchTitle > span { display: inline-block; } h2.searchTitle span:first-child { color: #d1d1d1; font-size: 14px; font-weight: 700; } h2.searchTitle .search-terms { color: #555555; font-size: 30px; font-weight: 400; } @media (min-width: 1024px) { h2.searchTitle { font-size: 25px; font-weight: 700; } h2.searchTitle span:first-child, h2.searchTitle .search-terms { font-size: inherit; font-weight: 600; display: inline-block; vertical-align: middle; } } @media (min-width: 1600px) { h2.searchTitle { font-size: 28px; } } @media (min-width: 1890px) { h2.searchTitle { font-size: 30px; } } .searchList { margin-bottom: 50px; } .searchItem { border-bottom: 1px solid #eee; padding: 2.4em 0; font-size: 15px; } @media (min-width: 1600px) { .searchItem { font-size: 16px; } } .searchItem h4 { font-size: 20px; text-transform: uppercase; font-weight: 400; margin: 0; padding: 0; } .searchItem h4 a { color: #333; transition: all 0.1s; } .nonTouch .searchItem h4 a:hover { color: #f36521; } @media (min-width: 1600px) { .searchItem h4 { font-size: 22px; } } .searchItem p { margin: 0.9em 0 0; line-height: 1.5; font-weight: 600; color: #a1a1a1; font-size: 1em; } @media (min-width: 1600px) { .searchItem p { font-size: 1.1em; } } .searchItem .badge { background: #3797d6; font-size: 11px; display: inline-block; vertical-align: middle; padding: 4px 10px 3px; color: #fff; border-radius: 30px; line-height: 1; position: relative; top: -1px; } .searchItem .badge.badge-post { background: #555; } .searchItem .badge.badge-page { background: #f36721; } .pagination { display: table; margin: 0 auto 40px; } .pagination > a, .pagination > span { background: #dedede; color: #868282; border-radius: 30px; display: inline-block; vertical-align: top; font-size: 14px; padding: 7px 13px; margin: 0 5px; } .pagination > a { transition: all 0.1s; } .nonTouch .pagination > a:hover { background: #f26521; color: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); transform: translateY(-3px); } .nonTouch .pagination > a:active { transition: all 0s; box-shadow: 0 0 0 rgba(0, 0, 0, 0); transform: translateY(0px); } .pagination > .current { background: #f26521; color: #fff; } .careerList { padding:0 10px; margin-bottom:40px; color:#333 } @media (min-width:600px) { .careerList { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap } } @media (min-width:1280px) { .careerList { padding:0 } } .careerList .listItem { display:block; color:inherit } @media (min-width:600px) { .careerList .listItem { width:49%; margin:0 .5% 1% } } @media (min-width:1024px) { .careerList .listItem { width:32.8%; margin:0 .25% .5% } } .careerList .listItem ul { position:relative; color:#a1a1a1; font-size:14px } @media (min-width:1280px) { .careerList .listItem ul { font-size:16px } } .careerList .listItem ul li { margin-bottom:5px } ul { margin-left: 0; margin-bottom:5px; padding-bottom:5px; } li { margin-left: 0; margin-top:5px; }