/*
	Theme Name: Coremans
	Theme URI: http://coremans.nl
	Description: Coremans Thema
	Version: 1.0
	Author: Gepkens Internetdiensten
	Author URI: http://gepkensgroep.nl
	Tags: Formital, Responsive, Gepkens Groep
*/

body{
padding: 0;
margin: 0;
font-family: 'Open Sans';
margin-top: 150px;
font-size: 14px;
-webkit-text-size-adjust:100%;
}

a{
color: black;
text-decoration: none;
}

.content a:hover{
color: #999;
text-decoration: none;
}

.content a:hover h3{
color: #F18E00;
text-decoration: none;
}

h1{
text-transform: uppercase;
color: #bd2716;
}

h3{
font-weight: bold;
}

h3 a{
color: #bd2716;
}

button, input, select, textarea{
width: 50%;
}

em{
color: #440099;
font-size: 18px;
}

p strong{
color: #bd2716;
text-transform: uppercase;
font-size: 16px;
}

h1 {
	text-transform: none!important;
    color: #440099!important;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}

.header{
background: white;
width: 100%;
height: 150px;
position:fixed;
top:0px;
box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.5);
font-size: 17px;
z-index: 9999999;
}

.header:after {
    content:'';
    display:block;
    clear: both;
}

.header-inner{
width: 980px;
margin: 0 auto;
}

.header-left{
width: 30%;
float:left;
padding-top: 25px;
}

.header-right{
padding-top: 25px;
width: 70%;
float:left;
}

.language{
float:right;
width: 100%;
text-align: right;
height: 26px;
}

.socialinfo{
float:right;
width: 62%;
text-align: right;
margin-top: 15px;
}

.linkedin{
float:left;
width: 5%;
}

.linkedin img{
text-align: right;
}

.tel{
float:left;
width: 53%;
padding-left: 2%;
padding-top: 2%;
font-weight: bold;
}

.email{
float:right;
width: 36%;
padding-top: 2%;
}

.email a:hover{
text-decoration: none;
color: #999;
}

.menu{
float:right;
width: 100%;
text-align: right;
text-transform: uppercase;
font-weight: 300;
height: 50px;
margin-top:15px;
}

.menu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.menu li{
display: inline;
padding-left: 15px;
padding-right: 15px;
position:relative;
}

.menu li:nth-child(5){
padding-right: 0px
}

.menu a{
padding-bottom: 5px;
}

.menu a:hover{
border-bottom: 7px solid #bd2716
}

.slider{
height: 350px;
background: white;
background-position: center center;
}

.golven{
background: url('img/blokjes.png');
height: 122px;
margin-top: -80px;
position:relative;
z-index: 9999;
background-position: center center;
}

.verpakkingsontwerp .content .right li{
list-style-type: disc!important;
margin-left:15px;
}

.content{
margin: 0 auto;
width: 980px;
margin-bottom: 30px;
padding-top: 30px;
}

.content .breadcrumb{
margin-top: 20px;
position:relative;
z-index: 999999;
}

.tp-bannershadow.tp-shadow2{
	display:none!important;
}

.content .breadcrumbs {
    margin-bottom: 30px;
    margin-top: -30px;
}

.content ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.content li{
width: 29.5%;
float:left;
padding-right:5%;
list-style: outside none none;
}

.content h3{
color: #BD2716;
text-transform: uppercase;
font-weight: bold;
}

.content:after {
    content:'';
    display:block;
    clear: both;
}

.klanten{
margin: 0 auto;
width: 980px;
margin-bottom: 30px;
}

.klanten ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.klanten li li{
width: 20%;
float:left;
padding-bottom: 15px;
padding-top: 15px;
}

.klanten h4{
text-transform: uppercase;
color: #bd2716;
font-size: 15px;
}

.klanten:after {
    content:'';
    display:block;
    clear: both;
}

.groenegolf{
background: url('img/groenegolf.png');
height: 180px;
position:relative;
z-index: 10;
}

.footerimage{
position:relative;
z-index: 1;
margin-left: -55px;
background-position: 41.6%;
}

.yourpassion{
height: 35px;
}

.yourpassion-left{
background-color: #f18e00;
width: 41.6%;
float:left;
height: 35px;
color: #1e2983;
text-align: right;
font-size: 26px;
padding-right: 1%;
  font-family: 'Quantico';
}

.yourpassion-right{
background-color: #1e2983;
width: 56.4%;
float:left;
height: 35px;
color: #f18e00;
font-size: 26px;
padding-left: 1%;
  font-family: 'Quantico';
}

.footer{
height: 175px;
}

.footer-inner{
margin: 0 auto;
width: 980px;
padding-top: 30px;
}

.footer-left{
width: 35.7%;
float:left;
}

.footer-left p{
display:none;
}

