/*~~~~~~~ Begin Base Theme CSS ~~~~~~~*/
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
@import url('/wp-content/themes/abdev/fonts/font-awesome/css/fontawesome.min.css');
@import url('/wp-content/themes/abdev/fonts/font-awesome/css/all.min.css');


:root {
  /* --abx-roboto: font-family 'Roboto', sans-serif;
  --abx-lato: font-family 'Lato', sans-serif; */
  --abx-brand: #2c3f50;
  --abx-brand-dark: #212c36;
  --abx-white: #FFFFFF;
  --abx-black: #000000;
  --abx-white: #fff;
  --abx-grey: #f7f7f7;
  --abx-dark: #333;
  --abx-black: #000;
  --abx-red: #e74c3c;
  --abx-orange: #e67e22;
  --abx-yellow: #f1c40f;
  --abx-green: #2ecc71;
  --abx-blue: #3498db;
  --abx-purple: #9b59b6;
}

/* Horizontal Centering */
.centerize {margin: 0px auto; width: 100%; display:block;}
.ctz-xxs {max-width:400px;}
.ctz-xs {max-width: 600px;}
.ctz-sm {max-width: 800px;}
.ctz-md {max-width: 1000px;}
.ctz-lg {max-width: 1200px;}
.ctz-xl {max-width: 1440px;}

/* Font Weight */
.fw-900 {font-weight:900;}
.fw-800 {font-weight:800;}
.fw-700 {font-weight:700;}
.fw-600 {font-weight:600;}
.fw-500 {font-weight:500;}
.fw-400 {font-weight:400;}


/* Register Colors */
.abx-white {background-color:var(--abx-white);}
.abx-grey {background-color:var(--abx-grey);}
.abx-dark {background-color:var(--abx-dark);}
.abx-black {background-color:var(--abx-black);}
.abx-red {background-color:var(--abx-red);}
.abx-orange {background-color:var(--abx-orange);}
.abx-yellow {background-color:var(--abx-yellow);}
.abx-green {background-color:var(--abx-green);}
.abx-blue {background-color:var(--abx-blue);}
.abx-purple {background-color:var(--abx-purple);}
.abx-brand {background-color:var(--abx-brand);}
.abx-brand-dark {background-color:var(--abx-brand-dark);}

.abx-white-text {color:var(--abx-white);}
.abx-grey-text {color:var(--abx-grey);}
.abx-dark-text {color:var(--abx-dark);}
.abx-black-text {color:var(--abx-black);}
.abx-red-text {color:var(--abx-red);}
.abx-orange-text {color:var(--abx-orange);}
.abx-yellow-text {color:var(--abx-yellow);}
.abx-green-text {color:var(--abx-green);}
.abx-blue-text {color:var(--abx-blue);}
.abx-purple-text {color:var(--abx-purple);}
.abx-brand-text {color:var(--abx-brand);}
.abx-brand-dark-text {color:var(--abx-brand-dark);}

.abx-white-border {border-color:var(--abx-white);}
.abx-grey-border {border-color:var(--abx-grey);}
.abx-dark-border {border-color:var(--abx-dark);}
.abx-black-border {border-color:var(--abx-black);}
.abx-red-border {border-color:var(--abx-red);}
.abx-orange-border {border-color:var(--abx-orange);}
.abx-yellow-border {border-color:var(--abx-yellow);}
.abx-green-border {border-color:var(--abx-green);}
.abx-blue-border {border-color:var(--abx-blue);}
.abx-purple-border {border-color:var(--abx-purple);}
.abx-brand-border {border-color: var(--abx-brand);}
.abx-brand-dark-border {border-color: var(--abx-brand-dark);}

/* CSS Flex Container */
.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
/* Regular Flex Order */
.flex-order-1 {order:1;}
.flex-order-2 {order:2;}
.flex-order-3 {order:3;}
.flex-order-4 {order:4;}
.flex-order-5 {order:5;}
.flex-order-6 {order:6;}

/* Mobile Flex Order */
@media screen and (max-width:768px) {
  .m-flex-order-1 {order:1;}
  .m-flex-order-2 {order:2;}
  .m-flex-order-3 {order:3;}
  .m-flex-order-4 {order:4;}
  .m-flex-order-5 {order:5;}
  .m-flex-order-6 {order:6;}
}

/* Tablet Flex Order */
@media screen and (max-width:991px) {
  .t-flex-order-1 {order:1;}
  .t-flex-order-2 {order:2;}
  .t-flex-order-3 {order:3;}
  .t-flex-order-4 {order:4;}
  .t-flex-order-5 {order:5;}
  .t-flex-order-6 {order:6;}
}

