/*
Theme Name: rrbouwadvies
Description: Thema voor RRBouwadvies
Version: 1.0
Author: Twenty First Media
Author URI: http://www.twentyfirstmedia.nl
*/


/* --- 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[type="text"], textarea { -webkit-appearance:none; border-radius:0; }
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:14px 0; line-height:25px; }
.left { float:left !important; } .right { float:right !important; } .center { text-align:center; }
.alignleft { float:left; margin-right:20px; margin-bottom:10px; } .alignright { float:right; margin-left:20px; margin-bottom:10px; } .aligncenter { display:block; margin:0 auto; text-align:center; }

a { text-decoration:none; }

img { max-width:100%; height:auto; }

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


/*  Typography  */

body { font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; background:#57575a; }

h1 { font-size:24px; color:#00aeef; } h3 { font-size:18px; } h5 { font-size:14px; }
h2 { font-size:20px; color:#00aeef; } h4 { font-size:16px; } h6 { font-size:12px; }


/* Header */

.header { height:auto; }
.header .logo { float:left; margin:10px 0; height:auto; }

#pull { display:none; }

/* Navigation */

#nav { position:absolute; bottom:0; right:0; font-size:15px; line-height:18px; }
.topnav { width:100%; border-left:2px solid #00aeef; float:right; }
.topnav > li { position:relative; border-right:2px solid #00aeef; float:left; }
.topnav > li a { padding:2px 8px; color:#fff; display:inline-block; float:left; }
.topnav > li a:hover, .topnav > li.current-menu-parent a, .topnav > li.current-menu-item a { color:#00AEEF; }

.topnav .sub-menu { display:none; position:absolute; top:22px; left:0; padding:1px; z-index:9999; background:#DDD; }
.topnav li:last-child .sub-menu { left:auto; right:0; }
.topnav li:hover .sub-menu { display:block; }

.topnav .sub-menu li { float:none; border:0; display:block; text-transform:none; }
.topnav .sub-menu li a { display:block; padding:10px 15px; width:100%; color:#fff; white-space:nowrap; margin:0; border-bottom:1px solid #DDD; background:#57575A;  }
.topnav .sub-menu li a:hover, .topnav .sub-menu li.current-menu-item a { color:#00AEEF; background:#333; }


/* --- Entry --- */

.entry { word-wrap:break-word; }
.entry strong { font-weight:bold; }
.entry a { color:#00AEEF; }
.entry a:hover { color:#333; text-decoration:underline; }

.entry ol { margin:0 0 22px 20px; list-style-type:decimal; }
.entry li { line-height:28px; }
.entry ul { margin:0 0 22px 20px; 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 #E3E3E3; }
table {	margin-bottom:22px; width:100%; table-layout:fixed; border-collapse:collapse; 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 { margin:25px 0; padding:2px 10px 10px 35px; background:#ddd url('images/quote.png') 10px 10px no-repeat; }
blockquote p {  }

.entry hr { margin:15px 0 25px; width:100%; height:1px; background-color:#222; border:0; }
.entry iframe { max-width:100%; }


/* Sidebar */

.sidebar { padding:10px; height:100%; background:#00AEEF; }


/* --- Slider --- */

.flexslider { width:100%; max-height:463px; overflow:hidden; }

.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline:none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin:0; padding:0; list-style:none; }
.flex-pauseplay span { text-transform:capitalize; }

.flexslider { padding:0; position:relative; zoom:1; }
.flexslider .slides { zoom:1; }
.flexslider .slides img { margin:0 auto; max-width:100%; height:auto; display:block; }
.flexslider .slides:after { content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

html[xmlns] .flexslider .slides { display:block; }
* html .flexslider .slides { height:1%; }
.no-js .flexslider .slides > li:first-child { display:block; }

.flex-viewport { max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.loading .flex-viewport { max-height:200px; }

.flex-control-nav { position:absolute; z-index:9; bottom:0; right:20px;  }
.flex-control-nav li { margin:0 2px; display:inline-block; zoom:1; *display:inline; }
.flex-control-paging li a { width:24px; height:9px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; }
.flex-control-paging li a:hover { background:#232323; }
.flex-control-paging li a.flex-active { background:#000; cursor:default; }

.nieuws { margin-top:30px; padding-left:140px; background:url('images/logo-rr-bouwadvies-wit.gif') 0 50% no-repeat; }
.archive { margin-bottom:30px; }

/* Footer */

.footer { }

.footnav { margin:20px 0; width:100%; }
.footnav li { font-size:18px; display:inline; font-weight:bold; }
.footnav li a { color:#fff; }
.footnav li a:hover, .footnav li.current-menu-item a { color:#00aeef; }

.mail { margin:40px 0; font-size:24px; text-align:justify; text-justify:newspaper; text-align-last:justify; }
.mail a { color:#00AEEF; }
.mail a:after { content:""; display:inline-block;width:100%; }


/* Contact */

fieldset { margin:15px 0; width:100%; overflow:hidden; }
fieldset > label { float:left; margin-right:5%; padding:5px; width:40%; }
fieldset label span, #contact fieldset label span.red { color:red; }
input[type="text"], input[type="email"], input[type="tel"], textarea { float:right; padding:5px; width:55%; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:14px; color:#333;  border:1px solid #ccc; outline:0; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border:1px solid #00AEEF; }

input[type="submit"] { display:inline-block; padding:6px 9px; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:15px; color:#fff !important; background-color:#00AEEF; -webkit-border-radius:2px; border-radius:2px; border:0; overflow:hidden; }
input[type="submit"]:hover { cursor:pointer; background:#333; }

span.wpcf7-not-valid-tip { display:inline !important; }
span.wpcf7-list-item { display:inline-block; float:right; width:55%; }

.attached-image { border:2px solid #00AEEF; }
.attachment-thumbnail { border:2px solid #00AEEF; }


/* --- FrameWork --- */

#main { width:100%; background:#FFF; }
#main article { position:relative; padding:30px; }

#container:before { position:absolute; left:0; top:0; content:""; display:block; width:25%; height:100%; background-color:#00AEEF; }

.row { position:relative; margin:0px auto; max-width:1000px; width:auto; }

.col-3, .col-9 { float:right; }
.col-3 { width:25%; }
.col-9 { width:75%; }

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


/* --- Rentina stuff --- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

.nieuws { padding-left:130px; background-image:url(images/logo_diap_l.png); background-size:115px 58px; }
blockquote { background-size:9px 7px;  }

}


/* --- Responsiveness --- */

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

.row { margin-left:2%; margin-right:2%; max-width:96%; width:96%; }

#pull { position:absolute; top:30px; right:0; float:right; display:inline-block; padding-left:50px; line-height:40px; color:#FFF; font-size:15px; }
#pull:before { position:absolute; left:10px; top:0; content:"\f0c9"; font-family:"FontAwesome"; font-weight:normal; font-size:28px; }
#pull.pulled:before { content:"\f00d" }

#nav { display:none; position:static; bottom:auto; right:auto; width:100%; }

.topnav { width:100%; border-left:none; float:none; }
.topnav li { position:relative; border:none; float:none; width:100%; }
.topnav li a { padding:10px 15px; color:#fff; display:block; float:none; white-space:nowrap; background:#transparent !!important; }
.topnav li a:hover { background:#333 !important; }
.topnav li.current-menu-item a { background:#57575A !important; }

.topnav .sub-menu { display:block; position:static; top:auto; left:auto; padding:0; z-index:9999; }
.topnav .sub-menu li a { display:block; padding-left:25px; width:100%; border:none; }
.topnav .sub-menu li a:before { content:"\f105"; margin-right:10px; font-family:"FontAwesome"; font-weight:normal; font-size:16px; }
}


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

.header .logo { float:none; }
.header .logo img { max-width:150px; height:auto; }

#container:before { content:none; }

#main article { padding:30px 0; }

.attachment-thumbnail { margin-bottom:20px; }

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

.mail { font-size:18px; }

}