/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*
@import "dependencies";
.r-header-currency select {
    display: none;
    width: 0;
    height: 0;
    visibility: hidden;
}
*/
/*
@import "dependencies";
@include breakpoint(mobile-only) {
    body {
        .r-header .r-header-left, .r-header .r-header-right {
            @include flex(0 25%);
            width: 25%;
        }
        .r-header .r-logo {
            @include flex(0 50%);
            width: 80%;
        }
    }
}
*/
/*
	D. Merakov, 2021-01-27, 
	Center alignment of Category Names
	in Hikashop Categosy Listing Menu Items

	For this to work bwe_boswell_shop should be 
	added in the Joomla Menu Item/Page Display/Page Class

*/
.bwe_bosswel_shop .hikashop_category_name {
  text-align: center;
}
/*
	D. Merakov, 2021-02-04, 
	Make the title of the Upcoming Events element on home page
	look like the titles of the other elements - not capitalised

	For this to work the class is added in the Joomla module
*/
.bwe_home_upcoming_events_header {
  text-transform: none;
  margin-top: 12px;
}
/*
	D. Merakov, 2021-02-04, 
	Fix the arrows for changing messages and make the box sqare
	In Rok Sprocket for Alerts on Home Page
*/
.sprocket-headlines-navigation .arrow {
  height: 30px;
  border-radius: 0;
  line-height: 1.75rem;
}
/*
	D. Merakov, 2021-02-09, 
	Fix for the Headr Toolbar removing a right border 
	between the dorp-down menu and the shop cart
*/
div.r-header-usermenu {
  border-right: none !important;
  margin-right: unset !important;
  padding-right: unset !important;
}
/*
	D. Merakov, 2021-02-11
	Adding background image to the site
	alternative selector: body, #g-page-surround
*/
/*
#g-page-surround {
  	background-image: url('images/Boswell_background_image_2.jpg');
  	background-color: transparent !important;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
*/
/*
	D. Merakov, 2021-02-12
	Removing padding from the Feature section of Style Home
*/
.bwe_home_feature .g-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  /*margin-top: 0px;*/
  /*margin-bottom: 0px;*/
}
/*
	D. Merakov, 2021-02-12
	Removing padding and margins from the Utility section of Style Home
*/
.bwe_home_utility, .bwe_home_utility .g-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
	D. Merakov, 2021-02-12
	Removing padding from the Container section of Style Home
*/
.bwe_home_container .g-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  /*margin-top: 0px;*/
  /*margin-bottom: 0px;*/
}
/*
	D. Merakov, 2021-02-12
	Removing padding from the Container section of Style Default
*/
.bwe_default_container .g-content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
	D. Merakov, 2021-02-12
	Removing padding article spots of the Boswell News module
*/
.bwe_mod_boswell_news .g-array-item {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
}
/*
	D. Merakov, 2021-02-14
	On Home Page the Boswell News element had some instances with line height 0.25 rem.
	This CSS fixes it.
*/
/*
.bwe_mod_boswell_news div {
  	line-height: 1.5rem;
}
*/
/*
	D. Merakov, 2021-02-13
	The input fields of the login modal box for some reason lost their shape of some pages and
	this CSS fixes them.
*/
#form-login-username input, #form-login-password input {
  height: 2.68rem;
  width: 100% !important;
}
/*
	D. Merakov
	The footer line height on Home page for some reason became too small and
	this CSS fixes it.
*/
/*
#module-about-us-380-particle li, #module-bottommenu-382-particle li, .r-aboutus p {
  line-height: 1.5rem;
}
*/
/*
	D. Merakov, 2021-12-13
	On page Arena Hite the two elements horizontally are not aligned at the top.
	This CSS makes the second element go hoigher and aligned with the left one.
*/
#servicesTabs {
  margin-top: 0px;
}
/*
	D. Merakov, 2021-02-14
	In the Arena Hire Page most of the elements have curved border angled.
	This CSS makes the angles straight.
*/
.bwe_arena_hire div, .bwe_arena_hire div a {
  border-radius: 0px;
}
/*
	D. Merakov, 2021-02-15
	The logo on Page COVID-19 ... is oversized.
	This CSS fixes it.
*/
.bwe_covid_contact_tracing img {
  max-width: 100%;
}
/*
	D. Merakov, 2021-02-16
	On mobile phone screens the header section displayes a dark bankd containg search and the dorp-down menu.
	This CSS makes that band in the color of the header of Boswell.
*/
.r-header-inner::before {
  background-color: #071c41 !important;
}
/*
	D. Merakov, 2021-02-16
	There is too much space above and below the logo in the Header.
	This CSS reduces it.
*/
#g-header .g-content {
  margin-top: 0px;
  margin-bottom: 0px;
  /*padding-bottom: 0;*/
}
/*
	D. Merakov, 2021-02-17
	These is apdding of 2.5 rem around the footer section.
	This CSS removes it.
*/
#g-container-bottom {
  padding-top: 0px;
  padding-bottom: 0px;
}
/*
	D. Merakov, 2021-02-28
	On the Offline Page the text color of Login Fields is white.
	This makes the color black.
*/
.bwe_offline-content input:not([type="submit"]) {
  color: #000 !important;
}
/*
	D. Merakov, 2021-01-03
	Fixing the line height of sub-menues in the Home page,
	Where the items under "Boswell Order Admin" had small line-height
	The two identifiers are the header particles of the Home and Default styles.
*/
div#menu-3928-particle, #menu-9799-particle {
  line-height: 1.21875rem;
  background: #071c41 !important;
}
/*
	D. Merakov, 2021-03-01
	Fixing the font in the searh box of the header from black to white
*/
input#mod-search-searchword93 {
  color: #fff;
}
/*
	D. Merakov, 2021-03-01
	Reducing the font size of the Alerts to 1 Rem
*/
.moduletable.bwe_alerts {
  font-size: 0.91rem;
}
/*
	D. Merakov, 2021-03-03
	When the menu changes to 'mobile'- 60rem or less -align the header user menu to the left
	in order to make the menu items visible, otherwise they stick out of the screen to the right.
	60 rem is the breakboint for Mobile menu in the Template Style.
*/
@media only screen and (max-width: 60rem) {
  .g-block.size-38.r-header-right {
    padding-left: 1rem;
    text-align: left;
  }
  .g-block.size-38.r-header-left {
    margin-bottom: 0;
  }
}
/*
	D. Merakov, 2021-03-06
	In the Hikashop Filter module there was too much space btween the filter title and the first filter value
	This CSS fixes it.
*/
.hikashop_filter_list_style {
  margin-top: 0px;
}
/*# sourceMappingURL=custom_27.css.map */