/* 
 Theme Name:     Pro Press
 Author:         Studio Projectie
 Author URI:     https://www.projectie.com/
 Template:       Divi
 Version:        Versie 4.8
 Description:    Custom Pro Press Wordpress website door Studio Projectie
*/ 


/* c01d70 */

/* ------Import extra css bestanden----------- */ 

@import url("/wp-content/themes/pro-press/form.css");
@import url("/wp-content/themes/pro-press/custom-admin-css.css");




/* - - - - MEDIA STYLING - - - - */

/* Mobile devices */
@media (max-width:768px) {

	.o-submenu span.quadmenu-text.hover.t_1000 {
    padding-left: 20px;
}
	.o-header-spacing-left h2 {
    margin-left: 40px!important;
}
	
	.o-header-spacing-left h2:before {
    top: 4px!important;
}
	
    /* ... */
}

/* Tablet and bigger */
@media (min-width:768px) {

    /* ... */
}

/* Desktop and bigger */
@media (min-width:960px) {

    /* ... */
}

/* Large screen and bigger */
@media (min-width:1220px) {

    /* ... */
}


/* Center footer tekst */

#footer-info {text-align:center; float:none;}


/* Center social media follow footer */

ul.ds-social-follow.et_pb_social_media_follow {
    text-align: center;
}
.ds-social-follow.et_pb_social_media_follow li {
    float: none;
    display: inline-block;
}

/* MOBILE ORDER */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/* Dashboard css */


/* opmaak zoek en category pagina's */

/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area
{
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.search #left-area .et_pb_post a img,
.archive #left-area .et_pb_post a img{
 float:left !important;
 max-width:300px !important;
 padding:10px;
}
.search #left-area ul,
.archive #left-area ul
{
 list-style-type: none !important;
}
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post{
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 10px;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio
{    padding: 0; }
 
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider,
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider{
    margin: -20px -20px 10px;
}


 
.search .et_pb_post .et_pb_slider .et_pb_slide,
.archive .et_pb_post .et_pb_slider .et_pb_slide{
    min-height: 180px;
}
 
.search .pagination,
.archive .pagination{
    padding: 20px 0;
}

.search #main-content .container:before,
.archive #main-content .container:before{
    background-color: #ff000000!important;
}

.wpuf-label {
font-family:'Montserrat';
font-size:14px;
}
.wp-list-table .shortcode.column-shortcode {
padding:0px;
}
.wpuf-submit input[type=submit] {
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px;
    border: 0;
    text-shadow: none;
    background: #019ee1;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

/* FIXED MENU */

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
}

/** App Style header and Drop Down Menu **/

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

/* [Scroll to top button customizen] */
.et_pb_scroll_top.et-pb-icon {
    display: none;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 125px;
    padding: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 0px;
    color: #714796;
    background: rgba(184, 235, 208);
    font-size: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	border-radius: 5px 0px 0px 5px;
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: rgb(184, 235, 208);
}


/**************************** toggle custom 4 **************************/

.toggle_custom_4 {
    border: none;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.toggle_custom_4.et_pb_toggle_open {
    border: none;
    border-top: 4px solid #72c15f;
    border-bottom: 4px solid #72c15f;
}

.toggle_custom_4 .et_pb_toggle_title:before {
    font-size: 23px;
    content: "\e064";
    transition: 0.5s;
	color:#fff;
	transform: rotate(0deg);
}

.toggle_custom_4.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #fff;
	transform: rotate(0deg);
content: "\46";
transition:all 0.5s ease-in-out 0s;
	

}


/*  Divi toggle animate arrow and change colour */
.et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\36";
transition:all 0.5s ease-in-out 0s;
color:#e5e2d3;
	font-size: 23px;
}
.et_pb_toggle_title:before {
content: "\36";
transition:all 0.5s ease-in-out 0s;
color:#179baf;
	font-size: 23px;
}

.o-wonenIcon .et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\e009";
transition:all 0.5s ease-in-out 0s;
color:#e5e2d3;
	font-size: 23px;
}
.o-wonenIcon .et_pb_toggle_title:before {
content: "\e009";
transition:all 0.5s ease-in-out 0s;
color:#179baf;
	font-size: 23px;
}

.o-zorgIcon .et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\e08b";
transition:all 0.5s ease-in-out 0s;
color:#e5e2d3;
	font-size: 23px;
}
.o-zorgIcon .et_pb_toggle_title:before {
content: "\e08b";
transition:all 0.5s ease-in-out 0s;
color:#179baf;
	font-size: 23px;
}

