/*
Theme Name:     3clicks Child Theme
Theme URI:      http://3clicks.bringthepixel.com
Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
Author:         bring the pixel
Author URI:     http://www.bringthepixel.com/
Template:       3clicks
Version:        1.0
Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
*/

/* Place all your CSS modifications below */
/*
.g1-prefooter-layout-wide-narrow #g1-prefooter .g1-layout-inner, .g1-footer-layout-wide-narrow #g1-footer .g1-layout-inner {
    max-width: 94.5313%;jhe
    width: 1100px;
}
*/

/* aanpassingen 23/8 */



@media only screen and (max-width: 1024px) { #g1-logo { display: none !important; }
#g1-primary-bar #g1-id, #g1-primary-bar #g1-id .site-title, #g1-primary-bar #g1-id .site-description {
    clear: both;
    float: right;
}
}

@media only screen and (max-width: 1024px) { #g1-logo { display: none !important; }
#g1-primary-nav-switch {
    width: auto;
    float: left;
}
}







.header-gj {
	display:none; 
}

.home-wide-blauw {
	background: url(https://hollanddak.nl/wp-content/uploads/2016/08/bg-blauw.jpg);
	width:100%;
	min-height:175px;
	overflow:auto;
	color:#FFF !important;
}

.cijfersleft {
	float:left
}

.cijfersright {
	float:right
}

.rood {
color:#e41b13;
font-size:16px;
font-weight:bold;
}

a.headerwit {
	color:#FFF;
	text-decoration:none;
}

a.headerwit2 {
	color:#FFF;
	text-decoration:underline;
}

a.headerwit:hover {
	color:#FFF;
	text-decoration:none;
}

a.headerwit2:hover {
	color:#FFF;
	text-decoration:none;
}


.button-header {
	border-radius:10px;
background:#172b60;
	color:#FFF !important;
	padding:5px 10px 5px 10px;
	width:30%;
	text-align:center;
}

.g1-font-regular-m .g1-button--small {
    font-size: 12px;
    text-decoration: none !important;
}

.button-header2 {
	border-radius:10px;
background:#172b60;
	color:#FFF !important;
	padding:10px;
	width:100%;
	text-align:center;

	
}

.header-gj {
	width:100%;
	height:30px;	
	background:#EEE;
	padding:10px;
}

.header-gj a {
	font-size:12px;
	font-weight:bold;
}

a.buttongj-service {
	background:#172b60;
	color:#FFF !important;
	padding:5px 10px 5px 10px;
	border-radius:5px;
}

a.buttongj-sevice:hover {
		color:#FFF !important;
	
}

.header-gj-left {
	float:left;
}

.header-gj-right {
	float:right;
}

.header-gj-wrapper {
	margin:0 auto;
	width:980px;
	text-align:left;
}

.g1-collection--grid article {
    margin-left: 0px !important;
padding:4px;
}

#g1-header #g1-logo {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
height:73px;
display:block;
}
#g1-header.g1-fixed #g1-logo {
	height: 60px;
}
#g1-header.g1-fixed #g1-primary-nav {
  margin-bottom: 10px;
  margin-top: 21px;
}


.home-wide-projecten .g1-collection--grid > ul {
    text-align:center;

}

.g1-footer a {
	font-size:10px;
}

.topper { float:left}


@media screen and (max-width: 600px) {
.topper {
float:left;	
}
}

@media screen and (max-width: 768px) {
.topper {
float:left;	
}
}


@media screen and (max-width: 600px) {
.beldirect {
float:left;	
}
}

@media screen and (max-width:768px) {
.beldirect {
float:left;	

}
}

@media (min-width: 1024px) {
.beldirect {
	display:none;
}
}

.bereikbaar { float:left; font-size:16px; padding-right:5px; }
.registreren { float:left; padding-left:5px; padding-top:3px;}
.bellen { float:left; font-size:16px; }

@media screen and (max-width: 600px) {
.bereikbaar {
float:left;
font-size:15px;
height:auto;
}
}

@media screen and (max-width: 768px) {
.bereikbaar {
float:left;
font-size:15px;
height:auto;
}
}


@media screen and (max-width: 600px) {
.registreren {
float:none;
height:auto;
font-size:15px;
clear:both

}
}

@media screen and (max-width: 768px) {
.registreren {
float:none;
height:auto;
font-size:15px;
clear:both

}
}


#g1-logo {
	padding-bottom:2px !important;
}

#g1-primary-nav-switch::before, #g1-primary-nav-switch::after {
   margin-bottom:-10px;
}
.formcraft-css textarea {
	width:100% !important;
}

