/*
Theme Name:  
Theme URI: https://
Description: template RiCCon
Author: Reclamebureau RAM
Author URI: https://www.reclamebureauram.nl/
Version: 1.0
*/

/* -------- COOKIEBOT --------- */

#CybotCookiebotDialogBodyLevelButtonsTable div, #CybotCookiebotDialogDetailBody div
{width:auto !important;}


/* FONTS */


/* --------- STANDARDS ------- */
.container_full {/* remember to set a width */ margin-right: auto; margin-left: auto;}
.container_size {/* remember to set a width */ margin-right: auto; margin-left: auto;}

html,body, div, ul, p {font-family: 'Open Sans' ,sans-serif !important; font-size:12px !important; font-weight: 300; line-height:25px !important; color: #000;}
html,body {width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;}
p {}
.row-eq-height {display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox;  display: flex;}
b, strong {font-weight: 700;}
ul {padding-left: 0px; margin-left: 0px; list-style: none;}
ul.categories {padding-left: 10px;list-style: none;}
ul.back {margin-left:0!important;}
ul li.back {display: inline;}
ul li.next:before {content: '<<\2003'; float: left; color: #000;}
li.project {padding: 0 0 0 22px;}
li.project:before { content: '\f068'; font-family: 'FontAwesome'; float: left; margin-left: -1.5em; color: #000;}
ol {padding-left: 0px; list-style-position: outside; list-style: none;}
table, th, td {vertical-align: top;}
td {padding: 4px !important;}
a{color: #6c6c6c; text-decoration: none;}
a:hover, a:active, a:focus{color: #f16624; text-decoration: none !important;}
a[rel="prev"] {text-decoration: none; list-style: none; }
a[rel="next"] {text-decoration: none; list-style: none; }
.nopadding {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}
.paddingr {padding: 0 15px 0 0 !important; margin: 0 0 0 0 !important;}

.fa-linkedin {margin: 0px 0px 40px 0px; font-size: 40px;}
.line {font-size:16px !important;}

/* --------- ONEPAGE ---------- */
.parallax {background: url('images/Riccon-Consultancy-layer.jpg') no-repeat scroll 0px 0% / cover transparent; background-attachment: fixed; height: 75%; z-index:-1;}

/* -------------- KOPPEN ---------- */
.hyphenate {overflow-wrap: break-word; word-wrap: normal /*break-word*/;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
h1 /* paginatitel */ {font-family: 'Open Sans' ,sans-serif !important; font-size: 64px !important; /* 38px : 16px */ line-height: 1.1; color: #595d59; font-weight: 800; margin-bottom:20px;}
h1.singleposttitle /* paginatitel */ {font-family: 'Open Sans' ,sans-serif !important; font-size: 32px !important; /* 38px : 16px */ line-height: 1.1; color: #595d59; font-weight: 400; margin-bottom: 0 !important;}
h1.home {font-family: 'Open Sans' ,sans-serif !important; font-size: 40px !important; /* 38px : 16px */ line-height: 1.1; color: #fff; font-weight: 600; width:50%; margin-bottom: 0 !important;}
h2 {font-family: 'Lato' ,sans-serif !important; font-size:32px !important; /* 14px : 14px */ font-weight: 400; line-height: 40px; color: #595d59; margin: 20px 0 100px 0px!important; /*margin: 25px 0 5px 0 !important */}
h2.projects {font-family: 'Open Sans' ,sans-serif !important; font-size:20px !important; /* 14px : 14px */ font-weight: 700; line-height: 25px; color: #000; text-transform: uppercase; /*margin: 25px 0 5px 0 !important */}
h2.contact {margin: 20px 0 40px 0px!important;}
h3 {font-family: 'Open Sans' ,sans-serif !important; font-size:18px !important; /* 14px : 14px */ font-weight: 400; line-height: 40px; color: #595d59; /*margin: 25px 0 5px 0 !important */}

.button {left:0; }
.btn-warning {padding: 15px !important; font-size: 16px; background-color: #466d69 !important; color: #fff !important; border:none !important; width: 100%; border-radius: 0 !important;}

.content{border-top: 10px solid #466d69; position:absolute; background-color:#91bbb5; color: #fff!important;}
.content-row {margin-top:1%;}
.content-row h2, .content-row p {color: #fff!important;}

.content-row-contact {margin-top:1%;}
.content-row-contact h2, .content-row-contact p {color: #000!important;}

.section-mid {margin-top:45px !important;}
.section-contact {background: #ededed;  margin-top: 50px !important; color: #000 !important;}
.section-header-mid {margin-top: 50px!important;}
.header-row {margin: 0!important;}
.corporate {text-align: center;margin-bottom: 20px;}


.cs{max-width:140px; margin-bottom: 20px;}
.contentcontact{position:relative;background-color:#ededed;}

.section-contactform {padding:20px 20px 0 20px;}
.section-content {z-index:-1 !important;}

.section-content-left {}
.section-content-right {}
.section-part{margin:0 !important;}
.section-image{border:2px solid #fff;}
.section-logo, .section-text{text-align:center;}
.section-contact {border-left: 0px solid #fff; background: #ededed; padding:40px 0px; height:100%;  margin-top: 50px !important; color: #000 !important;}

div.transbox {display: block; position:absolute; top: 0; width:100%; height:85%; padding:40px;}
div.transbox p {padding: 20px 0; font-weight: bold; color: #000000;}
.wpforms-confirmation-container-full {background: #ededed !important;}

/* CONTACTFORM */
.wpcf7-form-control{padding: 10px; width: 100%; margin-bottom: 10px;}
input.wpcf7-form-control, textarea.wpcf7-form-control {border: 1px solid #cfcfcf;}
.wpcf7-submit {color: #fff; background-color: #007bff; border-color: #007bff; width: unset;}
.wpcf7-submit:hover { color: #fff; background-color: #0069d9; border-color: #0062cc;}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {padding-left: 0px !important;}

@media (min-width: 1200px)
{
.section-column-left, .section-column-mid, .section-column-right {min-height:200px;}
.rv{margin-top: 20px;}
.btn-warning {max-width: 300px !important;}
.mobile{display:none;}
}

@media (max-width: 1199px)
{
h2 {margin: 25px 0 5px 0 !important;}
.rv{margin-top: 20px;}

}

@media (min-width: 992px)
{
.mobile{display:none;}
.rv{margin-top: 20px;}
}	
	
@media (max-width: 991px )
{
div.transbox {position: relative;}
.desktop {display:none;}	
div.transbox {padding: 20px 0 0 0;}
.section-contact{border:none;}
.rv {float:none;}
.corporate {margin-top: 0; position: relative; padding: 0 15px;}
.button {left:0 !important;}
h1 {font-size:42px !important;}
.desktop{display:none;}
.content {position: relative;}
}