/*
Theme Name:		NoBull
Author:			801red
Author URI: 	http://www.801red.com
Version: 		1.0
Text Domain: 	nobull
*/

/* IMPORTS */
@import url(assets/css/reset.css);

/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {from {opacity: 0;transform: translate3d(0,-30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInDown {animation-name: fadeDown }@keyframes fadeLeft {from {opacity: 0;transform: translate3d(-30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInLeft {animation-name: fadeLeft }@keyframes fadeRight {from {opacity: 0;transform: translate3d(30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInRight {animation-name: fadeRight }@keyframes fadeUp {from {opacity: 0;transform: translate3d(0,30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInUp {animation-name: fadeUp }


/**
 * 1.0 Global
 * ----------------------------------------------------------------------------- */
 
/* INNER BOX PADDING FOR RESPONSIVE COLUMNS */
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}


/* BASIC SETUP */
body {
	font-size:14px;
}
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display:block;
    height: 96px; /* fixed header height*/
    margin: -96px 0 0; /* negative fixed header height */
    visibility: hidden;
    pointer-events: none;
}

/* TYPOGRAPHY */

/* Headings */
h1, h2, h3, h4, h5, h6, p {
}
h1, h1 a {
}
h2, h2 a {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

/* Text elements */
p {
}
p, li {
}
strong, .bold { font-weight:700; }
em { font-style:italic; }
p:last-child { margin-bottom:0 !important; }
a,
a:focus {
	outline:none;
}
a:hover {
}
a[href^="tel:"] {
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }
blockquote {
}



/* TABLES */
table { width:100%; }
tr { height:40; }
th { vertical-align:middle; text-align:right; padding:0 10; }
td { padding:6px; }
table.lined td { border-bottom:1px dotted #ddd; }	



/* FORMS */
/* Form */
input[type="text"]::placeholder {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
	color: #727272 !important;
}    
::-webkit-input-placeholder::before,
::-moz-placeholder::before,
:-ms-input-placeholder::before,
input:-moz-placeholder::before  { font-family: fontAwesome; content:'\f002  '; color: #69f }

.nf-form-fields-required { display: none; }
#nf-form-2-cont .nf-form-content {
    padding: 0 !important;
}
#nf-form-2-cont .nf-form-content .list-select-wrap .nf-field-element > div,
#nf-form-2-cont .nf-form-content input:not([type="button"]), 
#nf-form-2-cont .nf-form-content textarea {
    font-family: 'Montserrat', sans-serif !important;
	background: transparent;
    border: 1px solid EBEBEB !important;
	border-radius: 0;
	box-shadow: none;
	color: #727272 !important;
	transition: all .5s;
}
#nf-form-2-cont .nf-form-content input:not([type="submit"]), 
#nf-form-2-cont .nf-form-content textarea {
}
#nf-form-2-cont .nf-form-content input[type="submit"] {
	border-radius: var(--radius-small, 8px);
	border: 1px solid var(--button-primary-border, rgba(51, 51, 51, 0.33)) !important;
	background: var(--button-primary-background, #E07800);
	color: #FFF !important;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	width: 200px;
}
/*
#nf-form-2-cont .nf-form-content .nf-field-element::before {
	font-family: 'Font Awesome 5 Pro', sans-serif;
	position: absolute;
	left: 0;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	color: #d1d1d1 !important;
}
#nf-form-2-cont .name .nf-field-element::before {
    content: '\f007';
}
#nf-form-2-cont .email .nf-field-element::before {
    content: '\f0e0';
}
#nf-form-2-cont .message .nf-field-element::before {
    content: '\f040';
}
*/
.nf-response-msg {
	color: #d1d1d1 !important;
}

/* TAGS */
.overlay { position:relative; }
.overlay > div { position:relative; z-index:9; }
.overlay::after {
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
	content:'';
	background-color:rgba(0,0,0,.4);
}
.yellow-line-angle::after {
    content: '';
    background-image: url("assets/images/yellow-line-angle.svg");
    background-position: bottom center;
    background-size: 100% 125px;
    position: absolute;
    z-index: 19;
    bottom: 0;
    left: 0;
    height: 125px;
    width: 100%;
}
@media all and (min-width: 1600px) {
    .yellow-line-angle::after {
        background-size: 100% 6vw;
        height: 6vw;
    }
}
@media all and (max-width: 767px) {
    .yellow-line-angle::after {
        background-size: 100% 50px;
        height: 50px;
    }
}

.home-grid > div {
    padding: 45px;
    border: solid 1px rgba(95, 87, 87, 0.33);
    position: relative;
}
.home-grid > div:first-child {
    width: 550px;
}
.home-grid > div:not(:first-child) {
    border-left: none;
}
.home-grid.first-row > div {
    border-bottom: none;
}
.home-grid.last-row > div:first-child {
    border-top: none;
}
.home-grid.last-row > div:first-child::before {
    content: none;
}
.home-grid.last-row > div:first-child > div {
    -ms-flex-line-pack: end;
        align-content: flex-end;
}
.home-grid.last-row::before,
.home-grid::after,
.home-grid > div::before,
.home-grid > div::after,
.mobile-grid::before,
.mobile-grid::after,
.mobile-grid > div::before,
.mobile-grid > div::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #FFF;
    z-index: 9;
}
.home-grid.last-row::before {
    left: -25px;
    bottom: -25px;
    top: auto;
}
.home-grid::after {
    top: -25px;
    right: -25px;
}
.home-grid > div::before {
	left: -25px;
	top: -25px;
}
.home-grid > div::after {
    right: -25px;
    bottom: -25px;
}
.home-grid > div:not(:first-child) > div {
	-ms-flex-line-pack: center;
	    align-content: center;
}

.multiply-overlay::before {
    z-index: 9;
}
.multiply-overlay .elementor-motion-effects-layer {
	background-blend-mode: luminosity;
	background-color: #333;
}
.multiply-overlay .elementor-motion-effects-layer::after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
    background: linear-gradient(168deg, #333 -26%, #565656 43.98%, #999 89.78%);
    mix-blend-mode: multiply;
}
@media all and (max-width: 767px) {
    .mobile-grid {
        justify-items: flex-start;
        align-items: flex-start;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        flex-direction: column !important;
    }    
    .mobile-grid > div {
        min-height: 200px;
        width: 100%;
        padding: 36px 16px;
        border-left: solid 1px rgba(95, 87, 87, 0.33);
        border-right: solid 1px rgba(95, 87, 87, 0.33);
        border-top: solid 1px rgba(95, 87, 87, 0.33);
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
    }
    .mobile-grid > div:last-child {
        border-bottom: solid 1px rgba(95, 87, 87, 0.33);
    }
    .mobile-grid > div::before {
        left: -25px;
        top: -25px;
    }
    .mobile-grid > div::after {
        right: -25px;
        top: -25px;
    }
    .mobile-grid::before {
        bottom: -25px;
        left: -25px;
    }
    .mobile-grid::after {
        bottom: -25px;
        right: -25px;
    }

}





/* Rotating header */



/* Flex Carousel */
.flex-carousel .slick-track {
	height: 420px !important;
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
}
.flex-carousel .slick-list.draggable {
	padding: 0 !important;
}
.flex-carousel .slick-slide {
    height: 100%;
	float: none !important;
	display: flex !important;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	transition: flex 0.5s ease-in;
	-webkit-transition: flex .5s;
    margin: 0 6px !important;
    transition-delay: 0s;
}
.flex-carousel .slick-active {
    flex: .5;
    opacity: 0.4;
}
.flex-carousel .slick-current {
	flex: 2;
    max-width: 100%;
    opacity: 1 !important;
	transition: flex .5s;
	-webkit-transition: flex .5s;
}
.flex-carousel .gallery img {
	border: none !important;
	height: 100%;
	object-fit: cover;
}
.progress {
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 8px;
    overflow: hidden;

    background-color: #E4E5E3;
    background-image: linear-gradient(to right, #E07800, #E07800);
    background-repeat: no-repeat;
    background-size: 0 100%;

    transition: background-size .4s ease-in-out;
}





/**
 * 2.0 Layout
 * ----------------------------------------------------------------------------- */

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flex-container.justify {
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.flex-container.justify-left {
	-webkit-box-pack:start;
	    -ms-flex-pack:start;
	        justify-content:flex-start;
}
.flex-container.justify-center {
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.flex-container.justify-right {
	-webkit-box-pack:end;
	    -ms-flex-pack:end;
	        justify-content:flex-end;
}
.flex-container.align-top {
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
}
.flex-container.align-center {
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.flex-container.align-bottom {
	-webkit-box-align:end;
		-ms-flex-align:end;
			align-items:flex-end;
}
.flex-container.wrap {
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.flex-container.column {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.home-grid {
	max-width:1200px;
	margin:auto;
}


/**
 * 3.0 Header
 * ----------------------------------------------------------------------------- */


.header {
	position: fixed !important;
	z-index: 99 !important;
	width: 100% !important;
	left: 0;
	top: 0;
    background-color: rgba(51,51,51,0);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.single-post .header,
.calculator-page .header,
.header.scroll,
.header.opened {
    background-color: rgba(51,51,51,1) !important;
}
.header .elementor-nav-menu--dropdown {
	padding: 2em;
	border-top: solid 1px rgba(255, 255, 255, 0.10);
}
.header .elementor-nav-menu--dropdown li {
    text-align: center;
    margin-bottom: 12px;
}
.header .elementor-nav-menu--dropdown li a {
	padding: 12px !important;
	display: inline-block;
}
.header .elementor-nav-menu--dropdown li:hover a,
.header .elementor-nav-menu--dropdown li.current-menu-item a {
    border-bottom: solid 1px orange;
}
.header .elementor-nav-menu--dropdown .elementor-button {
    padding: 10px 16px !important;
    margin: 12px auto 0 !important;
}
@media all and (max-width: 767px) {
    .header {
        position: fixed !important;
    }
}


/**
 * 4.0 Navigation
 * ----------------------------------------------------------------------------- */

nav ul { margin:0; padding:0; list-style-type:none; }
nav ul li { display:inline-block; }

/* MAIN NAVIGATION */

/**
 * 5.0 Asides
 * ----------------------------------------------------------------------------- */

/* SIDEBAR */
aside {
}
aside ul {
}
aside ul li {
}

/* WIDGETS */


/**
 * 6.0 Content
 * ----------------------------------------------------------------------------- */



/* Map Filter */
.jet-checkboxes-list__row.jet-filter-row {
    padding: 0 16px;
    margin: 10px 0 !important;
    border-right: solid 1px #3333334D;
}
.jet-checkboxes-list__row.jet-filter-row:last-child {
	border-right: none;
}
.jet-checkboxes-list__input .jet-checkboxes-list__button span {
    padding: 8px;
}
.jet-checkboxes-list__input:checked ~ .jet-checkboxes-list__button span:last-child {
	border-bottom: solid 2px orange !important;
}
.jet-map-box .jet-map-close {
	position: absolute;
	right: 32px;
	top: 32px;
	cursor: pointer;
	z-index: 9999;
}
.interact::after {
	position: absolute;
	right: -10px;
	top: -10px;
	content: '';
	width: 20px;
	height: 20px;
    background-image:url("assets/images/close.png");
    background-size: contain;
	border-radius: 100%;
	background-color: var( --e-global-color-83507fc );
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #FFFFFF1A;
}



.calculator .header {
    background: var(--dark, #333);
}
#calculator,
#calculator .full-width {
	max-width: 664px;
	width: 100%;
}
#calculator .result,
#calculator input,
#calculator select {
    height: 70px;
    border-radius: var(--radius-small, 8px);
    border: 1px solid var(--dark-faded, rgba(51, 51, 51, 0.33));
    background: #FFF;
    padding: 12px 16px;
    color: var(--brand-4, #5F5757);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-secondary-family, "Open Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */    
}
#calculator label {
    color: var(--brand-4, #5F5757);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-secondary-family, "Open Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */    
}
#calculator .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--space-6, 32px);
}
@media all and (min-width: 767px) {
    #calculator .wrapper {
        width: var(--column-width-6, 664px);
        padding: var(--space-8, 64px) var(--site-margin, 48px);
        border-radius: var(--radius-small, 8px);
        background: #FFF;
    }
}
#calculator p {
    margin: 0;
    color: var(--theme-text, #333);
    leading-trim: both;
    text-edge: cap;
    font-family: var(--font-secondary-family, "Open Sans");
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: 0;
}
#calculator .mt-8.p-4.bg-blue-50.rounded-lg {
    display: flex;
    padding: var(--space-5, 24px) var(--site-gutter, 16px);
    flex-direction: column;
    gap: var(--space-2, 8px);
    align-self: stretch;
    border-radius: var(--radius-small, 8px);
    background: rgba(51, 51, 51, 0.05);
}
#calculator h4 {
    color: #000;
    font-size: var(--h5-font-size, 24px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--h5-line-height, 32px); /* 133.333% */
    letter-spacing: var(--h5-letter-spacing, 0px);    
}


/*=========================
	CAREERS PAGE
=========================*/

#image-carousel {
	overflow: visible;
	width: 100%;
}
#image-carousel .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 470px;
	overflow: visible;
}
#image-carousel .swiper-slide {
	position: absolute !important;
	max-width: 366px;
	height: 100%;
	opacity: 1 !important;
    transform: none !important;
	left: 40px;
	top: 40px;
    transition: transform 600ms ease-out, right 600ms ease-out, left 600ms ease-out, opacity 275ms ease, z-Index 425ms ease-out, -webkit-transform 600ms ease-out;
}
#image-carousel .swiper-slide.swiper-slide-active {
	z-index: 29 !important;
	left: 0;
	top: 0;
}
#image-carousel .swiper-slide.swiper-slide.swiper-slide-next {
	z-index: 19;
	left: 20px;
	top: 20px;
}
#image-carousel .swiper-slide.swiper-slide-next + .swiper-slide {
	z-index: 9;
}
#image-carousel .swiper-slide.swiper-slide-duplicate:not(.swiper-slide-next):not(.swiper-slide-active) {
	opacity: 0 !important;
}
#image-carousel .swiper-pagination {
	border-radius: var(--radius-round, 99999px);
	background: rgba(228, 229, 227, 0.20);
	backdrop-filter: blur(10px);
	display: inline;
	width: auto !important;
	padding: 4px 16px;
	bottom: -30px;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);
}


/*=========================
	NEWS PAGE
=========================*/

.meta-wrapper .jet-listing-dynamic-field__inline-wrap > .jet-listing-dynamic-field__content {
	width: 100%;
	display: inline-flex;
    gap: 6px;
}
.post-wrapper:hover * {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.post-wrapper:hover .jet-listing-dynamic-field__inline-wrap .jet-listing-dynamic-field__content {
    font-weight: 700 !important;
}
.post-wrapper:hover .jet-listing-dynamic-link__link,
.post-wrapper:hover .jet-listing-dynamic-link__link path {
    color: rgba(224, 120, 0, 1) !important;
    stroke: rgba(224, 120, 0, 1) !important;
}


/* WORDPRESS */
.widgets, .widget ul { list-style: none; margin: 0; padding: 0; }
.alignleft { float: left; margin: 0 20px 0 0; }
.alignright { float: right; margin: 0 0 0 20px; }
.aligncenter { display: block; margin: 0 auto; }
p.postmetadata {}
.byline {}


/* SOCIAL ICONS */

/* BUTTONS */


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------- */

/* FOOTER */

.footer::before {
	content: '' !important;
	background-image: url("assets/images/Footer-angle.svg");
	background-position: top center;
	background-size: 100% 125px !important;
	position: absolute !important;
	z-index: 19;
	top: -125px !important;
	left: 0 !important;
	height: 125px !important;
	width: 100% !important;
}
.footer .elementor-icon-list-item a {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	gap: 10px;
}
.footer .elementor-icon-list-item * {
    padding: 0 !important;
}
@media all and (min-width: 1600px) {
    .footer::before {
        background-size: 100% 6vw;
        height: 6vw;
    }
}
@media all and (max-width: 767px) {
    .footer::before {
        background-image: url("assets/images/Footer-angle-mobile.svg");
        background-size: cover !important;
        height: 100px !important;
        top: -100px !important;
    }
}





/* COLOPHON */

/**
 * 8.0 Responsive
 * ----------------------------------------------------------------------------- */

@media all and (max-width: 1060) {
}
@media all and (max-width: 768px) {
}
@media all and (max-width: 568px) {
}
@media all and (max-width: 340px) {
}