/*
Theme Name: Paxt UAE
Theme URI: http://brim.marketing
Description: Paxt UAE Child Theme
Author: Brim.Marketing
Author URI: http://brim.marketing
Template: storefront
Version: 4.6
*/

body {
	font-family: montserrat,sans-serif;
}

h2 {
	font-size: 22px;
}

p {
	font-size: 16px;
}

a:active, a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}

#page #masthead .col-full {
	max-width: 100%;
	position: fixed;
	top: 0;
	width: inherit;
	padding-right: 6%;
	padding-left: 6%;
	margin-left: 0;
	padding-bottom: 20px;
}

@media screen and (min-width: 800px) {
	#page #masthead .col-full {
		max-width: 88%;
		padding-bottom: 0px;
	}
}

.storefront-handheld-footer-bar {
	display: none;
}

.main-navigation div {
	background-color: #293236;
}

.handheld-navigation {
	background-color: #293236;
	z-index: 1000;
  	position: fixed;
	width: 100%;
	width: 100%;
  	top: 73px;
  	left: 0;
}

.handheld-navigation .menu {
	margin-top: 0px !important;
}

.main-navigation .menu {
	z-index: 1000;
	position: relative;
	margin-top: 80px;
}

@media screen and (min-width: 800px) {
	.main-navigation .menu {
		margin-top: 0px;
	}
}

.main-navigation div a {
	color: #ffffff !important;
	padding-left: 20px !important;
	font-size: 1.2em;
}

#site-navigation-menu-toggle {
	margin-top: 20px;	
}

.site-header {
	padding-top: 0px;
	height: 75px;
	background-color: #293236;
	position: fixed;
	width: 100%;
	border-bottom: 0;
}

.site-header .col-full {
	max-height: 75px;
}

.home .site-header {
	position: relative;
	height: 100dvh;
	background-color: transparent;
	overflow: hidden;
}

.home .content-area {
	margin-bottom: 0 !important;
}

.home .content-area .site-main {
	margin-bottom: 0 !important;
}

.site-header .site-branding {
	z-index: 9999;
	position: relative;
	width: 40% !important;
	margin-right: 0 !important;
	clear: none !important;
}

.site-header .site-branding .custom-logo {
	max-width: 131px;
	margin-top: 10px;
}

.site-header .main-navigation {
	width: 100% !important;
	margin-right: 0 !important;
	clear: none !important;
}

@media screen and (min-width: 800px) {
	.site-header .main-navigation {
		width: 60% !important;
	}
}

.site-header .primary-navigation #menu-main-menu {
	float: right;
	padding-top: 10px;
}

.site-header .primary-navigation a {
	color: #ffffff !important;
	font-size: 16px !important;
	padding: 1em 1em !important;
}

.site-header .primary-navigation a:hover {
	color: #778737 !important;
}

.site-header .primary-navigation a[aria-current="page"] {
	color: #778737 !important;
}

.site-header #paxtaevideo {
	display: none;
}

.site-header #paxtaevideo2 {
	display: none;
}

.home .site-header #paxtaevideo {
	display: block;
  	position: absolute;
	z-index: 0;
  	top: 0;
  	left: 0;
  	min-width: 100%;
    min-height: 100%;
    background-size: 100% 100%;
    width: auto;
    height: auto;
	max-width: inherit !important;
}

.home .site-header #paxtaevideo2 {
	display: block;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

header .header_branding {
	max-width: 50%;
}

.entry-title {
	display: none;
}

.home .storefront-product-section {
	display: none;
}

.site-footer {
	background-color: #000000;	
	padding: 1.618em 0 0 0;
}

#desktop_banner {
	height: 500px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 75px;
	background-position: center;
	z-index: 100;
}

.page-id-24 #desktop_banner {
	background-position: center -70px !important;
}

#desktop_banner h2 {
	text-align: center;
	color: #ffffff;
	font-size: 4em;
	font-weight: 300;
	padding-top: 120px;
}

