/*
Theme name: FLYR
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {  }


/* FLYR - Gform Dropdown Field */
.gform_wrapper select {
	display: block;
	line-height: inherit !important;
	padding: 20px 22px !important;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23515253%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	-moz-appearance: none;
 	-webkit-appearance: none;
 	background-repeat: no-repeat, repeat;
 	background-position: right .7em top 50%, 0 0;
 	background-size: .65em auto, 100%;
}

/* FLYR - Landing Page Hero Section Line */
.section-hero--landing .line {
	height: 2px !important;
	margin-bottom: 33px !important;
}

/* FLYR - Author Image Stroke*/
.article-sidebar .article__profile-image img {
	border: 1px solid #efefef;
}

.featured-article .article__profile-image img {
	border: 1px solid #efefef;
}

/* FLYR - Careers Page - Open Roles Section Top Padding */
.section-jobs--filters {
	padding-top: 75px;
}

/* FLYR - Privacy and Cookie Policy Page - UL and OL Styling */
.page-id-3794 ul li, .page-id-3794 ol li {
	font-size: 18px;
	line-height: 1.5em;
}

/* FLYR - Privacy and Cookie Policy Page - H3 Margins */
.page-id-3794 h3 {
	margin: 40px 0 15px;
}

/* FLYR - Privacy and Cookie Policy Page - Table Border and Padding */
.page-id-3794 table, .page-id-3794 table tbody tr th, .page-id-3794 table tbody tr td {
	border: 1px solid #1d1729;
	padding: 10px;
	margin: 25px 0 45px;
}

/* FLYR - Privacy and Cookie Policy Page - Anchor Link Offset */
.page-id-3794 #data-we-collect, .page-id-3794 #how-we-collect-data, .page-id-3794 #cookies, .page-id-3794 #pixel-tags, .page-id-3794 #do-not-track-signals, .page-id-3794 #data-usage, .page-id-3794 #data-sharing, .page-id-3794 #aggregated-data, .page-id-3794 #third-party-sites, .page-id-3794 #international-data-transfer, .page-id-3794 #security, .page-id-3794 #retention, .page-id-3794 #children-policy, .page-id-3794 #sensitive-data, .page-id-3794 #your-rights, .page-id-3794 #complaints, .page-id-3794 #contact-information, .page-id-3794 #glossary, .page-id-3794 #request-access, .page-id-3794 #request-correction, .page-id-3794 #request-erasure, .page-id-3794 #object-to-processing, .page-id-3794 #request-restriction-of-processing, .page-id-3794 #request-transfer, .page-id-3794 #right-to-withdraw-consent {
	scroll-margin-top: 200px;
}

/* FLYR - Contact Us Page - Phone Number Header Styling */
.section-form .section__content .contacts .contact-phone-section {
	border-top: 1px solid #4361f7;
    padding-top: 50px;
	margin-top: 50px;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
.section-form .section__content .contacts {
    padding-top: 30px !important;
    margin-bottom: 30px !important;
}
.section-form .section__content .contacts .contact-phone-section {
    padding-top: 30px !important;
    margin-bottom: 30px !important;
	margin-top: 30px !important;
}
}

/* FLYR - Resource Hub - Tech Blog Code Block Styling */
code {
     overflow-x: auto;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
}

.techblog-code-block {
	background-color: #1d1729;
	padding: 25px;
	margin-bottom: 1.2em;
	font-family: monospace;
	font-size: 16px;
	color: #ffffff;
}

.techblog-code-block p {
	font-family: monospace;
	font-size: 16px;
	color: #ffffff;
}

.techblog-code-block p span.tb-green, .techblog-code-block span.tb-green {
	color: #36cfc4 !important;
}

.techblog-code-block p span.tb-blue, .techblog-code-block span.tb-blue {
	color: #3195F7 !important;
}

.techblog-code-block p span.tb-purple, .techblog-code-block span.tb-purple {
	color: #E64EFF !important;
}

.techblog-code-block p span.tb-red, .techblog-code-block span.tb-red {
	color: #FF6A35 !important;
}

.techblog-code-block p span.tb-indent-1x {
	padding-left: 30px;
}

.techblog-code-block p span.tb-indent-2x {
	padding-left: 60px;
}

.techblog-code-block p span.tb-indent-3x {
	padding-left: 90px;
}

.techblog-code-block p span.tb-indent-4x {
	padding-left: 120px;
}

/* FLYR - Resource Hub - Tech Blog Inline Code Callout Styling */
.techblog-inline-callout {
	background-color: #1d1729;
	font-family: monospace;
	font-size: 20px;
	color: #36cfc4;
	padding: 5px 2px;
}

/* FLYR - Resource Hub - Update line height on code */
.techblog-code-block p {
	line-height: 1;
}