/* HEADER */

/*
#g1-primary-nav-switch {
    margin-top:-50px !important;
	margin-bottom:-50px;
}
*/

.vinkleft {
	float:left;
	width:48%;
	font-size:13px !important;
	margin-top:-30px;
}


.vinkright {
	float:right;
	margin-top:-30px;
	width:48%;
	font-size:13px !important;
}

@media screen and (max-width: 600px) {
.vinkleft, .vinkright {
	margin-top:0px;
	float:none;
	width:100%;
	height:auto;
}
}

/*
.header-gj {
	background:#EEE;
        color:#000;
	font-size:13px;
        padding:10px;
	height:40px;
}

.header-gj-center {
        width:1000px;
	margin:0 auto;
height:auto;	
}

.header-left {
	float:left;
	padding-left:20px;
}

.header-right {
	float:right;
        padding-top:10px;
        padding-right:20px;

}

@media screen and (max-width: 600px) {
.header-left  {
	float:none;
	width:100%;
overflow:auto;
	height:auto;
	padding-left:0px;
	

	
}
}

@media screen and (max-width: 600px) {
.header-right  {
	float:none;
	height:auto;
	padding-left:0px;
	padding-right:0px;
	width:100%;

}
}

@media screen and (max-width: 768px) {
.header-right  {
	float:none;
	height:auto;
	padding-left:0px;

}
}

*/

@media screen and (max-width: 600px) {
.header-gj  {
	float:none;
	width:100%;
	height:auto;
	font-size:50%;

}
}


@media screen and (max-width: 768px) {
.header-gj  {
	float:none;
	width:100%;
	height:auto;
	font-size:50%;

}
}


@media screen and (max-width: 600px) {
.header-gj-center {
        width:100%;
	margin:0 auto;
height:auto;	
}
}


@media screen and (max-width: 768px) {
.header-gj-center {
        width:100%;
	margin:0 auto;
height:auto;	
}
}


@media screen and (max-width: 768px) {
.g1-content > .g1-layout-inner {
    padding-top: 1em;
}
}

a.telheader {
	color:#000 !important;
	text-align:center;
}

a.telheader2 {
	color:#000 !important;
	text-align:center;
	text-decoration:none;
}

a.telheader2:hover {
	color:#000 !important;
	text-align:center;
	text-decoration:underline;
}



/* VINKJES */

.vinkjes li::before {
    color: #309401;
    content: "\2713";
    font-family: FontAwesome;
    font-size: 125%;
    margin-left: -25px;
    padding-right: 8px;
}

.vinkjes ul {
    margin: 0;
    padding: 0
}
.vinkjes li {
    font-weight: 500;
    list-style: outside none none;
    padding-bottom: 1px;
    padding-top: 1px;
}




.footerleft {
	float:right;
}

textarea {
	width:80% !important;
}

.home h2 {
	text-align:center;
	color:#e41b13 !important;
	font-size:25px !important;
	margin-bottom:10px;
}

.home-wide-projecten h3 {
	color:#e41b13 !important;
	font-size:25px !important;
	margin-bottom:10px;
}

.home-wide-projecten h3 a {
	color:#005192 !important;
	font-size:18px !important;
	text-decoration:none;
	margin-bottom:10px;
}

.entry-header h3, .g1-h3  {
	color:#005192 !important;
	font-size:18px !important;
	text-decoration:none;
	margin-bottom:10px;
}

/*
.home-wrapper a {
	font-style:italic;
	color:#024a8b;
	text-decoration:none !important;
}

.home a:hover {
	font-style:italic;
	color:#024a8b;
	text-decoration:underline !important;
}

*/

a.tel {
   text-decoration:none !important;
}

a.tel:hover {
   text-decoration:none !important;
}


@media screen and (max-width: 556px) {
.footerleft {
	float:none;
	width:100%;
	height:auto;
}
}

#g1-primary-nav-menu > li > a {
    font-size: 15px;
    line-height: 14px;
    font-weight:bold;
color:#005192 !important;
}

#g1-primary-nav-menu > li > a:hover {
    font-size: 15px;
    line-height: 14px;
    font-weight:bold;
    color:#004c99 !important;
}

input {
	width:100%;
}


.g1-precontent-space-before #g1-precontent {
    margin-top: 0px;
}

#g1-precontent {
    padding-top: 0px;
}


.g1-nav-breadcrumbs {
    display:none;
}

#g1-header.g1-fixed > .g1-background {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    opacity: 1;
}


