/*
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:*/

/* FORM 7 CUSTOM CSS HERE */
.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}

div.wpcf7 { 
	background-color: #fafafa; 
	border: 1px solid #eee; 
	border-radius: 0px; 
	padding: 35px;
}

.wpcf7 h3 { 
	text-align: center;
	padding-bottom: 10px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
	margin-bottom: 0 !important;
	padding: 13px !important;
	border-radius: 2px !important;
	font-size: 15px !important;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
	padding: 16px 20px;
	border-radius: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight: normal;
	font-size: 0.92em;
	min-width: 142px;
	outline: none;
}

/* END CONTACT FORM 7 */

/* 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: 175px !important; }
}
@media only screen and  (min-width: 461px) and (max-width: 768px) {
   #mobile-advanced { top: 175px !important; }
}
@media only screen and (min-width: 769px) {
   #mobile-advanced { top: 120px !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 */


/* hide default copyright links in footer */
a[href="http://www.kriesi.at"] { display:none !important; }
/* end hide default copyright links in footer */


/* social media icons in main menu ( mobile view only ) */
.olc-social-media-icons.menu-item { display:none; }
#mobile-advanced  .olc-social-media-icons.menu-item { display:block !important; }

.olc-social-media-icons.menu-item { margin:20px; padding-left: 28px !important;  }
.olc-social-media-icons.menu-item > a ,
.olc-social-media-icons.menu-item > span { display:none !important; }
.olc-social-media-icons.menu-item ul.social_bookmarks { 
	margin: 20px 0 0 -9px !important;
	display:block !important; 
	opacity:1 !important; 
	visibility:visible !important; 
}

.olc-social-media-icons.menu-item ul.social_bookmarks li { 
	clear:none !important;  
	width:50px !important;
    border-right-width: 0px !important;
}

.olc-social-media-icons.menu-item ul.social_bookmarks li a {  
	border-radius: 50% !important;
    margin-left: 0px !important;
	min-height:40px !important;
	min-width:40px !important
} 

.olc-social-media-icons.menu-item ul.social_bookmarks li a:before {
	content: attr(data-av_icon) !important;
    font-family: "entypo-fontello" !important;
    font-size: 20px !important;
    margin-left: -20% !important;
    position: relative;
	float:left;
	top: 5px !important;
	color:inherit !important;
 }
/* end social media icons in main menu ( mobile view only ) */



/* SITE CUSTOM CODE */

