@import url('https://fonts.googleapis.com/css?family=Lato:400,700');

/* Standaardfontdefinitie */
* {font-family: Lato, Helvetica, Arial, sans-serif; font-size: 16px;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, button, select, option {font-family: FontAwesome, Lato, Helvetica, Arial, sans-serif;}
h1 span.category:before {font-family: FontAwesome, Lato, Helvetica, Arial;}
div.error, p.error {font-family: 'Roboto Mono', Courier, Lato, Helvetica, Arial;}

/* Basis steunkleur instellen, standaard is donkerblauwe achtergrond met witte letters */
a, .accountmenu a, .history a, button, a.maillink {color: #E41774;}
.submitbutton, a.actionlink, .button, input.flatbutton, .button a, #fotolink-image, .photocontainer, .flipbase-button {background-color: #E41774;}
.submitbutton, a.actionlink, input.flatbutton, .button a, .flipbase-button {color: #FFFFFF;}
a:hover, .history a:hover * {color: #af1e7b;}
.submitbutton:hover, .button:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, .photocontainer:hover, button:hover, button:hover span, .flipbase-button:hover {background-color: #af1e7b;}
.submitbutton:hover, .button a:hover, a.actionlink:hover, input.flatbutton:hover, button:hover, button:hover span, .flipbase-button:hover {color: #FFFFFF;}
.csbs h2, .vdtl h2, .vsbs h2, .covv h2, div.header {border-bottom: 1px solid #000;}
input.text:focus, input[type=text]:focus, input.date:focus, input[type="date"]:focus, select:focus, input.account:focus, textarea:focus {border: 1px solid rgba(108, 31, 127, 1);}
button, div#upload-cv-div {background-color: #FFFFFF; border: 1px solid #E41774;}
button:hover  {background-color: #E41774; color: #FFFFFF;}

/* Afronding van knoppen en inputs, standaard rechte hoeken */
.submitbutton, a.actionlink, .button, .button a, input.flatbutton, button, input.text, input[type="text"], input.date, input[type="date"], select, input.account, textarea, div#upload-cv-div {
  border-radius: 3px;
}

body {padding: 0px;}

h3 {
    margin: 1.5em 0 0 0;
}

.t-headers {margin-bottom: 1em;}

/*  GRID BELOW 769 PIXELS */
@media only screen and (max-width: 768px) {
  .t-headers {display: none;}
}