@media screen and (min-width: 800px) {
	#desktop_banner h2 {
		font-size: 6em;
	}
}

.wp-block-button {
	transition: all 0.2s ease, visibility 0s;
  	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border: 2px solid rgb(119, 135, 55);
  	padding: 0px;
  	background: #778737;
	margin: auto auto !important;
}

.entry-content 	.wp-block-button a {
  	background-color: #778737 !important;
	color: #ffffff !important;
	padding: 0.5em 2em !important;
}

.wp-block-button a:hover {
  	background-color: #ffffff !important;
	color: #778737 !important;
	padding: 0.5em 2em !important;
}

.entry-content a {
	color: #778737 !important;
}

.home .brand-thumbnails {
	margin-top: 20px;
	margin-bottom: 40px;
}

.brand-thumbnails-description {
	margin: 0px !important;
}

.brand-thumbnails-description li {
	float: left;
	width: 100% !important;
	margin: 0 1% 1% 1%;
	list-style-type: none;
	border-bottom: 5px solid #778737;
	padding-bottom: 20px;
	display:  block;
}

.brand-thumbnails-description li:first-child {
	clear: left;
}

.brand-thumbnails-description li:nth-child(3) {
	clear: right;
}

.brand-thumbnails-description li:nth-child(4) {
	clear: left;
}

.brand-thumbnails-description li:nth-child(6) {
	clear: right;
}

.brand-thumbnails-description li .term-thumbnail img:hover {
	filter: brightness(0) saturate(100%) invert(50%) sepia(35%) saturate(609%) hue-rotate(31deg) brightness(91%) contrast(91%);
}

.brand-thumbnails-description li .term-thumbnail img {
	width: 60%;
}

@media screen and (min-width: 800px) {
	.brand-thumbnails-description li {
		width: 30% !important;
	}
}

.brand-thumbnails-description li p {
	text-align: center !important;
	min-height: 160px;
}

.brand-thumbnails-description li .term-description img {
	margin: auto auto;
}

footer .col-full .footer-menu {
	width: 100%;
	clear: both;
	overflow: auto;
}

footer .col-full .footer-menu #menu-footer-menu {
	margin: auto auto;
	width: fit-content;
}

footer .col-full .footer-menu li {
	list-style-type: none;	
	float: left;
	margin: 5px 30px;
}

footer .col-full .footer-menu li a {
	color: #ffffff !important;
	text-decoration: none;
	font-size: 1.2em;
}

footer .col-full .footer-menu li a:hover {
	color: #778737 !important;
}

footer .col-full #footer-social {
	width: 100%;
	clear: both;
	overflow: auto;
	margin: 20px auto;
	width: fit-content;
}

footer .col-full #footer-social li {
	list-style-type: none;	
	float: left;
	margin: 20px 12px 0 12px;
}

footer .col-full #footer-social a:hover {
	filter: brightness(0) saturate(100%) invert(50%) sepia(35%) saturate(609%) hue-rotate(31deg) brightness(91%) contrast(91%);
}

#footer-copy {
	color: #ffffff;
	text-align: center;
	width: 100%;
	font-style: italic;
}

#home-form {
	/**background-color: #2A3136; **/
  	float: left;
  	margin: 0 auto;
  	width: 100dvw;
  	margin-left: calc(50% - 50dvw);
	padding: 40px 0;
}

#home-form .gform_wrapper {
	width: 100%;
	margin: auto auto;
}

@media screen and (min-width: 800px) {
	#home-form .gform_wrapper {
		width: 50%;
	}
}

#home-form .gform_title {
	color: #333333;
	text-align: center;
	font-weight: 600;
	font-size: 22px;
  	line-height: 1.214;
	font-family: montserrat,sans-serif;
}

#home-form legend, #home-form label {
	color: #333333;
	font-size: 16px;
	font-family: montserrat,sans-serif;
}

