/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10-aug-2015, 9:43:47
    Author     : Sander van Belleghem
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

html, body {
    font-family: 'Droid Sans', sans-serif !important;
    font-size: 12px;
}


body {
    background-color: #ffffff;
    padding:0 3%;
}

h1 {
	font-size:25px;
	font-weight:700;
	margin-top:20px;
	margin-bottom:30px;
}

h2 {
	font-size:16px;
	font-weight:700;
	margin-top:30px;
}

.row {
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 85rem !important;
    width: 100% !important;
}

.row.main {
	margin-bottom:50px;
}

.row.main .content {
	float:left;
	width:100%;
	max-width:770px;
}

.row .row {
	margin:0;
}

.full-width {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: initial !important;
}

.header .logo {
	padding:0;
	margin:9px 0 9px;
	text-align:center;
}

.columns {
	padding:0;
}

.blocks .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.blocks:last-child .columns .panel {
    border-top: 0px !important;
}

.blocks .columns .panel {
    background-color: #ffffff !important;
    margin-bottom: 0 !important;
    border-right: 0px !important;
}

.blocks .columns .panel strong {
    text-transform: uppercase;
}

.blocks .columns .panel.end {
    border-right: 1px solid #d8d8d8 !important;
}

ul {
    padding: 0;
}

li {
	line-height:24px;   
}

li[data-type="HiM"]{
    background-image:url(../img/him-logo.png);     
    background-position: 0 7px;
    line-height: 46px;
}

li[data-type="BCC"]{
    background-image:url(../img/bcc-logo.png); 
    background-position: 0 11px;
    line-height: 46px;
}

li[data-type="Smid"]{
    background-image:url(../img/desmidreparatie-logo.png); 
    background-position: 0 13px;
    line-height: 43px;
}

li[data-type="Euronics"]{
    background-image:url(../img/euronics-logo.png);
    background-position: 0 11px;
    line-height: 60px;
}

li[data-type="Mhosting"]{
    background-image:url(../img/mhosting-logo.png);
    background-position: 0 11px;
    border-bottom: 1px solid #d8d8d8;
    line-height: 47px;
}

li[data-type="Electroworld"]{
    background-image:url(../img/elektroworld.png);
    background-position: 0 11px;
    line-height: 13px;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 10px;
}

.topimage {
	text-align:center;
}

.footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.devider {
    margin: 10px 0;
    height: 15px;
    background-color: #33255c;
}

.panel {
	padding:1.5rem 1.25rem;
}

.panel .item {
	border-top: 1px solid #d8d8d8;
	padding-top:20px;
}

.panel .item.first {
	border:none;
	padding-top:0;
	padding-bottom:5px;
}

p.invest {
	float:left;
	width:100%;
	margin:14px 0 25px;
}

.bottom {
	float:left;
	width:100%;
	margin-top:30px;
	padding:15px 0 0;
	border-top:1px solid #ddd;
}

.bottom a {	
	float:right;
	margin-left:10px;
}

// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	body {
		padding:0 5%;
	}
	
	ul {
		margin-left:0;
	}

    .columns p {
        text-align: justify;
    }

    .blocks .columns p strong {
        text-align: left;
    }

    .blocks .columns img {
        display: none;
    }
    
    .blocks .columns img.logosmall {
    	display:block;
    }

    .blocks .columns .panel {
        border: none !important;
        border-top: 1px solid #d8d8d8 !important;
        padding-left:0 !important;
        padding-right:0 !important;        
    }

    .blocks .columns .panel.end {
        border: none !important;
        border-top: 1px solid #d8d8d8 !important;
    }



    .blocks:last-child .columns .panel {
        border-top: 1px solid #d8d8d8 !important;
    }

    .footer {
        text-align: center !important;
    }

    .footer img {
        float: none !important;
    }
    
	p.invest {
		margin:0 0 1.25rem 0;
	}    

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    li {
        text-indent: -99999px;
    }

    li[data-type="HiM"]{
        background-image:url(../img/him-logo.png);     
        background-position: 50% 7px;
        line-height: 46px;
    }

    li[data-type="BCC"]{
        background-image:url(../img/bcc-logo.png); 
        background-position: 50% 11px;
        line-height: 46px;
    }

    li[data-type="Smid"]{
        background-image:url(../img/desmidreparatie-logo.png); 
        background-position: 50% 13px;
        line-height: 43px;
    }

    li[data-type="Euronics"]{
        background-image:url(../img/euronics-logo.png);
        background-position: 50% 11px;
        line-height: 60px;
    }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */