/*!
Theme Name:   Runnersworld schoenschapstroken
Theme URI:    https://www.euretco.com
Author:       Euretco, Bert Bosma
Author URI:   https://www.euretco.com
Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Version:      0.1.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Runnersworld
*/

@import 'https://fonts.googleapis.com/icon?family=Material+Icons';

@media only screen and (min-width : 1200px) {

    .container { width: 1500px; max-width: 1500px;} 

}



.header-row{
	padding: 0 0 20px 0;
	height: 70px;
	/* box-shadow: 0 4px 2px -2px #CCC; */
/*	overflow: hidden;  */
	
}

.visible{
	display: inline-block !important;
}

.dropdown-menu-right{
	overflow: visible;
}

.header-logo{
	background: #FFF;
	border-bottom-right-radius: 12px !important;
	transform: skewX(-12deg);
	
}

.header-right-menu{
	background: #FFF;
	border-bottom-left-radius: 12px !important;
	transform: skewX(12deg);
}

.header-right-menu-inset{
	background: #FFF;
	border-bottom-left-radius: 50px !important;
	transform: skewX(-12deg);
	height: 54px;
}

.account-info{
	line-height: 18px;
	font-size: 14px; 
	padding-top: 5px;
}

.account-info-name{
	color: #333;
	font-weight: 700;
}

.account-info-logout{
	color: #47c7eb; 
	font-weight: 700;
}

.account-icon{
	color: #47c7eb;
	font-size: 36px;
	padding-top: 5px;
}

.hamburger-button{
	 background: #3db2d4;
	 text-align: center; 
	 color: #FFF;
}
.hamburger{
	color: #FFF;
	margin: 0 auto;
}


.nav-title{
	margin: -41px 0 0 0;
	background: #3db2d4;
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.nav-menu{
	background: #47c7eb;
	color: #FFF;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.main{
	padding-top: 10px;
}


.page-numbers{
	padding: 5px 5px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
	transform: skewX(-12deg);
	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;

}

.page-numbers div{
	transform: skewX(12deg) !important;
	min-width: 30px;
	text-align: center;
}

.dots{
	border: 0px;
	box-shadow: 0 4px 2px -2px #FFF;
}




.page-numbers.current{
	background: #47c7eb;
	color: #FFF;
	border-color: #47c7eb;
	box-shadow: 0 4px 2px -2px #3aa3c1;

}

.page-numbers.next{
	padding-left:10px;
}

.page-numbers.prev{
	padding-right:10px;
}

.page-numbers:hover{
	background: #3db2d4;
	border: 1px solid #3db2d4;
	color: #FFF;
	text-decoration:none;
}

.dots:hover{
	background: #FFF;
	border: 0px solid #3db2d4;
	color: #3db2d4;
}

.page-numbers .material-icons {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  color: #47c7eb;
  font-size: 
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 100px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  border-top: 1px solid #CCC;
  bottom: 0;
  width: 100%;
  height: 100px; /* Set the fixed height of the footer here */
  line-height: 20px; /* Vertically center the text there */
  background-color: #FFF;
}

.nav-menu a{
	color: #FFF;
}

.clickes_show{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #FFF;
	border-radius: 30px;
	background: #000;
	font-size: 11px;
	text-align: center;
}

.download-details{
	padding: 5px 5px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
	transform: skewX(-12deg);
	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;
	background: #47c7eb;
	color: #FFF;
	border-color: #47c7eb;

}

.btn-primary{
		padding: 5px 15px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
	transform: skewX(-12deg);
	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;
	background: #47c7eb;
	color: #FFF;
	border-color: #47c7eb;
}

.btn-primary:hover{
	background: #3db2d4;
	border: 1px solid #3db2d4;
	color: #FFF;
	text-decoration:none;
}

.rw_input{
	padding: 5px 15px;
	border: 1px solid #CCC;
	margin: 0 -3px 0 0;
	transform: skewX(-12deg);
	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;
}

.rw_input::placeholder{
		color: #333;
	font-weight: 500;
	}
.download-details:hover{
	background: #3db2d4;
	border: 1px solid #3db2d4;
	color: #FFF;
	text-decoration:none;
}
.material-icons {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
 }
 
 th{
	 background: #EEEEEE;
 }
 
 td a{
	 color: #333 !important;
 }