a.roodh {
color:#fff;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

a.roodh:hover {
color:#fff;
font-size:12px;
text-decoration:none;
font-weight:bold;
}


h1, .g1-h1 {
    font-size: 25px;
text-transform:uppercase;
color:#e41b13 !important;
font-weight:600 !important;
margin-bottom:4px;
margin-top:0px !important;
padding-top:0px !important;
}

h2, .g1-h2 {
color:#e41b13 !important;
font-size: 20px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:4px;
}

.rood-contact {
   font-size: 20px;
color:#e41b13 !important;
font-size: 20px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:4px;
}

h3, .g1-h3 {
color: #FFF !important;
font-size:25px !important;
font-weight:bold;
margin-bottom:4px;
}

h4, .g1-h4 {
color:#e41b13 !important;
font-size: 20px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:4px;
}


.g1-precontent section, .g1-precontent aside, .g1-precontent article, .g1-precontent header {
 display:none;
}


.g1-prefooter h3 {
	font-size:18px !important;
	font-weight:bold;
	margin-bottom:20px;
}


/* FOOTER EXTRA */

#footer-gj {
	width:100%;
	min-height:107px;
	background:#f69672;	
}

.footer-gj-center {
	width:1000px;
	margin:0 auto;
}

.footer-gj-left {
	float:left;
	color:#FFF;
	font-size:23px;	
	padding-top:30px;
}

@media screen and (max-width: 480px) {
	.footer-gj-left {
	float:none;
width:100%;
	font-size:70%;
}
}

@media screen and (max-width: 556px) {
	.footer-gj-left {
	float:none;
	font-size:70%;
width:100%;
}
}

@media screen and (max-width: 667px) {
	.footer-gj-left {
	float:none;
	font-size:70%;
width:100%;
}
}

.footer-gj-right {
	float:right;
	padding-top:35px;
}

@media screen and (max-width: 480px) {
	.footer-gj-right {
	float:none;
	width:100%;
	padding-top:20px;

}
}

@media screen and (max-width: 556px) {
	.footer-gj-right {
	float:none;
	padding-top:20px;
	width:100%;

}
}

@media screen and (max-width: 667px) {
	.footer-gj-right {
	float:none;
	width:100%;
	padding-top:20px;

}
}


a.buttongj-plus {
	border:1px solid #FFF;
	border-radius:10px;
	color:#FFF;
	font-size:16px;
	padding:5px 20px 5px 20px;
	width:150px;
}

a.buttongj-plus:hover {
	border:1px solid #FFF;
	border-radius:10px;
	color:#f69672;
	background:#FFF;
	padding:5px 20px 5px 20px;
	width:150px;
}

.groot {
	font-size:25px !important;
}

.groter {
	font-size:30px !important;
	text-align:center;
}

.home-wrapper {
	width:1000px;
	padding:40px 0 0 0;
	margin:0 auto;
	color:#666;
	font-size:13px;
}

.home-wrapper-blauw-small {
	width:650px;
	margin:0 auto;
}

.home-wrapper-blauw {
/*	width:650px; */
width:1000px;
padding-top:55px;
	margin:0 auto;
	color:#FFF;
	font-size:18px;
}


@media screen and (max-width: 600px) {
    .home-wrapper, .home-wrapper-blauw, .home-wrapper-projecten {
	width:100%;	
	margin:0 auto;
    }
}

@media screen and (max-width: 800px) {
    .home-wrapper, .home-wrapper-blauw, .home-wrapper-projecten {
	width:70%;	
	margin:0 auto;
    }
}


.home-wide {
	background:#FFF;
	width:100%;
	color:#FFF !important;
}

