@charset "UTF-8";
/*
/*
Theme Name: SKICLUB GRABS
Theme URI: WWW.SKICLUBGRABS.CH
Version: 1.0 2025
Description: RESPONSIVE CUSTOM THEME BS 5
Author: FREDY HOLENSTEIN 
Author URI: HTTP://WWW.WORKZ.CH
*/


/****  WORDPRESS ****/ 

ul#recent {
	padding: 0;
	list-style: none;
}
ul#recent li {
	margin-bottom: 4px;
}
ul#recent li a {
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color:rgba(128,137,124,1.00);
}

/***** SCREEN  *****/

div#sidebar1 ul { list-style: none;  }
div#sidebar1 ul li a {color:rgba(0,0,0,1.00);}
div#sidebar1 ul li.current_page_item a,
div#sidebar1 ul li a:hover {color:rgba(230,0,80,1.00);}

div#mobilenavigation {
	display: none;
}

section#footer a, section#footer a:visited {
	color: #fff!important;
	text-decoration: underline!important;
}


/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 1199px) {
/***** Logo, Btn & Phone Menu Btn *****/


section#hnav { 
		position: relative;
		display: block;
		top:0; 
		left:0;
		height: 60px;
	}
	
section.screennav {
	display: none!important;
}

/***** Navigation *****/
.navigation {
	margin: 0 auto;
	display: none;
	background: none;
	width: 100%;
	background-color: #000;
}
div#mobilenavigation {
	display: block;
	z-index:40;
}
ul#menu {
	display: none;
}
ul#menu-generic {
	display: none;
}
ul#mobile {
	display: none;
}

div#menu-icon {
	display: block;
	width: 100%;
	height: 60px;
	padding: 5px 20px 5px 0;
	background: rgba(4,73,139,1.00) url(../img/icon-menu.png) no-repeat right;
}
div#menu-icon img {
	padding-left: 25px;
}
div#menu-icon-link {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 30px;
}
div#menu-icon-link a {
	font-size: 18px;
}
section.generic, section.header {
	display: none!important;
}

ul.mnav {
	margin: 0;
	padding: 3px 0 0px 0;
	font-size: 16px;
	background: rgba(22,55,103,1.00); 
	list-style: none;
	text-align: left;
	width: 100%;
}
ul.mnav li {
	margin: 0;
	padding: 0;
	font-size: 16px;
	text-align: left;
	float: none;
	list-style: none;
	background:none!important;
	border-bottom: 1px solid #fff;
}
ul.mnav li a {
	padding: 0 0 3px 25px;
	display: block;
	width: 270px;
	text-decoration: none;
	line-height: 30px;
	color: #fff;
	border-left: 5px solid rgba(255,255,255,0.00);
}
ul.mnav li a:hover, ul.mnav li.current-menu-item a {
	padding: 0 0 3px 15px;
	text-decoration: none;
	
	line-height: 30px;
	color: rgba(185,181,181,1.00);
	border-left: 15px solid rgba(185,181,181,1.00);
}
ul.mnav ul {
	display: block;
	margin: 0 0 0 10px;
}
ul.mnav li:hover ul {
	display: block;
}
ul.mnav ul li {
	border: none;
}
ul.mnav ul li.current-menu-item a {
	color: #dae3be;
}

img.navlogo { height:50px; width:auto;}
	
}





@media only screen 
and (min-width : 1200px) {
/* Desktops and laptops ----------- */


.nav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
  
}
.nav ul:before,.nav ul:after {
    content:"";
    display:table;
}
.nav ul:after {
    clear:both;
}
.nav ul > li {
    float:left;
    position:relative;
	list-style-type:none!important;
}
.nav a {
    display:block;
    padding:10px;
    line-height:1.2em;
    color:#fff;
    font-size: 1.0em;
	letter-spacing: 2px;
}
.nav a:hover {
    text-decoration:underline;
  
}

	
	
/* DROP DOWN */	

.nav ul.sub-menu  {  
	
	  display: none;
  position: absolute;
  background-color: #000;
  min-width: 160px;
  padding: 6px 8px;
  z-index: 1;
	
	}

.nav li:hover ul.sub-menu {
  display: block;
}	
	
	.nav li ul.sub-menu li {
  display: block;
		float: none!important;
			text-align:left;
		background: rgba(255,255,255,0.03);
		border-top:1px solid #000;
}	
	
ul#generic {margin-bottom:7px;}
ul#generic li a { color:#fff; margin-left:12px; font-size:11px; }
ul#generic li a:hover {color:rgba(128,137,124,1.00); margin-left:12px; }
ul#generic li { display:inline;}

.navright {float:right}

.current-post-ancestor a,
.current-menu-parent a,
.current-menu-item a,
.current-post-parent a,
.current_page_item,  
.current_page_item a{  color:rgba(255,255,2555,1.00); }
.msub { padding-left:12px;}