@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');

body {
    font-size: 12px;
}

body.sticky .templatearea .data-templatearea-content, body.sticky .templatearea .data-templatearea-content {
  color: white ;
}

h1, h2, h3 {
    text-transform:uppercase;
}

.dynamic-content {
  background-image: radial-gradient(at center center, #0F0F1E 60%, #0E375B 100%);
}

.panel, .payment-method .panel .panel-heading.active {
  background: #144c7e;
}

.single-item .single-item-image .image-link > img, .single-item .single-item-image .single-image-link > img{
  border-radius:30px;
}


@media (min-width: 1300px) {
  .container {
    width: 95%;

  }
}

/* Remove Template Area Shadows and Outline */

body.sticky .templatearea .data-templatearea-content, body.sticky .templatearea {
  box-shadow: none;
  border: none;
}

/* logo */

.site-logo > img{
  max-height: unset;
  max-width: unset;
  width:252px;
  display: none;

}

.site-logo{
  background: url(https://cdn.sanity.io/images/rp10ihh5/production/bd2465d5c02337c815c6d607b0b06e89dc2cc69e-1156x618.png);
  visibility: visible;
  width: 252px;
  height: 125px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
}

/* Forms */

.select2-container--bootstrap *, {
  color: #144c7e;
}

.form-control, .dataTables_wrapper .dataTables_length label select {
  color:#ef5113 ;
}


/* Rows */

.item-attenders-controls.row {
  margin: 0;
  display:flex;
  flex-wrap:wrap;
  align-items: center;
}

.col-content .row.row-mobile-controls .col-xs-8, .col-content .row.row-mobile-controls .col-md-6{
  width: auto;
  width: fit-content;
  padding: 0;
  margin: 0;
}

/* Hosted Checkout Fix */

.panel-body .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
}

.hosted-token, .hosted-token iframe {
  max-width: 100%;
}

.item-event-content-title .item-ticket-container ~ .btn-cancel-choice-set {
  display: none;
}

.item-event .item-event-content {
  min-height: unset;
}

@media (min-width: 768px) {
 .item-event .col-sm-4 {
    width: auto;
  }
}

/* Widget Menu/Main Navigation */

/* Desktop*/

@media(min-width: 1237px){
   #widgets-collapse > .container {
  width: fit-content;
  margin: auto;
   position: relative;
  justify-content: center;
     display: flex;
}

#widgets-collapse {
  width: calc(100% - 352px);
  /*! margin-right: 100px; */
}

.site-actions > .container{
  margin: 0;
  width: auto;
  width: fit-content;
  padding: 0;

}

.site-actions {
  padding: 0;
  width: auto;
  width: 252px;
  float: left;
  margin-left: 100px;
}
}

/* all sizes*/

.page-header > h1 {
  font-size: 36px;
}

.nav-pills.main-nav {
  display: flex;
  justify-content: center;
}

.widget-menu .main-nav li > a{
  font-size: 16px; 
  text-transform: uppercase;
}

.site-actions, .navbar-default {
  background: transparent;
  z-index: 1;
  position: relative;
}

/* tablet */

.mobile-nav {
  background: #0f0f1e;
}

.mobile-nav .mobile-nav-item > li > a {
  color: white;
  font-family: "Francois One";
}

/* Mobile */

@media(max-width:767px){
.nav.nav-pills {
  flex-wrap: wrap;
}
  
  .nav.nav-pills.main-nav {
    background-color: white;
  }
  
  .nav.nav.main-nav li {
    width: 100%;
  }
  
  .nav.nav.main-nav li a {
    color: #0f0f1e;
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-color: #e8e8e8;
    border-bottom-style: solid;
    border-radius: 0;
    margin-bottom: 0;
  }
  
  #widgets-collapse .col-xs-12 {
   background: #144c7e;
  }
  
  .widget-menu ul.main-nav {
    padding: 0;
  }
  
  .navbar-header {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: center;
  }
  
  .navbar-header .navbar-brand {
    padding: 0;
    width: 75%;
    height: auto;
    height: fit-content;
  }
  
  .navbar-brand > img {
    max-width: unset;
    max-height: unset;
    display: block;
    margin: auto;
  }
  
  .navbar-custom-wrap, .navbar-custom-wrap .navbar-custom{
    padding-right: 0;
    width: 100%;
    float: unset !important;
  }
  
  .navbar-custom-wrap .navbar-custom.visible-xs {
    display: flex !important;
    justify-content: space-around;
  }
 
  .navbar-toggle{
    width: 36px;
    padding:0;
  }
  
  .navbar-toggle .icon-bar {
    width: 100%;
    height: 4px;
  }
  
  .navbar-toggle.opened .icon-bar {
    width:19px;
  }
  
  .navbar-toggle .icon-bar:nth-child(2){
    display: none;
  }
  
  .navbar-toggle .icon-bar:nth-child(3) {
  top: 10px;
}
  
}

