/*
Theme Name: Maarten Gratama
Theme URI: MaartenGratama.nl
Description: Custom theme Maarten Gratama i.c.m. Bootstrap
Version: 1.2
Author: Ruurd de Wind
Author URI: http://www.clearlogic.nl
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/*
D.grijs:    4d4d4d
M.grijs:    b0b0b0
L.grijs:    e8e8e8
Blauw:      00b4ff
Oranje:     ce4520
D.Oranje:   a5371a
*/


@import url(https://fonts.googleapis.com/css?family=Arvo:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500);

/* responsive adjustments */
@media all and (max-width: 1200px) {
	ul#menu-hoofdmenu li a {font-size: 0.8em; padding: 0 10px !important; }
	#sidebar .contact-widget { padding-left: 135px;  }
	#recent-nieuws .gratama-news .item h3.title { font-size: 1.0em !important; }
	#recent-nieuws .gratama-news .item .time.published { font-size: 0.8em; padding: 3px 0 0 18px; margin-bottom: 10px; }
}

@media all and (max-width: 992px) {
	#content { margin-top: 0 !important; }
	#sidebar .contact-widget { padding: 185px 0 15px 15px; background-position: top left !important; }
	#sidebar .contact-widget a.button { margin-top: 10px !important; }
	ul#menu-hoofdmenu li a { font-size: 0.7em; padding: 0 8px !important; }
}

@media all and (max-width: 767px) {
	#content h1 { font-size: 26px !important; }
	#content h1 span.resp-hide { display: none !important; }

	#sidebar .contact-widget { padding: 25px 0 15px 185px !important;  }
	#sidebar .contact-widget a.button { margin-top: 35px !important; }

	header .container { background: url('images/maarten-gratama-logo.png') -100px 0 no-repeat !important; }
	header .navbar-default a.navbar-brand { padding-left: 12px !important; }
	/*navbar responsive fix*/
	.navbar-toggle { padding: 26px 10px; }
	.navbar-default .navbar-collapse { background: #6f1d08; }
	.navbar-default .navbar-toggle { border: none; }
	.navbar-default .navbar-toggle .icon-bar { background-color: #ce4520 !important; }
	.navbar-default .navbar-collapse { border-top: 1px solid #ea8724 !important; }
	.navbar-fixed-top .navbar-collapse { max-height: none; }
	header ul#menu-hoofdmenu li a { font-size: 1.0em; height: 40px !important; line-height: 40px !important;  }
	.navbar-nav { margin: 0px -15px }
	.msHtmlOverlay div.content { display: none !important }
	header ul#menu-hoofdmenu { float: none !important; }
	.metaslider-49 .rslides_tabs {  }
	.widget-legal { margin-top: 70px; }
}

@media all and (max-width: 430px) {
	#recent-nieuws .gratama-news .item .contents {
		min-height: 370px !important;
		padding: 0 5px;
	}
}

@media all and (max-width: 350px) {
	header .navbar-default a.navbar-brand { font-size: 0.8em; }
}

.navbar-default { background-color: #f8f8f8; border: 1px solid #000 !important }
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {	color: #fff; }

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; }

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; }

.navbar-default .navbar-toggle .icon-bar { background-color: #888; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; }



body { font-family: 'Ubuntu', sans-serif; font-size: 160%; font-weight: 300; color: #4d4d4d; padding: 0; }

body.admin-bar .navbar-fixed-top { top: 0; }
.navbar-fixed-top { position: relative; }
.navbar { margin-bottom: 5px;}

hr { border-color: #e8e8e8; }
hr.footer { margin: 0 0 20px 0; }
a { color: #00b4ff;	text-decoration: none }
img { max-width: 100%; display: block; position: relative; }

h1,h2,h3,h4 { font-family: 'Arvo', arial, verdana, sans-serif; padding: 0; margin: 0; font-weight: 400; color: #00b4ff; background: url('images/backgr-titles.png') 0 2000px no-repeat; }

h1 { font-size: 230%; padding-left: 36px; background-position: 0 -1px; }
h2 { font-size: 160%; padding-left: 28px; margin-bottom: 24px; background-position: 0 -47px; }
h3 { font-size: 160%; }
h4 { font-size: 120%; padding: 0 0 15px 0; }

h1.page-title { margin-bottom: 20px; }

h2.widgettitle { font-size: 160%; margin-bottom: 24px; }
h2.single-title,
h2.single-title a { color: #ce4520; background: none; padding: 0 0 6px 0; margin: 0; border: 0; } /* news/post title */
h2.single-title a:hover { text-decoration: none; color:#a5371a; }


.page-header { font-family: 'Arvo', arial, verdana, sans-serif; padding: 0 10px; margin: 0; border: none; }
.page-header .view-count { font-size: 0.9em; padding-left: 18px; margin: 8px 0 0; color: #b0b0b0; background: url('images/icon-map-small22.png') 0 -238px no-repeat; }

.post_content { margin: 30px 0; }
.post_content p.lead { font-size: 1.0em; }
p.tags { margin: 10px 0; }
.post_content .post-pics { margin: 45px 0; }
.post_content .post-info { padding: 0 10px; }
#main article img.attachment-wpbs-featured.wp-post-image { margin: 18px 0 0; }
.page-template-page-homepage-php #main article { clear: both; }

#OpenLayers_Control_MaximizeDiv { display: none; }

.nopadding { padding: 0; }
.nomargin { margin: 0; }
.fader { transition: background-color 0.5s ease; }

.alert-info { font-size: 80%; padding: 10px 15px; border: none; color: #fff; border-radius: 0; background: #ce4520; }

#content { margin-top: 40px; }


/* define portfolio thumbs on home */
.portfolio-box-home { font-family: 'Arvo', arial, verdana, sans-serif; font-weight: 400; }
.portfolio-box-home .item-port { margin: 0 4px 4px 0; display: block; position: relative; transition: all 0.3s ease; }
.portfolio-box-home .item-port:hover { opacity: 0.7; }
.portfolio-box-home .item-port .post-date { padding: 6px 12px; float: left; color: #fff; text-transform: uppercase; font-size: 0.8em; background-color: rgba(206, 69, 32, 0.8); }
.portfolio-box-home .item-port .post-title { padding: 8px 12px; line-height: 1.3em; float: left; color: #fff; clear: both; font-size: 1.0em; background: rgba(0, 0, 0, 0.4); }


/* define custom header */
header { min-height: 89px; }
header .container { height: 145px; background: url('images/maarten-gratama-logo.png') no-repeat; }
header .navbar-default { background: url('images/backgr-nav.png') repeat-x;  }
header .navbar-default a.navbar-brand:hover{ color: #fff; }
header .navbar-default a.navbar-brand { padding: 23px 0 0 105px; margin: 0; color: #fff; }
header .navbar-brand .mg-logo { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.34); font-size: 150%; padding: 0 0 5px 0; font-weight: 400; font-family: 'Arvo', arial, verdana, sans-serif; }
header .navbar-brand .mg-description { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.34); font-size: 90%; font-weight: 300; letter-spacing: 0.15px;}

header ul#menu-hoofdmenu { float: right; }
header ul#menu-hoofdmenu li a { height: 84px; line-height: 84px; padding: 0 15px; margin: 0; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.34); }
header ul#menu-hoofdmenu li a:hover,
header ul#menu-hoofdmenu li.active a,
header ul#menu-hoofdmenu li.current-page-ancestor,
header ul#menu-hoofdmenu li.current_page_parent { background-color: #a5371a; }
header ul#menu-hoofdmenu li.active a,
header ul#menu-hoofdmenu li.current-page-ancestor,
header ul#menu-hoofdmenu li.current_page_parent { font-weight: 400; }

/* define custom slider */
.metaslider { font-size: 100% !important; line-height: 100% !important; overflow-x: hidden; }
.metaslider .layer p { font-size: 80% !important; max-width: 375px !important;}
.metaslider .layer strong { font-family: 'Arvo', arial, verdana, sans-serif !important; font-size: 180% !important; font-weight: 100; }
.metaslider .layer em { font-size: 125% !important; font-style: normal; }
.metaslider .layer .content { padding: 2.0em 3.0em 2.0em 2.0em !important; }
.metaslider .layer .content a { transition: background-color 0.4s ease;margin-top: 20px; font-size: 120%; display: block; float: left; padding: 8px 13px; color: #fff; border: 1px solid #fff; }
.metaslider .layer .content a:hover { transition: background-color 0.4s ease; text-decoration: none; background: #fff; color: #303030; }
.metaslider a.rslides_nav { width: 41px !important; height: 41px !important; opacity: 1.0 !important; background: url('images/icon-slider-bullets.png') #ce4520 no-repeat !important; }
.metaslider a.rslides_nav.prev { background-position: 0 -44px  !important; left: -2px !important; }
.metaslider a.rslides_nav.next { background-position: 0 -87px  !important; right: -2px !important; }

ul.rslides_tabs { width: 72% !important; }

/*.slider-home { height: 410px !important; }*/
.slider-home img { max-height: 410px !important; }

#calendar_wrap { border: 0; padding: 0; font-family: 'Arvo', arial, verdana, sans-serif !important; }
table#wp-calendar { border-bottom-color: #ce4520 !important; }
table#wp-calendar tr { border: 0; }
#calendar_wrap caption { font-weight: 400; text-transform: capitalize; font-size: 1.2em; background-color: #ce4520; color: #fff; }
#calendar_wrap thead tr th { height: 40px; text-align: center; border-width: 0 1px 1px; border-color: #ddd; border-style: solid; }
#calendar_wrap tbody tr td { font-size: 0.8em; text-align: right; padding: 5px 5px 10px; border-width: 0 1px 1px; border-color: #ddd; border-style: solid; }
#calendar_wrap tbody tr td.pad { border-width: 0 !important; }
#calendar_wrap tfoot { display: none; }

/*slide bullets*/
ul.rslides_tabs { bottom: 10px !important; margin: 0 !important; }
ul.rslides_tabs > li > a { border: none !important; width: 21px !important; height: 21px !important; margin: 0 2px !important; padding: 0 !important; margin: 0 1px !important; background: url('images/icon-slider-bullets.png') no-repeat !important; }
ul.rslides_tabs > li.rslides_here > a { background-position: 0 -21px !important; }

.ms_content_wrap > .content > span { font-size: 100% !important; }

.back-btn { border-bottom: 1px solid #e8e8e8; margin: 0 0 45px; overflow: hidden; font-family: 'Arvo', arial, verdana, sans-serif; }
.back-btn.news > a { color: #4d4d4d; display: block; float: right; padding: 10px 15px; border-width: 1px 1px 0 1px; border-color: #e8e8e8; border-style: solid; }
.back-btn.news > a:hover { text-decoration: none; color: #fff; border-color: #4d4d4d; background-color: #4d4d4d; }

/* featured news items from category "Portfolio" */
.featured-posts { margin-bottom: 20px; }
.featured-posts .post { width: 20%; padding: 0; float: left; }
.featured-posts .post img.wp-post-image { max-width: 100% !important; }

/* define news blocks home */
#recent-nieuws { overflow: auto; }
#recent-nieuws .gratama-news { padding: 0; margin: 20px 0 30px; font-size: 90%; line-height: 1.2em; overflow: auto;  }
#recent-nieuws .gratama-news .item { margin-right: 6px; display: block; position: relative; }
#recent-nieuws .gratama-news .item .contents { min-height: 280px; padding: 0 5px; }
#recent-nieuws .gratama-news .item h3.title { font-size: 120%; line-height: 1.2em; margin: 0; padding: 15px 0 10px; }
#recent-nieuws .gratama-news .item h3.title a:hover { text-decoration: none; color: #00b4ff; }
#recent-nieuws .gratama-news .item .time.published { color: #ce4520; padding: 0 0 0 22px; margin-bottom: 10px;background: url('images/icon-map-small22.png') 0 -122px no-repeat; }
#recent-nieuws .gratama-news .item .summary { padding: 10px 0; }

#recent-nieuws .gratama-news .photo-amount { width: 60px; color: #fff; font-size: 120%; text-align: center; padding: 15px 0 10px; position: absolute; top: 0; right: 0; background: #ce4520; }
#recent-nieuws .gratama-news .photo-amount span.amount { font-size: 240%; font-weight: 500; }

.contact-widget { padding: 35px 0 0 170px; min-height: 238px; background: url('images/maarten-gratama-widget.png') left bottom #4d4d4d no-repeat; }
.contact-widget .title h2.widgettitle { margin: 0; padding: 0; background: none; font-size: 1.4em; color: #fff; }
.contact-widget .title,
.contact-widget .phone,
.contact-widget .mail { color: #fff; padding-left: 26px; font-size: 0.8em; background: url('images/icon-map-small22.png') 0 0 no-repeat; }
.contact-widget .title { padding-left: 0; padding-bottom: 16px; clear:both; background: none; }
.contact-widget .phone { padding-bottom: 16px; background-position: 3px -269px; }
.contact-widget .mail { background-position: 2px -357px; }
.contact-widget .mail a { color: #fff; text-decoration: underline; }
.contact-widget a.button { font-family: 'Arvo', arial, verdana, sans-serif; margin: 30px 15px 0 0; border: 1px solid #fff; display: block; padding: 10px; text-align: center; color: #fff; background: #4d4d4d; }
.contact-widget a.button:focus,
.contact-widget a.button:hover { background: #fff; text-decoration: none; color: #4d4d4d; }

/* define tags */
.widget a.label,
a.label { font-family: 'Arvo', arial, verdana, sans-serif; font-size: 0.8em !important;; text-transform: lowercase !important; font-weight: normal !important; padding-left: 23px; border-radius: 0; background: url('images/icon-map-small22.png') #b0b0b0 6px -199px no-repeat; }


/* define twitter & facebook feeds */
.twitter-feed { margin-bottom: 20px; }


/* p2000 notifications */
#home-p2000 { margin-top: 45px; }
#home-p2000 .message { margin: 0 0 20px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8;}
#home-p2000 .message .title,
#home-p2000 .message .date,
#home-p2000 .message .notification { padding-left: 23px; }
#home-p2000 .message .date { font-family: 'Arvo', arial, verdana, sans-serif; text-transform: uppercase; color: #ce4520; margin-top: 20px; background: url('images/icon-map-small22.png') 0 -160px no-repeat; }
#home-p2000 .message .notification { font-size: 80%; font-style: italic; }


/* adjust carousel slider @ news items */
.bx-wrapper { margin-bottom: 5px; }
.bx-wrapper .bx-viewport { box-shadow: 0; border: 0; left: 0;	background: none; }
.bx-wrapper .bx-pager { display: none; }


/* openstreet map plugin */
.olControlAttribution.olControlNoSelect { display: none; }


/* styling the contact form */
.wpcf7 { padding: 8px 8px 4px 8px !important; background-color: #ce4520; overflow: hidden; }
.wpcf7 p { padding: 0; margin: 0; }
.wpcf7 input[type="text"].name,
.wpcf7 input[type="email"],
.wpcf7 input[type="text"].form-input,
.wpcf7 input[type="text"].form-input-required,
.wpcf7 textarea { width: 100% !important; border: 0; padding: 8px 12px 8px 36px; margin: 0 0 8px 0; }
.wpcf7 span.your-message { overflow: auto; }
/* icon settings */
.wpcf7 input,
.wpcf7 textarea { background-image: url('images/icon-map-small22.png'); background-repeat: no-repeat; }
.wpcf7 span.your-name input { background-position: 6px -433px; }
.wpcf7 span.your-email input { background-position: 6px -477px; }
.wpcf7 span.your-subject input { background-position: 6px -520px; }
.wpcf7 span.your-message textarea { background-position: 6px -564px; }
/* bottom part of form for captcha, submit and errors */
.wpcf7 .bottom-holder { overflow: hidden; margin: -4px -8px; padding: 10px 10px 10px 45px; position: relative; background: url('images/icon-anti-spam.png') 2px 6px no-repeat #a5371a; }
.wpcf7 .bottom-holder .captcha { overflow: hidden; position: relative; float: left; background: #fff; }
.wpcf7 .bottom-holder .captcha-input,
.wpcf7 .bottom-holder .captcha-img { display: block; border: 0; background: #fff; float: left; }
.wpcf7 .bottom-holder .captcha-input { width: 180px; padding: 8px;  margin-left: 80px; }
.wpcf7 .bottom-holder .captcha-img { width: 68px; border-right: 1px solid #b0b0b0; position: absolute; left: 8px; top: 8px; padding-right: 6px; }
/* invalid captcha input message */
span.wpcf7-not-valid-tip { position: relative; clear: both;font-size: 0.8em; padding: 0 0 0 21px; margin: 0; color: #fff; background: url('images/icon-map-small22.png') 0 -402px no-repeat; }
.captcha span.wpcf7-not-valid-tip { border-top: 5px solid transparent; background-color: #a5371a; }
.wpcf7-validation-errors,
.wpcf7-mail-sent-ok { padding: 15px 8px 15px 35px !important; margin: 4px -8px -8px !important; }
.wpcf7-mail-sent-ok { border-width: 0 0 6px 0 !important; border-color: #3b8d25 !important; border-style: solid;/* border-bottom: 3px solid #3b8d25; */background: url('images/icon-submit-success.png') left center #d4f2cc no-repeat !important; }
.wpcf7-validation-errors { border-width: 0 0 6px 0 !important; border-color: #e12020 !important; border-style: solid; /*border-bottom: 3px solid #e12020;*/ background: url('images/icon-submit-error.png') left center #ffe8e8 no-repeat !important; }
/* submit button */
.wpcf7 .bottom-holder input[type="submit"] {font-family: 'Arvo', arial, verdana, sans-serif; font-size: 1.2em; font-weight: normal !important; border: 0; padding: 10px 25px 11px; margin: -10px -10px 0 0; color: #fff; background-color: #ce4520; float: right; }


/* define custom footer */
footer { font-size: 90%; margin-bottom: 25px; }

footer #inner-footer { padding-top: 20px; }

footer ul.contact-info-maarten { margin: 0 0 70px; padding: 0; list-style: none; }
footer ul.contact-info-maarten li.icon { padding: 0 0 0 24px; margin-top: 10px; background: url('images/icon-map-small22.png') 0 40px no-repeat; }
footer ul.contact-info-maarten li.icon:last-child { margin: 0; }
footer ul.contact-info-maarten li.icon.phone { background-position: 1px -40px; }
footer ul.contact-info-maarten li.icon.web { background-position: 0 -80px; }

footer ul#menu-juridisch { margin: 0 0 70px; padding: 0; list-style: none; }
footer ul#menu-juridisch li { border-bottom: 1px solid #e8e8e8; }
footer ul#menu-juridisch li a { text-decoration: none; color: #4d4d4d; display: block; padding: 6px 10px; }
footer ul#menu-juridisch li a:hover { color: #00b4ff; }

footer .sm { overflow: auto; margin-bottom: 15px; }
footer .sm a.icon { width: 30px; max-width: 30px; height: 30px; display: block; float: left; margin: 0 3px 3px 0; background-image: url('images/icon-map-social-media-30.png'); background-repeat: no-repeat; background-color: #ce4520; }
footer .sm a.icon:hover { background-color: #00b4ff; }
footer .sm a.icon.facebook { background-position: 0 0; }
footer .sm a.icon.twitter { background-position: 0 -30px; }
footer .sm a.icon.linkedin { background-position: 0 -60px; }
footer .sm a.icon.youtube { background-position: 0 -90px; }

.extra { color: #888; font-size: 0.9em; margin-top: 30px; }

.extra .online-visitors { overflow: auto; margin-top: 40px; padding-right: 16px; background: url('images/icon-stats.png') right center no-repeat; }
.extra .online-visitors ul li.visitors { display: block;  margin: 0; padding: 0; list-style: none; }
.extra .online-visitors ul li div { float: right; }
.extra .online-visitors ul li h2,
.extra .online-visitors ul li div + div  { display: none; }

.extra .hosted-by img { margin: 5px 0 15px; }
.extra .hosted-by h3 { font-family: 'Ubuntu', sans-serif; font-size: 1.0em; font-weight: normal; }
.extra .hosted-by a { color: #f26623; }
.extra .hosted-by a:hover { text-decoration: none; }

footer .attribution { float: left; font-size: 90%; }
footer .attribution .site-name { color: #ce4520; font-size: 120%; }
footer .made-by { float: right; font-size: 90%; }

.osm_error_msg { display: none; }