@charset "UTF-8";

/*
Theme Name: urbancrazy
Theme URI: https://urbancrazy.com/
Author: susnet
Author URI: https://susnet.co.uk/
Description: UrbanCrazy
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.6
Version: 2.1
License: GNU General Public License v2 or later
License URI: 
Text Domain: urbancrazy



/* Variables */

img {max-width: 100%;} 

#main {min-height: 80vh;}

.container {max-width: 1460px; padding: 0 20px}


/**Headercss**/


.top-header {padding: 8px 0; transition-duration: .2s;}

.top-Header-Menus ul {display: flex; justify-content: flex-end; gap: 20px; margin: 0;   list-style: none;}

.top-Header-Menus ul a {text-decoration: none; color: #fff; font-size: 11px; transition-duration: .3s}

.top-Header-Menus ul a:hover {color: var( --e-global-color-accent )}


header:not(.home header), header.sticky {background: #111111;}

header {position: sticky; top: 0; left: 0; right: 0; z-index: 1000;}

.home header {position: fixed;}

Header .navbar-expand-md .navbar-nav .nav-link {padding: 10px 17px}

Header a.nav-link { color: #fff; text-transform: uppercase; font-family: "Bebas Neue"; font-size: 20px; font-weight: 400;}

header .navbar {padding: 15px 0;}

.site-logo img {max-width: 225px; height: auto; transition-duration: .5s; width: 100%}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-nav .nav-link:hover, .top-Header-Menus ul a:hover, .top-Header-Menus ul li.current-menu-item a {color: #ff6600;}

.navbar-toggler .navbar-toggler-icon {background-image: none; width: 28px; height: 1px; background: #fff; border-radius: 4px; transition-duration: .3s;}

.navbar-toggler {padding: 0; display: flex; flex-direction: column; gap: 7px;}

.navbar-toggler:focus {box-shadow: none; border: none}

.navbar-toggler:not(.navbar-toggler.collapsed) .navbar-toggler-icon:nth-child(2) {opacity: 0; visibility: hidden;}

.navbar-toggler:not(.navbar-toggler.collapsed) .navbar-toggler-icon:nth-child(1) {transform: rotate(45deg); position: relative; top: 7px;}

.navbar-toggler:not(.navbar-toggler.collapsed) .navbar-toggler-icon:nth-child(3) {transform: rotate(-45deg); position: relative; top: -9px;}

.address-phone {display: none;}

/**SUBMENU CSS WHEN YOU WILL SHOW IN NAVBAR**/

.navbar-nav li .caret, .navbar-nav li a:after {display: none;}

.navbar-nav li .dropdown-menu {border-radius: 0; background: rgba(255,255,255,0.8); padding: 0; min-width: 250px;}


.navbar-nav li .dropdown-menu .dropdown-item {padding: 15px 25px; border-bottom: 1px solid rgba(0,0,0,0.2); display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: 15px;}


.navbar-nav li .dropdown-menu a:hover {background: #212a23; color: #fff;}

.navbar-nav .sub-menu-toggle span {display: none;}

.navbar-nav .sub-menu-toggle {position: relative; right: 14px; height: auto; line-height: normal; display: flex; align-items: center; background: transparent; border: none; width: auto;}

.navbar-nav .sub-menu-toggle:after {padding: 0; border: none; vertical-align: .255em; content: ""; border-top: .3em solid #fff; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}

.navbar-nav li .dropdown-menu .dropdown-menu {left: 100%; top: 0 !important;}

.navbar-nav li li.menu-item-has-children > .dropdown-item:after {display: block; border: none; vertical-align: .255em; content: ""; border-top: .3em solid #fff; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; transform: rotate(-90deg);}


.animation-arrow  img { animation: bounce 2s ease-out 1s infinite; }

@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }


.download-a-boucher {gap: 40px; display: flex; align-items: baseline;}

.download-a-boucher .left-column h2 {font-size: 96px; line-height: 96px; text-align: left; color: #fff;}

.left-column p {text-align: left; color: #fff; max-width: 450px;}

.selectbox .wpcf7-radio {display: flex; flex-direction: column;}

.selectbox .wpcf7-radio .wpcf7-list-item {margin: 0;}

.selectbox .wpcf7-radio .wpcf7-list-item label {display: inline-flex; justify-content: flex-start; align-items: center; cursor: pointer; gap: 5px;}

.selectbox .wpcf7-radio .wpcf7-list-item label input[type="radio"] {width: 20px; border-radius: 0;}

.right-column.col {background: rgb(255 255 255 / 13%); padding: 60px;  margin-left: 80px;}

.right-column.col h2 {color: #fff; font-style: normal; margin: 0 0 30px; text-align: center;}

.right-column.col span .wpcf7-form-control {font-size: 13px; padding: 14px; height: auto; line-height: 22px; font-weight: 600; margin-bottom: 18px; text-align: left;  color: #686868; outline: 0; border: none;}

.submit-button {text-align: center;}


.submit-button p {margin: 0;}

.submit-button .wpcf7-submit {max-width: 100%; border-radius: 0px; color: #fff !important; background: #f18231 !important; border: none; height: 42px; font-family: "Neue Einstellung" !important; font-weight: 600 !important; line-height: normal;}

.wpcf7 form .wpcf7-response-output { min-width: 510px; text-align: center; max-width: unset; width: auto; display: inline; float: right; background: #f182318f; color: #fff; border-color: #f18231;}

.selectbox input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 2px solid #888; border-radius: 4px; background-color: #fff; cursor: pointer; position: relative; vertical-align: middle; transition: all 0.2s ease; margin-right: 8px;}


.selectbox input[type="radio"]:checked::after {content: ""; position: absolute; font-size: 18px; color: #fff; font-weight: bold; left: 6px; top: 2px; width: 5px; height: 10px; border: solid #fff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.selectbox input[type="radio"]:checked {background-color: #F18231; border-color: #F18231;}

.selectbox input[type="radio"]:hover {border-color:#F18231;}

.wpcf7-spinner {position: absolute;}

.elementor-posts .elementor-post .elementor-post__thumbnail {padding: 0 !important;}

.elementor-posts .elementor-post .elementor-post__thumbnail img {position: static !important; max-width: 100%; transform: none !important; height: 250px !important; object-fit: cover;}

.recent-posts .elementor-posts .elementor-post .elementor-post__thumbnail img {height: auto !important;}


#respond h2 {color: var( --e-global-color-primary ); font-size: 1.75rem;}

.comment-form-comment {display: flex; flex-direction: column;  width: 100%;}

#respond .comment-form {display: flex; flex-wrap: wrap; gap: 20px 2%;}

#respond .comment-form p.comment-form-comment, #respond .comment-form .comment-notes {width: 100% !important;}

#respond .comment-form  textarea {width: 100%; margin: 10px 0 0;}

#respond .comment-form p:not(#respond .comment-form p.comment-form-cookies-consent) {display: flex; flex-direction: column; align-items: flex-start; width: 49%; margin: 0;}

#respond .comment-form p input:not(#respond .comment-form p input[type="checkbox"]):not(#respond .comment-form p input[type="submit"]) {width: 100%;}

#respond .comment-form p input#submit {background: var( --e-global-color-accent ); border: none;}

#respond .comment-form p input#submit:hover {background: var( --e-global-color-secondary )}


.elementor-field-group-fname, .elementor-field-group-lname {width: 50% !important;}

.elementor-field-group.elementor-field-type-submit {justify-content: flex-end;}

.elementor-field-group button.elementor-button {flex-basis: unset !important;}

.ug-button-fullscreen svg {width: 30px; height: 30px; background: #000; padding: 5px;}

.ug-button-fullscreen.ug-skin-default {opacity: 1 !important}


/**Footercss**/

.site-footer {background: #202020;}

.decoration-above-image img {max-width: 100%; width: 100%;}

.top-footer {padding: 50px 0 40px;}

.f-btm-content {margin: 20px 0 0;}

.f-btm-content p {color: #f0eded; font-size: 14px; font-weight: 300;}

.footer-menu h3 {color: #f0eded; font-weight: bold;  margin: 0 0 20px 0;}

.copyright-block {text-align: center; padding: 0 0 30px 0;}

.powered-by, .powered-by a {color: #f0eded; font-weight: 300; font-size: 12px; text-decoration: none;}

.site-footer h5 {color: #fff; margin: 0 0 20px 0; display: inline-block; padding-bottom: 5px; font-family: var( --e-global-typography-secondary-font-family ), sans-serif; font-size: 20px; line-height: 30px; width: 100%; display: inline-block;}

.site-footer .col ul {display: flex; flex-direction: column; gap: 10px; list-style: none; padding: 0}

.site-footer .col a {text-decoration: none; color: #f0eded; font-size: 14px; font-weight: 400; border-bottom: 1px solid transparent; transition-duration: .3s;}

.site-footer .col p a {display: inline-flex; align-items: center; gap: 10px;}

.site-footer .col a:hover {border-bottom-color: #fff;}

.chas img {max-height: 140px;}

.minigolf img {max-height: 150px;}

.site-footer .col .social-flexx a {background: #111; width: 60px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; transition-duration: .3s; border: none;}

.site-footer .col .social-flexx a:hover {background: #ff6600}

.social-flexx {display: flex; gap: 5px;}


.wpcf7-form-control-wrap input {
    width: 100%;
}


.bdt-prime-slider-dragon .bdt-prime-slider-wrapper {
    position: relative;
    max-width: 1460px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.bdt-prime-slider-dragon .bdt-prime-slider-wrapper .bdt-prime-slider-content {
    margin: unset;
   padding: 20px;
    background: #fd8c186b;
}

.bdt-prime-slider-dragon .bdt-prime-slider-wrapper .bdt-prime-slider-content .bdt-title-tag {
    padding: 0;
}


/**RESPONSIVE CSS**/

@media only screen and (max-width: 1200px)
{
	.navbar-expand-md .navbar-nav {gap: 10px;}

	.site-logo img {max-width: 150px;}
}


@media only screen and (min-width: 1025px)
{
	.team_member_carousel_content {min-height: 355px !important;}
}


/***Mobile Menu Media Query**/



@media only screen and (max-width: 1024px)
{	
	.Desktop-phone-contact {display: none;}

	body.menu-open {overflow: hidden;}
	
	.home header {position: sticky}	

	header .navbar-expand-md .navbar-toggler {display: flex; border: none; padding: 0; background: transparent !important;}

	.navbar-expand-md .navbar-nav {gap: 0; padding: 0; max-height: 80vh; overflow: auto; flex-direction: column;}

	#navbar {position: absolute; top: 100%; height: 100vh !important; background: #fff; left: 0; right: 0; width: 100%; z-index: 99; display: none !important;}

	.navbar-toggler.collapsed + #navbar {display: none !important;}

	#navbar.show, .navbar-toggler + #navbar {display: block !important;}

	.navbar-nav li .dropdown-toggle {width: 100%;}

	.navbar-nav .sub-menu-toggle {width: 30px; height: 30px; justify-content: center; position: static; background: transparent; border-radius: 64px; border: 1px solid rgba(255,255,255,0.5); margin-right: 10px; line-height: 25px;}

	Header .navbar-expand-md .navbar-nav .nav-link {color: rgba(0,0,0,.85); width: 100%; padding: 15px 20px; border: 1px solid rgba(0, 0, 0, .15);}

Header .navbar-expand-md .navbar-nav .current-menu-item .nav-link, Header .navbar-expand-md .navbar-nav  li:hover .nav-link {color: #f18231; background: rgba(0,0,0,.05);}
	
	.sub-menu-toggle[aria-expanded="true"] + ul.dropdown-menu {display: block;}
	
	.address-phone {display: block; background: #f2f2f2; padding: 30px 20px;}

	.f-btm-content {margin: 20px 0 0px;}

    	.f-btm-content .social-icons {justify-content: center;}
	

	.address-phone h5 {#ff6600; font-size: 25px; font-weight: bold; margin: 0 0 10px 0;}

	.address-phone p {margin: 0 0 5px 0; color: #0a0a0a}

	.address-phone p a {text-decoration: none; color: #0a0a0a}

	.address-phone .social-icons {justify-content: flex-start; margin: 15px 0 0;}

	.sub-menu-toggle[aria-expanded="true"] + ul.dropdown-menu {position: static;}

	
	header#masthead {position: sticky; background: #202020; }

	header nav.navbar {padding: 15px 0;}

	.download-a-boucher .left-column h2 {font-size: 48px; line-height: 48px;}

	.right-column.col {margin-left: 0;}

}

@media screen and (min-width: 768px) 
{

}


@media only screen and (max-width: 767px)
{
.social-icons {gap: 8px; flex-direction: column; justify-content: center; align-items: center;}


.site-logo img {max-width: 180px;}

.navbar-nav li .dropdown-menu .dropdown-item {font-size: 14px; white-space: normal;}

.footer-menu h5 {margin: 20px 0 10px 0;}

.main-social.right-social a {font-size: 13px; background: #f1eded;color: #212a23; height: 22px; width: 22px;}

.main-social.right-social {display: none;}

.top-footer .row .col-12 {width: 50%; margin: 10px 0;}

.bottomaddress {width: 100% !important;}

.top-footer .row .c-d {order: 4;}

.top-footer .row .s-m {order: 2; width: 60%;}

.top-footer .row .f-m {order: 3;  width: 40%;}

.top-footer .row .f-l {order: 1; width: 100%;  text-align: center;  margin: 0 0 20px 0;}

.download-a-boucher {flex-direction: column; gap: 0;}

.right-column.col {padding: 40px 20px; margin-left: 0;}

.animated-imgg img, .decoration-above-image img {display: block !important;}

.top-header {padding-bottom: 0;}

.selectbox .wpcf7-radio .wpcf7-list-item label {line-height: normal; margin: 0 0 10px 0;}

.wpcf7 form .wpcf7-response-output {min-width: auto;}

.left-column h2 +  p {text-align: center;}

.left-column h2 {text-align: center; margin: 0 0 20px 0;}

.download-a-boucher .left-column h2 {text-align: center}

}

Header .navbar-expand-md .navbar-nav .nav-link:focus {color: #ffffff !important;}
.grecaptcha-badge {display:none;}