/* Desktop Flex Order */
@media screen and (min-width:992px) {
  .d-flex-order-1 {order:1;}
  .d-flex-order-2 {order:2;}
  .d-flex-order-3 {order:3;}
  .d-flex-order-4 {order:4;}
  .d-flex-order-5 {order:5;}
  .d-flex-order-6 {order:6;}
}


/* Responsively Hide Elements */
@media screen and (max-width:767px) {.hidden-xs {display: none !important;}}
@media screen and (min-width:768px) and (max-width:991px) {.hidden-sm {display: none !important;}}
@media screen and (min-width:992px) and (max-width:1200px) {.hidden-md {display: none !important;}}
@media screen and (min-width:1201px) and (max-width:1440px) {.hidden-lg {display: none !important;}}
@media screen and (min-width:1441px) {.hidden-xl {display: none !important;}}


/*** Parallax Banner ***/
@media screen and (min-width:1025px) {
	.parallax {scroll-behavior: smooth !important; background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
}
.bp-top {background-position:top !important;}
.bp-center {background-position:center !important;}
.bp-bottom {background-position:bottom !important;}
.bs-cover {background-size:cover !important;}
.bs-contain {background-size:contain !important;}
.bs-100 {background-size:100% !important;}
.bg-no-repeat {background-repeat:no-repeat !important;}

/*--- Transition Classes Ease-In-Out ---*/
.trans-300 {transition: all 0.3s;}
.trans-500 {transition: all 0.5s;}
.trans-1000 {transition: all 1s;}
.trans-1500 {transition: all 1.5s;}
.trans-2000 {transition: all 2s;}
.trans-2500 {transition: all 2.5s;}
.trans-3000 {transition: all 3s;}

/*--- Animation Delays ---*/
.delay-300 {animation-delay: 0.3s;}
.delay-500 {animation-delay: 0.5s;}
.delay-1000 {animation-delay: 1s;}
.delay-1500 {animation-delay: 1.5s;}
.delay-2000 {animation-delay: 2s;}
.delay-2500 {animation-delay: 2.5s;}
.delay-3000 {animation-delay: 3s;}

/* Animation Delays */
.adx-100 {animation-delay: 0.1s;}
.adx-200 {animation-delay: 0.2s;}
.adx-250 {animation-delay: 0.25s;}
.adx-300 {animation-delay: 0.3s;}
.adx-400 {animation-delay: 0.4s;}
.adx-500 {animation-delay: 0.5s;}
.adx-600 {animation-delay: 0.6s;}
.adx-700 {animation-delay: 0.7s;}
.adx-750 {animation-delay: 0.75s;}
.adx-800 {animation-delay: 0.8s;}
.adx-900 {animation-delay: 0.9s;}
.adx-1000 {animation-delay: 1s;}
.adx-1100 {animation-delay: 1.1s;}
.adx-1200 {animation-delay: 1.2s;}
.adx-1250 {animation-delay: 1.25s;}
.adx-1300 {animation-delay: 1.3s;}
.adx-1400 {animation-delay: 1.4s;}
.adx-1500 {animation-delay: 1.5s;}
.adx-1600 {animation-delay: 1.6s;}
.adx-1700 {animation-delay: 1.7s;}
.adx-1800 {animation-delay: 1.8s;}
.adx-1900 {animation-delay: 1.9s;}
.adx-2000 {animation-delay: 2s;}
.adx-2500 {animation-delay: 2.5s;}
.adx-3000 {animation-delay: 3s;}

/* Fonts */
/* h1,h2,h3,h4,h5,h6, #main-menu li a,
.abx-roboto {font-family: var(--abx-roboto);}
div,ul,li,a,p,button,select,input,textarea,
.abx-lato {font-family: var(--abx-lato);} */
h1 span {display:block;}
a, button {cursor:pointer;}
/* a:hover {color: var(--abx-brand);} */
a.abx-white-text {color: var(--abx-white) !important;}
.undecorate {text-decoration:none;}
.cursor-pointer {cursor:pointer;}
.pointer-events-none {pointer-events:none;}
.inline-block {display:inline-block !important;}
.float-left {float:left;}
.float-right {float:right;}
.border-none {border:none;}
.display-block {display:block;}
.button {
  padding:1rem; border-radius:0; border:0; text-align:center; display: block; margin:0 auto;
  text-transform:uppercase; transition:all 0.2s linear; font-weight:900; cursor:pointer; width:200px;
}
.gform_footer input[type="submit"] {background-color: var(--abx-brand) !important;}
.button.pt-green, .button.pt-green:hover, .gform_footer input[type="submit"] {color: #fff !important;}
/* h1 .big-title, h1 .little-title {} */
.anim-hidden {visibility: hidden;}
.lh-2 {line-height:2;}
input, select, textarea {outline: none !important; border-color:transparent !important; box-shadow:none !important;}

/* MAIN */
.row{margin-left:0 !important; margin-right:0 !important;}
.full-banner-bg {background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important;}
.parallax {background-attachment: fixed;}
.anti-wrapper {max-width:100% !important; width: 100% !important; padding:0 !important; margin:0 !important;}
.friendly-order {display: inline;}
*:focus {outline: none !important;}

/* Card Container */
.abx-card {background-color: var(--abx-white); box-shadow:0 0 12px #c5c5c5; transition:all 0.2s linear;}
.abx-card:hover {box-shadow: 0 0 20px #808080 !important;}

/* TEMPLATE: Navigation */
#main-menu > li > a.nav-link,
/* #main-menu .dropdown-menu > li > a {color: var(--vtj-green); transition:all 0.2s linear;}
#main-menu > li > a.nav-link:hover {background: var(--vtj-green); color: var(--vtj-white);} */
#main-menu .dropdown-menu > li > a {color: var(--abx-white); transition:all 0.2s linear; text-transform: uppercase; text-align:center;}
#main-menu > li > a.nav-link:hover {color: var(--abx-white); background-color: var(--abx-brand);}
#main-menu li {text-align:center;}
@media screen and (max-width:767px) {
  #main-menu li {text-align: center; padding: 0.5rem;}
  #main-menu > li > a.nav-link {padding: 1rem;}
}
@media screen and (min-width:768px) {
  #main-menu > li > a.nav-link {padding: 2rem 0.5rem;}
}

#abx-footer-menu {list-style:none;}
#abx-footer-menu > li {width: auto; max-width: 120px; display: inline-block;}
#abx-footer-menu > li > a.nav-link {color:var(--abx-white); text-transform:uppercase;}
#main-menu .dropdown-menu {border: none; text-align: center;}
#main-menu .dropdown-menu > li > a {padding:1rem; color: var(--abx-brand);}
/* #main-menu .dropdown-item.active, */
/* #main-menu .dropdown-item:active  {background-color:var(--vtj-green) !important; color: var(--vtj-white) !important;} */
#main-menu .dropdown-item {text-transform: uppercase;}
#main-menu .dropdown-item.active,
#main-menu .dropdown-item:hover,
#main-menu .dropdown-item:active  {background-color: var(--abx-brand); color: var(--abx-white) !important;}
#main-menu li.menu-item ul.dropdown-menu {margin-top: -5px;}

/* ~~~ Full Banner Video ~~~ */
#full-video-wrap {position: relative; height: 750px; overflow:hidden;}
#full-video {
  position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: 750px; z-index: -10;
  background-color: black; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
}

#full-video-overlay {
  position: absolute; z-index: -2; width: 100%; top: 0; right: 0; bottom: 0;
  left: 0; background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3));
}