.home #post-14 {
	margin: 0 !important;
}

#home-form .gform_button, .gform_button {
	border-radius: 0;
  	font-size: 1em;
  	line-height: 1.618;
  	cursor: pointer;
  	text-decoration: none;
  	font-weight: 600 !important;
  	text-shadow: none;
  	display: inline-block;
  	-webkit-appearance: none;
	background-color: #778737 !important;
  	color: #ffffff !important;
  	padding: 0.5em 2em !important;
	transition: all 0.2s ease, visibility 0s;
  	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border: 2px solid rgb(119, 135, 55);
  	padding: 0px;
  	background: #778737;
  	margin: auto auto !important;
}

#home-form .gform_button:hover, .gform_button:hover {
	background-color: #ffffff !important;
  	color: #778737 !important;
}

.brand_detail {
	padding: 40px 0;
	overflow: auto;
}

.brand_detail .brand_detail_left {
	float: left;
	width: 100%;
	overflow: auto;
	margin-bottom: 40px;
}

@media screen and (min-width: 800px) {
	.brand_detail .brand_detail_left {
		width: 60%;
		margin-bottom: 0px;
	}
}

.brand_detail .brand_detail_left .brand_detail_image {
	margin-bottom: 50px;
	max-width: 37%;
}

.brand_detail .brand_detail_left .tax-description {
	margin-right: 20px;
	color: #000;
}

.brand_detail .brand_detail_left .tax-description a {
	color: #778737;
	text-decoration: underline;
}

.brand_detail .brand_detail_right {
	float: right;
	width: 100%;
	overflow: auto;
}

@media screen and (min-width: 800px) {
	.brand_detail .brand_detail_right {
		width: 40%;
	}
}

.paxt-button {
	border-radius: 0;
  	font-size: 1em;
  	line-height: 1.618;
  	cursor: pointer;
  	text-decoration: none;
  	font-weight: 600;
  	text-shadow: none;
  	display: inline-block;
  	-webkit-appearance: none;
	background-color: #778737 !important;
  	color: #ffffff !important;
  	padding: 0.5em 2em !important;
	transition: all 0.2s ease, visibility 0s;
  	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border: 2px solid rgb(119, 135, 55);
  	padding: 0px;
  	background: #778737;
  	margin: auto auto !important;
}

.paxt-button:hover {
	background-color: #ffffff !important;
  	color: #778737 !important;
}

.paxt-button-2 {
	border-radius: 0;
  	font-size: 1em;
  	line-height: 1.618;
  	cursor: pointer;
  	text-decoration: none;
  	font-weight: 600;
  	text-shadow: none;
  	display: inline-block;
  	-webkit-appearance: none;
	background-color: #778737 !important;
  	color: #778737 !important;
  	padding: 0.5em 2em !important;
	transition: all 0.2s ease, visibility 0s;
  	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border: 2px solid rgb(119, 135, 55);
  	padding: 0px;
	background-color: #ffffff !important;
  	margin: auto auto !important;
}

.paxt-button-2:hover {
  	background-color: #778737 !important;
  	color: #ffffff !important;
}

.page-template-template-homepage .type-page {
	padding-top: 0em !important;	
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
	padding-top: 0em !important;
}

.home-africa {
	margin-bottom: 0px !important;
	padding: 50px 0 30px 0 !important;
}

.home-africa p {
		color: #ffffff;
}

.home .brand-thumbnails li img:hover {
	filter: brightness(0) saturate(100%) invert(46%) sepia(56%) saturate(437%) hue-rotate(31deg) brightness(96%) contrast(83%);
}

ul.brand-thumbnails li {
	padding: 0 40px !important;
}

@media screen and (max-width: 768px) {
  ul.brand-thumbnails:not(.fluid-columns) li {
    width: 100% !important;
  }
}

.backlink a {
	color: #000;
}

.backlink a:hover {
	color: #778737;
}