/*
Theme Name: Delaware Division of Libraries (DDL)
Theme URI: https://libraries.delaware.gov
Author: Delaware GIC - Matt Campbell & Julianne Solum
Author URI: https://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for the Office of the Delaware Division of Libraries (DDL). A Department of State (DOS) Agency.
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_LIBRARIES_theme
*/

/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2016  */
/*  Developed by the GIC (Matt Campbell & Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

/* ============================= ELEMENTS ============================= */
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 18.666666666666664px !important;
-webkit-font-smoothing: antialiased !important;
padding-bottom: 945px;
}
/* ============================= ID's ============================= */

/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-libraries-navigation {
z-index: 999;
}
.affix #menu-libraries-navigation {
position: absolute !important;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #295498;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#main_header h1, 
#main_content h1 {
font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	color:						#3F3F72 !important;
	font-size:					50px;
	margin-top:					10px;
}
#main_header h2, 
#main_content h2 {
font-family: 'Open Sans';
color: #3F3F72 !important;
margin-top:	0px;
}
#main_content h3 {
	font-family:				'Open Sans', sans-serif !important;
	font-weight: 				600;
	font-size:					28px;
	color:						#3b2c67 !important;
	margin-top:					0px;
}
#main_content a, 
#main_content a:link, 
#main_content a:active, 
#main_content a:visited {
color: #337ab7;
text-decoration: none;
font-weight: bold;
}
#main_content a:hover {
color: #9fbc3b;
text-decoration: underline;
font-weight: bold;
}
/*** Interior Page Styles ***/
#interior_wrapper h2 {
	color: #3F3F72;
	font-size: 42px;
	margin-top:65px;
}
#interior_wrapper h3 {
	font-size: 28px;
	color: #3F3F72;
	margin-top:65px;
}
#interior_wrapper h4 {
	margin-top:65px;
	font-size: 22px;
	color: #0877BE;
	font-weight:bold;
}
#interior_wrapper h5 {
	margin-top:65px;
	font-size: 18px;
	color: #0877BE;
	font-weight:bold;
}
 #interior_wrapper h6 {
	margin-top:65px;
	font-size: 16px;
	color: #0877BE;
	font-weight:bold;
}
#interior_wrapper p {
	margin-top:20px;
	margin-bottom:20px;
}
#interior_wrapper ul {
	margin-top:2.0em !important;
}
.wp-block-quote p {
	font-weight:bold;
}
.wp-block-quote {
	margin:35px 0px 35px 0px; 
}
/*** END Inteior Page Styles ***/
#main_content ul, 
#main_content ol {
font-size: 0.9em;
line-height: 2.1em;
margin-top: 1.0em;
margin-bottom: 1.0em
}
#top-header h3 {
	font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	font-size:					40px;
	color:						#8D9A2D !important;
	margin-top:					0px;
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#loading2 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#AgencyCarousel .carousel-caption h2 {
font-family: 'Open Sans', sans-serif !important;
color: #ffffff !important;
font-weight: 500;
display: none;
text-shadow: 1px 1px 1px #713702, 1px 1px 1px #3b2c67;
}
#agencyFooter {
background-color: #3b2c67;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 30px;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 544px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 553px;
}}
#agencyFooter a,
#agencyFooter a:link, 
#agencyFooter a:active, 
#agencyFooter a:visited {
color: #fff;
text-decoration: none
}
#agencyFooter a:hover {
color: #fff;
text-decoration: underline
}
#agencyFooter ul {
list-style-type: none;
margin-left: -38px;
}
/* ============================= Classes ============================= */


/* WordPress Core CSS */
.alignnone {
margin: 5px 20px 20px 0
}
.aligncenter, 
div.aligncenter {
display: block;
margin: 5px auto 5px auto
}
.alignright {
float:right;
margin: 5px 0 20px 20px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000 /* Above WP toolbar */
}
img.alignright { 
float: right;
margin: 0 0 1em 1em
}
img.alignleft { 
float: left;
margin: 0 1em 1em 0
}
img.aligncenter { 
display: block; 
margin-left: auto;
margin-right: auto
}
.alignright { 
float: right
}
.alignleft { 
float: left
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto
}
/* End WP Core Classes */