#full-video-overlay h1,
#abx-header-banner h1 {text-shadow: 0px 0px 12px #000;}

#full-video iframe {width: 300%; height: 1080px; position: absolute; top: -15%; left: -100%;}
@media screen and (max-width:991px) {
  #full-video-wrap, #full-video {height:480px;}
}

/* Management Template Styles */
.circle-photo {width: 160px; height: 160px; overflow: hidden; border-radius: 50%; margin:0 auto;}
.abx-management {cursor:pointer;}
.abx-management:hover {background: var(--abx-blue); color: var(--abx-white);}
.abx-management:hover * {color:var(--abx-white) !important;}
.sidelines {display: block; font-family: var(--abx-blue) !important; text-transform: uppercase; font-weight: 900; color: var(--abx-color);}
.sidelines::before, .sidelines::after {
   content: "";
   display: inline-block;
   width: 50px;
   padding: 2px;
   background: var(--abx-blue);
   margin-bottom: 3px;
}
.abx-management:hover .sidelines::before, .aabx-management:hover .sidelines::after {background: var(--abx-white) !important;}
.sidelines::before {margin-right:7px;}
.sidelines::after {margin-left:7px;}

/* Contact Form */
li.gfield input, li.gfield textarea, li.gfield select {width: 100% !important; display: block; margin: 0 auto;}
li.gfield {display: inline-block;}

@media screen and (min-width:992px) {#abx-pillars h2 {font-size:1.5vw;} }
@media screen and (min-width:768px) and (max-width:991px) {#abx-pillars h2 {font-size:2.5vw;} }
@media screen and (max-width:767px) {#abx-pillars h2 {font-size:3.5vw;} }


/* Pagination */
.page-number {width:25px; height:25px; display:inline-block; margin-right:0.5rem;}