/*
 Theme Name:   Kirjan talo Theme
 Theme URI:    https://kirjantalo.org/
 Description:  A child theme for Divi-based Kirjan talo web site
 Author:       Jarmo Lundgren
 Author URI:   https://khat.komitea.fi/@jabsonik
 Template:     Divi
 Version:      0.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Books, Authors, Culture, Turku, Divi, Block Editor Styles, Custom Header, Custom Logo, Custom Menu, Editor Style, Entertainment, Featured Image Header, Featured Images, Flexible Header, Footer Widgets, Full Width Template, Grid Layout, One Column, Photography, Portfolio, Right Sidebar, RTL Language Support, Sticky Post, Theme Options, Threaded Comments, Translation Ready, Two Columns, Wide Blocks
 Text Domain:  divi
*/

#kalenteri table {
	border: none;
	position: relative;
    margin: 0 auto 0 3%;
}
#kalenteri td {
	border: none;
	padding: 0;
    vertical-align: text-bottom;	
}
#kalenteri tr:first-child td {
    margin-right: 2rem;
}
#kalenteri tr:not(:first-child) td:last-child {
    margin-right: 2rem;
    margin-left: .8rem;
}
timely-footer {
    display: none;
}

/* Vain mobiili */

/* Mistä leveydestä alaspäin näytetään hampurilaisvalikko. */
@media only screen and (max-width: 1280px) {
   #top-menu-nav {
      display: none;
   }
   #et_mobile_nav_menu {
      display: block;
   }
}

/* Hampurilainen */
.mobile_menu_bar::before {
   color: #008ec1 !important;
}

/* Viiva avatun mobiilivalikon yläreunassa */
.et_mobile_menu {
	border-top: 3px solid #008ec1;
	overflow-y: scroll !important;
	max-height: 70vh !important;
	-overflow-scrolling: touch !important;
	-webkit-overflow-scrolling: touch !important;
}
@media only screen and (max-width : 980px)  {
    /* Navigaatio seuraa mobiilissa */
   #main-header {
      position:fixed!important;
   }
   /* Mobile menu close icon */
   .mobile_nav.opened .mobile_menu_bar:before {
      content: '\4d';
      -webkit-transition: 0.3s;
      transition: 0.3s;
   }
   #fb_desktop {
   	display: none;
   }
   #fb_mobile {
   	display: block;
   }
	.et_header_style_left .et-search-form {
		width: 40% !important;
		max-width: 40% !important;
	} 
	#kalenteri tr:not(:first-child) td:last-child {
		padding-left: .8rem;
	}	  
}
@media only screen and (min-width: 981px) {
   #fb_desktop {
   	display: block;
   }
   #fb_mobile {
   	display: none;
   }
	#kalenteri tr {
		display: inline;
	}
   #kalenteri td {
    display: inline-flex;
   }
}