/*
 Theme Name:   Campai 2014
 Theme URI:    http://campai.nl
 Description:  Child Theme for Divi Theme
 Author:       Coen Coppens
 Author URI:   http://coencoppens.nl
 Template:     Divi
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child-campai
*/


	/* =Theme customization starts here
	-------------------------------------------------------------- */

/* blog layout aanpassing http://abundantdesigns.com/2014/09/20/changing-the-featured-post-image-size-in-divi-2-0 */

@media all and (min-width: 768px) {
.et_pb_posts img, .archive .post img, .category .post img, .search .post img, .blog .post img {
float: left; margin-right: 1em;  margin-top: 0px; margin-bottom: 25px;
}
.et_pb_posts article:after, .archive article:after, .category article:after, .search article:after, .blog article:after { /* Clear floated image */
content: ""; display: table; clear: both;
}
}
.more-link { float: right;}

/* Block dividers https://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project */

#et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
  
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
  
    .diagonal-shadow {
        z-index: 1;
        padding-top: 4em;
        background: #2072a7;}
  
    .diagonal-shadow::before,
        .diagonal-shadow::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;}
  
    .diagonal-shadow::before {
        height: 50%;
        background: #535353;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;}

/* Global */

ul.arrow-s,
ul.arrow-shaped-bullet { 
	margin: 0;
	list-style: none;
	text-align: left;
	padding: 0;
}

ul.arrow-shaped-bullet li:before {
	content: "\41";
	font-family: 'ETmodules';
	margin-right: 10px;
    	position: relative;
	line-height: 30px;
}

ul.arrow-s li:after {
	content: url(/wp-content/uploads/2015/05/arrow-small.png);
	display: inline-block;
	margin-left: 5px;
	vertical-align: text-top;
	width: 20px;
}

hr {
	clear: both;
	border: none;
	height: 1px;
	color: #cbcbcb;
	background-color: #cbcbcb;
}

img.alignmiddle {
    vertical-align: middle;
}

.BlueGradient {
	background: #004b7d;
	background: -moz-linear-gradient(45deg,  #004b7d 0%, #2989d8 100%, #207cca 100%, #7db9e8 100%);
	background: -webkit-linear-gradient(45deg,  #004b7d 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%);
	background: linear-gradient(45deg,  #004b7d 0%,#2989d8 100%,#207cca 100%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b7d', endColorstr='#7db9e8',GradientType=1 );
}

.post-meta a {
	color: #fff;
	text-decoration: none;
}

/* Footer */

#footer-widgets .footer-widget li:before {
	display: none;
}

#footer-widgets .footer-widget li {
	padding: 0;
}

#main-footer a:focus,
#main-footer a:hover {
	color: white !important;
	text-decoration: underline !important;
}

#main-footer .footer-widget h4 {
    color: #fff !important;
}

/* custom 404 https://divi.space/divi-tutorials/build-a-custom-404-page-not-found-template/ */

.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
 padding: 0 !important;
 margin: 0 ;
 width: 100% !important;
 max-width: none;
}

.error404 #sidebar {
 display: none;
}

.error404 .et_pb_post:last-child {
margin-bottom: 0;
}