/*
Theme Name: Webshopheld
Theme URI: http://www.zietuwel.nl
Author: Emus Cakir
Author URI: http://www.zietuwel.nl/
Description: Custom template voor Webshopheld by Zietuwel.
Version: 1.0
License: Closed
License URI: http://www.zietuwel.nl
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Webshopheld
*/

/* CHARSET */
@charset "utf-8";

/* RESETS */
html {
    overflow-y: scroll;
}
body {
    margin: 0;
    padding: 0;
}
form {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
div.entry p {
    margin: 0;
    padding: 10px 0;
    font-family: 'Oswald';
}
input:focus {
    outline: none;
}
img {
    border-style: none;
}
ul {
    list-style-type: none;
}
ol {
    font-family: 'Oswald';
}
a {
    text-decoration: none;
    color:#000;
}
/* FLOAT CLEAR */
hr.clear {
    display: block;
    clear: both;
    visibility: hidden;
    margin: -2px 0;
}

/* ANCHOR */
a {

}
a:hover {

}

.hide {
	display: none;	
}

/* BUTTON ELEMENT */
button {

}

/* HEADINGS */
h1 {
    font-family: 'Montserrat',sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0;
    background: url("/skins/webshopheld/images/header_line_bg.png") center center repeat-x;
    text-align: center;
    margin: 30px 0;
}
h1 span {
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding: 0 50px 0 50px;
}
h2 {
    font-family: 'Amatic SC';
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}
h3 {

}

/* LAYOUT */
div.ninesixty {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 960px;
    overflow: auto;
}

/* TOP */
div.top {
    height: 60px;
    width: auto;
    background: url("/skins/webshopheld/images/top_bg.png") center center repeat-x;
}
ul.socials {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
}
ul.socials li a {
    display: block;
    line-height: 60px;
    text-indent: -9999px;
}
ul.socials li {
    float: left;
    height: 60px;
    width: 60px;
}
ul.socials li.facebook {
    background: url("/skins/webshopheld/images/top_social_facebook.png") center center no-repeat;
}
ul.socials li.twitter {
    background: url("/skins/webshopheld/images/top_social_twitter.png") center center no-repeat;
}
ul.socials li.youtube {
    background: url("/skins/webshopheld/images/top_social_youtube.png") center center no-repeat;
}
ul.socials li.login {
    float: left;
    height: 60px;
    width: 116px;
    background: url("/skins/webshopheld/images/top_login_btn.png") center center no-repeat;
}
ul.socials li.logout {
    float: left;
    height: 60px;
    width: 116px;
    background: url("/skins/webshopheld/images/top_logout_btn.png") center center no-repeat;
}
/* HEADER */
div.header {
    height: 130px;
    width: auto;
}
div.logo {
    float: left;
    background: url("/skins/webshopheld/images/logo.png") center center no-repeat;
}
div.logo a {
    display: block;
    text-indent: -9999px;
    line-height: 130px;
    width: 530px;
}
p.slogan {
    line-height: 130px;
    width: auto;
    float: right;
    font-family: 'Amatic SC';
    font-size: 40px;
    font-weight: bold;
}
.search {
    float: right;
}
.search div {
    margin-top:15px;
    margin-right: 15px;
}
.search input {
    height: 30px;
    border-radius: 15px;
    padding: 0 15px 0 30px;
    width: 200px;
    background: url("/skins/webshopheld/images/search_icon.png") 10px center no-repeat #FFFFFF;
    border: 0;
}

/* NAVIGATION */
div.menu-mainmenu-container {
    height: 59px;
    width: auto;
    background: url("/skins/webshopheld/images/nav_bg.png") center center repeat-x;
}
div.menu-mainmenu-container .nav {
    display: block;
    position: relative;
    width: 960px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}
.nav .menu-item {
    float: left;
    width: auto;
    line-height: 59px;
    background: url("/skins/webshopheld/images/nav_div.png") left top no-repeat;
}
.nav .menu-item:first-child {
    background: none !important;
}
.nav .menu-item:first-child a {
    padding-left: 15px !important;
}
.nav .menu-item a {
    line-height: 59px;
    padding: 0 30px;
    font-family: 'Montserrat',sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}
.nav .menu-item a:hover {
    background: url("/skins/webshopheld/images/nav_bg2.png") repeat-x;
    height:59px;
    line-height: 59px;
    padding: 0 30px;
    overflow:visible;
    display:block;
}
.nav .current_page_item a {
    color: #69584E !important;
}

/* FRONTPAGE */
div.splash_image {
    min-height: 527px;
    background: url("/skins/webshopheld/images/frontpage_splash_bg.png") center top repeat-x;
}
div.splash_image a {
    display: block;
    line-height: 527px;
    width: 960px;
    margin:0 auto;
    min-height: 527px;
    background: url("/skins/webshopheld/images/splash_image.png") center center no-repeat;
    text-indent: -9999px;
}
div.fp_pitcher {
    min-height: 331px;
    background: url("/skins/webshopheld/images/pitcher_bg.png") center center repeat-x;
    z-index:2;
    position: relative;
}
div.fp_pitcher h3,
div.fp_blocks h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    text-shadow: 2px 1px 1px #FFFFFF;
    text-transform: uppercase;
    width: 500px;
    margin-top: 140px;
    margin-left: 50px;
}
div.fp_blocks h3 {
    width: auto;
    margin: 10px 0;
    font-size: 16px;
}
div.fp_blocks {
    position: relative;
    margin-top: -80px;
    padding-top: 80px;
    background: url("/skins/webshopheld/images/bg_pattern.png");
    z-index:1;
}
div.fp_blocks td {
    position: relative;
    
}
div.fp_blocks td a.more {
    display: block;
    position: absolute;
    bottom: 0;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/read_more.png") center center no-repeat;
    text-indent: -9999px;
}
div.fp_blocks td a.more:hover {
    display: block;
    position: absolute;
    bottom: 0;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/read_more2.png") center center no-repeat;
    text-indent: -9999px;
}
div.fp_blocks p {
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
}
div.prop {
    float: right;
    height: 375px;
    width: 520px;
    background: url("/skins/webshopheld/images/prop.png") center center no-repeat;
}

