/*
Theme Name: SPKS
Author: Twenty First Media
Author URI: http://www.twentyfirstmedia.nl
Description: Minimal theme for sprekers
Version: 1.0
*/

/* --- 0. Resets --- */

@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display:block; }
img { vertical-align:text-bottom; }
input { -webkit-appearance:none; }
html, body { width:100%; }

/* --- Basics --- */

ul, ol { list-style:none; }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

p { margin:16px 0; line-height:26px; }
.left { float:left !important; } .right { float:right !important; } .center { text-align:center; }
.alignleft { float:left; margin-right:20px; } .alignright { float:right; margin-left:20px; } .aligncenter { display:block; margin:0 auto; text-align:center; }

a { text-decoration:none; }

.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after { display:table; content:""; line-height:0; }
.clearfix:after { clear:both; }

/* -- Typography -- */

body { font-family:Outfit, Arial sans-serif; font-weight:400; font-size:18px; color:#333; text-rendering:optimizelegibility; }

h1, h2, h3, h4, h5, h6 { font-weight:700; }

h1 { font-size:38px; color:#0693E3; line-height:1.2; }
h2 { font-size:28px; color:#0693E3; line-height:1.5; }
h3 { font-size:22px; color:#0693E3;}
h4 { font-size:18px; color:#0693E3;}
h5 { font-size:16px; color:#0693E3;}
h6 { font-size:14px; }

.fa-2 { font-size:2em !important; color:#0693E3; }
.fa-3 { font-size:4em !important; color:#0693E3; }
.fa-4 { font-size:7em !important; }
.fa-5 { font-size:12em !important; }
.fa-6 { font-size:20em !important; }

/* --- Entry --- */

.entry { word-wrap:normal; }
.entry h1 { margin-bottom:15px; }
.entry strong { font-weight:700; }
.entry a { color:#0693E3; }
.entry a:hover { color:#666; }
.entry h1 a, .entry h2 a, .entry h3 a { color:#333; }
.entry h1 a:hover, .entry h2 a:hover, .entry h3 a:hover { color:#0076A3; }
.entry img { max-width:100%; height:auto; }
.entry ol { margin:0 0 22px 20px; list-style-type:decimal; }
.entry li { line-height:28px; }
.entry ul { margin:0 0 22px 25px; list-style-type:disc; }
.entry ul ul, .entry ol ol { margin-bottom:0; }
.entry em, .entry cite { font-style:italic; }

sup, sub { position:relative; height:0; font-size:12px; line-height:1; vertical-align:baseline; }
sup { bottom:1ex; } sub {top:.5ex; }
abbr, acronym { cursor:help; border-bottom:1px dotted; }
del { text-decoration:line-through; }
ins { text-decoration:none; background:#FFC; }
dl { margin-bottom:22px; }
dt { font-weight:bold; }
dd { margin-bottom:22px; }
pre { margin-bottom:22px; padding:20px; width:100%; background:#F6F6F6; color:#222; overflow:auto; white-space:pre-wrap; }
table, th, td {	border:1px solid #0076A3; }
table {	margin-bottom:22px; width:100%;table-layout:fixed; border-collapse:separate; border-spacing:0; border-width:1px 0 0 1px; }
caption, th, td { font-weight:normal; text-align:left; }
th { border-width:0 1px 1px 0; font-weight:700; }
td { border-width:0 1px 1px 0; }
th, td { padding:0.4em; }
blockquote { padding-left:30px; border-left:2px solid #0076A3; }

.entry hr { margin:15px 0 25px; width:100%; height:2px; background:#0076A3; border:0; }
.entry div.rounded img { -webkit-border-radius:50%; border-radius:50%; overflow:hidden; }

.entry .wp-caption { position:relative; max-width:100%; overflow:hidden; }
.entry .wp-caption .wp-caption-text { position:absolute; bottom:0; width:100%; margin:0 !important; padding:5px 10px; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,0.9); }

.entry .embed { position:relative; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; height:0; }
.entry .embed iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/* --- FrameWork --- */

main { position:relative; margin:50px auto 50px; width:740px; }
article, aside { padding:5px 5px; background:#0076a3; background:rgba(255,255,255,0.9); border:0px solid #0076a3; }
aside h2 { margin-bottom:20px; }
header { width:100%; text-align:center; background:#0693E3; }
div.logo { padding:20px; line-height:40px; text-transform:uppercase; }
div.logo a { display:inline-block; color:#FFF; }
Div.logo {
font-size: 38px;
 color: #0076a3;
 line-height: 1;
font-weight: 600;
color:#FFF;
padding: 20px;
 line-height: 40px;
 text-transform: uppercase;
}

/* --- Contact --- */

input[type="text"], input[type="email"], input[type="tel"], textarea { padding:9px 12px; width:100%; font-family:"Outfit", Arial sans-serif; font-weight:400; font-size:16px; color:#333; -webkit-border-radius:6px; border-radius:6px; border:1px solid #C3C3C3; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border:1px solid #0693E3; outline:0; }

.wpcf7-form-control-wrap { display:inline-block; margin-bottom 10px; width:100%; }
.wpcf7-response-output { display:inline-block; width:100%; text-align:center; }
.btn { padding:10px 20px; max-width:100%; font-family:"Outfit", Arial sans-serif; font-weight:800; font-size:16px; color:#FFF; text-align:center; background:#0693E3; -webkit-border-radius:6px; border-radius:6px; border:0; transition:all 0.2s linear 0s; }
.btn:hover { cursor:pointer; opacity:0.8 }

/* --- Footer --- */

footer { margin:0 auto; padding:30px 20px; width:100%; background:#0693E3; }
footer ul { margin:0 auto; width: 1020px; text-align:center; }
footer ul li { display:block; margin:0 5px; }
footer ul li a { color:#fff; line-height:30px; }
footer ul li a:hover, footer ul li.current-menu-item a { color:#fff; font-weight:800 }


.one_half { width:48%; }
.one_third { width:30.66%; }
.two_third { width:65.33%; }
.one_fourth { width:22%; }
.three_fourth { width:74%; }
.one_fifth { width:16.8%; }
.two_fifth { width:37.6%; }
.three_fifth { width:58.4%; }
.four_fifth { width:67.2%; }
.one_sixth { width:13.33%; }
.five_sixth { width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float:left; position:relative; margin-right:4%; }
.last { margin-right:0 !important; clear:right; }
.clearboth { clear:both; display:block; font-size:0; height:0; line-height:0; width:100%; }


/* --- Responsiveness --- */

@media screen and (max-width:1100px) {

main, footer ul { margin-left:2%; margin-right:2%; width:96%; }

}

@media screen and (max-width:600px) {

div.logo { padding:20px 0; font-size:28px; word-wrap:break-word; }
h2 { font-size:24px; }

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float:none; margin:0; width:100%; }

aside { margin-top:30px !important; }

}