/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme
 Author:       Wordpresstrainingonline.nl
 Author URI:   http://www.wordpresstrainingonline.nl
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi-child
*/

/**************************** GENERAL ***************************************/
.home .et_pb_blurb_container h4{
	margin-bottom:15px;
}
#page-container{
	/*padding-top: 56px!important;*/
}
ul.checkmark-xl li {
    background:url("/wp-content/uploads/2017/01/checkmark-icon.png") no-repeat 0 50%;
	background-size:50px;
    padding: 20px 100px 20px 100px;
}

ul.checkmark-xl {
    list-style-type: none;
}

ul.xl{
	font-size:24px;
	line-height:40px;
	padding:70px;
}
ul.checkmark-m li {
    background:url("/wp-content/uploads/2017/01/checkmark-icon.png") no-repeat 0 50%;
	background-size:35px;
    padding: 10px 50px 10px 50px;
}
ul.checkmark-m {
    list-style-type: none;
}

ul.attention-m li {
    background:url("/wp-content/uploads/2017/02/attention-icon.png") no-repeat 0 50%;
	background-size:35px;
    padding: 10px 50px 10px 50px;
}
ul.attention-m {
    list-style-type: none;
}

ul.add-m li {
    background:url("/wp-content/uploads/2017/02/add-icon.png") no-repeat 0 50%;
	background-size:35px;
    padding: 10px 50px 10px 50px;
}
ul.add-m {
    list-style-type: none;
}

ul.medium{
	font-size:18px;
	line-height:30px;
	padding: 30px 10px 30px 0px;
}

.box{
	background-color:#0B82ED;
	padding:10px 10px 20px 10px;
	color:#fff;
	/*border:1px solid rgba(0,0,0,0.2);*/
}
.myweb-page .box{
	background-color:#07b679;
}
.box:hover{
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.55);
}
.box h2{
	margin:10px 0px;
	font-size:2rem;
}
.box .et_pb_button{
	margin:20px 0px;
}
.xl-text{
	font-size:46px;
}
.numberCircle {
    font: 32px Arial, sans-serif;

    width: 2em;
    height: 2em;
    box-sizing: initial;

    background:transparent;
    border: 0.1em solid #fff;
    color: #fff;
    text-align: center;
    border-radius: 50%;    

    line-height: 2em;
    box-sizing: content-box;   
    text-align: center;
    margin:5px auto 15px auto
}

.widget_nav_menu li.current-menu-item > a {
	color:#0b82ed;
	font-weight: bold;
}
.myweb-page .widget_nav_menu li.current-menu-item > a {
	color:#07b679;
	font-weight: bold;
}

/**************************** Single ***************************************/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
 
/*** Hide Sidebar ***/
#sidebar {display:none;}
#main-content {
    background-color: #eee;
    padding-bottom:20px;
}
#main-content .container{
	background-color: #fff;
	padding:0px 25px 0px 25px;
}
.single .entry-title{
	display:none;
}
.single #left-area{
	padding-top:0px!important;
}
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}


/**************************** User Roles ***************************************/
.no-access{
	width: 75%;
	padding: 5% 13%;
	height: 90vh;
}
.websitepakket-myweb{
	pointer-events: none;
    cursor: default;
    opacity:0.4;
}
.role-payer .websitepakket-myweb, .role-administrator .websitepakket-myweb{
	pointer-events:auto;
    cursor: pointer;
    opacity:1;
}

/**************************** CONTACTFORM ***************************************/
#contact{
	padding:1% 3% 0% 3%;
}
#contact .et_pb_contact .et_pb_contact_field_half {
    width: 40%;
}
#contact .et_contact_bottom_container {
    margin-top: -0.5%;
}
#contact input{
	float:left;
	width:100%;
	padding:10px 5px;
	font-size:14px;
	margin-right:2%;
	/*font-family: "Open Sans",Arial,sans-serif;*/
}
#contact .et_pb_contact_field_half{
	display:none;
}
#contact .et_contact_bottom_container{
	display:none;
}
#contact input, #contact textarea {
    background-color: #fff;
}
#contact textarea {
min-height: 100px;
}
/*#contact textarea{
	width:94%;
	margin-right:6%;	
	margin-top:0px;
	font-family: "Open Sans",Arial,sans-serif;
	font-size:14px;
}
#send-contact{
	background-color:rgba(240, 114, 93, 1.0);
	color:#fff;
	cursor:pointer;
	border: none;
	display: block!important;
}
#send-contact:hover{
	background-color:#090;
}*/



/**************************** GRID VIEW ***************************************/
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.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; /* fix for Firefox */
    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;
}
 
.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;
}
 
.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,
.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 {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}
.search .post-meta{
	display:none;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}