/*
 Theme Name:     CLRJ
 Theme URI:      
 Description:    Child theme for Kause
 Author:         Theme Canon
 Author URI:     http://www.themecanon.com
 Template:       kause
 Version:        1.0.0
*/

@import url("../kause/style.css");

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


.wrapper {
    margin: 0 auto;
    padding: 1em;
}

/* ==========================================================================
   07. Block Elements
   ========================================================================== */

.feature hr {
    border-width: 5px;
}

/* ==========================================================================
   06. Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{
	word-wrap: break-word;
} 
p{
	margin-bottom: 1.5em;
}  
h1, h2, h3, h4, h5, h6{ 
	font-weight: normal;
	line-height: 120%;
	letter-spacing: 0px;
	margin: 25px 0 .5em;
}
h1.super{
	font-size: 100px;
	margin-bottom: -30px;
}
h1, .text-seperator h5{
	font-size: 42px;
}
h2{
	font-size: 36px;
	margin-top: 15px;
}


/* download block styles */

.download-table .fa {
	font-size: 60px;
	margin-top: 40px;
}

.download-table .price-cell.content {
	text-align: left;
	padding: 1em;	
}

.download-table .price-cell.content h3 {
	margin-top: 5px;	
	margin-bottom: 5px;
}


/* sermon block styles */
.pb_sermon .sermon_wrapper{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 2em;
}
.sermon_wrapper {
	width: 100%;		
}
.sermon_image {
	float: left;
	max-width: 15%;
	margin-right: 1.5em;		

}
.sermon_description{
	max-width: 70%;
}
.sermon_title h1 {
	margin: 0;
	font-size: 28px;
	color: #993366	
}
.sermon_meta {
	font-size: 12px;
	margin-bottom: 10px;
}
.sermon_meta a {	
}
.sermon_links { 
	float: right;
	border-style: solid;
	border-width: 1px;
	width: 25%;	
	text-align: center;
	border-radius: 3px;
}
.sermon_links ul{
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}
.sermon_links ul li {
	display: inline-block;
	font-size: 36px;
	padding: .25em;
}
.sermon_links ul li:before {
	content: "";		
}


/* download-box */
.download-box{
Width: 100%;
border:1px solid #ccc;
box-shadow:0 2px 4px rgba(0,0,0,.1);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px; 
float:left;  
text-align:left;
position:relative;
margin:1em 1em;

}
.download-box img.wp-post-image{
margin: 1em;
padding:0;
display:block;
Width: 100px;
float: left;
-moz-border-radius:0;
-webkit-border-radius:0;
-moz-border-top-left-radius:3px;
-moz-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
border-radius:0;
border-top-left-radius:3px;
border-top-right-radius:3px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.4)
}

.download-box-content {
    padding: 1em 1em 1em 1em;
  }

.download-button{
	width: 150px;	
	float: right;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:.5em 1em;
	color:#fff;
	display:block;
	font-size:1.2em;
	font-family: sans-serif;
	line-height:1.2em;
	background-color:#006f80;
	background-image:-webkit-linear-gradient(#3fa0af,#3c8995,#006f80);
	background-image:-moz-linear-gradient(#3fa0af,#3c8995,#006f80);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:2px;
	text-shadow:0 -1px 0 rgba(0,0,0,.5);
	box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.4);
	border:1px solid #ccc;
	cursor:pointer;
}

.download-button:hover{
color:#fff;
background-color:#993366;
background-image:-webkit-linear-gradient(#660066,#993366);
background-image:-moz-linear-gradient(#660066,#993366)
}

.download-button small{
font-size:.8em;opacity:.8;display:block
}

/* hide on homepage-donate area */
.social-thumbs {
    overflow: hidden;
    height: 172px;
    margin: 2em 0;
    display: none;
}
.pb_block.pb_block_sub.pb_supporters.pb_block_last{
    background: #a09893;
	padding-bottom: 3em;
	padding-top: 0;
}

/* sidebar title */
h1.widget-title {
    font-size: 28px;
	color: #00707e;
}
.main ul li > ul, .main ol li > ol {
    margin-bottom: 0;
    margin-left: 5px;
}


/********** STORIES ***********/

.stories-sidebar h3.widget-title {
	color: #086f7d;
}

.story-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.story-container,
.story-container * {
    box-sizing: border-box;
}

.story-tile {
    width: 32%;
    padding: 18px;
    margin-bottom: 19px;
}

.single-speaking_story .speaking_story {
    padding: 1.5em 2em;
}

.single-speaking_story h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
  font-weight: 600;
  text-transform: none;
  margin-top: 20px;
}

span.story-cats-list {
    color:  #b2b8bd;
    text-transform: uppercase;
    font-family: 'RobotoCondensed';
    font-weight: normal;
    font-style: normal;
    font-size: 0.9rem;
}

span.story-cats-list .lower {
	text-transform: lowercase;
}

.story-tile,
.single-speaking_story .speaking_story {
	background: url(https://californialatinas.org/wp-content/uploads/2018/02/stories-bg.jpg);
}

h1.story-tile-title {
    font-size: 1.3em;
    font-weight: 600;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 10px;
    text-transform: none;
}

.story-tile-title .dashicons-before:before {
	font-size:  15px;
	margin-right:  6px;
}

.stories-search #searchform input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0;
    box-sizing: border-box;
}

.stories-search #searchform {
    position: relative;
    margin-top: 70px;
}

.story-tile-excerpt {
    font-size: 0.98em;
    line-height: 1.5;
}

a.story-more {
    color: #6e1c57 !important;
    font-weight: bold;
    //line-height: 26px;
    display: inline-block;
    //height: 26px;
}

span.story-arrow {
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: middle;
    color: #e06f06;
    line-height: 20px;
}

@media screen and (min-width: 880px) {
	.stories-header {
	    display: flex;
	}

	.story-type-nav {
	    flex-grow: 1;
	    position: relative;
	}

	.story-type-nav ul {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    text-align: left;
	    padding-left: 40px;
	}
}

.story-type-nav ul li {
    display: inline-block;
    padding: 30px 15px 30px 0;
}

.story-type-nav ul li:before {
    content: '';
}

.story-type-nav ul li a {
    color: #d27805;
    font-size: 1.25rem;
    font-family: 'RobotoCondensed';
}

.story-type-nav ul li a span {
	font-size:  0.6em;
}

.story-type-nav ul li a:hover {
    color: #086f7d;
}

.text-story .text-story-li a,
.audio-story .audio-story-li a,
.video-story .video-story-li a,
.story-type-nav ul li.current-menu-item a {
    color: #086f7d;
    text-decoration: underline;
}

@media screen and (max-width:1024px) {
    .story-tile {
        width: 48%;
    }
}

@media screen and (max-width:600px) {
    .story-container {
        justify-content : space-around;
    }
    .story-tile {
        width: 90%;
    }
}

/* WPForms */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
   background-color: #6c1855;
   border: none;
   color: #fff;
   font-size: 1em;
   padding: 20px 50px;
   text-transform: uppercase;
   font-weight: bold;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
    font-size: 15px;
	font-family: 'robotoregular';
    line-height: 1.3;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description, div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
    font-size: 15px;
    line-height: 1.3;
    margin: 8px 0 0 0;
}
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    color: #666;
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #f7be68;
    border: 2px solid #f79468;
    padding: 30px;
}