.agencyFooter_logo {
	margin-top:					10px;
	width: 						150px;
	height: 					30px;
	border: 					none;
	text-align: 				center;
}
.agencyFooter_logo2 {
	margin-top:					10px;
	width: 						188px;
	height: 					67px;
	border: 					none;
	text-align: 				center;
}
hr.clf {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border: 1px solid #3b2c67;
margin-bottom: 20px;
margin-top: 20px
}
hr.gray {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border: 1px solid #e9eae5;
margin-bottom: 20px;
margin-top: 20px
}
hr.title {
border: dashed #3b2c67; 
border-width: 3px 0 0; 
height: 3px;
margin-top: 0px;
}
.border_none {
border: none;
}
a.agency_nav, a.agency_nav:link, a.agency_nav:active, a.agency_nav:visited {
	color: 						#ffffff;
	text-decoration: 			none;
	font-weight: 				normal;
}
a.more-button:link, a.more-button:active, a.more-button:visited {
	color: 						#ffffff !important;
	text-decoration: 			none !important;
	font-weight: 				bold !important;
}
a.more-button:hover {
	color: 						#ffffff !important;
	text-decoration: 			underline !important;
	font-weight: 				bold !important;
}
.news_date {
	font-size:                  14px;
	font-style:					italic;
	text-align:					left;
	display:					block;

}
.news_title, .news_title a, .news_title a:link, .news_title a:visited, .news_title a:hover, .news_title a:active {
	font-size:                  18px;
	display:					block;
	text-align:					left;
	padding-bottom:				10px;
}

.news_desc {
	display:					none;
	text-align:					left;
	line-height:				1.5em;
	padding-bottom:				15px;
}
.banner P {
	font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	font-style:					italic;
	color:						#3b2c67;
	font-size:      			1.0em;
	line-height:    			0em;
	margin-top:					0.5em;
	margin-bottom:      		0em;
}
.hr_top {
	height:						20px;
	background-color:			#535192;
}
.ddl_social {
	width:						38px;
	height:						38px;
	display:					inline;
}
.agency_control {
margin-top: 65px;
color: #3b2c67;
}
.carousel-control.left {
	background-image:			none;
}
.carousel-control.right {
	background-image:			none;
}
.carousel-indicators {
	position: 							absolute;
	bottom: 							1px;
	left: 								50%;
	z-index: 							15;
	width: 								60%;
	padding-left: 						0;
	margin-left: 						-30%;
	text-align: 						center;
	list-style: 						none;
}
.carousel-indicators li {
	display: 							inline-block;
	width: 								15px;
	height: 							15px;
	margin: 							2px;
	text-indent: 						-999px;
	cursor: 							pointer;
	background-color: 					rgba(59, 44, 103, 0);
	border: 							1px solid #3b2c67;
	border-radius: 						10px;
}
.carousel-indicators .active {
	width: 								18px;
	height: 							18px;
	margin: 							0;
	background-color: 					#3b2c67;
}
.navddl {
  		margin-bottom: 			0px;
  		background:				#F8F8F6;
  		position: 				relative;
  		border-top:				2px solid #e9eae5;
  		border-bottom:			2px solid #e9eae5;
}

	.navddl ul {
  		list-style: 			none;
  		margin: 				0;
  		padding: 				0;
}

	.navddl ul:before,
	.navddl ul:after {
  		content: 				"";
  		display: 				table;
}

	.navddl ul:after {
  		clear: 					both;
}

	.navddl ul > li {
		float: 					left;
  		position: 				relative;
  		font-size: 				14px;
  		width:					143px;
}

	.navddl a {
		display: 				block;
		padding: 				15px;
		line-height: 			1.0em;
		color: 					#3174AF;
}

	.navddl a:hover {
		text-decoration: 		underline;
		color: 					#9fbc3b !important;
}

	span.nav_under {
		color: 					#222222;
		text-decoration: 		none;
}

	.navddl a.last {
		border-right: 			0px !important;
}

	.navddl li ul a {
		display:				block;
		padding:				19px 20px;
		line-height:			1.2em;
		color: 					#05405c;
		border-right: 			1px solid #dde6f1;
}
.contactinfo {
margin: 5px 0 20px 0;
padding:0;
font-size:14px;
}
.contacttitle {
font-size:20px;
color:#5c6395;
font-weight:bold;
}
	.bottom-wrapper {
		margin-top:-15px;
}


/* Evanced Calendar */