.footer-right{
width: 61.3%;
float:left;
padding-left: 2%;
font-size: 14px;
}

.footer-right p{
margin: 5px;
}

.footer-extra{
background: #1e2983;
height: 28px;
padding-top: 7px;
}

.footer-extra-inner{
margin: 0 auto;
width: 980px;
text-align:center;
font-size: 15px;
}

.footer-extra-inner ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.footer-extra-inner li{
display: inline;
color: white;
padding-left: 15px;
padding-right: 15px;
}

.footer-extra-inner li a{
color: white;
text-transform: uppercase;
}

.copyright, .copyright a, .copyright a:hover{
background: #8f8f8e;
height: 40px;
color: #1e2983;
}

.copyright-inner{
margin: 0 auto;
width: 980px;
}

.copyright-inner p{
margin: 0;
font-size: 14px;
padding-top: 10px;
}

.header li.current-menu-item a{
font-weight:bold;
color: #bd2716;
border-bottom: 7px solid #bd2716
}

.header .current-menu-item ul li a{
font-weight:normal;
border-bottom: 0px solid #bd2716
}

#menu-item-60 > a, #menu-item-59 > a{
font-weight:normal;
border-bottom: 0px solid #bd2716
}


.footer-right a:hover{
	text-decoration: none;
	color: #999;
}
#menu-mobiel{
	padding: 10px 20px 10px 15px; 
	border: 1px solid #bd2716;
	border-radius: 0px;
	background: #bd2716;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 23px;
	display: none;
	cursor: pointer;
}

#menu-mobiel .icon {
    background: url("img/iconen-menu.png") no-repeat scroll center 4px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin: 0 15px 0 0;
    position: relative;
    width: 15px;
}

#language-mobiel{
	padding: 10px 28px 10px 7px; 
	border: 1px solid #d3d4d5;
	border-radius: 0px;
	background: #d3d4d5;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 23px;
	display: none;
	cursor: pointer;
}

#language-mobiel .icon {
    background: url("img/iconen-menu.png") no-repeat scroll center 4px rgba(0, 0, 0, 0);
    float: left;
    height: 16px;
    margin: 0 15px 0 0;
    position: relative;
    width: 15px;
}

.fullwidthbanner-container{
background: none;
}

li.widget_text{
list-style-type: none;
}

h2.widgettitle{
display:none;
}

.footerimage .attachment-full{height: 100%; margin-bottom:-5px;}

.content .left{
width: 33%;
float:left;
}

.content .right{
width: 67%;
float:left;
}


.page-template-template-vervolg .content li{
width: 100%;
list-style: none;
}

.page-template-template-vervolg .content img{
height: auto;
max-width: 100% !important;
}

.page-template-template-vervolg .content h3{
font-size: 600;
margin-left: 0px;
float:none;
}

.tp-caption{
padding: 20px;
font-size: 22px;
color: #1e2983;
text-transform: uppercase;
background-color: rgba(255, 255, 255, 0.8);
}

.footer-extra-inner li a:hover{
text-decoration: underline;
}



input[type="submit"]{
background: #bd2716;
border: 0px;
border-radius: 5px;
color: white;
width: 20%;
height: 40px;
}

iframe{
width: 90%;
}

.contact .content .left {
margin-top: 29px;
}

.sub-menu {
    display: none;
	position:absolute;
	background: white;
	margin-top:11px!important;
	text-align: left!important;
	left: 0;
	margin-left: -50px!important;
	width: 220px;
}

.sub-menu li{
display:block;
padding-bottom: 10px;
padding-top: 10px;
}

.sub-menu li a:hover{
border: none;

}

.menu ul li:hover .sub-menu {
    display: block;
}

.widget.widget_breadcrumb_navxt {
    height: 0;
    min-height: 0 !important;
    width: 100%;
}

.widget.widget_text {
    min-height: 0 !important;
    width: 100%;
}

.home .content li:nth-child(3), .portfolio .content li:nth-child(5){
padding-right:0%!important;
}

.home .content li:nth-child(6), .portfolio .content li:nth-child(8), .portfolio .content li:nth-child(11), .portfolio .content li:nth-child(14){
padding-right:0%!important;
}

.page-template-template-vervolg-portfolio-php .footerimage{
	margin-top: 0px!important
}

.page-template-default .content .widget{
	width:277px;
	border:2px solid #BD2716;
	padding: 10px;
	height: 275px!important;
	margin-top: 15px;
	//overflow-x: auto;
}

.home iframe{
	width: 100%;
}
.socialmedia{
	float:right;
	margin-top: -25px;
}