.o-werkenIcon .et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\e021";
transition:all 0.5s ease-in-out 0s;
color:#e5e2d3;
	font-size: 23px;
}
.o-werkenIcon .et_pb_toggle_title:before {
content: "\e021";
transition:all 0.5s ease-in-out 0s;
color:#179baf;
	font-size: 23px;
}

.o-onderwijsnIcon .et_pb_toggle_open .et_pb_toggle_title:before {
transform: rotate(180deg);
content: "\e0ef";
transition:all 0.5s ease-in-out 0s;
color:#e5e2d3;
	font-size: 23px;
}
.o-onderwijsIcon .et_pb_toggle_title:before {
content: "\e0ef";
transition:all 0.5s ease-in-out 0s;
color:#179baf;
	font-size: 23px;
}



/*menu*/

#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a {

    font-weight: 600!important;
	font-size: 17px!important;
}

/*highlights in tekst*/
.o-hightlightText {
	color: #714796;
	background: rgba(113, 71, 150, 0.05);
	padding: 2px;
	border-radius: 5px;
	font-weight: 400;
}

/**form**/
.o-formulier .form-page-content {
	
}

html .formcraft-css .fc-form .form-element .checkbox-cover>div label {
	display: block;
}

html .formcraft-css .fc-form .form-element .field-cover .formcraft-icon {
	color: white;
}

html .formcraft-css .fc-form .form-element .error {
	background-color: transparent;
	top: -18px;
	font-size: 10pt;
}

html .formcraft-css .fc-form .field-cover>span span.sub-label {
	font-size: 16px;
}

html .formcraft-css .fc-form .field-cover>span span.main-label>span {
	font-size: 20px;
	text-transform: uppercase;
}

.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="password"], 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="email"], 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="tel"], 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="text"], 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html textarea, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html select {
	border-radius: 5px;
}

.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="password"]:focus, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="email"]:focus, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="tel"]:focus, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html input[type="text"]:focus, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html textarea:focus, 
.formcraft-css .fc-form.fc-form-1 .form-element .form-element-html select:focus {
	background-color: #b8ebd0;
	color: black;
	font-family: Open Sans, sans-serif;
}

html .formcraft-css .fc-form .form-element .submit-cover .submit-button {
	border-radius: 5px;
	font-size: 18px;
}

html .formcraft-css .fc-form .form-element .submit-cover .submit-button:hover {
	background-color: rgb(113, 71, 150);
	color: #b8ebd0;
}

.bold->span  {
	text-transform: uppercase;
}

html .formcraft-css .powered-by {
	display: block;
}


/*Blog opmaak specifiek*/

.o-blog .more-link {
    line-height: 50px;
    border-radius: 5px;
    color: #714796; 
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5px;
    display: unset!important;
    padding-bottom: 8px;
	width: 100%;
	border: solid 2px #714796;
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	transition: 0.5s ease;
}

.o-blog .more-link:hover {
	border: solid 2px #714796;
	background-color: #714796;
	color: white!important;
	}

.o-blog .post-content,.o-blog h2.entry-title,.o-blog p.post-meta  {
	padding-right:5%;
	padding-left:5%;
	border-radius: 5px
}

.o-blog .et_pb_post {
	border-radius: 5px;
}

.et_pb_post {
	height: 800px;
}

.et_pb_blog_grid .et_pb_image_container img {
	border-radius: 5px;
}

img {
	border-radius: 5px;
}

.o-imgShadow {
	border-radius: 5px;
	box-shadow: 3px 3px #714796;
}

.o-boldInleiding {
	font-weight: bold;
	color: #714796;
}

.o-header-spacing-left h2 {
	margin-left:5%;
}


.o-header-spacing-left h2:before {
    background: url(/wp-content/uploads/block.svg) no-repeat;
    content: '';
    height: 15px;
    position: absolute;
    top: 11px;
    left: 13px;
    margin-left: 0px;
    width: 15px;
}

.o-years-bold strong {
	color:#714796;
}


/*** [ Shaduw menu header verwijderen ] ***/

/* hide header shadow */
  #main-header{ 
   -webkit-box-shadow:none!important; 
   -moz-box-shadow:none !important; 
   box-shadow:none !important;}

.o-p p {
	display:none;
}