/* 
 Theme Name: Kill the Boer Book
 Author: Kill the Boer Book
 Author URI: #
 Template: Divi
 Version: 1.1
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/*** Social media follow ***/

.colored-icons li a.icon::before {
 color:#b7b7b7;
}

.colored-icons li a.icon:hover:before {
color:#b7b7b7;
}

/*** Top menu growing line ***/

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}

#top-menu li a:before {
	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: 50%;
	background: #f9a31c; /*** COLOR OF THE LINE ***/
	height: 3px; /*** THICKNESS OF THE LINE ***/

	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#top-menu li a:hover {
	opacity: 1 !important;
}

#top-menu li a:hover:before {
	right: 0;
}

#top-menu li li a:before {
	bottom: 10%;
}


/*** Header border bottom ***/


#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #9c0f17;
    border-bottom: 8px solid #710309;
}

.header-email {
	position: absolute;
    top: 0;
    right: 0;
    background: #f4a500;
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 13px;
    padding: 1px 12px 1px 42px;
}

.header-email #et-info-email:before {
	content: "" !important;
    font-size: 18px;
    font-weight: 300;
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
}

/*** Social Share ***/
.et_pb_text .kl_share {
	padding: 0
}

.kl_share li.title {
	display: block;
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    padding-left: 4px;
}

.kl_share li {
	display: inline-block;
    font-size: 16px;
    padding-right: 10px;
}

.kl_share li:last-child {
	padding: 0;
}

.kl_share li a {
	color: #cacaca;
}

.kl_share li a:hover {
	color: #f9a31c;
}

.icon-facebook:before {
	content: "";
    font-family: ETmodules!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.icon-twitter:before {
	content: "";
    font-family: ETmodules!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.icon-google-plus:before {
	content: "";
    font-family: ETmodules!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}



/*** Slogan ***/

.calltoaction .et_pb_text_0 {
	padding: 5px;
	display:inline-block;
	background-color:#000000;
}

.no-padding-p .et_pb_text_inner p {
	padding: 0 !important;
}

.book-block .et_pb_button_alignment_left {
	float: left;
	margin-right: 30px;
}

.book-block .no-padding-p {
	float: left;
}

/*** Footer menu ***/

#et-footer-nav .container {
text-align: center;
}



/*** Footer copyright ***/

#footer-info {
	width: 100%; margin:0 auto; text-align: center !important; 
}

/*** WPML ***/
#main-header .wpml-ls-legacy-list-horizontal {
    position: absolute !important;
    top: 0;
    left: 0;
    padding: 1px 5px;
    z-index: 100;
}

#main-header  .wpml-ls-legacy-list-horizontal ul li a {
    position: relative;
    font-size: 12px;
    padding: 0 0 0 18px;
}

#main-header  .wpml-ls-legacy-list-horizontal ul li a:hover {
    opacity: .7;
}

#main-header  .wpml-ls-legacy-list-horizontal ul li a:before {
    content: "";
    font-family: ETmodules!important;
    position: absolute;
    top: 0;
    left: 0;
}

#main-header  .wpml-ls-legacy-list-horizontal ul li .wpml-ls-display {
    display: none;
}

#main-header .wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language {
    display: none;
}
 
@media(max-width: 992px) {
    #main-header {
        padding-top: 12px;
    }

    .header-email {
        margin-top: -12px;
        padding: 1px 2px 1px 35px;
        font-size: 10px;
        font-weight: 400;
    }
}

@media(max-width: 450px) {
    .header-email {
        right: -30px;
    }
}




/* --- ET Modules Classes --- */

.download-cta {
	position: relative;
	padding: 30px 8px 26px 70px !important;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3); 
	text-align: left;
	
}

.download-cta .et_pb_promo_description {
	color: #333333;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    padding: 0;
}

.download-cta .et_pb_module_header {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
}

.download-cta:before {
	content: "i";
    font-family: ETmodules!important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    position: absolute;
    color: #f9a31c;
    font-size: 50px;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
}

.download-cta .et_pb_button_wrapper {
	float: right;
}

.download-cta .et_pb_promo_button,
.download-cta.et_pb_promo .et_pb_promo_button.et_pb_button {
	color: #f9a31c;
    background: none;
    border: none;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 0;
}

.download-cta .et_pb_promo_button:hover,
.download-cta.et_pb_promo .et_pb_promo_button.et_pb_button:hover {
	color: #faa41c;
}

.et_pb_module .list-menu {
	margin: 0;
	padding: 0 0 3px;
}

.et_pb_module .list-menu li {
	list-style-type: none;
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.15em;
	text-transform: uppercase;
    font-weight: bold;
    margin-right: 35px;
}

.et_pb_module .list-menu li:last-child {
	margin: 0;
}

.et_pb_module .list-menu li a {
	position: relative;
	color: #fff;
	padding-bottom: 10px;
}

.et_pb_module .list-menu li a:hover {
	color: #eee;
}

.et_pb_module .list-menu li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #019875;
	opacity: 0;
}

.et_pb_module .list-menu li.active a:after {
	opacity: 1;
}