/*
 Theme Name:   KeU
 Theme URI:    http://www.nixitdesign.fi
 Description:  Keravan Urhelijoiden teema (Generate Press lapsiteema)
 Author:       Nixit Design Oy
 Author URI:   http://www.nixitdesign.fi
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/
/*
@media (min-width: 769px) {
.site-branding{
	float:right;
	margin-right:50%;
	margin-top:2em;
}
.site-logo{
	float:left;
}
}
*/

.widget-title{font-weight:bold;padding-bottom:0;margin-bottom:0;}

.widget_recent_entries ul li{ border-bottom:1px solid #eee;padding:.5em 0;}

.webdesign{font-size:.75em;color:#666;padding:1em .5em .5em 0;text-align:center;display:block;}

.webdesign a{
    color:#666;
    border-bottom:1px solid #666;
  
}
.webdesign a:hover{
    border-bottom:none;
}

.post-edit-link{
    display:inline-block;
    padding:.5em 1em;
    font-size:16px;
    font-weight:bold;
    text-transform: uppercase;
    border:2px solid #1abc9c;
    border-radius:20px;
}

.post-edit-link:hover{
     border:2px solid #000;
}

#menu-topmenu{position:relative;}

#menu-topmenu .no-hover a{display:block;position:relative;top:.5em;}

#menu-topmenu .no-hover a{background-color:white;color:black;}

.sidebar .widget .sport-menu{margin-top:.25em;}

.widget .sport-menu li ul{
    margin-left:1.25em;
}

.widget .sport-menu > li, .widget .sport-menu > li.page_item_has_children{
    padding-bottom: .25em;
    
}

.sidebar .widget .sport-menu a{color:black;}
.sidebar .widget .sport-menu a:hover{border-bottom:1px solid black;}

.widget .sport-menu li ul li{
   list-style-type:disc;
  /* color:#1abc9c; */
}

.widget .sport-menu li.current_page_item{
    font-weight:bold;
}

.widget .sport-menu li.current_page_item li{
    font-weight:normal;
}


.widget .sport-menu ul.children{
    display:none;
}


.widget .sport-menu li.current_page_item ul.children, 
.widget .sport-menu li.current_page_parent ul.children {
    display:block;
}

.widget .sport-menu .current_page_ancestor ul.children{
    display:block;
}


#secondary-navigation{
	display:none;
	}
	
	
.header-aligned-left .site-header {
    text-align: center;
}


@media (min-width:769px) {
	body{margin:0 2em;}
	.header-aligned-left .site-header {
    text-align: left;
}
	#secondary-navigation{
	display:block;
	position:relative;
	margin-top:1.5em;
	margin-bottom:-1em;
	}
	#masthead{margin-top:-1em}
	.secondary-menu{position:absolute;right:0;padding-top:10em;}
    .site-branding {
        display: inline-block;
        margin-top:2em;
        margin-left:.75em;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
    }
}

/* Pageheaders */

.generate-page-header{
    max-width:1400px;
    margin:0 auto;
    
    -webkit-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
-moz-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
}

/* Menu-Icons */



 
    
.index-menu-icon .elementor-image-box-title{
         font-size:12px;
    }


@media (min-width:321px) and (max-width:767px) {
     .index-menu-icon .elementor-image-box-title{
         font-size:3.2vw;
    }

    
}

@media (min-width:768px) {
     .index-menu-icon .elementor-image-box-title{
        font-size:1.8vw;
    }

    
}

  




@media (min-width:1480px) {
    .index-menu-icon .elementor-image-box-title{
        font-size:28px;
    }
}

#site-navigation{
-webkit-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
-moz-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
}

#content{
-webkit-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
-moz-box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);
box-shadow: 0px 20px 30px 4px rgba(40,40,46,0.1);

}

#footer-widgets, footer.site-info{
-webkit-box-shadow: 0px 35px 30px 4px rgba(40,40,46,0.1);
-moz-box-shadow: 0px 35px 30px 4px rgba(40,40,46,0.1);
box-shadow: 0px 35px 30px 4px rgba(40,40,46,0.1);
}


/* Custom CSS by Dave Foy - https://www.designbuildweb.co - hello@designbuildweb.co */
 
/* Use the same method of sizing elements as Elementor does */
body * {
    box-sizing: border-box;
}
 
/* Elementor - set some default left and right padding on mobile - same as in GeneratePress */
.elementor-top-section.elementor-section-boxed > .elementor-container {
    padding: 0 20px;
}
 
/* 1. Don't set padding if an Elementor library item is embdedded within another section via shortcode */
/* 2. Don't set padding if an Elementor library item is embdedded within a standard non-full width page */
.elementor-top-section .elementor-top-section.elementor-section-boxed > .elementor-container,
body:not(.full-width-content) .entry-content .elementor-top-section.elementor-section-boxed > .elementor-container {
    padding: 0;
}
 
/* 3. Don't set padding if the section has a class of 'nopad' */
@media (max-width: 767px) {
    .elementor-top-section.elementor-section-boxed.nopad > .elementor-container {
        padding: 0;
    }
}



#masthead .inside-header{padding:.75em 0;}

@media (max-width: 767px) {

#masthead .inside-header{padding:1em;}

}


.keu_yhdistys-template-default .main-navigation .main-nav ul li.menu-item-object-keu_yhdistys a{
    color: #28282e;
    background-color: #ffff00;
}


.post-template-default .main-navigation .main-nav ul li.menu-item-object-page.current_page_parent a{
    color: #28282e;
    background-color: #ffff00;
}

.archive .main-navigation .main-nav ul li.menu-item-object-page.current_page_parent a{
    color: #28282e;
    background-color: #ffff00;
}


.keu_hiihto-template-default .main-navigation .main-nav .menu-item-object-keu_hiihto a{
    color: #28282e;
    background-color: #ffff00;
}



.keu_hiihto-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}

.keu_paini-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}

.keu_yleisurheilu-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}

.keu_pyoraily-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}

.keu_suunnistus-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}

.keu_soutu-template-default .main-navigation .main-nav .lajit > a{
    color: #28282e;
    background-color: #ffff00;
}



.archive.category-yleisurheilu-uutiset .main-navigation .main-nav .ajankohtaista > a,
.archive.category-suunnistus-uutiset .main-navigation .main-nav .ajankohtaista > a,
.archive.category-soutu-uutiset .main-navigation .main-nav .ajankohtaista > a,
.archive.category-paini-uutiset .main-navigation .main-nav .ajankohtaista > a,
.archive.category-hiihto-uutiset .main-navigation .main-nav .ajankohtaista > a
{
    color: #28282e;
    background-color: #ffff00;
}




/* responsive tables */

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size:13px;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
      font-size:14px;
  }
  table thead {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
  }
  table td {
    display: block;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
  }
}
@media screen and (max-width: 768px) {


    .sidebar .inside-left-sidebar .widget{
            background:#28282e;
              text-align:center;
              color:#fff;
              padding:2em 0;
              margin:0;
    }

    .sidebar .inside-left-sidebar .widget a{
              color:#fff;
    }

    .sidebar .inside-left-sidebar .widget a:hover,  .sidebar .inside-left-sidebar .widget .current_page_item a{
        color:#ffff00;
    }

}
 
/* Make Elementor elements expand to fit the full available width. This is due to how Elementor puts padding all the way around columns */
 
.elementor-column-gap-default .elementor-row {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
}
.elementor-column-gap-narrow .elementor-row {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px;
}
.elementor-column-gap-extended .elementor-row {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}
.elementor-column-gap-wide .elementor-row {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
}
.elementor-column-gap-wider .elementor-row {
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-right: -30px;
}