/*
Theme Name: OSN
Theme URI: 
Author: 
Author URI: http://www.mediakanjers.nl
Description: Thema voor OSN
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: required-foundation
Text Domain: OSN
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic);

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotoregularlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe';
    src: url('segoe-ui-1361529660.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ font-family: 'robotolight', sans-serif}


h1, h2, h3, h4, h5, h6 { font-weight: normal !important;}
h1{font-size: 29px; color: #2f3bb5;  font-style: normal !important; font-family: 'robotobold', sans-serif;  background: url("images/border.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);padding-bottom: 15px; margin-bottom: 10px !important;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px; color: #c7d42f;}
h5{font-size: 16px;}
h6{font-size: 14px;}

p{ line-height: 2.0; font-family: 'robotolight'; color: #464646;}

a{color: #2F3BB5;}		
	a:hover{color: #525252;}	

h2.subtitle { font-size: 19px; color: #c71118; font-family: 'robotomedium'; margin: 0!important; font-weight: normal;}
li {font-family: 'robotolight';}


/*Algemeen*/
.entry-meta {display: none;}
.mobile {display:none;}
#site-title { font-weight: 600; }
.et_lb_new-testimonial .et_lb_module_content, .et_lb_toggle .et_lb_module_content, .et_lb_tabs .et_lb_module_content, .et_lb_simple_slider .et_lb_module_content, .et_lb_pricing_table .et_lb_module_content, .et_lb_image .et_lb_module_content{border: none !important; box-shadow: none !important;}
.et_lb_module{margin-bottom: 15px !important;}
.gform_wrapper .gfield_required {color: #2F3BB5!important;}
.gf_browser_ie.gform_wrapper .gform_footer input.button {padding: 10px 20px 11px !important;}
.row{width: 1000px; padding: 0 30px;}

.button{background:#292B27; border: none !important;}
	.button:hover{background: #414141;}
	.button_blokken { text-align: center !important; margin-top: 9px;}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {width: 80% !important;}

table{background: none; color: #fff; border: none; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 5px; margin: 0px;}
	table tbody tr:nth-child(2n){background: none; color: #fff;}
	table tbody tr td{padding: 6px 0 6px 0; color: #fff;}
	table tbody tr td a{color: #fff;}

/*Hoofdmenu*/
.scrollogo{ z-index: 9999 !important; position: fixed; top: 0; width: 100%;
max-width: 100px;}
	.scrollogo img { width: 92px; }

.wrapfixed {z-index: 999 !important; padding: 10px 0; border-bottom: 1px solid #5F5F5F}
	.wrapfixed .ubermenu-skin-white {margin-top: 0 !important;}

#mysticky-wrap { width: 100% !important; float: left; }

/*Header*/
.logo{float: left; z-index: 99; width: 31%;}

.slide{padding-left: 0px; padding-right: 0px; position: relative;  z-index: -1; background: url('images/grijsblok.jpg') center top repeat-x; margin-top: -31px;}
	.knop { background: #000 !important;}

.social{padding: 5px 0 25px 0; float: left; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #DD221D; font-weight: bold; text-transform: uppercase;}
	.social img{padding: 0 5px 0 5px; position: relative; top: 5px;}

.required-header{}
	.required-header .inline-list { margin-top: 14px; }
	.required-header {background: url('images/hdbg.jpg') center top repeat-x;}

.header-right{float: right; width: 69%;}	

.header-top { display: none;}
	.header-right h1 {font-size: 12px; color: #532a1a; text-transform: uppercase; text-align: left; margin: 0;}
	.header-right .textwidget {font-size: 17px; color: #dd211c; text-transform: uppercase;}
	.header-right .mail {float: left !important;}
	.header-right aside { margin: 5px 0; float: left; }
	.header-right .widget-first {margin-right: 15px; margin-left: 110px}
	.header-right a {font-family: 'robotoregular' !important; font-size: 17px; color: #3a3b3d; text-transform: none !important;}
	.header-right h1 {font-family: 'robotolight';}
	.header-right img {margin-right: 15px;}

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

.blokken{ background: #6e6a69; border-bottom: 15px solid #53504f !important;}
	.blokken aside {text-align: center; float: left;     width: 20%;} 
	.blokken .widget_sp_image-description p {color: #fff;}
	.blokken aside:hover {opacity: 0.7 !important;}
	.blokken .widget-title {  margin-top: 150px; height: 45px;}
	.blokken .attachment-full { margin-left: -58px; margin-top: -178px;position: absolute; }
	.blokken .widget_sp_image:hover{ opacity: 0.7 !important;}


/*Hoofdmenu*/
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target:after {display: none !important;}
.ubermenu-skin-white{ border: 0px !important; background: none !important; margin-top: 23px !important;}
.ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: none !important; color: #1d282a; }
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color: #dd211c !important; font-weight: bold !important; }
.ubermenu .ubermenu-target-text {font-family: 'robotoregular' !important; font-weight: bold; font-size: 14px!important; text-transform: uppercase; color: #636363;}
.ubermenu .ubermenu-target-text:hover {color: #2F3BB5 !important;}
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {padding:0 20px !important;}
.ubermenu-item { border-right: 2px solid #636363 !important; }
.ubermenu-item.ubermenu-item-type-post_type.ubermenu-item-object-page.ubermenu-item-189{ border-right: none !important; }

	/*Submenu*/
	.ubermenu-skin-white .ubermenu-submenu.ubermenu-submenu-drop { background: #fff !important;}
	.ubermenu-skin-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {border :0px !important;}
	.ubermenu-item-level-1 .ubermenu-target { padding: 8px 15px !important; }


/*Content*/
#content{}
	#content h1 {font-style: italic;}

#main{padding-left: 0px; min-height: 425px; margin: 40px 0;}
	.gallery-item{margin-bottom: 5px; margin-top: 5px; margin-right: 5px; width: 32% !important;}

.content_assortiment{ background: #FFFFFF; border-bottom: 1px solid #c0c0c0; margin-bottom: 15px;}
	.content_assortiment h1 { color: #292B26; text-transform: uppercase; margin-top: 195px; position: absolute;}
	.content_assortiment .row{ padding: 30px 0; font-size: 32px; color: #fff; text-align: center; 	}
	.content_assortiment .textwidget {font-size: 31px; color: #767676; font-style: italic; font-family: 'robotolight';}
	.content_assortiment .textwidget img {margin-top: 20px;}
	.content_assortiment h3{ font-size: 37px;  color: #ffffff; text-transform: none;}
	.content_assortiment h4{ font-size: 25px; text-transform: none;}


/*sidebar */
#sidebar{float:right;  margin-top: 20px; padding-right: 0 !important; padding-left: 25px; margin: 40px 0;}
	#sidebar aside {margin-bottom: 30px;}
	#sidebar li {padding-bottom: 10px;}
	#sidebar ul {margin: 0 !important;}
	#sidebar .textwidget{font-style: normal; padding: 0 8px; line-height: 22px;  font-family: 'Open Sans', sans-serif; font-weight: 400;}
	#sidebar h4 { padding-left: 0; color: #6e6a69; padding-bottom: 0; }

/*widgets*/
.widget_text{padding: 10px;}
	.widget_text li{list-style-image: url('images/vinkje.png'); list-style-position: inside;}
	.textwidget a:hover{text-decoration: underline;}
	.widget_wysiwyg_widgets_widget li{list-style-image: url('images/vinkje.png'); list-style-position: inside;}
	.widget_wysiwyg_widgets_widget li a{color: #222222; padding-left: 3px;}
	.widget_wysiwyg_widgets_widget ul{margin-left: 0px;}
	.widget_wysiwyg_widgets_widget{padding: 10px;}
	h4.widget-title{padding: 15px 10px; margin-top: 0px; background: none; color: #fff;}
	aside p{font-style: normal;}
	.widget-topleft .textwidget p{line-height: 32px;}
	.widget_sp_image{padding: 10px;}

#cff .cff-author{margin-bottom: 0px;}

/*Blogpagina*/
.fb_iframe_widget {}
	.fb_iframe_widget span {width: 100% !important;}

.fb-like-box.fb_iframe_widget {}
	.fb-like-box.fb_iframe_widget iframe { margin-left: -17px; }

.nieuws {background: url('images/hoekje.png') right bottom no-repeat #2F3BB5; padding: 25px;}
	.nieuws h4 {font-size: 22px; color: #fff; margin: 0 0 10px 0 !important; padding: 0 0 10px 0; background: url('images/border3.png') left bottom no-repeat;}
	.nieuws #blogpost h4 {background: none !important; font-size: 16px; margin: 0 !important; padding:0 !important;}
	.nieuws #blogpost {padding: 0 !important;}
	.nieuws a {color: #fff;}
	.nieuws #blogpost #inhoud p {color: #fff; font-size: 13px;}
	.nieuws #inhoud #button {padding: 0 !important;  text-transform: uppercase; width: auto;}


article footer.entry-meta{border-bottom: 1px dashed #000;}
article header img{max-width: 250px; float: left;}

article{}
	article .entry-title{}
	article .entry-content{float: left; max-width: 100%;}
	article .entry-meta{}
	article .entry-content {margin-top: 0;}

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"]{font-size: 14px !important;}	

#blogpost { border-bottom: 1px dashed #2F3BB5; overflow: hidden; padding: 20px 0; }
	#blogpost .twaalf {width: 100%; float: left;}
	#blogpost .dertig {width: 30%; float:left; padding: 16px 0px;}
	#blogpost .zeven {width: 70%; float: left; padding: 0 20px;}
	#blogpost .zeven h4 {margin-bottom: 5px !important; }
	#blogpost .zeven a {color: #2F3BB5;}
	#blogpost #auteur {font-family: "Roboto Condensed",sans-serif; margin-bottom: 10px; color: #464646;}

#inhoud {}
	#inhoud #button { background: #2F3BB5; padding: 10px 20px; width: 105px; }
	#inhoud a {color: #fff !important;}
	#inhoud a:hover {opacity: 0.8;}
	#inhoud p {line-height: 1.5;}

#comments {display: none;}

.wpv-filter-next-link.js-wpv-pagination-next-link { margin: 10px; color: #2F3BB5 !important; }
.wpv-filter-previous-link.js-wpv-pagination-previous-link { margin: 10px; color: #2F3BB5 !important; }
.wpv-filter-form.js-wpv-filter-form.js-wpv-filter-form-1 { text-align: center; margin-top: 10px; }

/*Footer*/
#supplementary{background: #6e6a69; color: #fff; margin-bottom: 50px; }
	#supplementary #first {padding: 0 !important;}
	#supplementary .widget-first {padding-left: 0 !important; }
	#supplementary .widget-last {padding-right: 0 !important; }
	#supplementary .textwidget { line-height: 1.6 !important; }
	#supplementary aside{margin-top: 15px;}
	#supplementary .widget_text {font-size: 11px; text-align: left; color: #FFFFFD;}
	#supplementary .widget_advanced_menu {font-size: 11px; text-align: }
	#supplementary .widget_nav_menu {font-size: 11px; text-align: left; padding: 10px;}
		ul#menu-diensten { list-style-type: none; margin: 0; }
		#menu-diensten a { color: #FFFFFD; }
		ul#menu-producten { list-style-type: none; margin: 0; }
		#menu-producten a { color: #FFFFFD; }
	#supplementary .widget_text img{float: left; position: relative; top: -25px;}	
	#supplementary a {color: #fff;}
	#supplementary a:hover {text-decoration: underline;}
	#supplementary h4.widget-title{background: none; font-family: 'robotobold' !important; color: #FFFFFD; font-size: 22px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0 0 20px 0 !important; background: url('images/border2.png') left bottom no-repeat;}
	#supplementary ul { list-style-type: none !important; margin-left: 0 !important;}
	#supplementary p { line-height: 1.6; color: #fff; }
		#supplementary iframe {border: 5px solid #fff !important;}

.copyright{ background: #4d4b48; color: #F8F7F5; padding: 8px 0;}
	.copyright .textwidget {  font-size: 13px; }

// Small screens 
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {

/*Algemeen*/	
.header-top {display: none;}
.mobile{display: inline;}
.desktop {display: none;}
#icons{margin-left: 0px; position: relative;}
.column, .columns{padding: 0 5px;}	
.required-header{margin-bottom: 8px;background: #fff;}	
.logo{position: relative; padding: 15px 5px; text-align: center; }
.slide{display: none;}	
.social{padding-bottom: 0px;}
.widget-topleft .widget{min-height: 100%; margin: 15px 10px 0 10px;}
.wrapfixed {display: none;}
a.maxbutton-1{padding: 8px 25px !important;}
a.maxbutton-2{padding: 8px 25px !important;}
#afbeelding { width: 45%; }

.row {padding: 0 !important;}
.header-top {left: 0 !important; position: relative; width: 100%;}

/*Header*/
.header-right{width: 100%; text-align: center; background: #fff;}
	.header-right a {font-family: 'roboto' !important; font-size: 14px;}
	.header-right aside {width: 100% !important; margin: 0 !important;}
	.header-right .widget-first {padding-bottom: 0 !important;}

.logo {width: 100%;}	
	.logo img { }

/*Menu*/
.ubermenu-skin-white.ubermenu-responsive-toggle { font-size: 15px !important;}
.ubermenu-skin-white { margin: 0 !important;}
.ubermenu-skin-white .ubermenu-item-level-0 > .ubermenu-target { text-align: center; }


/*Widgets*/
.blokken {margin-top: 0 !important; background: none; padding-left:0 !important; padding-right: 0 !important;}
	.blokken aside { max-width: 400px; margin: 5px auto; width:100% !important; padding: 5px 20px !important; background: #6e6a69; margin-bottom: 10px;}
	.blokken aside:hover {opacity: 1 !important;}
	.blokken .widget-title {margin-top: 0; width: 70%; float: right;}
	.blokken .attachment-full {margin:0; position: relative;}
	.blokken a.widget_sp_image-image-link { width: 30% !important; float: left; }
	.blokken .widget_sp_image-description  {display: none;}


#sidebar{padding-top: 3px; float:none !important;}
	aside { max-width: 100%; }
	aside#sidebar {  }

.content_assortiment { padding: 20px 0;}
	.content_assortiment .widget_sp_image { padding: 15px;}
	.content_assortiment .textwidget { font-size: 20px; }
	.content_assortiment aside {padding: 0 !important;}

.widget_text { padding: 10px; }

/*blogpagina*/
#blogpost{}
	#blogpost .dertig {width: 100%;}
	#blogpost .zeven {width: 100%; padding: 0 !important;}

.nav-next {width: 100% !important; }
	.nav-next a{color: #2F3BB5;}

.nav-previous {width: 100% !important;}
	.nav-previous a {color: #2F3BB5;}

/*Content*/
.block{width: 100%;}
#main{padding-left: 15px;}

/*Footer*/
#supplementary { background: #2F3BB5; padding: 0 !important;}
#supplementary .widget_text{ margin: 0 !important;}
	#supplementary .textwidget{text-align: center; font-size: 13px; line-height: 18px;}
	#supplementary .widget_nav_menu {text-align: center !important; width: 100% !important;}
	#supplementary h4.widget-title { text-align: center; background: url("images/border2.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);}
	#supplementary #first .block {width: 100%;}
	#supplementary .widget-last { float: none !important; position: relative; text-align:  center;}
	#supplementary iframe { width: 100%; }
.copyright .textwidget { text-align: center;}

} /* 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) { 

/*algemeen*/
.row {padding: 0px;}
.wrapfixed {display: none;}
.scrollogo {display: none;}
/*content*/
#content {padding: 0 10px;}

.slide {margin-top: 0;}
#sidebar {float:right !important;}
.header {width: 100% !important;}

/* blokken */
.blokken {width: 100% !important;}
	.blokken aside { width: 33% !important; float: left; }

.content_assortiment {width: 100% !important;}

/*menu*/
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {padding: 0 10px !important;}

/*header*/
.header-top {display: none;}

.header-right .widget-first {margin-left:0;}

/*footer*/
#supplementary {padding-left: 10px; width: 100%;}
	#supplementary .column, .columns{float:left !important;}
	#supplementary {float:left !important;}
	#supplementary .widget-last {position: relative; width: 37% !important;}
	#supplementary .widget_text {margin: 15px 15px 15px 15px; width: 26%;}
	#supplementary iframe {width: 100%;}

	} /* 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 1024px 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, xlarge screens */