.home-wide-projecten {
	background: url(https://hollanddak.nl/wp-content/uploads/2016/08/bg-projecten.jpg) fixed center bottom;
	width:100%;
	height:487px;
	
	color:#FFF !important;
}



.home-wide-wrapper {
	width:850px;
	margin:0 auto;
	padding-top:40px;
}

@media screen and (max-width: 480px) {
.home-wide-wrapper {
	width:80%;
	padding:80px 0 0 0;
	margin:0 auto;
}
}

@media screen and (max-width: 556px) {
.home-wide-wrapper {
	width:80%;
	padding:80px 0 0 0;
	margin:0 auto;
}
}

@media screen and (max-width: 667px) {
.home-wide-wrapper {
	width:80%;
	padding:80px 0 0 0;
	margin:0 auto;
}
}


li#menu-item-1735 a {
background: url(https://hollanddak.eu/wp-content/uploads/2017/09/nl-1.gif) no-repeat;
width:35px;
height:22px;
font-size:0px;
margin-top: 5px;
margin-left: 5px;
}

li#menu-item-1735 a:hover {
background: url(https://hollanddak.eu/wp-content/uploads/2017/09/nl-1.gif) no-repeat;
width:35px;
height:22px;
font-size:0px;
margin-top: 5px;
margin-left: 5px;
}


.directcontact {
	float:right;
	color:#FFF;
	margin-top:10px;
	font-size:14px;
	background:#f69672;
	padding:10px;
	border-radius:20px;
}

a.headertel {
	color:#FFF;
	text-decoration:none;
font-size:14px;
	
}

a.headertel:hover {
	color:#FFF;
	text-decoration:none;
	
}

.g1-precontent-space-before #g1-precontent {
    margin-top: 0px !important;
}

a.buttongj {
	color:#FFF !important;
	padding:20px;
	border-radius:5px;
	background:#172b60;
	width:90%;
text-align:center;
display:block;
text-decoration:none !important;
	
}

a.buttongj:hover {
	color:#FFF !important;
	padding:20px;
	border-radius:5px;
	background:#163f8c;
	width:90%;
text-align:center;
text-decoration:none !important;
}

a.hovergj {
	color:#FFF !important;
	padding-top:10px;
	text-decoration:underline;
}

a.hovergj:hover {
	color:#FFF !important;
	padding-top:10px;
	text-decoration:none;
}

.g1-content a {
    color: #000;
    text-decoration:underline;
}

.g1-content a:hover {
    color: #172b60;
  text-decoration:none;
}

#rev_slider_1_1 img { opacity: 0.80; }

@media (max-width:768px) {
 .tp-caption { display:none; }

}

/*
#g1-header #g1-logo {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
height:115px;
display:block;
}
#g1-header.g1-fixed #g1-logo {
	height: 60px;
}

*/

#g1-header.g1-fixed #g1-primary-nav {
  margin-bottom: 10px;
  margin-top: 21px;
}


a.buttongj2 {
	color:#FFF !important;
	padding:10px;
	border-radius:5px;
	background:#f49519;
text-align:center;
width:100px;
display:block;
text-decoration:none !important;
	
}

a.buttongj2:hover {
	color:#FFF !important;
	padding:10px;
	border-radius:5px;
	background:#f4ab4b;
text-align:center;
text-decoration:none !important;
}

.formcraft-css .fcb_form .form-element .checkbox-cover > div label {
    cursor: pointer;
color:#000;
}

@media screen and (max-width: 600px) {
.formcraft-css .fcb_form .form-element .checkbox-cover > div label {
    cursor: pointer;
color:#000;
font-size:11px;
}
}



.formcraft-css .fcb_form .field-cover > span {
    line-height: normal;
    text-align: right;
    color:#000;
}

/* Portal css */

.g1-tabs .g1-one-third{
float: left !important;
margin-left: 1.89256198% !important;
}

.portal-table{
border: 1px solid #000000;
}

.portal-table tr{
border: 1px solid #000000;
}

.portal-table td{
text-align: center !important;
vertical-align: middle !important;
height: 35px !important;
border: 1px solid #000000;
}

.port-top{
border-top: 1px solid #ffffff !important;
}

.port-left{
border-left: 1px solid #ffffff !important;
}

.port-bottom{
border-bottom: 1px solid #ffffff !important;
}

.portal-table a{
background-color: #1e90ff !important;
padding: 5px !important;
text-decoration: none !important;
color: #ffffff !important;
border-radius: 7px !important;
}

.portal-table a:hover{
background-color: #1e90ff !important;
padding: 5px !important;
text-decoration: none !important;
color: #ffffff !important;
border-radius: 7px !important;
}

.portal-table span{
color: #FF0000 !important;
font-weight: bold !important;
}

/* Ljubomir CSS begin */
@media screen and (max-width: 1024px) {
#g1-primary-nav-switch::before, #g1-primary-nav-switch::after {
    font: 26px/30px FontAwesome;
}
#g1-primary-nav {
    margin-left: 0px;
}
#g1-primary-bar #g1-primary-nav {
    float: left;
}
#g1-header.g1-fixed #g1-primary-nav {
    margin-top: 50px;
}
}
/* Ljubomir CSS einde */

/* Menu fix */
@media screen and (max-width: 980px) {
#g1-primary-nav-switch{
max-width: 35px !important;
}
}