/*!
Theme Name:   Pointblog 2
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:  Pointblog
*/

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

@media (max-width: 992px) {
#wpadminbar {
    display: none;
    }
html{
	margin-top: 0px !important;
}
}

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

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

}

.pointblognavbar{
	background-color: #0073aa !important;
	line-height: 50px;
}

.header-row{
	padding: 0 0 20px 0;
	height: 90px;
	/* 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;
*/
	
}

.header-right-menu{
	background: #FFF;
	border-bottom-left-radius: 12px !important;

}

.header-right-menu-inset{
	background-color: rgba(255,255,255,0.8);
	border-bottom-left-radius: 30px !important;

	height: 55px;
}

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

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

.account-info-logout{
	color: #4f83cc; 
	font-weight: 700;
}

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

.hamburger-button{
	 background: rgba(0,0,0,0.5);
	 text-align: center; 
	 color: #FFF;
}
.hamburger{
	color: #FFF;
	margin: 0 auto;
}


.nav-title{
	margin: -41px 0 0 0;
	background: rgba(0,0,0,0.5);
	color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.nav-menu{
	background: rgba(0,0,0,0.5);
	color: #666;
	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;

	border-radius: -5px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;

}

.page-numbers div{

	min-width: 30px;
	text-align: center;
}

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




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

}

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

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

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

.dots:hover{
	background: #FFF;
	border: 0px solid #01579b;
	color: #01579b;
}

.page-numbers .material-icons {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  color: #4f83cc;
  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;

	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;
	background: #4f83cc;
	color: #FFF;
	border-color: #4f83cc;

}

.btn-primary{
		padding: 5px 15px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;

	border-radius: 10px;
	color: #5a5b5d;
	font-weight: bold;
	box-shadow: 0 4px 2px -2px #CCC;
	font-size: 17px;
	background: #4f83cc;
	color: #FFF;
	border-color: #4f83cc;
}

.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;

	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: #FFF;
 } */
 
.alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.brdrrds{
	border-top-right-radius: 20px;
}

h3 a{
	color: #666;
}

.blockheader a, .blockheader{
	color: #666;
	font-size: 13px;
	background-color: #FFF;
}
.blockheader h3 a{
	color: #666;
	font-size: 16px;
	background-color: #FFF;
}

.blockfooter{
	background: #fafafa;
	border-top: 1px solid rgb(222, 226, 230);
	color: #666;
	font-size: 13px;
}

.blockheader.cat_beursboeken{
	border-left: 10px solid #aed581;
}

.blockheader.cat_inkoop{
	border-left: 10px solid #ff7043;
}

.blockheader.cat_nieuws{
	border-left: 10px solid #29b6f6;
}

.blockheader.cat_vraag{
	border-left: 10px solid #ffd54f;
}
.blockheader.cat_marketing{
	border-left: 10px solid #4db6ac;
}
.blockheader.cat_verkoop{
	border-left: 10px solid #e1bee7;
}

.blockheader.cat_geen{
	border-left: 10px solid #333;
}

.blockheader.cat_corona{
	border-left: 10px solid #d32f2f;
}

.blockheader.square{
	border-left-width: 20px;
}

.avatar {
	border-radius: 40px; border: 3px solid #CCC;
}

.authorpage .avatar {
	border-radius: 0px; border: 0px solid #CCC; width: 100%; height: auto;
}

.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

#sidebarMenu.bg-light{
	background: rgb(35, 40, 45) !important;
}

#menu-sidebar-menu{
	 padding-left:0px;
	 margin: -10px;
}

#menu-sidebar-menu li{
	 list-style-type:none;
	 padding: 5px 0 5px 15px;
	 border-bottom: 0px solid #CCC;
}
#menu-sidebar-menu li a{
	color: #EEE;
text-decoration:none;
}
.authlist{
	padding-left:0px;

}

.authlist li{
	 list-style-type:none;
	 padding: 5px 0 5px 0px;
	 border-bottom: 1px solid #CCC;
}

.colofon{
	
}
.colofon-inner{
	border: 1px solid #CCC;
	box-shadow: 0 0 8px #CCC;
	background: #f8f9fa;
}
.colofon-inner a{
	background: #f8f9fa;
}

#menu-sidebar-menu li a{
	 color: #EEE;
}

#menu-sidebar-menu{
	 margin-top: 10px;
}

.primary-sidebar{
	padding-left: 5px;
	margin-top: 30px;
	
}

.primary-sidebar h2, h2{
	font-size: 16px;
	font-weight: 500;
	color: #666;
}
.primary-sidebar ol{
list-style-type: none;
padding-left: 0px;
}

.tribe-event-title{
	color: #666;
	font-weight: 500;
	font-size: 16px;
}
.tribe-event-title a{
color: #4f83cc;
}

.widget-link{
	padding-left: 5px;
	margin-top: 15px;
} 
.tribe-events-list-widget-events{
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
	margin-bottom: 10px;
	margin-top: 5px;
}

.tribe-event-duration, .tribe-event-date-start, .tribe-event-date-end {
	line-height: 15px;
	font-size: 14px;
	font-style: italic;
	
}

/*====== comments section ========= */

.comments {
	list-style-type: none;
	padding-left: 15px;
}

.comments .comment{
border: 1px solid #CCC;
padding: 15px; 
margin: 15px 0;
border-radius: 3px;
box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.75);
}

.comment .comment-footer{
	border-top: 1px solid #CCC;
	padding-top: 10px;
	font-size: 14px;
	text-transform: italic;

}

.comment .comment-text{
	padding-top: 10px;
	font-size: 16px;

}

.crd a{
	color: #333 !important;
	text-decoration: none;
}

.crd a:hover{
	text-decoration: none;
}

.crd{
	 margin-bottom: 30px; 
}

.floating_text{
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 100%;
	padding: 5px 0 5px 15px;
	border-bottom: 0px solid #FFF;
	background-image: linear-gradient(to bottom, rgba(12,12,12,0.8), rgba(0,0,0,0));

}

main{
	
	background: #00a0d2;
}

.card{
	border: solid 0px #333 !important;
	border-radius: 0px !important;
}

.card-footer{
	border-radius: 0px !important;
}

.floating_text.cat_beursboeken{
	color:#aed581;
	border-left: 5px solid #aed581;
}

.floating_text.cat_inkoop{
	color:#ff7043;
	border-left: 5px solid #ff7043;
}

.floating_text.cat_nieuws{
	color:#29b6f6;
	border-left: 5px solid #29b6f6;
}

.floating_text.cat_vraag{
	color:#ffd54f;
	border-left: 5px solid #ffd54f;
}
.floating_text.cat_marketing{
	color:#4db6ac;
	border-left: 5px solid #4db6ac;
}
.floating_text.cat_verkoop{
	color:#e1bee7;
	border-left: 5px solid #e1bee7;
}

.floating_text.cat_geen{
	color:#333;
	border-left: 5px solid #333;
}

.floating_text.cat_corona{
	color:#d32f2f;
	border-left: 5px solid #d32f2f;
	
}


.floating_text b a{
	color: #FFF !important;
	font-weight: 500;
	font-size: 14px;

}

textarea{
	display: block;
}

/* Colorize-zoom Container */
.card-img-top {
  transition: transform .5s, filter 1.5s ease-in-out;
  filter: grayscale(50%) brightness(90%);
}

/* The Transformation */
.card-img-top:hover  {
  filter: grayscale(0) brightness(100%);
  transform: scale(1.1);
}

.card{
	overflow: hidden;
}