.cff-author-img img{width: 40px!important; height: 40px!important;}

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Quantico';
  font-style: normal;
  font-weight: 400;
  src: local('Quantico'), local('Quantico-Regular'), url(http://fonts.gstatic.com/s/quantico/v5/8Gf_cHXH2gzsd9z-xuVg5vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/quantico/v5/RC4TVDxn85RHKNRvpYMc9PesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

.widget_sp_image{
	list-style:none;
}

@media screen and (max-width: 480px) {
body{margin-top: 0px;}
.header{height:auto; position: relative; box-shadow: none; padding-bottom: 10px;}
.header-inner{width: 100%;}
.header-left{width: 70%;}
.header-left img{margin-left: 20px; height: auto; max-width: 90%;}
.header-right{width: 25%; padding-left: 5%; padding-top: 8px; padding-bottom: 0px;}
.socialinfo{display:none;}
.slider, .golven{display:none;}
.content{width: 90%; margin: 0 auto; padding-bottom: 20px; padding-top: 0px;}
.content li{width:100%; margin-bottom: 10px;}
.content img{width: 70px; height: 70px; float:left;}
.content ul li p:nth-child(3) {display:none;}
.content ul li p:nth-child(4) {display:none;}
.content h3{float:left; text-transform: uppercase; margin-top: 25px; margin-left: 10px;}
.klanten{width: 90%; margin: 0 auto;}
.klanten li li{width: 50%;}
.klanten img{height: auto; max-width: 100%; margin-bottom: 10px;}
.klanten h4{padding: 0; margin: 0;}
.groenegolf{background-position: center center;}
.footerimage{background-position: center right; height: 100px; display:none;}
.yourpassion-left{width: 48%; font-size: 22px; padding-right: 2%;}
.yourpassion-right{width: 48%; font-size: 22px; padding-left: 2%;}
.footer-extra{display:none;}
.footer{height: 300px;}
.footer-inner{width: 90%; padding: 0;}
.footer-left{width: 100%;}
.footer-left p{display:none;}
.footer-left img{height: auto; max-width: 100%;}

.copyright-inner{width: 90%; margin-left: 20px;}
.copyright-inner p{font-size: 12px; padding-top: 12px;}
#menu-mobiel {display: block; height: 20px; width: 10px; z-index: 10; float:left;}
.menu{display:none;}
#menu-mobiel span.txt {display: none;}
#language-mobiel {display: block; height: 20px; width: 10px; z-index: 10; float:left;}
#language-mobiel span.txt {display: none;}
.language{position: absolute; z-index: 8; background: #d3d4d5; margin-top: 42px; float:none; width: auto; padding: 10px; display:none;}
.language img{max-width: 100%; height: auto; width: 20px;}
.menu{text-align: center; width: 400%;}
.menu li{background: #bd2716; display:block; color: white; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
#menu-item-59 > a, #menu-item-60 > a{color:white!important;}
#menu-item-23 li{border: none;}
.menu li a{color:white;}
.menu li a:hover{border: 0px solid black;}
.sub-menu{display: block; position: relative; text-align:center!important;}
.footerimage .attachment-full{height: 100px; margin-bottom:-5px;}
.content .left{display:none}
.content .right{width: 100%;}
.portfolio .content li p{display:none;}
.portfolio .content li p:nth-child(1){display:block;}
.menu{margin-top:0px;}
button, input, select, textarea{width: 100%;}
.contact img.wpcf7-captchac{width: 35%!important;}
input[type="submit"]{width: 30%;}
.header .current-menu-item a{color: white!important;}
.menu .sub-menu li{border-bottom: 0px!important;}
.content .breadcrumbs{margin-bottom: 0px!important; margin-top: 0px!important;}
.content .breadcrumb{margin-bottom:0px; height:33px; margin-top: 2px;}

.content .widget{width: 92%!important;}
.sub-menu{width: 100%; margin-left: 0px!important;}

.footer-right{width: 100%;}
.footer-right p{display: block; margin-left: 0;}
.socialmedia{display: block!important; margin-top: 0px; float:left;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
body{margin-top: 0px;}
.header{height:auto; position: relative; box-shadow: none; padding-bottom: 10px;}
.header-inner{width: 100%;}
.header-left{width: 70%;}
.header-left img{margin-left: 20px; height: auto; max-width: 90%;}
.header-right{width: 25%; padding-left: 5%; padding-top: 45px; padding-bottom: 0px;}
.socialinfo{display:none;}
.slider{height: 200px; background-position: center center;}
.fullwidthabanner{max-height: 215px!important;}
.content{width: 90%; margin: 0 auto; padding-bottom: 20px; margin-top: -30px;}
.content li{width:100%; margin-bottom: 10px;}
.content img{width: 70px; height: 70px; float:left;}
.content ul li p:nth-child(3) {display:none;}
.content .left{display:none;}
.content .right{width:100%;}
.content h3{float:left; text-transform: uppercase; margin-top: 25px; margin-left: 10px;}
.klanten{width: 90%; margin: 0 auto;}
.klanten li li{width: 33.333333%;}
.klanten img{height: auto; max-width: 100%; margin-bottom: 10px;}
.klanten h4{padding: 0; margin: 0;}
.groenegolf{background-position: center center;}
.footerimage{background-position: center right;}
.yourpassion-left{width: 48%; font-size: 22px; padding-right: 2%;}
.yourpassion-right{width: 48%; font-size: 22px; padding-left: 2%;}
.footer-extra{display:none;}
.footer{height: 250px;}
.footer-inner{width: 90%; padding: 0;}
.footer-left{width: 100%;}
.footer-left p{display:none;}
.footer-left img{height: auto; max-width: 100%;}
.footerimage{height: auto; margin-top: 0px!important;}
.copyright-inner{width: 90%; margin-left: 20px;}
.copyright-inner p{font-size: 12px; padding-top: 12px;}
#menu-mobiel {display: block; height: 20px; width: 10px; z-index: 10; float:left;}
.menu{display:none;}
#menu-mobiel span.txt {display: none;}
#language-mobiel {display: block; height: 20px; width: 10px; z-index: 10; float:left;}
#language-mobiel span.txt {display: none;}
.language{position: absolute; z-index: 8; background: #d3d4d5; margin-top: 42px; float:none; width: auto; padding: 10px; display:none;}
.language img{max-width: 100%; height: auto; width: 20px;}
.menu{text-align: center; width: 400%;}
.menu li{background: #bd2716; display:block; color: white; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px;}
.menu li a{color:white;}
.menu li a:hover{border: 0px solid black;}
.sub-menu{width: 100%; margin-left: 0px!important;}
#menu-item-59 > a, #menu-item-60 > a{color:white!important; width: 100%; border-bottom: 0px;}
#menu-item-23 li{border: none;}
.sub-menu{display: block; position: relative; text-align:center!important;}
.footerimage .attachment-full{height: auto; margin-bottom:-5px;}
.content .left{width:33.33333%}
.content .right{width:100%}
.portfolio .content li p:nth-child(2){display:none;}
.portfolio .content li p:nth-child(4){display:none;}
.portfolio .content li p:nth-child(5){display:none;}
.portfolio .content li p:nth-child(1) {display: block;}
.menu{margin-top:0px;}
button, input, select, textarea{width: 100%;}
.contact img.wpcf7-captchac{width: 25%!important;}
input[type="submit"]{width: 30%;}
.header .current-menu-item a{color: white!important;}

.menu .sub-menu li {border-bottom: 0 none !important;}

.content .widget{width: 92%!important;}

.footer-right{width: 100%;}
.footer-right p{display: block; margin-left: 0;}
.socialmedia{display: block!important; margin-top: 0px; float:left;}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.header-inner{width: 100%;}
.header-left{padding-left: 2.8%; width: 25.2%;}
.header-right{width: 69.2%;}
.socialinfo{width: 76%;}
.linkedin{width: 14%;}
.tel{width: 44%;}
.email{width: 39%;}
.slider{height: 255px; background-position: center center;}
.fullwidthabanner{max-height: 270px!important;}
.content{width: 95%; margin: 0 auto; padding-bottom: 20px; margin-top: 0px;}
.content li{margin-bottom: 10px; margin-right: 10px; padding-right: 0; width: 31.9%;}
.content img{height: auto; max-width: 100%;}
.klanten{width: 95%; margin: 0 auto;}
.klanten li li{width: 25%;}
.klanten img{height: auto; max-width: 100%; margin-bottom: 10px;}
.klanten h4{padding: 0; margin: 0;}
.footerimage{background-position: 39.3%;}
.footer{padding: 0 20px;}
.footer-inner{width: 100%;}
.footer-left{width: 43.3%;}
.footer-left img {height: auto;max-width: 100%;}
.footer-right{width: 51.7%; padding-left: 0px;}
.footerimage{height: auto;}
.footer-extra-inner{width: 100%;}
.copyright-inner{width: 100%;}
.copyright-inner p{padding-left: 20px;}
.footerimage .attachment-full{height: 100%; margin-bottom:-5px;}
.menu li{padding-left: 8px; padding-right: 8px;}
button, input, select, textarea{width: 80%;}

.page-template-default .content .widget{width: 29%!important;}
.header-left img{width: 150%;}
.content .widget{width: 60.4%;}
}

@media screen and (min-width:768px){
.home .content li{min-height: 510px;}
.portfolio .content li{min-height: 550px}
.contact img.wpcf7-captchac{width: 15%!important;}
}

h4 {
	text-align: center;
    background-color: #1E2983;
    color: white !important;
    width: auto;
    padding: 10px;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

h4 a {
	color: white !important;
}

@media screen and (max-width:768px){
	.home .content img { 
		width: 70px !important;
		height: 70px;
		float:left;
	}
	.content ul li p:nth-child(4) {display:none;}
}