/* CONTENT TEXT */
div.entry p {
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
}
div.entry ul {
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
}
div.entry ul li a:hover {
    color: #6B8E23;
}
div.entry blockquote {
    font-weight: bold;
}

/* FOOTER */
div.footer {
    position: relative;
    margin-top: -112px;
    height: 459px;
    width: auto;
    background: url("/skins/webshopheld/images/footer_bg.png") center center repeat-x;
    z-index: 2;
}
div.fpadder {
    position: relative;
    padding-top: 130px;
}
div.footer .c {
    font-family: 'Montserrat',sans-serif;
    font-size: 12px;
    text-align: left;
    color: #FFFFFF;
    text-shadow: 2px 1px 1px #000000;
    clear: both;
    padding-top: 50px;
}
div.footer_desc {
    width: 300px;
    float: left;
    margin-right: 20px;
}
div.footer_social {
    width: 300px;
    float: left;
    margin-right: 20px;
}
div.footer_social ul {
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
}
div.footer_social ul li {
    border-bottom: 1px solid #FFFFFF;
    line-height: 45px;
    text-align: right;
    padding-right: 20px;
}
div.footer_social ul li a {
    display: block;
    color:#FFFFFF;
    text-decoration: none;
}
div.footer_social li.fb {
     background: url("/skins/webshopheld/images/facebook.png") 30px 5px no-repeat;
}
div.footer_social li.tw {
    background: url("/skins/webshopheld/images/twitter.png") 25px 10px no-repeat;
}
div.footer_social li.yt {
    background: url("/skins/webshopheld/images/youtube.png") 25px 10px no-repeat;
}
div.footer_credits {
    width: 300px;
    float: right;
}
div.footer h4 {
    margin: 0;
    color: #FFFFFF;
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 20px;
    text-align: left;
    text-shadow: 2px 1px 1px #000000;
    text-transform: uppercase;
}
div.footer {
    color:#FFFFFF;
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
}
div.footer_credits h4 {
    float: right;
}
div.footer_credits .myshop {
    float:right;
    height: 78px;
    width: 78px;
    background: url("https://myshop.s3-external-3.amazonaws.com/shop4883600.images.logo.png") no-repeat center center;
    background-size: contain;
    margin-bottom: 8px;
}
div.footer_credits .leerbedrijf {
    clear: both;
    float:right;
    height: 64px;
    width: 100px;
    background: url("/skins/webshopheld/images/logo_vof.png") center center no-repeat;
}
div.footer .contact {
    letter-spacing:4px;
    font-size:10px;
}
div.footer .contact a {
    color:#fff;
}
/* OVER ONS MIDDEN */
div.midden {
    position: relative;
    height: 331px;
    background: url("/skins/webshopheld/images/pitcher_bg.png") center center repeat-x;
    z-index:5;
    margin-bottom:-55px;
}
div.brochure {
    float:left;
    width: 480px;
}
div.brochure a.more {
    display: block;
    position: absolute;
    margin-left:250px;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/aanvraag.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
div.brochure a.more:hover {
    display: block;
    position: absolute;
    margin-left:250px;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/aanvraag2.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
div.brochure h3 {
    margin-top: 100px;
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-shadow: 2px 1px 1px #FFFFFF;
    text-transform: uppercase;
}
div.presentatie {
    float: left;
    width: 480px;
}
div.presentatie h3 {
    margin-top: 100px;
    font-family: 'Montserrat',sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-shadow: 2px 1px 1px #FFFFFF;
    text-transform: uppercase;
}
div.presentatie a.more {
    display: block;
    position: absolute;
    margin-left:100px;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/aanvraag.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
div.presentatie a.more:hover {
    display: block;
    position: absolute;
    margin-left:100px;
    width: 136px;
    height: 50px;
    background: url("/skins/webshopheld/images/aanvraag2.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
div.black {
    position: relative;
    color: #000000;
    background: url("/skins/webshopheld/images/bg_pattern.png") repeat scroll 0% 0% transparent;
    padding-top: 40px;
    margin-top: -20px;
    z-index: 1;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 24px;
    max-height:950px;
}
div.black h2 {
    font-size:50px;
}
div.black a {
    color:#fff;
    text-decoration:none;
}
div.black a:hover {
    color:#000;
    text-decoration:none;
}
#methode {
    background: url("/skins/webshopheld/images/methode_bg.png") no-repeat;
    height: 660px;
    margin-top:20px;
}
/* SIDEBARRED */
div.seventen {
    width: 715px;
    float: left;
    overflow: auto;
}
div.sidebar {
    width: 241px;
    float: right;
    overflow: auto;
    padding-bottom: 200px;
}
.widget_text {
    background: url("/skins/webshopheld/images/farrel.png") no-repeat;
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
    padding: 15px;
    height:702px;
    list-style-type: none;
}
#text-3 {
    background: url("http://www.webshopheld.nl/test/img/postit.png") no-repeat;
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 24px;
    padding: 15px;
    height:513px;
    padding-left:25px;
    margin-bottom:-150px;
}
#blog {
	clear: left;
}
h5.support {
    font-family: 'Montserrat',sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 90px;
    text-transform: uppercase;
    margin:0;
    padding:0;
}
.support_links {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Amatic SC';
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin-top:140px;
}
.support_links li {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    padding-top: 10px;
}
.support_links li:last-child {
    border-bottom: 0px;
}
.support_links a {
    color: #999999;
    text-decoration: none;
}
li.supp_facebook {
    background: url("/skins/webshopheld/images/supp_bg_facebook.png") 140px 10px no-repeat;
}
li.supp_twitter {
    background: url("/skins/webshopheld/images/supp_bg_twitter.png") 140px 10px no-repeat;
}
li.supp_youtube {
    background: url("/skins/webshopheld/images/supp_bg_youtube.png") 140px 10px no-repeat;
}

/* CONTACT FORM */
.contact-form {
    margin-bottom: 0;
    min-height: 921px;
    background: url("https://myshop.s3-external-3.amazonaws.com/shop4035500.images.form_bg_large.png") center center no-repeat;
    overflow: auto;
    padding-left: 140px;
    padding-top: 20px;
}
.contact-form textarea {
    width: 300px;
}
.contact-form div {
    float:left;
    width: 320px;
}
.contact-submit {
    float: left;
}
.contact-form label {
    color: #ffffff;
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 15px
}
.contact-form label span {
    color: #003366 !important;
}
.pushbutton-wide {
    height: 46px;
    width: 126px;
    background: url("/skins/webshopheld/images/submit_button.png") center center no-repeat;
    border:0;
    text-indent: -9999px;
    margin-top: 130px;
}
.pushbutton-wide:hover {
    cursor: pointer;
    height: 46px;
    width: 126px;
    background: url("/skins/webshopheld/images/submit_button2.png") center center no-repeat;
    border:0;
    text-indent: -9999px;
    margin-top: 130px;
}
.form-error {
    font-family: 'Oswald';
    font-size: 15px;
    line-height: 20px
}

/* ZOEKEN */
#content {
    margin-bottom: 200px;
}
.entry-content {
    font-family: 'Oswald';
    font-size: 15px;
}
#afgeschermd {
    background: url("http://www.webshopheld.nl/wp-content/themes/webshopheld//skins/webshopheld/images/form_bg.png") no-repeat scroll center center transparent;
    height:900px;
    color:#FFF;
}
#afgeschermd form {
    margin-left:150px;
    margin-top:15px;
}
#afgeschermd p {
    margin-left:100px;
}
#afgeschermd .uam_login_options {
    margin-left:150px;
}
#afgeschermd h2 {
    font-size:20px;
    line-height:25px;
}
#afgeschermd li {
    vertical-align:middle;
}
#afgeschermd a {
    color:#FFF;
}
#afgeschermd a:hover {
    color:#000;
}
#afgeschermd a.more {
    display: block;
    margin-left:200px;
    bottom: 0px;
    width: 216px;
    height: 40px;
    background: url("/skins/webshopheld/images/button_large1.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
#afgeschermd a.more:hover {
    display: block;
    bottom: 0px;
    width: 216px;
    height: 40px;
    background: url("/skins/webshopheld/images/button_large2.png") no-repeat scroll center center transparent;
    text-indent: -9999px;
}
/* ADMINBAR */
.nojq {
    border-bottom:1px solid #FFFFFF;
}



