/*
Theme Name: Kojo - Divi Child
Theme URI:
Description: Child 01 theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI:
Template: Divi
Version: 3.0
*/

/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 15 Feb 2017 09:57:24 +0000 */
/* The plugin now uses the recommended approach for loading the css files.*/

/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
-moz-column-count: 3;
     column-count: 3;
-moz-column-gap: 20px;
     column-gap: 20px;
}

.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: #F6F6F6 !important;
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;
}

/*
* 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;
}
}

/*
* Blog Category list heading font
*/
body.home-posts #left-area .et_pb_post h2, body.archive #left-area .et_pb_post h2, body.search #left-area .et_pb_post h2 {
font-size: 14px;
}

.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: none;
background-color: #fff;
word-wrap: break-word;
display: inline-block;
border-radius: 10px !important;
-webkit-box-shadow: 0px 1px 1px 0px rgba(184,184,184,1);
}

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

/*
bloom settings
*/
.et_bloom .et_bloom_form_header p {
	line-height: 1.2em !important;
	font-size: 13px !important;
}

/*
scroll button
*/
.et_pb_scroll_top.et-pb-icon {

	background: rgba(100, 28, 216, 0.4) !important;
}

/*----------Super Slim Bloom Optin Form----------*/

/* Set the padding for the content */
.slim-optin-form  .et_bloom_form_container .et_bloom_form_content {
    padding: 0px !important;
}

/* Hide the header area */
.slim-optin-form  .et_bloom_form_container .et_bloom_form_header {
   display: none !important;
}

/* Set the font size of the optin text module */
.slim-optin-text {
    padding-top: 15px !important;
}

/* Set the margin for the optin form module */
.slim-optin-form  {
    margin: 0px 0;
}

.slim-optin-form .et_bloom_inline_form {
    margin: 10px 0 !important;
}

/* Add a little padding for smaller screens */
@media only screen and (max-width: 1110px) {
.slim-optin-form  {
    margin-bottom: 25px;
	margin-top: 0px;
}
}

/* Set the font colour for the sucess and error messages */
.slim-optin-form  h2.et_bloom_success_message, h2.et_bloom_error_message {
   color: #888 !important;
}

/* Set the border radius for the sucess and error messages */
.slim-optin-form .et_bloom_form_container h2.et_bloom_error_message, h2.et_bloom_success_message {
   border-radius: 0px !important;
}

/* Hide the checkmark on success message */
.slim-optin-form .et_bloom_success_container.et_bloom_animate_success span.et_bloom_success_checkmark {
    display: none;
}

body.home-posts #left-area .et_pb_post h2,

body.archive #left-area .et_pb_post h2,

body.search #left-area .et_pb_post h2 {
	font-size: 14px;
}

/* Hero Section */
.hero-section {
    padding-top: 200px;
    padding-bottom: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-height: 650px;
    background-color: #333;
}

.single-post #main-content #left-area

{padding-top: 0px;}

/* ---- Sidebar Settings ---- */
.single #sidebar {background: #efefef;

padding-top: 20px; padding-right: 20px;

padding-left: 20px; padding-bottom: 20px;}

/* ---- Standard Post Title & Post Meta ---- */
.single h1.entry-title,.attachment h1.entry-

title, .single p.post-meta {
width: 100%;
text-align: center;
padding-left: 8px;
padding-right: 8px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
}

 @media only screen and (min-width: 980px) {
/*** Set title font size for desktop ***/
.single h1.entry-title {
font-size: 45px !important;
}
 }

/* ---- Format the Position of the Video

Wrapper ---- */

@media only screen and (min-width: 980px) {
 /*** elevate the video to overlap the hero

section ***/
.single-post.single-format-video

.et_main_video_container {top: -120px;

background: #fff; outline: 10px solid #ffffff

!important; z-index: 100; margin-bottom: -

100px;}
}

/* ---- Position & Style the Gallery to Overlap

the Featured Image ---- */

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

.single-format-gallery .et_post_meta_wrapper {

margin-top: -100px;}

.et_post_gallery {
z-index: 100;
position: relative;
border-top: 8px solid #fff !important;
border-left: 8px solid #fff !important;
background: #fff !important;
}

/* ---- Set Background Color, Margins & Padding

for the Gallery Image ---- */

.et_gallery_item { margin: 0 0 0 0 !important;}

.et_gallery_item {
width: 33.3%;
margin: 0 0% 0% 0 !important;
padding-right: 8px !important;
background: #fff !important;
padding-bottom: 8px !important;
}
}
/* ---- Add thick border to the left side and

Lower the link box ---- */

.et_link_content {
border-bottom: 8px solid #ddd;
background-image: linear-gradient(rgba

(0,0,0,0.3), rgba(0,0,0,0.3)), url(ENTER IMAGE

URL HERE);
background-size: cover;
background-color:#edb059;
border-radius: 25px;
}

/* ---- Font Settings within the Link box ----

*/

.et_link_content a.et_link_main_url { font-

size: 21px; font-weight: 600; color: #fff !

important;}

/* ---- Link Symbol on the right side ---- */

.et_link_content::before {
font-family: "ETmodules";
position: absolute;
top: 38%;
left: 5%;
margin-right: -26px;
border-radius: 31px;
background: rgba(255, 255, 255, .0);
font-size: 48px;
color: #fff;
content: "\e02c";
}

/* ---- Position & Style the Gallery to Overlap

the Featured Image ---- */

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

.single-format-gallery .et_post_meta_wrapper {

margin-top: -100px;
}
}