/*
 Theme Name:     Divi-SOYSA
 Theme URI:      
 Description:    Divi Child Theme for the SOYSA Website
 Author:         Roger Rueff | Write Now, Inc.
 Author URI:     https://www.writenowinc.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/** START -- GENERAL FORMATTING **/

.entry-content ul {								/* 2018-01-17 */
	list-style-type: square !important;
	margin-left: 20px;
	
}
	
.entry-content ol {								/* 2018-01-17 */
	margin-left: 20px;	
}
	
.entry-content li {
	line-height: 1.2em !important;
	margin-top: 10px !important;
}

/** END -- GENERAL FORMATTING **/



/** START -- DIVI CSS TWEAKS **/

/*Block quote text styling*/

blockquote {
	font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	letter-spacing: 1px;
	color: #666;
	font-weight: 300;
	border-color: #990000;
}

/** END -- DIVI CSS TWEAKS **/


/** START -- ARTICLE/POST FORMATTING **/

/* 2017-12-28: Specify the size of the article endmark */

img.endmark {
	max-width: 30px;
}

/* 2017-12-30: Reduce the line height in the blog post comments */

.comment_area {
	line-height: 1.25em;
}

/* 2017-12-30: Limit the size of the featured images in the search page */

.et_pb_post a img {
    max-width: 200px !important;			/* Limit the image size */
	float: left;							/* Wrap the title and meta data (and start of excerpt to the right of the pic */
	margin-right: 25px;
}

/* 2018-01-28: Define styles for the glossary */

.glossary-word {
	font-size: 1.3em;
	font-style: italic;
	padding-bottom: 5px;
}

/* 2018-01-22: Specify font for 'Older entries' and 'Newer entries' pagination links on Library sub-pages */

.pagination {
	font-family: abel, arial, helvetica, sans-serif;
}

.screen-reader-text {
	display: none;
}

/* 2018-01-30: Reduce indent in comment body (level 1). To use, you must also un-display avatars */

.comment-body {
    padding: 0 20px 0 80px;
}

/* 2018-01-30: Reduce the font size and slightly lower the comment area, so that it doesn't intersect the reply button when right padding is 0. */

.comment_area {
    line-height: 1.25em;
    font-size: 0.85em;
	padding-top: 20px;
}

.comment_avatar img {
    max-width: 65px;
}

.comment .children {
    margin-left: 80px;
}

/** END -- ARTICLE/POST FORMATTING **/


/* 2018-01-03: Change the style of the footer widget titles */

.footer-widget h4 {
	font-size: 24px !important;
    font-family: abel;
    color: #ff9900;
}

/* 2018-01-22: Footer copyright font */

#footer-info, #footer-info a {
    font-family: abel, arial, helvetica, sans-serif;
	font-size: 16px !important;
}
	

/* 2018-01-21: Formatting for the Library and post summary sidebars */

/* Headings for sidebar widget on Library page(s) */

.et_pb_sidebar_0.et_pb_widget_area h4 {
	font-size: 28px !important;
	color: #990000;
}

/* Sidebar widget on standard post summary page */

#sidebar {
	padding-top: 10px;
}

.et_pb_widget h4 {
	font-size: 28px !important;
	font-family: Abel, arial, helvetica, sans-serif;
	color: #990000;
}


/* s2Member FORMATTING */

/* 2018: Specify the look of the "Log Me In" button */

div.ws-plugin--s2member-pro-login-widget-profile-summary-my-account {
	display: none;
}

div.ws-plugin--s2member-pro-login-widget-submit {
	padding-left: 10px;
	width: 180px;
}

div.ws-plugin--s2member-pro-login-widget > form input[type = "submit"] {
	background: #333;
	padding: 10px !important;
	border: 1px solid #999;
	color: white;
	font-family: Abel, arial, helvetica, sans-serif !important;
	font-size: 24px;
}

div.ws-plugin--s2member-pro-login-widget-profile-summary > a > img.avatar {
	width: 100px !important;
}

/* 2018-01-31: Specify the size of fonts in the membership signup and input fields */

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    margin: 0;
    font-size: 1.0em !important;
}

/* END OF s2Member FORMATTING */


/*	Wordsmith.org "Thought of the Day" FORMATTING */

#AWAD a:hover {
/*	color: #990000; */
}

.AWAD_title {
	color: #ff9900;
	font-family: Abel, Verdana, Arial, Helvetica, Sans-serif; 	
	font-size: 24px;
}

.AWAD_quotation {
	color: #f9f9f9;
}

/* Hide the automatic AWAD byline, to replace it with the .AWAD_byline-new-window */
.AWAD_byline {
	display: none;
}

/* Define the new AWAD byline, which opens AWAD in a new window */
.AWAD_byline-new-window {
	color: blue !important;
	font-size: 1.0em;
	font-style: italic;
}

/* END OF Wordsmith.org "Thought of the Day" FORMATTING */



/********************************************************************************************************************************************
	*****************************************************************************************************************************************
									RESPONSIVE STRUCTURE FOR TABLET COMPUTERS
	*****************************************************************************************************************************************
********************************************************************************************************************************************* */

@media screen and (min-width:641px) and (max-width:768px) {
	
/* Put any tablet-specific formatting here */

/** START - BLOG POST FORMATTING **/

}

/********************************************************************************************************************************************
	*****************************************************************************************************************************************
									RESPONSIVE STRUCTURE FOR SMART PHONES
	*****************************************************************************************************************************************
********************************************************************************************************************************************* */

@media screen and (max-width:740px)
{
	
/* Put any smart-phone-specific formatting here */	

h2.entry-title {
    font-size: 1.5em;
	line-height: 1.05em;
}

.et_pb_post a img {
    max-width: 150px !important;			/* Limit the image size */
	float: left;							/* Wrap the title and meta data (and start of excerpt to the right of the pic */
	margin-right: 25px;
}

/* 2018-01-30: Formatting comments section */

.comment-body {
    padding: 0 20px 0 60px;
}

.comment_avatar img {
    max-width: 50px;
}

.comment .children {
    margin-left: 60px;
}




/* s2Member Formatting */

/* 2018-01-03: Formatting the "Log Me In" button */
div.ws-plugin--s2member-pro-login-widget-submit {
	padding-left: 10px;
	width: 180px;
}


}