@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.load{
	margin-bottom: 20px;
	overflow: hidden;
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	padding:0 !important;
}
.bar-padding{
	padding:0.7125em 4.5em 0.75em 6.5em;
	display:inline-block;
	white-space:nowrap;
	float:left;
	overflow:visible !important;
    line-height: 25px;
}
.load.active .bar {
	height: 100%;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.load-striped.active .bar {
	background-color: #149bdf;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}
.load.active .bar {
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-moz-animation: progress-bar-stripes 1s linear infinite;
	-ms-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;
}

.load_container{
	width: 440px !important;
}
.load.active input{
	display: none;
}


.clear {
    clear: both;
    width: auto !important;
    float: none !important;
} 
.login-form, .register-form {
    padding-left: 150px;
    margin-bottom: -20px;
    min-height: 921px;
} 
.contact-form input[type='password'] {
    width: 300px;
    margin-bottom: 13px;
    border: 5px solid #99ccff;
    border-radius: 5px;
    color: rgb(136, 156, 162);
    background-color: rgb(236, 246, 250);
} 
.register-form label, .login-form label {
    float: left !important;
} 
.register-form input, .login-form input {
    margin-bottom: 0px !important;
} 
.myshp_block_inner_button_large {
    background: url(/skins/webshopheld/images/button_large.png) no-repeat;
    min-width: 292px;
    width: 100%;
    height: 38px;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-family: 'montserrat';
    font-weight: bold;
	box-shadow: none;
} 
.myshp_block_inner_button_large:hover {
    background-position: -0px -38px;
} 
.myshp_contact_field {
    float: left;
} 
.myshp_contact_field_klas, .myshp_block_inner_textfield_klas {
    width: 120px !important;
} 
.myshp_contact_field_klas p {
    padding-top: 0px !important;
}