#eventheader {
color:#593f95;
font-size:1.5em !important;
margin:10px 0;
}
.eventsinfo {
/*overflow:auto;*/
color: #593f95;
padding:2px 0;
margin:0px;
margin-left:0px;
margin-right: 0px;
}
.eventsinfo #eventtitle {
font-size:1.2em !important;
margin-right: 0px;
margin-left: 0px;
top:0mm;
width:100%;
padding-top: 5px;
float:left;	/* Set float so eventtime DIV will appear to the right of event title */
color: #593f95;
padding-left: 0px;
padding-bottom: 5px;
text-align: left;
font-weight: normal;
}
.eventsinfo #eventdate {
text-align: left;
color: #666;
margin-left: 0px;
font-size: 1.0em;
padding-left: 0px;
line-height: 100%;
float: left;
}
.eventsinfo #eventtime {
text-align: right;
color: #666;
margin-right: 10px;
font-size: 1.0em;
padding-left: 5px;
position: relative;
bottom: 2px;
float: right;
}
.eventsinfo #eventdescription {
display:none;
}
.eventsinfo #eventlocation {
clear:both;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 2px;
color: #666;
padding:5px 0;
border-bottom: #dfe5e6 1px solid;
font-size: 1.0em;
text-align: left;
position: relative;
bottom: 5px;
}
.eventsinfo #eventlibrary {
display:none;
/*text-align: right;
color: #666;
margin-right: 10px;
font-size: 1.0em;
padding-left: 5px;
position: relative;
bottom: 2px;
float: right;*/
} 
.eventsinfo #eventtitle a:hover {
text-decoration: underline;
color:#8caf13;
}
.subpage_img {
width: 300px;
height: 56px;
position: relative;
}
.link-active h2 {
font-size: 20px;
margin-bottom: 2px;
font-weight: 500
}}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */

/* ============================= Classes ============================= */
	.navddl {
  		margin-bottom: 			0px;
  		background:				#F8F8F6;
  		position: 				relative;
  		border-top:				2px solid #e9eae5;
  		border-bottom:			2px solid #e9eae5;
}

	.navddl ul {
  		list-style: 			none;
  		margin: 				0;
  		padding: 				0;
}

	.navddl ul:before,
	.navddl ul:after {
  		content: 				"";
  		display: 				table;
}

	.navddl ul:after {
  		clear: 					both;
}

	.navddl ul > li {
		float: 					left;
  		position: 				relative;
  		font-size: 				14px;
  		width:					143px;
}

	.navddl a {
		display: 				block;
		padding: 				15px;
		line-height: 			1.0em;
		color: 					#3174AF;
}

	.navddl a:hover {
		text-decoration: 		underline;
		color: 					#9fbc3b !important;
}

	span.nav_under {
		color: 					#222222;
		text-decoration: 		none;
}

	.navddl a.last {
		border-right: 			0px !important;
}

	.navddl li ul a {
		display:				block;
		padding:				19px 20px;
		line-height:			1.2em;
		color: 					#05405c;
		border-right: 			1px solid #dde6f1;
}}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/* ============================= ELEMENTS ============================= */
	#AgencyCarousel .carousel-caption h2 {
    	font-family:			'Open Sans', sans-serif !important;
    	color:					#ffffff !important;
    	font-weight:			500;
    	display:				inherit;
    	text-shadow:			1px 1px 1px #713702, 1px 1px 1px #3b2c67;
}
/* ============================= ID's ============================= */
#top-header h3 {
	font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	font-size:					26px;
	color:						#8D9A2D !important;
	margin-top:					0px;
}
#agencyFooter {
padding-top: 2.0em;
padding-bottom: 2.0em;
height: 275px;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 278px;
}}

