@media (min-width: 768px)
{
/*==========================================================================
Primary header
==========================================================================*/
.primary-header
{
overflow: hidden;
position: relative;
height:auto;
min-height:432px;
background-size: cover;
background-attachment: fixed;
}
/*==========================================================================
Header
==========================================================================*/
.primary-header-event
{
height:100vh;
}
.primary-header.map-fixed-top
{
height:600px;
}
.primary-header.medium
{
height:auto;
}
.primary-header video
{
display: block;
width: 178%;
z-index: 10;
/*position: fixed;*/
top: 0;
}
/*==========================================================================
Header
==========================================================================*/
.header
{
padding-top:25px;
padding-bottom:25px;
height:205px;
z-index: 10000000;
width: 100%;
left: auto;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.header.fixed
{
background-color: rgba(0, 0, 0, .9);
}
.header.fixed-top
{
position:relative;
}
.header.dark
{
background-color: rgba(0, 0, 0, .9);
}
.header .logo
{
z-index: 50;
position: relative;
margin-right: 30px;
padding-top: 5px;
}
.header .logo img, .header .logo svg
{
max-width: 150px;
height: 67px;
}
.header .primary-nav
{
float: left;
z-index: 50;
}
.header .tablet-desktop-signin-nav
{
z-index:45;
}
.header .primary-nav .navbar-collapse
{
padding: 0;
position:relative;
}
.header .primary-nav .navbar-nav
{
background: transparent;
border: 0;
margin-top: 0px;
}
.header .primary-nav .navbar-nav li.split
{
display: block;
width: 100%;
height: 5px;
clear: both;
}
.header .primary-nav .navbar-nav li a
{
border: 0;
font-size: 14px;
padding: 8px 5px;
font-weight:100;
}
.header .primary-nav .navbar-nav li.login
{
float: left;
margin-left: 15px;
}
.header .primary-nav .navbar-nav li.login a
{
padding-left: 0px;
}
.header .primary-nav .navbar-nav li.signup
{
float: left;
margin-left: 15px;
}
.header .primary-nav .navbar-nav li.signup a
{
border: 2px solid #b4a2cf;
background-color:transparent;
color: #b4a2cf;
font-weight:bold;
padding: 6px 13px;
border-radius: 0px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.header .primary-nav .navbar-nav li.signup a:hover
{
background-color:#b4a2cf;
color:#FFF;
}
.header .nav-right .nav
{
margin-top:0px;
}
.header .shopping-cart
{
font-size:20px;
}
.primary-header.big
{
height:auto;
}
.cover-h1
{
margin-top: 200px;
font-size:70px;
}
.homepage-header-extra h1
{
font-size:68px;
margin-top: 27%;
}
.home-cover-h2
{
font-size:3.5em;
}
.event-cover .inner
{
padding-bottom:50px;
}
section .content-area img
{
display: inline-block;
margin:auto;
}
section .content-area p
{
word-wrap: auto;
}
.mobile-line-bottom .col-md-6
{
margin-bottom:0px;
border-bottom:none;
}
#main
{
z-index: 50;
position: relative;
min-height: 800px;
}
/*==========================================================================
Header sub-nav
==========================================================================*/
.sub-nav
{
}
.sub-nav .header-sub-nav
{
}
.sub-nav .navbar
{
min-height: auto;
}
.sub-nav .header-sub-nav .navbar-header
{
display: none;
}
.sub-nav .header-sub-nav .navbar-nav
{
margin: 0;
background-color: transparent;
}
.sub-nav .header-sub-nav .navbar-nav li
{
float: left;
margin-bottom: -1px;
}
.sub-nav .header-sub-nav .navbar-nav li a
{
font-weight: 700;
border-bottom: none;
margin-bottom: 0px;
color: #FFF;
}
.sub-nav .header-sub-nav .navbar-nav li a:hover
{
background-color: #b4a2cf;
}
.sub-nav .header-sub-nav .navbar-nav li.active a
{
background-color: #b4a2cf;
}
.toggle-dropdown:hover .dropdown-menu
{
display:inline-block;
background-color:#000;
border-top:1px solid #ccc;
width:auto;
position: absolute;
margin-bottom: auto;
border-bottom: none;
padding-left: 0px;
}
/*==========================================================================
Base Styles
==========================================================================*/
h4, .h4
{
font-size: 24px;
}
/*==========================================================================
Section: Upcoming Events
==========================================================================*/
.upcoming-events h1
{
}
.upcoming-events .event-box
{
min-height: 300px;
}
.upcoming-events .event-box .title
{
font-size: 22px;
margin-bottom: 0;
}
.upcoming-events .event-box .location
{
font-size: 22px;
}
.upcoming-events .nav-icon
{
padding-top: 180px;
}
.upcoming-events .event-box .date
{
font-size: 30px;
}
.event-thumbnail-buttons-container
{
padding-top: 94px;
text-align:right;
}
.event-search-form.pull-right
{
float:right;
width:auto;
}
.event-search-form .form-control-alt
{
width:auto;
float:none;
}
.event-search-form .btn-alt
{
float:none;
}
.center-mobile
{
text-align:inherit;
}
.pull-right.center-mobile
{
float:right !important;
}
.event-date-thumb
{
max-width:90px;
}
.event-thumbnail-info-container
{
padding-left:110px;
}
/*==========================================================================
Section: 4-8
==========================================================================*/
.section-4-8 .split-left .img-left
{
margin-left: 0;
left: 0;
}
.event-cover .countdown .row > div
{
height:60px;
border-right: 3px solid #FFF;
}
.event-cover .countdown h3
{
font-size:50px;
}
/*==========================================================================
Groups
==========================================================================*/
.section-background
{
padding-top:30px;
padding-bottom:30px;
}
/*==========================================================================
Watch
==========================================================================*/
section.watch .video .video-box .thumb
{
height:115px;
}
.watch-search-form.pull-right
{
float:right;
width:auto;
}
.watch-search-form .form-control-alt
{
width:auto;
float:none;
}
.watch-search-form .btn-alt
{
float:none;
}
/*==========================================================================
UDO Groups
==========================================================================*/
#group-stat .stat
{
margin-left:0px;
margin-right:0px;
}
/*==========================================================================
Section: News
==========================================================================*/
section.news .news-thumbnail
{
width:50%;
float:left;
height:500px;
}
section.news .news-thumbnail h2
{
margin-top:150px;
}
/*==========================================================================
Section: Shop
==========================================================================*/
.shop-categories .category h1, .shop-categories .category:first-child h1
{
margin-top:180px;
}
.product-name
{
margin-top:0px;
}
.grey-box#chosen-tickets
{
padding:15px;
}
/*==========================================================================
Blog
==========================================================================*/
.blog-columns
{
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.blog-columns .column-thumbnail .featured-image
{
height:auto;
}
.blog-columns .column-thumbnail:nth-child(2n) .featured-image img, .blog-columns .column-thumbnail:nth-child(3n) .featured-image img
{
height:auto;
width:100%;
}
/*==========================================================================
Footer
==========================================================================*/
.primary-footer .footer-region-box
{
float: right;
margin-top: -100px;
}
.primary-footer .language-form
{
float:right;
margin-top: -70px;
}
.primary-footer .language-form select
{
width:120px;
}
}