/* Working ------------------------------------------------------------------------------------------------- */

/* turns off the Storefront menu icon at a specific breakpoint */
/* this can also be done directly from the Responsive Menu Options */
/* @media screen and (max-width: 678px) {
  nav {
    display: none;
  }
}  
*/

/* Active -------------------------------------------------------------------------------------------------- */

/* 2023 11 26 */
/* Remove currency banner*/
/* https://wordpress.org/support/topic/removal-of-the-multicurrency-banner/ */

.woocommerce-store-notice, p.demo_store{
display: none !important;
}


/* Remove related products on WooCommerce Products pages*/
/* 2023 01 25 */

.related.products {
display: none;
}



/* Set background images for pages. Just replace the page id and the url of the background image */

/* Home page */

.page-id-48 {
   background-image: url("http://192.168.2.200/laperatest3/wp-content/uploads/2018/12/IMG_4269-Edit.jpg");
   background-size: cover;
}

/* Big-2 page -------- */

.page-id-187 {
   	background-image: url("http://192.168.2.200/laperatest3/wp-content/uploads/2018/12/front_and_side_2000x1000.jpg");
  	background-size: cover;  
  	background-position: 0px 170px;
  	background-repeat: no-repeat; 	
}  

@media only screen and (max-width: 640px) {
	.page-id-187 {
   	background-image: url("http://192.168.2.200/laperatest3/wp-content/uploads/2018/12/quarter_view_500x500.jpg");
    background-position: 0px 130px;
    background-repeat: no-repeat;
   	background-size: contain;
	}
}

/* Big-3 id 212 */  

/* Big-4 id 219 */  
.page-id-219 {
   	background-image: url("http://192.168.2.200/laperatest3/wp-content/uploads/2018/12/front_and_side_2000x1000.jpg");
  	background-size: cover;  
  	background-position: 0px 190px;
  	background-repeat: no-repeat; 	
}  

@media only screen and (max-width: 600px) {
	.page-id-219 {
   	background-image: url("http://192.168.2.200/laperatest3/wp-content/uploads/2018/12/quarter_view_500x500.jpg");
    background-position: 0px 150px;
    background-repeat: no-repeat;
   	background-size: cover;
	}
}


/* Shop page */

/* disable the woocommerce default sorting and showing results feature */
.woocommerce-result-count, .woocommerce-ordering {
  display: none;
}  

/* remove sidebar on shop page*/
.woocommerce div#secondary {
  display: none;
}  

/* Sitewide changes -----------------------------------------------------------*/

/* Header area */
.site-header {
   padding-top:0.25em;
}

/* this moves the content upwards towards the header - use with caution! ---------------- */

.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
margin-bottom: -20px;
}


/* This makes the header transparent so that the background image shows through */

.site-header {
  background-color: transparent;
}


/* This removes the bottom border */

.hentry {
   
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}

/* This removes the site footer */

.site-footer {
  
  display: none;
  
}

/* Shortcodes related --------------------------------------------------*/
/* This sets the border of the shortcodes ultimate button */

.sfbutton  {
  
  border-color: white !important;
  
}

/* Remove woocommerce shopping basket & icon ----------------------------------------------*/
/* 2019 6 18 */

.site-header-cart{ 
	display: none; 
}


/* Remove woocommerce shopping total next to icon ----------------------------------------------*/
/* 2023 1 20 */
/*
#site-header-cart a.cart-contents .woocommerce-Price-amount{
    display: none !important;
}
*/

/* Remove woocommerce items next to icon ----------------------------------------------*/
/* 2023 1 20 */

.site-header-cart .cart-contents span {
    display: none;
}


/* Remove categories from blog page  ----------------------------------------------*/
/* 2019 6 19 */

.entry-taxonomy .cat-links { display: none; }

/* Remove categories from blog page  ----------------------------------------------*/
/* 2019 6 19 */

.archive .page-title {
display: none;
}
.post-meta .post-category {
display: none;
}
.page-title .meta-single li {
display: none;
border-bottom: none;
}

/* Remove Entry Headers  ----------------------------------------------*/
/* 2019 6 19 */

/* calls a function in functions.php - this is better than one below as it leaves the post titles in place */

.hidetitle .entry-title {
display:none;
}

/*
header.entry-header { 
	display: none; 
}
*/

/* 2019 6 19 add custom font colors ------------------------------------------------*/

.cleartext {
  color: #FFFFFF;
}

/* then add class="cleartext" with the span or the p of a text. */


/* 2019 6 19 Reduce the size of the post titles  ------------------------------------------------*/

.entry-title {
	font-size: 24px;
}

/* Testing ------------------------------------------------------------------------------------- */

 /*
nav{
  width: 25vw;
  height: 40px;
  background: transparent;
  color: #FFFFFF;
  margin: 0 auto;
}  
*/

/**
button.menu-toggle {
  margin: 0 auto;
  float: none;
  display: block;
}  

nav ul li{
  display: inline;
}  
*/




/* Not useful? --------------------------------------------------------------- */

/* Masthead */
/*
#masthead.site-header {
	height: 155px!important;
	margin-bottom:0px
}
*/

/* Mobile CSS for Masthead */
/*
@media only screen and (max-width: 320px) {
	#masthead.site-header {
	height: 80px!important;
	margin-bottom:0px;
}
}
*/

/* Masthead menu */
/*
.storefront-primary-navigation a, .cart-contents a {
	margin:0 0 0 0;
}


.main-navigation ul {
	padding:0 0 10px 4px!important;
}
.main-navigation li {
	height:38px!important;}

*/

/* Mobile CSS for Masthead menu */
/*
@media only screen and (max-width: 320px) {
.main-navigation ul {
	background:#D6DDE4!important;
}
}
*/



/*other stuff page - DONT THINK THIS DOES ANYTHING*/
/*
.page-id-86 #main {
  padding-top: 0;
}

.layout-full.page-id-86 .panel-grid:first-of-type .panel-row-style.panel-row-style-full-width {
  padding-top: 0;
}  
*/
 /* trying to modify the menu button to remove the frame */
/*
@media only screen and (max-width: 600px) {
	button.menu-toggle {
  	margin: 0 auto;
  	float: none;
  	display: block;
	}  
	#site-navigation.main-navigation {
  	width: 100%;
  	display: inline-block;
  }
}
*/