/*!
Theme Name: PTP
Theme URI: http://underscores.me/
Author: Hotbox Studios
Author URI: http://www.hotboxstudios.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ptp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

PTP is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.text-box p + p {
	margin-top: 1rem
}

.contact .inner {
	background: #fff;
	display: inline-block;
	padding: 10px;
	max-width: 238px;
	float: right;
	margin-left: auto;	
	
}
.contact a {
	/* text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 5px #fff;
	*/
	color: #0067B1 !important;
}
.menu a {
	/*
	text-shadow: 1px 1px 2px #002139;
	*/
	background: #ffffff;
	padding: 0 8px 0 18px;
	border-radius: 10px;
	color: #0067B1;	
	display: flex;
	align-items: center;
	
}
.residential-sec ul.buttons-list {
	flex-wrap: wrap;
}
.btn-result {
	margin-left: 0
}
.buttons-list li:last-child {
	margin-right: 0px;
}
@media (min-width: 800px)
{
	.residential-sec ul.buttons-list {
		flex-wrap: nowrap
	}
	.btn-result {
		margin-left: 10px
	}
	.buttons-list li:last-child {
		margin-right: 10px;
	}	
	
}

@media (max-width: 585px)
{	
	
	body {
		overflow-x: hidden
	}
	.splide__arrows {
		display: none !important
	}
	.search-form {
		max-width: 80vw;		
	}
	
	.icons {
		position: fixed;
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		transform: translate(0, 0);
		z-index: 100;
		background: #fff;
		width: 100%;		
	}
	.icons ul {
		display: flex;
		justify-content: space-between;
		
	}
	.right__icons a span {
		display: none
	}
	.hero {
		background-position: center top;
	}
	.template-right {
		margin-left: auto;
		margin-right: auto;
		margin-top: 3rem
	}
	.hero-top {
		text-shadow: 1px 1px 2px #002139;
	}
}


.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color:transparent;
	top: 4px;
	position: relative;	
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity:.7
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color:#0067B1;
}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 25px;
	height:24px
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top:-2px
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	position: absolute;
	width: 25px;
	height: 2px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 0px;
	background-color:#0067B1;
	/*
	box-shadow: 1px 1px 1px 0 rgba(0, 33, 57, 0.701)
	*/
}

.hamburger-inner:after, .hamburger-inner:before {
	display: block;
	content: ""
}

.hamburger-inner:before {
	top:-7px
}

.hamburger-inner:after {
	bottom:-7px
}
.offcanvas-top {
	background: #fff url('images/menu_bg.svg') no-repeat;
	background-size: cover
}

.footer__logo {
	padding: 1rem;
	width: 100px;
}
@media (min-width: 900px)
{
	.footer__logo {
		padding: 3rem
	}
}
@media (max-width: 500px)
{
	.top-nav .offcanvas-body {
		padding: 30px 25px;
	}
	.top-nav .btn-close {
		right: 32px;
		top: 30px;
	}
}
.next_prev {
	text-align: center	
}
.wp-pagenavi a {
	color: #001e33
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #001e33;
	padding: 1rem 1.5rem
}

.wp-pagenavi span.current {
	background: #001e33;
	color: #d3edff
}


.filter-box h4 {
	color: #d3edff
}
.searchandfilter select.sf-input-select {
	width: 100%;
	padding: .5rem;
	display: block
}
.searchandfilter label {
	display: block
}


.offcanvas.offcanvas-top {
	background: url('/wp-content/uploads/2024/10/legal-recruiters.jpg') no-repeat;
	background-size: cover;
}
.hero {
	position: relative;
	overflow: hidden
}
.hero .container {
	position: relative;
	z-index: 1;
}
.swoosh {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	text-align: center;
	opacity: .9;
}
.swoosh svg {
	width: 100%;
	margin-top: -160px;	
}


.offcanvas-body nav {
	background: #fff;
	padding: 3rem 6rem 3rem 3rem;
	display: inline-block !important;
}
.text-box p {
	text-align: justify !important;
}

.form-select {
	color: #0067B1
}
.chosen-results {
	text-align: left;
}
.search-form .chosen-container-multi .chosen-choices li.search-field input[type="text"] 
{
	font-family: 'Sweet Sans Pro', sans-serif !important;
	color: #0067B1;
}
.search-form .chosen-container .chosen-results li.highlighted {
	background-color: #0067B1;
	background-image: none;
	background-image: none;
	color: #fff;
}
.search-form .chosen-container .chosen-results li {
	font-size: 13px
}
.search-form .search-choice {
	font-size: 13px
}


.hero-select__location,
.hero-select__area,
.hero-select__position,

.hero-select__location,
.hero-select__area,
.hero-select__position {
	width: 28%;
	padding: 0 5px;
}
.hero-select__submit {
	width: 16%	
}	
.hero-select__submit .s-btn {
	padding: 9px;
	width: 100%
}
.right__icons a span {
	color: #0067B1 !important
}
.right__icons span {
	display: inline-block;
	width: 120px;
	padding-left: 10px;
	
}
.right__icons img {
	width: 24px;
}
.right__icons li {
	transition: .2s all ease-in-out;
	transform: translateX(120px);
}
.right__icons li:hover {
	transform: translateX(0px);
}

.footer-inline-nav {
	display: flex;
	justify-content: space-around
}	
	.footer-inline-nav a {
		transition: all 0.1s ease-in-out;
	}
	.footer-inline-nav a:hover {
		color: #01d4ff
	}

.desktop-only {
	display: none;
}
@media (min-width: 500px)
{
	.desktop-only {
		display: block;
	}
	.mobile-only {
		display: none;
	}	
}
.quote__job {
	display: none;
}
@media (min-width: 1000px)
{
	.quote__job {
		margin-top: 550px;
		position: sticky;
		top: 550px;
		display: block;
	}	
	.quote__job .template-right {
		max-width: none;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}


.forminator-ui#forminator-module-143.forminator-design--default .forminator-button-submit {
    background-color: #dd4000;
    color: #FFFFFF;
    display: block;
    border-radius: 0;
    width: 100%;
    font-size: 20px !important;
}
.carousel-control-prev span {
	font-size: 30px;
	color: #1e9ab5;
	font-weight: bold;
}
.carousel-control-next span {
	font-size: 30px;
	color: #1e9ab5;
	font-weight: bold;
}
.carousel-control-prev {
	left: -90px;
	opacity: 1;
}
.carousel-control-next {
	right: -70px;
	opacity: 1;
}
.carousel-control-next span.sr-only{
	background: url('images/i_next.svg') no-repeat;
	background-size: 20px;
	width: 30px;
	height: 60px;
}
.carousel-control-prev span.sr-only{
	background: url('images/i_prev.svg') no-repeat;
	background-size: 20px;
	width: 30px;
	height: 60px;
}
.template-right .splide p
{
	margin-top: 0	
}
.splide--slide  {
	margin-top: -40px
}
.splide__arrow--prev {
	left: -4em;
}
.splide__arrow--next {
	right: -4em;
}
.splide__pagination__page {
	background: #D3ECFE;
}
.splide__arrow svg {
	fill: #1e9ab5;
}
.splide__arrow {
	background: transparent
}
.gallery-columns-2 {
	display: flex;
	margin-top: 2rem;
	gap: 20px;
	
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	text-shadow: none !important;
}
hr {
	border-top: 1px solid #002B4A;
	background: none;
	opacity: 1;
}