/* Navbar/Top Header */

header.top-menu .navbar {
  border-bottom: none;
}

  .navbar-nav.navbar-custom .open .dropdown-menu > li.active > a, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li.active > a, .navbar-nav.navbar-custom .open .dropdown-menu > li.active > a:hover, .navbar-nav.navbar-custom .open .dropdown-menu > li.active > a:focus, .navbar-nav.navbar-custom .open .dropdown-menu > li.active > span, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li.active > span, .navbar-nav.navbar-custom .open .dropdown-menu > li.active > span:hover, .navbar-nav.navbar-custom .open .dropdown-menu > li.active > span:focus{
    color: #ef5113;
}

.navbar-nav.navbar-custom .open .dropdown-menu > li > a:hover, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li > a:hover, .navbar-nav.navbar-custom .open .dropdown-menu > li > a:focus, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li > a:focus, .navbar-nav.navbar-custom .open .dropdown-menu > li > span:hover, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li > span:hover, .navbar-nav.navbar-custom .open .dropdown-menu > li > span:focus, .navbar-nav.navbar-custom .open .filemanager-contextmenu > li > span:focus{
  color: #ef5113;
}

.navbar-default .navbar-nav > .open > a:hover > .icon, .navbar-default .navbar-nav > .open > a:focus > .icon{
  color:  #ef5113 !important;
}

/* Buttons */

.btn {
  font-size: 14px;
  padding: 10px 35px 10px 35px;
  width: auto;
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.btn.btn-default:hover, .btn.btn-default:focus{
  color: white;
}

body.sticky .btn.btn-default.btn-up:hover .icon, body.sticky .btn.btn-default.btn-up:focus .icon, body.sticky .btn.btn-default.btn-down:hover .icon, body.sticky .btn.btn-default.btn-down:focus .icon{
  color: white !important;
}

.btn.btn-default .icon{
  color: #ef5113;
}

.btn.btn-default:hover > .icon, .btn.btn-default:focus > .icon{
  color: white;
}

.cart-coupons, .cart-coupons > .input-group, .cart-coupons > .input-group input, .cart-coupons > .input-group button {
  height: 50px;
}

.input-group-quantity, .input-group-quantity * {
  display: flex;
}

.input-group-quantity .input-group-btn {
  width: auto;
  width: fit-content;
}

.input-group-quantity .input-group-btn span:before{
  position: relative;
  top:3px;
}

/* Events */

.item .item-image-link > img{
  border-radius: 40px;
}

.item .item-title {
  font-size: 25px;
}

.event-grid {
  display: flex;
  justify-content: space-around;
}

.item .item-description, .item .item-event-info strong {
  color: white;
}

.grid.grid-with-separator > [class*="col-"] .col-content {
  background-image: linear-gradient(90deg, #1D1F4D 0%, #144C7E 100%);
  border-radius: 30px;
  padding:50px;
}

.grid .row-mobile-controls.row {
  display: flex;
  margin:0;
  justify-content: center;
}

@media  (max-width: 991px) {
  .grid > .col-3 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .grid .row-mobile-controls.row .col-md-6 {
    width: auto;
    width: fit-content;
    padding: 0;
    display: flex;

  }
}

@media (max-width: 570px) {
    .grid>.col-3 {
    width:100%
  }
}
/* Modals */
.modal-header {
  background: #144c7e;
}

/* Footer */

.powered-by {
  border-top: solid 2px #ef5113;
}

/* Other */

.nav-tabs>li>a{
  color: white;
}

.nav-tabs > li.active > a,
.dropdown-menu > li > a:hover, .filemanager-contextmenu > li > a:hover, .dropdown-menu > li > a:focus, .filemanager-contextmenu > li > a:focus, .dropdown-menu > li > span:hover, .filemanager-contextmenu > li > span:hover, .dropdown-menu > li > span:focus, .filemanager-contextmenu > li > span:focus{
  color: #ef5113;
}