/* ============================= Classes ============================= */
	.navddl {
  		margin-bottom: 			0px;
  		background:				#F8F8F6;
  		position: 				relative;
  		border-top:				2px solid #e9eae5;
  		border-bottom:			2px solid #e9eae5;
}

	.navddl ul {
  		list-style: 			none;
  		margin: 				0;
  		padding: 				0;
}

	.navddl ul:before,
	.navddl ul:after {
  		content: 				"";
  		display: 				table;
}

	.navddl ul:after {
  		clear: 					both;
}

	.navddl ul > li {
		float: 					left;
  		position: 				relative;
  		font-size: 				14px;
  		width:					143px;
}

	.navddl a {
		display: 				block;
		padding: 				15px;
		line-height: 			1.0em;
		color: 					#3174AF;
}

	.navddl a:hover {
		text-decoration: 		underline;
		color: 					#9fbc3b !important;
}

	span.nav_under {
		color: 					#222222;
		text-decoration: 		none;
}

	.navddl a.last {
		border-right: 			0px !important;
}

	.navddl li ul a {
		display:				block;
		padding:				19px 20px;
		line-height:			1.2em;
		color: 					#05405c;
		border-right: 			1px solid #dde6f1;
}
	.agency_control {
    	margin-top:				100px;
    	color:					#3b2c67;
}
	.subpage_img {
		width:					400px;
		height:					75px;
		position:				relative;
}
	.bottom-wrapper {
		margin-top:45px;
}}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* ============================= ELEMENTS ============================= */
	#AgencyCarousel .carousel-caption h2 {
    	font-family:			'Open Sans', sans-serif !important;
    	color:					#ffffff !important;
    	font-weight:			500;
    	display:				inherit;
    	text-shadow:			1px 1px 1px #713702, 1px 1px 1px #3b2c67;
}
/* ============================= ID's ============================= */
#top-header h3 {
	font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	font-size:					32px;
	color:						#8D9A2D !important;
	margin-top:					0px;
}
#agencyFooter {
background-color: #3b2c67;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 212px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 215px;
}}

/* ============================= Classes ============================= */
	.navddl {
  		margin-bottom: 			0px;
  		background:				#F8F8F6;
  		position: 				relative;
  		border-top:				2px solid #e9eae5;
  		border-bottom:			2px solid #e9eae5;
}

	.navddl ul {
  		list-style: 			none;
  		margin: 				0;
  		padding: 				0;
}

	.navddl ul:before,
	.navddl ul:after {
  		content: 				"";
  		display: 				table;
}

	.navddl ul:after {
  		clear: 					both;
}

	.navddl ul > li {
		float: 					left;
  		position: 				relative;
  		font-size: 				18px;
  		width:					175px;
}

	.navddl a {
		display: 				block;
		padding: 				15px;
		line-height: 			1.0em;
		color: 					#3174AF;
}

	.navddl a:hover {
		text-decoration: 		underline;
		color: 					#9fbc3b !important;
}

	span.nav_under {
		color: 					#222222;
		text-decoration: 		none;
}

	.navddl a.last {
		border-right: 			0px !important;
}

	.navddl li ul a {
		display:				block;
		padding:				19px 20px;
		line-height:			1.2em;
		color: 					#05405c;
		border-right: 			1px solid #dde6f1;
}
	.agency_control {
    	margin-top:				125px;
    	color:					#3b2c67;
}
	.subpage_img {
		width:					400px;
		height:					75px;
		position:				relative;
}
	.bottom-wrapper {
		margin-top:45px;
}}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* ============================= ELEMENTS ============================= */
	#AgencyCarousel .carousel-caption h2 {
    	font-family:			'Open Sans', sans-serif !important;
    	color:					#ffffff !important;
    	font-weight:			500;
    	display:				inherit;
    	text-shadow:			1px 1px 1px #713702, 1px 1px 1px #3b2c67;
}
/* ============================= ID's ============================= */
#top-header h3 {
	font-family:				'Open Sans Condensed', sans-serif !important;
	font-weight: 				900;
	font-size:					38px;
	color:						#8D9A2D !important;
	margin-top:					0px;
}
#agencyFooter {
background-color: #3b2c67;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 210px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 215px;
}}

/* ============================= Classes ============================= */
.agency_control {
margin-top: 130px;
}
	.navddl {
  		margin-bottom: 			0px;
  		background:				#F8F8F6;
  		position: 				relative;
  		border-top:				2px solid #e9eae5;
  		border-bottom:			2px solid #e9eae5;
}

	.navddl ul {
  		list-style: 			none;
  		margin: 				0;
  		padding: 				0;
}

	.navddl ul:before,
	.navddl ul:after {
  		content: 				"";
  		display: 				table;
}

	.navddl ul:after {
  		clear: 					both;
}

	.navddl ul > li {
		float: 					left;
  		position: 				relative;
  		font-size: 				18px;
  		width:					220px;
}

	.navddl a {
		display: 				block;
		padding: 				15px;
		line-height: 			1.0em;
		color: 					#3174AF;
}

	.navddl a:hover {
		text-decoration: 		underline;
		color: 					#9fbc3b !important;
}

	span.nav_under {
		color: 					#222222;
		text-decoration: 		none;
}

	.navddl a.last {
		border-right: 			0px !important;
}

	.navddl li ul a {
		display:				block;
		padding:				19px 20px;
		line-height:			1.2em;
		color: 					#05405c;
		border-right: 			1px solid #dde6f1;
}
	.agency_control {
    	margin-top:				160px;
    	color:					#3b2c67;
}
	.subpage_img {
		width:					400px;
		height:					75px;
		position:				relative;
}
	.bottom-wrapper {
		margin-top:45px;
}}

