/*
 Theme Name: TLN - Divi Child
 Theme URI: https//www.terralore.net
 Description: TerraLore theme
 Author: TerraLeah
 Author URI: https://www.terralore.net
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* Remove sidebar */
#sidebar {
	display:none;
}

/* Remove thin line */
#content-area .container:before {
	background: none !important;
}

/* Make content 100% width */
@media (min-width: 981px){
#left-area {
	width: 100%;
	padding-right: 0px !important;
}
#content-area .container:before {
	background: none !important;
	width: 0px !important;
}
}

.easy-footnote-title h4 {
    margin-top: 30px;
	margin-bottom: 20px;
    padding: 10px;
    background-color: rgba(30, 158, 79, 0.75);
    color: white;
}
sup {
	position: relative !important;
	bottom: .2em !important;
	padding: 0 2px;
}
sup.footnote a {
	position: relative !important;
	bottom: .4em !important;
	padding: 0 2px;
	background-color: #7cc68d !important;
	color: white !important;
	font-size: x-small;
}

.glossary-tooltip a, .glossary-underline {
	padding: 0 3px !important;
	font-weight: 600;
}

.glossary-tooltip-content {
	margin-bottom: 2px !important;
}

.et_pb_column.has_et_pb_sticky {
    z-index: 0 !important;
}

figcaption {
	color: rgb(74,74,74) !important;
	font-weight: 300 !important;
	font-size: smaller !important;
	text-align: right;
}
figcaption a {
	color: #146d35!important;
}


.pane-title {
    margin-bottom: 1.5rem;
	margin-top: 2.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.pane-title .title-text {
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    padding: 2px 8px 2px;
    color: #146d35;
    position: relative;
    z-index: 1;
}

.pane-title:after, .pane-title:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #b0bec5;
    position: absolute;
    bottom: calc(50% + 1.5px);
    z-index: 0;
}

/* causing issues with columns
*, *::before, *::after {
    box-sizing: inherit;
} */

*::before, *::after {
    box-sizing: inherit;
}
.pane-title:before {
    bottom: calc(50% - 1.5px);
}

.post-template-default .et_pb_code_6_tb_body ul.et_post_gallery li.et_gallery_item.et_pb_gallery_image,
.et_pb_code_10_tb_body, .et_pb_code_11_tb_body, .et_pb_code_12_tb_body {
	width: 95% !important;
}