/*
Theme Name:  Divi-KFox
Theme URI:   http://kfox.exgen.io
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site KnowledgeFox.
Author:      Kordian Bruck
Author URI:  http://exgen.io
Template:    Divi
*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(css/font-awesome.min.css);

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

.no-pad-bot{padding-bottom: 0 !important;margin-bottom: 0 !important;}
.no-pad-top{padding-top: 0 !important;margin-top: 0 !important;}

body{
	color: #000;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}

h1,h2,h3,h4,h5, h1 *, h2 *, h3 *, h4 *, h5 * {color: #ed1848;font-family: 'Roboto Slab', serif;font-weight: 400 !important;}
h1, h1 *{font-size: 40px;line-height: 1.3em;}
h2, h2 *{font-size: 36px;line-height: 1.2em;}
h3, h3 *{font-size: 30px;line-height: 1.2em;}

.et_pb_button {background-color: #1b1d32; color:#ed1848 !important; border: 0;}
.et_pb_button:hover,.et_pb_bg_layout_light.et_pb_button:hover {background-color: #1b1d32; border:0;}
.logo_container{visibility: hidden;}

.bold-pink b, .bold-pink strong{color:#ed1848 !important;}

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
#page-container { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; }
.et_pb_section, #main-content {background-color: #e7f6ff !important;}
#main-content .container {
    padding-top: 25px;
}
#menu-footer-menu-english {text-align: center;}

.speakers-frontpage {text-align: center;}
.speakers-frontpage img {height: 200px; }

.border-bottom-section{border-bottom: #1b1d32 1px solid;}
@media all and (max-width: 460px) {
	.columns-border-bot-mobile, .columns-border-bot-mobile-with-last{
		padding: 0px;
	}

	.columns-border-bot-mobile-with-last .et_pb_column{
		border-bottom: 1px #1b1d32 solid;
		padding-bottom: 10px;
	}

	.columns-border-bot-mobile .et_pb_column:not(:last-child){
		border-bottom: 1px #1b1d32 solid;
		padding-bottom: 10px;
	}
}
@media all and (max-width: 980px) {
        .et_pb_section {
                padding: 30px 0;
        }
}


.page-id-2 .et_pb_newsletter .et_pb_newsletter_description h2{font-size: 30px !important;}

/* Slider */
#frontpage-slider .et_pb_slide{
	padding: 0;
	max-height: 450px;
}
#frontpage-slider .et_pb_slide_description{
	text-align: left;
	width: 50%;
	margin: 0;
	word-wrap: initial;
    padding: 2% 8%;	
}
#frontpage-slider h2.et_pb_slide_title, #frontpage-slider h2.et_pb_slide_title *{
	line-height: 1em;
	padding-bottom: 5px;
}


/* Blog */
#blog article img, .single-post article .et_post_meta_wrapper img {
	max-width: 25%;
	float:left;
	margin-right: 15px; 
	margin-top: 10px;
	object-fit: cover;
	max-height: 180px;
}
#blog article {
	border-bottom: #1b1d32 solid 1px;
	margin-right: 22px;
	padding-bottom: 30px;
}
#blog article:last-of-type{
	margin-right: 0px;
	border: 0;
}
#blog .et_pb_posts a.more-link{
	clear: initial;
}
@media all and (max-width: 460px) {
	#blog article img, .single-post article .et_post_meta_wrapper img {
		max-width: 100%;
		float: inherit;
		margin-top: 10px;
	}
}
#blog h2.entry-title, #blog h2.entry-title a {
    font-size: 26px;
}


/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/

	/*-------------------[Menu]------------------*/

}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sliders]------------------*/

	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}


/* social icons mobiles*/
@media only screen and (max-width: 767px) {
    div#et-secondary-menu { 
		display: block !important; 
		margin-top: 0px !important;
		padding-top: .75em;
	} 
	#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
		display: block;
		padding-bottom: .75em;
	}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	div#et-secondary-menu { 
		display: block !important; 
		padding-top: .75em; 
    } 
}

#main-header > div > .logo_container {display:none;}