/* ============================= CUSTOM MEDIA QUERIES ============================= */
@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #3b2c67;
}}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #3b2c67;
}}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #3b2c67;
}}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #3b2c67;
}}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */

/* Bootstrap overrides for color contrast accessibility */
.label-success {
background-color: #477C41;
}

/* ===============  BEGIN STYLES FOR CUSTOM GUTENBERG COLOR PALETTE, BLOCK VARIONS AND PATTERNS   ============== */
.has-ddl-purple-color { color: #3F3F72; }
.has-ddl-purple-background-color { background-color: #3F3F72; }

.has-ddl-blue-color { color: #0877BE; }
.has-ddl-blue-background-color { background-color: #0877BE; }

.has-dark-ddl-green-color { color: #6D7B23; }
.has-dark-ddl-green-background-color { background-color: #6D7B23; }

.has-light-purple-color { color: #E0E0F0; }
.has-light-purple-background-color { background-color: #E0E0F0; }

.has-light-ddl-blue-color { color: #F6FAFE; }
.has-light-ddl-blue-background-color { background-color: #F6FAFE; }

.has-gray-color { color: #F5F5F5; }
.has-gray-background-color { background-color: #F5F5F5; }

.info-alert {
    border-top: 1px solid #8bb2dd;
    border-right: 1px solid #8bb2dd;
    border-left: 1px solid #8bb2dd;
    border-bottom: 10px solid #8bb2dd;
    padding: 25px 25px 15px 25px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.warning-alert {
    border-top: 1px solid #EFDCA2;
    border-right: 1px solid #EFDCA2;
    border-left: 1px solid #EFDCA2;
    border-bottom: 10px solid #EFDCA2;
    padding: 25px 25px 15px 25px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.danger-alert {
    border-top: 1px solid #D68089;
    border-right: 1px solid #D68089;
    border-left: 1px solid #D68089;
    border-bottom: 10px solid #D68089;
    padding: 25px 25px 15px 25px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.wp-block-button__link {
    background-color: #fff;
    border: 2px solid #3F3F72;
    border-radius: 0;
    color: #3F3F72 !important;
}

.information-box {
    background: #ffffff;
    padding: 24px;
    border: 5px solid #eeeeee
}

#interior_wrapper .information-box h4 {
    margin-top: 5px;
}

.information-box p {
    color: #555555;
    font-weight: 700;
}

.panel-block {
    border: 1px solid;
    border-radius: 3px;
    margin: 30px 0px
}

.panel-block .panel-block-title {
    border-bottom: 1px solid;
}

#interior_wrapper .panel-block p {
    margin-bottom: 10px;
    margin-top: 0;
}

.panel-block.panel-block-default, .panel-block.panel-block-default .panel-block-title {
    border-color: #e6e6e6;
}

.panel-block.panel-block-info, .panel-block.panel-block-info .panel-block-title {
    border-color: #8bb2dd;
}

.panel-block.panel-block-warning, .panel-block.panel-block-warning .panel-block-title {
    border-color: #efdca2;
}

.panel-block.panel-block-danger, .panel-block.panel-block-danger .panel-block-title {
    border-color: #D68089;
}

.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
    background-color: #f5f5f5 !important;
    border: 1px solid #e6e6e6 !important;
}

.kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active {
    background-color: #f5f5f5 !important;
    border: 1px solid #e6e6e6 !important;
    color: #555555 !important;
}

span.kt-blocks-accordion-icon-trigger:after {
    background: #555555 !important;
}

.kt-accordion-panel-inner {
    border: 1px solid #e6e6e6 !important;
}


/*******External link icon*****/
#main_content sup {
  top: -3px;
}
#main_content .extlink sup:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f35d";
    padding-left:5px;
  }
.nav-menu .extlink sup:after,
.wp-caption-text .extlink sup:after {
  content:"";
}

#main_content .btn sup:after, #main_content .extlink-no-icon sup:after {
    content: "" !important;
}