/* Theme Name: The Recruitment Outline v1.0 Theme URI: http://www.singularrecruitment.com Author: Outlines Design Limited Author URI: http://www.outlinesdesign.com Description: The Recruitment Outline v1.0 Version: 1.0 */ /*----- CSS Import -----*/ @import url('https://singularrecruitment.com/wp-content/themes/custom-theme/css/foundation.css'); @import url('https://singularrecruitment.com/wp-content/themes/custom-theme/css/foundation-icons.css'); /* font-family: 'josefin_sanslight'; background: #111; color: #111; background: #111; color: #111; */ /*----- Fonts: Metropolis -----*/ @font-face { font-family: 'Metropolis'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Regular.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Regular.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'Metropolis-bold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Bold.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Bold.woff') format('woff'); font-weight: bold; font-style: normal;} @font-face { font-family: 'Metropolis-light'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Light.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/metropolis/Metropolis-Light.woff') format('woff'); font-weight: 300; font-style: normal;} /*-----*/ /*----- Fonts: Montserrat -----*/ @font-face { font-family: 'montserrateultralight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-ultralight-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-ultralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'montserratregular'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'montserratbold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'montserratblack'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-black-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/montserrat/montserrat-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} /*-----*/ /*----- Fonts: Open Sans -----*/ @font-face { font-family: 'open_sanslight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'open_sansregular'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'open_sanssemibold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'open_sansbold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal;} /*-----*/ /*----- Fonts: Poppins -----*/ @font-face { font-family: 'poppinsbold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'poppinsitalic'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-italic-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'poppinslight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-light-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/poppins/poppins-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} /*-----*/ /*----- Fonts: Roboto -----*/ @font-face { font-family: 'roboto_condensedlight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-light-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'roboto_condensedlight_italic'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-lightitalic-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'roboto_condensedbold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'roboto_condensedbold_italic'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-bolditalic-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/roboto/robotocondensed-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} /*-----*/ /*----- Fonts: Source Sans -----*/ @font-face { font-family: 'source_sans_prolight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'source_sans_proregular'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'source_sans_problack'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg'); font-weight: normal; font-style: normal;} @font-face { font-family: 'source_sans_probold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.eot'); src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.woff') format('woff'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.ttf') format('truetype'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/source-sans/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal;} /*-----*/ @font-face { font-family: 'josefin_sansregular'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-regular-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'josefin_sansthin'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-thin-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'josefin_sanslight'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-light-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} @font-face { font-family: 'josefin_sansbold'; src: url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-bold-webfont.woff2') format('woff2'), url('https://singularrecruitment.com/wp-content/themes/custom-theme/fonts/josefinsans-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} /*----- Utility Styles -----*/ body { background: #111; font-family: 'josefin_sanslight'; color: #111; /* padding-top: 10em; */ padding-top: 6em;} h1, h2, h3, h4, h5, h6 { font-family: 'josefin_sanslight'; margin: 0 0 1em 0; color: #111;} h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; font-size: 80%; color: #111;} p, ul, ol, label { font-family: 'josefin_sanslight'; color: #111; font-size: 1.125em;} strong { font-family: 'josefin_sansbold';} em { font-style: italic;} p.inline { display: inline-block;} /*-----*/ /*-- Positioning --*/ .clear { clear: both;} .relative { position: relative;} .top-button { z-index: 99999; position: fixed; bottom: 10px; right: 10px; margin: 0;} .nudge { position: relative; top: 3px;} .desktop-text-left { text-align: left!important;} .desktop-text-right { text-align: right!important;} /*-----*/ /*-- Display --*/ .mobile, #archive li { display: none;} /*-----*/ /*-- Links & Buttons --*/ a { color: #00b0b3; font-family: 'josefin_sansbold'; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} a:hover, a:active, a:focus { color: #111; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} a.button { background: none; border: 2px solid #00b0b3; border-radius: 0; color: #00b0b3; font-family: 'josefin_sansbold'; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} a.button:hover, a.button:active, a.button:focus { background: #00b0b3; border: 2px solid #00b0b3; color: #fff; outline: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} input[type=submit] { background: none; border: 2px solid #00b0b3; border-radius: 0; color: #00b0b3; padding: 1em 2em; cursor: pointer; font-family: 'josefin_sansbold'; font-size: 1rem; text-transform: uppercase; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { background: #00b0b3; border: 2px solid #00b0b3; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} /*-----*/ /*-- Form Fields --*/ input[type=text], input[type=email], textarea, select { background-color: #fff; border: 2px solid #ccc; color: #111; box-shadow: none; font-size: 1em; font-family: 'josefin_sanslight'; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} input[type=text]:focus, input[type=email]:focus, textarea:focus { background: #f5f5f5; border: 2px solid #00b0b3; color: #111; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} textarea { min-height: 10em;} /*-----*/ /*-- Tables --*/ table { overflow: scroll; background: #fff; border: 5px solid #f5f5f5; width: 100%;} table thead { background: #f5f5f5;} table tfoot { background: #fff;} table tr th, table tr td {} table tr th {} table tr td {} table tr.even, table tr.alt, table tr:nth-of-type(even) { background: ;} /*-----*/ /*-- Widths --*/ .fullWidth { max-width: 100%!important;} a.fullWidthImage, img.fullWidthImage, div.fullWidthImage input[type=submit] { width: 100%!important;} /*-----*/ /*-- Images --*/ .icon { width: 100px;} .icon2 { width: 200px;} .livicon-evo { display: inline-block!important;} img.overlap-image { position: relative; top: -150px; margin-bottom: -150px;} /*-----*/ /*-- Lists --*/ ul.noBullets { margin: 0 auto; padding: 0;} ul.noBullets li { display: block; margin: 0; padding: 0;} .inline ul, ul.inline { display: inline-block; margin: 0 auto; padding: 0; line-height: 1em;} .inline ul li, ul.inline li { display: inline-block; margin: 0 1em 0 0; padding: 0;} .text-right ul.inline li { margin: 0 0 0 1em;} ul.social { z-index: 99999; position: fixed; top: 45%; left: 0; margin: 0; padding: 0;} ul.social li { display: block; margin-bottom: 5px;} [class*="block-grid-"] { margin: 0!important;} ul.archives li { display: inline-block; margin: 0 0 1em 0; padding: 0;} ul.archives li:after { content: "|";} ul.archives li:last-child:after { content: "";} ul.archives li a { padding: 0 1em;} /*-----*/ /*-- Padding --*/ .padding { padding: 3em;} .more-padding { padding: 5em;} .less-padding { padding: 2em;} .even-less-padding { padding: 1em;} .padding-x { padding: 0 2em!important;} .padding-y { padding: 2em 0;} .less-padding-y { padding: 1em 0;} .more-padding-y { padding: 5em 0;} .even-more-padding-y { padding: 10em 0;} .banner-padding-y { padding: 15em 0;} .archive-padding-y { padding: 10em 0 2em 0;} .padding-top { padding-top: 1em!important;} .more-padding-top { padding-top: 2em!important;} .padding-bottom { padding-bottom: 1em!important;} .padding-left { padding-left: 1em!important;} .padding-right { padding-right: 1em!important;} .no-padding { padding: 0!important;} /*-----*/ /*-- Margin --*/ .margin { margin: 3em;} .less-margin { margin: 2em;} .even-less-margin { margin: 1em;} .margin-x { margin: 0 2em;} .margin-y { margin: 2em 0;} .margin-top { margin-top: 2em!important;} .margin-bottom { margin-bottom: 2em!important;} .more-margin-bottom { margin-bottom: 5em!important;} .less-margin-bottom { margin-bottom: 1em!important;} .even-less-margin-bottom { margin-bottom: 0.5em!important;} .margin-left { margin-left: 2em!important;} .margin-right { margin-right: 2em!important;} .no-margin { margin: 0!important;} /*-----*/ /*-- Borders --*/ .border-top { border-top: 5px solid #66cccc;} .border-bottom { border-bottom: 5px solid rgba(255,255,255,0.25);} .border-right { border-right: 1px solid #e0e0e0;} .border { border-bottom: 5px solid #e5e5e5;} /*-----*/ /*-- Page Margins --*/ #page h3, #page h4 { margin: 2em 0 1em 0;} #page h3:first-child, #page h4:first-child { margin: 0 0 1em 0;} /*-----*/ /*-- Panels --*/ .panel { background: #f5f5f5; border: 1px solid #e0e0e0;} .panel h2, .panel h3, .panel h4, .panel h5 { margin: 0 0 1em 0;} /*-----*/ /*----- Contact Form 7 Styles -----*/ .screen-reader-response, .wpcf7-not-valid-tip, .wpcf7-response-output { font-family: 'josefin_sanslight'; color: #111;} span.wpcf7-list-item, input[type="checkbox"] { margin: 0!important;} footer .screen-reader-response, footer .wpcf7-not-valid-tip, footer .wpcf7-response-output { color: #fff;} /*-----*/ /*----- Cookie Notice Styles -----*/ .cc_container { background: #fff!important; border-top: 1px solid #e0e0e0!important; font-size: 1.125em!important;} .cc_container .cc_message { color: #111!important; font-size: 1.125em!important;} .cc_container a, .cc_container a:visited { color: #00b0b3!important;} .cc_container a:hover, .cc_container a:active, .cc_container a:focus { color: #111!important;} .cc_container .cc_btn, .cc_container .cc_btn:visited { background: none!important; border: 2px solid #00b0b3!important; border-radius: 0!important; color: #00b0b3!important; font-family: 'josefin_sansbold'!important; -webkit-transition: all 0s ease-in-out!important; -moz-transition: all 0s ease-in-out!important; -o-transition: all 0s ease-in-out!important; transition: all 0s ease-in-out!important;} .cc_container .cc_btn:hover, .cc_container .cc_btn:active, .cc_container .cc_btn:focus { background: #00b0b3!important; border: 2px solid #00b0b3!important; color: #fff!important; -webkit-transition: all 0s ease-in-out!important; -moz-transition: all 0s ease-in-out!important; -o-transition: all 0s ease-in-out!important; transition: all 0s ease-in-out!important;} /*-----*/ /*----- Icon Animations -----*/ @-webkit-keyframes scale { 0% {transform:scale(1.0,1.0);} 50% {transform:scale(1.2,1.2);} 100% {transform:scale(1.0,1.0);} } .loader { z-index: 1; position: absolute; top: 35%; left: 48%; border: 5px solid #f5f5f5; /* Light grey */ border-top: 5px solid #111; border-radius: 50%; width: 70px; height: 70px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media only screen and (max-width: 40.063em) { .loader { display: none;} } /*-----*/ /*----- Row Styles -----*/ /*-- Row Style | Video Background --*/ .fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -100;} .fullscreen-bg__video { position: absolute; top: 0; left: 0; width: 100%;} /*-- Row Style | Background Image --*/ .background-image { background-size: 100%!important; background-attachment: fixed!important;} .background-image-left, .background-image-right { background-size: 75%!important; background-attachment: scroll!important;} .background-image h1, .background-image h2, .background-image h3, .background-image h4, .background-image h5, .background-image h6, .background-image p, .background-image ul, .background-image o1, .background-image a { color: #fff;} /*-- Row Style | Solid Colour --*/ .white { background: #fff;} .grey { background: #f5f5f5;} .dark-grey { background: #666;} .charcoal { background: #222;} .black { background: #111;} .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text ul, .white-text o1, .white-text label { color: #fff;} .white-text a:hover, .white-text a:active, .white-text a:focus { color: #66cccc; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */} .white-text a.button { background: none; border: 2px solid #fff; color: #fff;} .white-text a.button:hover, .white-text a.button:active, .white-text a.button:focus { background: #fff; border: 2px solid #fff; color: #111; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */} .white-text input[type=text], .white-text input[type=email], .white-text textarea, .white-text select { background-color: #fff; border: 2px solid #fff; color: #111;} .white-text input[type=text]:focus, .white-text input[type=email]:focus, .white-text textarea:focus { background: #f5f5f5; border: 2px solid #66cccc; color: #111;} .white-text ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #111; } .white-text ::-moz-placeholder { /* Firefox 19+ */ color: #111; } .white-text :-ms-input-placeholder { /* IE 10+ */ color: #111; } .white-text :-moz-placeholder { /* Firefox 18- */ color: #111; } /*-- Row Style | Overlay Colour --*/ .white-overlay { background: rgba(255, 255, 255, 0.9);} .grey-overlay { background: rgba(245, 245, 245, 0.9);} .black-overlay { background: rgba(0, 0, 0, 0.5);} .black-overlay input[type=submit] { background: none; border: 2px solid #fff; color: #fff;} .black-overlay input[type=submit]:hover, .black-overlay input[type=submit]:active, .black-overlay input[type=submit]:focus { background: #fff; border: 2px solid #fff; color: #111; opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */} .white-left-gradient { background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */} .white-right-gradient { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */} .grey-left-gradient { background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(245,245,245,1) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=1 ); /* IE6-9 */} .grey-right-gradient { background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */} .black-left-gradient { background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */} .black-right-gradient { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */} /*-----*/ /*----- Footer Styles -----*/ footer { background: #111; width: 100%;} footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer ul, footer ol { color: #fff;} footer a:hover, footer a:active, footer a:focus { color: #66cccc; opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */} footer p.small { font-size: 80%;} /*-----*/ /*----- Media Styles -----*/ @media only screen and (max-width: 1920px) { .banner-padding-y { padding: 15em 0;} } @media only screen and (max-width: 64.063em) { .background-image, .background-image-left, .background-image-right { background-size: 150%!important; background-attachment: scroll!important;} [class*=block-grid-]>li { width: 100%;} .bg { background: none!important;} } @media only screen and (max-width: 40.063em) { body { padding-top: 6em;} .desktop, ul.social { display: none!important;} .mobile { display: block;} .mobile-center { text-align: center;} .padding, .more-padding { padding: 2em;} .padding-y, .more-padding-y , .even-more-padding-y { padding: 2em 0;} .banner-padding-y { padding: 5em 0;} .margin-right { margin-right: 0!important;} .inline ul li, ul.inline li { margin: 0 0.5em;} [class*="block-grid-"] > li { float: none; width: auto; margin: 0 auto; padding: 0;} .white-left-gradient, .white-right-gradient { background: rgba(255, 255, 255, 0.9);} .grey-left-gradient, .grey-right-gradient { background: rgba(245, 245, 245, 0.9);} .black-left-gradient, .black-right-gradient { background: rgba(0, 0, 0, 0.7);} .desktop-text-left, .desktop-text-right { text-align: center!important;} .sub-footer img.icon { margin: 0!important;} .sub-footer p.inline { display: block!important; margin-bottom: 3em;} footer .inline ul { display: block; width: 100%;} footer .inline ul li { display: block; margin: 0 0 1em 0;} } /*-----*/ /*----- Nav Styles -----*/ .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: none;} .menu-animate { z-index: 99999; position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,1); /* min-height: 10em; */ min-height: 6em; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .menu-animate.smaller { position: fixed; top: 0; background: rgba(255,255,255,1); min-height: 6em; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.125); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.125); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.125); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .top-bar { height: 6em; line-height: 6em;} .top-bar .name { height: 6em;} .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span { line-height: 5em;} .top-bar .name h1 a { width: auto; padding: 0;} .menu-animate img.logo-white { display: block;} .menu-animate img.logo-black { display: none;} .menu-animate.smaller img.logo-white { display: none;} .menu-animate.smaller img.logo-black { display: block;} .title-area img { position: relative; top: 5px; left: 10px; width: auto; height: 8.5em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .menu-animate.smaller .title-area img { height: 5em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} /* Center Aligned Logo .top-bar .title-area, .top-bar-section { float: none; display: inline-block; zoom: 1;} */ /* Center Aligned Menu */ .top-bar-section .centered-menu ul li { float: none; display: inline-block; *display: inline; zoom: 1;} .top-bar-section ul { display: block;} .top-bar-section ul li { margin: 0; padding: 0 1em;} .menu-animate .top-bar-section ul li > a { font-family: 'josefin_sansbold'; font-size: 1em; text-transform: uppercase; color: #666;} .menu-animate .top-bar-section li:not(.has-form) a:not(.button) { text-align: center; line-height: 10em; border-bottom: 2px solid rgba(102,102,102,0); margin: 0; padding: 0;} .menu-animate .top-bar-section ul li:hover:not(.has-form) > a, .menu-animate .top-bar-section li:not(.has-form) a:not(.button):hover, .menu-animate .top-bar-section li:not(.has-form) a:not(.button):active, .menu-animate .top-bar-section li:not(.has-form) a:not(.button):focus, .menu-animate .top-bar-section li.active:not(.has-form) a:not(.button), .menu-animate .top-bar-section li.active:not(.has-form) a:not(.button):hover, .menu-animate .top-bar-section li.active:not(.has-form) a:not(.button):active, .menu-animate .top-bar-section li.active:not(.has-form) a:not(.button):focus, .menu-animate .top-bar-section .menu-main-container ul.menu li.current-menu-item a, .menu-animate .top-bar-section .menu-main-container ul.menu li.current_page_item a { background: none; border-bottom: 2px solid rgba(102,102,102,1); color: #666;} .menu-animate.smaller .top-bar-section li:not(.has-form) a:not(.button) { line-height: 6em;} /* Menu padding correction for mobile menu */ .menu-animate .columns { padding-left: 0; padding-right: 0;} .top-bar .toggle-topbar.menu-icon a { font-family: 'josefin_sanslight'; font-weight: normal; color: #111;} .top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #111, 0 7px 0 1px #111, 0 14px 0 1px #111;} .top-bar.expanded .title-area { background: none;} .top-bar-section .menu-main-container ul.menu li ul.sub-menu { display: none;} @media only screen and (max-width: 64.063em) { .top-bar-section ul li { margin: 0; padding: 0 0.5em;} } @media only screen and (max-width: 40.063em) { header { display: none;} .menu-animate, .menu-animate.smaller { position: fixed; top: 0; background: rgba(255,255,255,1); min-height: 6em;} .menu-animate img.logo-white, .menu-animate.smaller img.logo-white { display: none;} .menu-animate img.logo-black, .menu-animate.smaller img.logo-black { display: block;} .menu-animate .top-bar-section li:not(.has-form) a:not(.button), .menu-animate.smaller .top-bar-section li:not(.has-form) a:not(.button) { line-height: 6em;} /* Center Aligned on Mobile */ .top-bar-section ul li > a, .top-bar-section .centered-menu ul li > a { padding-left: 0;} /* Main Menu Search Correction for Mobile */ .top-bar .toggle-topbar.menu-icon a { margin-right: 30px;} .right { float: none!important;} } /*----- Main Menu Search -----*/ /* Fix for Search with contemporary menu style .menu-main-container { margin-right: 60px;} */ .main-menu-search { position: relative; height: 0;} .main-menu-search input[type=search] { z-index: 9999999; position: relative; top: -1000px; background: #fff; border: 0; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; font-size: 1rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .main-menu-search input[type=search]:focus { top: 0; padding: 2em 1em; border: 2px solid #00b0b3; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .main-menu-search label { z-index: 999; position: fixed; /* top: 60px; */ top: 30px; right: 25px; color: #00b0b3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .menu-animate.smaller .main-menu-search label { top: 30px; right: 25px; color: #00b0b3; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} @media only screen and (max-width: 40.063em) { /* Mobile fix for Search with contemporary menu style */ .menu-main-container { margin-right: 0;} .main-menu-search label, .menu-animate.smaller .main-menu-search label { top: 30px; right: 15px; color: #00b0b3;} } /*----- Main Menu Slide -----*/ .main-menu-slide { position: absolute; height: 0;} img.main-menu-slide-logo { z-index: 999; position: fixed; top: 5px; left: 10px; /* height: 9em; */ height: 5.5em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .menu-animate.smaller img.main-menu-slide-logo { height: 5.5em; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .main-menu-slide label { z-index: 999999; position: fixed; /* top: 60px; */ top: 30px; right: 65px; color: #666; font-size: 1rem; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .menu-animate.smaller .main-menu-slide label { top: 30px;} .main-menu-slide input[type=checkbox] { display: none;} .main-menu-slide-container { z-index: 9999; text-align: center; position: fixed; top: 0; right: -300px; background: #00b0b3; width: 250px; height: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .main-menu-slide-container ul { display: block; margin: 5em 0 0 0; padding: 0;} .main-menu-slide-container ul li { display: block; margin: 0; padding: 0;} .main-menu-slide-container ul li a { display: block; padding: 1em; color: #fff;} .main-menu-slide-container ul li a:hover, .main-menu-slide-container ul li a:active, .main-menu-slide-container ul li a:focus { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */} .main-menu-slide input[type=checkbox]:checked + .main-menu-slide-container { top: 0; right: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .container { display: inline-block; cursor: pointer;} .bar1, .bar2, .bar3 { display: block; width: 25px; height: 2px; background-color: #00b0b3; margin: 6px 0; transition: 0.4s;} .menu-animate.smaller .bar1, .menu-animate.smaller .bar2, .menu-animate.smaller .bar3 { background-color: #00b0b3;} .change .bar1, .menu-animate.smaller .change .bar1 { background-color: #fff; -webkit-transform: rotate(-45deg) translate(-5px, 5px); transform: rotate(-45deg) translate(-5px, 5px);} .change .bar2, .menu-animate.smaller .change .bar2 { background-color: #fff; opacity: 0;} .change .bar3, .menu-animate.smaller .change .bar3 { background-color: #fff; -webkit-transform: rotate(45deg) translate(-6px, -6px); transform: rotate(45deg) translate(-6px, -6px);} @media only screen and (max-width: 40.063em) { .main-menu-slide label, .menu-animate.smaller .main-menu-slide label { top: 30px; right: 50px;} img.main-menu-slide-logo, .menu-animate.smaller img.main-menu-slide-logo { height: 5.5em;} } /*-----*/ .masonry { column-count: 4; column-gap: 1em;} @media only screen and (max-width: 64.063em) { .masonry { column-count: 2; column-gap: 1em;} } @media only screen and (max-width: 40.063em) { .masonry { column-count: 1; column-gap: 1em;} } /*-----*/ /*----- Search & Filter Styles -----*/ .searchandfilter ul { display: block!important; margin: 0; padding: 0;} .searchandfilter li { display: block; width: 100%; padding: 0!important;} .searchandfilter input[type=text], .searchandfilter select { width: 100%; margin: 0 0 1em 0;} .searchandfilter input[type=submit] { width: 100%;} /*-----*/ ul.team { margin: 0 0 2em 0; padding: 0;} ul.team li { display: inline-block;} ul.team li div.circle { display: block; overflow: hidden; border-radius: 1000px; width: 200px; height: 200px; margin: 0 2em 2em 2em; padding: 0;} ul.team li div.circle img { width: 100%;} ul.team-page li { padding: 20em 0 2em 0;} ul.team-page li h3, ul.team-page li h4, ul.team-page li h5 { display: inline-block; background: rgba(0,0,0,0.5); margin: 0; padding: 1em 5em 1em 1em; color: #fff;} div.circular-image { display: block; overflow: hidden; border-radius: 1000px; width: 200px; height: 200px; margin: 0 0 2em 0; padding: 0;} div.circular-image img { width: 100%;} /*-----*/ /*----- Reveal Modal Styles -----*/ .reveal-modal .close-reveal-modal, dialog .close-reveal-modal { position: fixed; top: 0.5em; right: 0.5em; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: #fff;} .reveal-modal-bg { z-index: 99999; position: fixed; background: rgba(0, 0, 0, 0.85);} .reveal-modal, dialog { z-index: 999999; position: fixed; top: 0!important; background: none; box-shadow: none; padding-top: 5em;} .reveal-modal h2, .reveal-modal h3, .reveal-modal h4, .reveal-modal h5, .reveal-modal h6, .reveal-modal p, .reveal-modal ul, .reveal-modal ol { color: #fff;} .reveal-modal, dialog { width: 95vw; max-height: 100%!important; border: 0; border-radius: 0; -webkit-border-radius: 0;} .reveal-modal.large, dialog.large { width: 100%; max-width: 100%;} @media only screen and (max-width: 64.063em) { .reveal-modal { overflow-y: scroll;} .reveal-modal::-webkit-scrollbar { display: none;} } /*-----*/ /*-- Blockquotes --*/ blockquote { background: #f5f5f5 url('https://singularrecruitment.com/wp-content/themes/custom-theme/img/quote.png') 40px 20px no-repeat; border-left: 5px solid #111; padding: 170px 3em 3em 3em;} /*-----*/ /*----- WP Category Styles -----*/ .categories, .categories ul li { display: block; margin: 0; padding: 0; font-family: 'josefin_sanslight';} .categories ul { display: block; margin: 1em 0 0 0; padding: 0;} .categories ul li a { display: block; border-bottom: 1px solid #e0e0e0; margin: 0;} .categories ul li a { padding: 1em; color: #111; font-family: 'josefin_sanslight'; font-size: 1rem;} .categories ul li a:hover, .categories ul li a:focus, .categories ul li.current-cat > a { background: rgba(0, 0, 0, 0.025); color: #111;} /*-----*/ /*----- Ticker -----*/ @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;} 100% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0);} } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;} 100% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0);} } .ticker-wrap { position: relative; overflow: hidden; width: 100%;} .ticker { display: inline-block; white-space: nowrap; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 120s; animation-duration: 120s;} .ticker__item { display: inline-block; padding: 0;} .ticker__item img { height: 200px; /* -webkit-filter: grayscale(100%); filter: grayscale(100%); */} .inset-shadow { -webkit-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,0.1);} /*-----*/ .vidone { display: block;} .vidtwo { display: none;} /*----- Media Styles -----*/ @media only screen and (max-width: 64.063em) { .tablet { display: none;} .vidone { display: none;} .vidtwo { display: block;} } /*-----*/ h2.larger, #mobile-first h2 { font-size: 3em!important;} @media only screen and (max-width: 40.063em) { h2.larger, #mobile-first h2 { font-size: 2em!important;} } /*-----*/ /*----- Carousel Styles -----*/ .orbit-timer, .orbit-slide-number { display: none;} .orbit-bullets-container { position: relative; top: 0; right: 0; left: 0; display: block;} .orbit-bullets { text-align: right;} .orbit-bullets li { background: none; border: 1px solid #111;} .orbit-bullets li.active { background: #111; border: 1px solid #111;} .white-text .orbit-bullets li { background: none; border: 1px solid #fff;} .white-text .orbit-bullets li.active { background: #fff; border: 1px solid #fff;} /*-----*/ /*----- Search & Filter Styles -----*/ .searchandfilter ul { display: block!important; margin: 0; padding: 0;} .searchandfilter li { display: inline-block; width: 32%; padding: 0!important; margin-right: 2%;} .searchandfilter li:nth-child(3) { margin-right: 0;} .searchandfilter li:last-child { display: block; width: 100%; padding: 0!important;} .searchandfilter input[type=text], .searchandfilter select { width: 100%; margin: 0 0 1em 0;} .searchandfilter input[type=submit] { width: 100%;} @media only screen and (max-width: 40.063em) { .searchandfilter li { display: block; width: 100%; margin: 0;} } /*-----*/ /**************************************************************************************************** * @name: LivIconsEvo.css - the styles for LivIcons (Live Icons) Evolution * @version: 2.3.XXX (XXX is a total number of icons) * @URL: https://livicons.com * @copyright: (c) 2013-2016 DeeThemes (http://codecanyon.net/user/DeeThemes) * @licenses: http://codecanyon.net/licenses/regular http://codecanyon.net/licenses/extended *****************************************************************************************************/ .livicon-evo-holder { width: 0; /*to prevent "flickering" while rendering*/ } div.livicon-evo-holder { display: block; } span.livicon-evo-holder { display: inline-block; vertical-align: middle; } .livicon-evo-holder .lievo-svg-wrapper { display: inline-block; position: relative; top: 0; left: 0; width: 100%!important; padding-bottom: 100%!important; vertical-align: middle; overflow: hidden!important; } .livicon-evo-holder svg { display: block; position: absolute; top: 0; left: 0; overflow: hidden!important; width: 100%!important; height: 100%!important; } .livicon-evo-holder svg, .livicon-evo-holder svg * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .livicon-evo-error { width: 60px; height: 60px; line-height: 60px; border: 1px solid #c94242; } .livicon-evo-error span { text-align: center; display: inline-block; vertical-align: middle; line-height: 20px; margin-top: -4px; } .livicon-evo-error acronym { font-family: Helvetica, Arial, sans-serif; font-size: 14px; cursor:help; color:#c94242; border-bottom: 1px dotted #c94242; } /* icons size can be set via media queries */ /*@media (max-width:480px) { .livicon-evo-holder { width:50px!important; } } @media (min-width: 481px) { .livicon-evo-holder { width: 200px!important; } }*/ #honeypot-field-url{display:none!important}.comment-form-cookies-consent{width:100%;overflow:hidden}.wc_apbct_email_id{display:none!important}.um-form input[type=text].apbct_special_field,input[class*=apbct].apbct_special_field,label[id*=apbct_label_id].apbct_special_field{display:none!important}.apbct-tooltip{display:none;position:inherit;margin-top:5px;left:5px;background:#d3d3d3;border-radius:5px;opacity:.9}.apbct-tooltip--text{position:sticky;background:#d3d3d3;padding:10px;border-radius:5px;width:max-content}.apbct-tooltip--arrow{position:absolute;background:#d3d3d3;width:10px;height:10px;top:-5px;left:10px;transform:rotate(135deg)}.apbct-trusted-text--div{font-size:small!important;display:inline-block;text-align:center;width:100%;margin-bottom:2pc}.apbct-trusted-text--center{font-size:small!important;display:block;text-align:center;width:100%;margin-bottom:2pc}.apbct-trusted-text--label{font-size:small!important;display:inline-block;text-align:center;width:100%;padding:5px 0 5px 0}.apbct-trusted-text--label_left{font-size:small!important;display:inline-block;text-align:left;padding:5px 0 5px 0}.apbct-trusted-text--span{display:inline-block}.apbct-popup-fade:before{content:'';background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.7;z-index:9999}.apbct-popup{position:fixed;top:20%;left:50%;padding:20px;width:360px;margin-left:-200px;background:#fff;border:1px solid;border-radius:4px;z-index:99999;opacity:1}.apbct-check_email_exist-bad_email,.apbct-check_email_exist-good_email,.apbct-check_email_exist-load{z-index:9999!important;transition:none!important;background-size:contain;background-repeat:no-repeat!important;background-position-x:right;background-position-y:center;cursor:pointer!important}.apbct-check_email_exist-load{background-size:contain;background-image:url(https://singularrecruitment.com/wp-content/plugins/cleantalk-spam-protect/css/../css/images/checking_email.gif)!important}.apbct-check_email_exist-block{position:fixed!important;display:block!important}.apbct-check_email_exist-good_email{background-image:url(https://singularrecruitment.com/wp-content/plugins/cleantalk-spam-protect/css/../css/images/good_email.svg)!important}.apbct-check_email_exist-bad_email{background-image:url(https://singularrecruitment.com/wp-content/plugins/cleantalk-spam-protect/css/../css/images/bad_email.svg)!important}.apbct-check_email_exist-popup_description{display:none;position:fixed!important;padding:2px!important;border:1px solid #e5e8ed!important;border-radius:16px 16px 0 16px!important;background:#fff!important;background-position-x:right!important;font-size:14px!important;text-align:center!important;transition:all 1s ease-out!important}@media screen and (max-width:782px){.apbct-check_email_exist-popup_description{width:100%!important}}.ct-encoded-form{display:none}.ct-encoded-form-loader{display:block;width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:ct-encoded-form-loader-spin 1s linear infinite;margin:auto}@keyframes ct-encoded-form-loader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ct-encoded-form-forbidden{display:block;border:1px solid red;padding:10px;background:#fdd;color:red;font-weight:700}.comments-area .comment-list article .comment-author{overflow:visible!important} .apbct-email-encoder-popup{width:30vw;min-width:400px;font-size:16px}.apbct-email-encoder--popup-header{font-size:16px;color:#333}.apbct-email-encoder-elements_center{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:16px!important;color:#000!important}.top-margin-long{margin-top:5px}.apbct-tooltip{display:none}.apbct-email-encoder{position:relative}.apbct-blur{filter:blur(5px);transition:filter 2s}.apbct-email-encoder.no-blur .apbct-blur{filter:none}.apbct-email-encoder-select-whole-email{-webkit-user-select:all;user-select:all}.apbct-email-encoder-got-it-button{all:unset;margin-top:10px;padding:5px 10px;border-radius:5px;background-color:#333;color:#fff;cursor:pointer;transition:background-color .3s}.apbct-ee-animation-wrapper{display:flex;height:60px;justify-content:center;font-size:16px;align-items:center}.apbct_dog{margin:0 5px;color:transparent;text-shadow:0 0 2px #aaa}.apbct_dog_one{animation-duration:1.5s;animation-iteration-count:infinite;animation-delay:0s;animation-name:apbct_dog}.apbct_dog_two{animation-duration:1.5s;animation-iteration-count:infinite;animation-delay:.5s;animation-name:apbct_dog}.apbct_dog_three{animation-duration:1.5s;animation-iteration-count:infinite;animation-delay:1s;animation-name:apbct_dog}@keyframes apbct_dog{0%{scale:100%;color:transparent;text-shadow:0 0 2px #aaa}25%{scale:200%;color:unset;text-shadow:unset}75%{scale:100%;color:transparent;text-shadow:0 0 2px #aaa}100%{scale:100%;color:transparent;text-shadow:0 0 2px #aaa}}.apbct-email-encoder--settings_example_encoded{position:relative}@media screen and (max-width:782px){.apbct-email-encoder--settings_example_encoded{position:relative;display:block}.apbct-email-encoder-popup{width:20vw;min-width:200px;font-size:16px;top:20%;left:75%}.apbct-email-encoder-elements_center{flex-direction:column!important;text-align:center}} .wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none} body{display:block}.searchandfilter p{margin-top:1em;display:inline-block}.searchandfilter ul{display:inline-block}.searchandfilter li{list-style:none;display:inline-block;padding-right:10px}.widget-area .searchandfilter li,.widget-area .searchandfilter p{display:block}.searchandfilter label{display:block}.searchandfilter h4{margin:15px 0;font-size:16px}.searchandfilter ul>li>ul:not(.children){margin-left:0}