/*
Theme Name: OLC
Description: Unique Theme from OLC.
Author: Our Little Company
Version:1.0
Author URI: http://www.our-little-company.com
Template: enfold
*/
/*Add your own styles here:*/

/* show/hide on mobile device */
@media only screen and (min-width: 749px) {
	.show-on-mobile{ display:none !important; height:0px !important; width:0px !important; }
	.hide-on-mobile{ visibility:visible !important; }
}

@media only screen and (max-width: 748px) {
    .show-on-mobile{ visibility:visible !important;}
    .hide-on-mobile{  display:none !important; height:0px !important; width:0px !important; }
}

@media only screen and (max-width: 990px) {
   .show-on-desktop{ display:none !important; height:0px !important; width:0px !important; }
   .hide-on-desktop{ visibility:visible !important; }
}

@media only screen and (min-width: 991px) {
    .show-on-desktop{ visibility:visible !important;}
    .hide-on-desktop{  display:none !important; height:0px !important; width:0px !important; }

}

/* end show/hide on mobile device */

/* grid in full width in mobile and tablet */
@media only screen and (max-width: 748px) {
	.fullwidth-on-mobile { padding: 0 0 0 0 !important; }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
   .full-width-on-tablet .flex_cell,
   .full-width-on-tablet .flex_column_table > .flex_column {
      display:block !important;
      width: 100% !important;
      padding:50px !important;
      clear:both;
   }

   .full-width-on-tablet .entry-content-wrapper > .flex_column,
   .full-width-on-tablet .flex_column_table > .flex_column{
      display:block !important;
      width: 100% !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      clear:both !important;
   }

  .full-width-on-tablet .av-flex-placeholder {
      display: block !important;
      height: 25px;
   }

   .full-width-on-tablet .entry-content-wrapper > .flex_column,
   .full-width-on-tablet .flex_column_table > .flex_column  { margin-bottom: 25px; }
   
   	/* remove extra top/bottom spacing . enable this part if only needed */
	/*
   .full-width-on-tablet .flex_column_table > .flex_column { padding-top:0px !important; padding-bottom:0px !important; }
	.full-width-on-tablet .av-flex-placeholder{ display:none !important; }
	*/

}
/* end grid in full width in mobile and tablet */

/* Use Color Section bg image for Color Section Down Arrow */
/* style section down arrow */
.avia_transform .av-extra-border-element.border-extra-arrow-down {  position: absolute !important; }
.avia_transform .av-extra-border-element .av-extra-border-inner { 
   background-attachment: fixed;
   background-position: center center;
}
/* end style section down arrow */

/* show transparent header for "Header visible and appear once the users scrolls down" setting */
#top .av_header_scrolldown.av_header_transparency{ margin-top: 0px !important; opacity: 1; }

/* olc col border */
.olc-col-border-right{ border-left:none !important; border-top:none !important; border-bottom:none !important; }
.olc-col-border-left{ border-right:none !important; border-top:none !important; border-bottom:none !important; }
.olc-col-border-left-right{ border-top:none !important; border-bottom:none !important; }
@media only screen and (max-width: 768px) {
   .olc-col-border-left, .olc-col-border-right, .olc-col-border-left-right { border-left:none !important; border-right:none !important; }
}

/* enable scroll to top icon in mobile view */
@media only screen and (max-width: 767px) {  
   .responsive #scroll-top-link {  display: block !important; } 
}

/* iphone view reduce filter height  */
@media only screen and (max-width: 480px) {
   #top .av-sort-yes-tax { line-height: 20px; }
}


/* style header menu float left and right position */
/*
#olcem .olcem_menu { width: auto !important; }
#olcem .olcem_left_menu { position: relative; float: left !important; }
#olcem .olcem_right_menu { position: relative; float: right !important; right: 30px; }
#olcem .olcem_right_menu .social_bookmarks { float:right !important;  }
*/


/* mobile menu for ipad landscape */
#advanced_menu_hide{ position:absolute; right:-1000px; top:-1000px; }
.show_mobile_menu #advanced_menu_toggle::before { content:"\e814"; }
@media only screen and (min-width: 769px) and (max-width: 990px) {
   #advanced_menu_toggle { display: block !important; }
   #olcem { display: none !important; }
   #header .main_menu .av-main-nav-wrap ,
   #header .social_bookmarks { display:none !important; }
   .show_mobile_menu #advanced_menu_hide{ display:block !important; }
}
/* end mobile menu for ipad landscape */

/* set max width for mobile menu */
#mobile-advanced { left: 101%; max-width: 460px; padding: 0 0 !important;  }
@media only screen and (max-width: 460px) {
   #mobile-advanced { top: 115px !important; }
}
@media only screen and  (min-width: 461px) and (max-width: 768px) {
   #mobile-advanced { top: 115px !important; }
}
@media only screen and (min-width: 769px) {
   #mobile-advanced { top: 105px !important; }
}
/* end set max width for mobile menu */

/* hide default copyright links in footer */
a[href="http://www.kriesi.at"] { display:none !important; }
/* end hide default copyright links in footer */

/* remove bitnamy logo at bottom corner */
#bitnami-banner{ display:none; }
/* end remove bitnamy logo at bottom corner */


/* fix header white space */
@media only screen and (min-width: 769px) {  
   	#header_meta { 
		position: absolute; 
		width: 100%;
		background-color: transparent;
		border: none;
		padding-top: 5px;
	}
 	#header_main { padding-top:20px; }
	
   	#header_main div .logo { margin-top: -10px; }
	#top #wrap_all #main { margin-top: -10px !important; }

}


/* image margin for our-products page */
@media only screen and (max-width: 768px){  
   .olc-our-products-img-margin { margin-top:-225px !important; margin-bottom:-150px !important; }
}

@media only screen and (min-width: 769px) and (max-width: 990px) {  
   .olc-our-products-img-margin { margin-top:-250px !important; margin-bottom:-150px !important; }
}

@media only screen and (min-width: 991px) {  
   .olc-our-products-img-margin { margin-top:-325px !important; margin-bottom:-150px !important; }
}
/* end image margin for our-products page */


/* mobile view.  one line top menu */
@media only screen and (max-width: 768px){
	.av_icon_active_right .social_bookmarks{ float:right !important; padding-left:0px !important; }
 	.responsive #header .social_bookmarks  { width:50% !important; text-align: left !important;}
	
   	.responsive #header .sub_menu, 
   	.responsive #header_meta .sub_menu > ul { text-align: right; }
   	.av_secondary_right .sub_menu { padding-left: 0px !important; }
   	.av_secondary_right .sub_menu { float: left !important; width: 50% !important; }
	.av_secondary_right .sub_menu li a { line-height:33px !important; }
	
}
/* end mobile view.  one line top menu */

/* mobile menu button menu */
#mobile-advanced .av-menu-button a { margin-left:-10px; }
#mobile-advanced .av-menu-button a:hover{ background-color: #ffffff !important; }
#mobile-advanced .av-menu-button a::before { content:"" !important; }
#mobile-advanced .av-menu-button a .avia-menu-text {
	background-color: #0096E0;
	border-color: #ad0903;
    color: #ffffff;
}
/* end mobile menu button menu */