/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/***********************************************
.site-title {
	font-family: cormorant garamond;
}
.site-title a {
	color: #080;
}
.elementor-widget-heading .elementor-heading-title {
	font-weight: normal !important;
	color: #222 !important;
}

.sidebar-1 {
	margin-left: 48px;
}

.short-code-menu li {
	display: inline-block;
	margin: 0;
}
.short-code-menu li a {
	padding: 4px 8px;
	color: #000;
}
********************************************/
xbody {
	font-family: Didact gothic, Raleway !important;
	font-size: 21px !important;
}

.home-contact-section a {
	color: #ffa;
}
.home-contact-section a:hover {
	color: #fff;
}
h1,h2,h3,h4,h5 {
	font-weight: normal;
	font-family: cormorant garamond !important;
}


/** TEMP OVERRIDE ELEMENTOR SETTING FOR TOP BAR **/
/*
.elementor-78 .elementor-element.elementor-element-77574e8 > .elementor-widget-container,
.elementor-78 .elementor-element.elementor-element-0d80f93:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-0d80f93 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: rgb( 0 0 0 /50% );
}
*/

/********* CMG CSS COPIED FROM LIVE SITE 20210808 ************/

/**
 * Custom styling for Talks page template - media links styling 
 */
.talks a {
	color: #fff;
	background: #080;
	padding: 6px 12px;
	font-family: arial, sans, verdana;
	outline: 1px solid red;
	outline-offset: 15px;
	display: inline-block;
	margin-bottom: 28px;
	width: 80%;
}
@media ( max-width: 480px ) {
	.talks a {
		max-width: 97%;
		width: 96%;
	}
}
.talks a:hover {
	background: #060;
}
/* but not audio controls */
a.mejs-horizontal-volume-slider {
	padding: 0;
	outline: none;
	background: #000
}
/* outline for audio control */
.mejs-mediaelement {
	outline: 1px solid red;
	outline-offset: 15px;
}


/* sidebar menu */
.menu-sidebar-menu-container {
	padding-bottom: 14px;
	border-bottom: 1px solid #888;
}
.menu-sidebar-menu-container li {
	background: #080;
}
.menu-sidebar-menu-container a,
.menu-sidebar-menu-container a:hover {
	display: inline-block;
	width: 100%;
	margin-top: -8px;
	padding: 12px 12px 12px;
	background: #080;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	font-family: arial, sans, verdana;
}
.menu-sidebar-menu-container a:hover {
	background: #060;
}
#nav_menu-2 {
	padding: 0 28px;
	margin: 28px 0 0 0;
}
#nav_menu-2 h1 {
	/* text-align: center; */
	/* border: none; */
	margin-bottom: 12px;
}

/* Widget Categories */
.widget_categories a {
	background: #c4e4c4;
	padding: 8px;
	display: block;
}
.widget_categories a:hover {
	background: #b4d4b4;
}

/**
 * Document Gallery
 */
.document-icon .title {
	font-size: 14px;
}

/* Read more */
a.more-link, a.excerpt-link {
	color: #fff;
	background: #080;
	padding: 6px 12px;
	font-family: arial, sans, verdana;
	/*
	outline: 1px solid red;
	outline-offset: 6px;
	*/
	display: block;
	/* margin: 18px 0 28px 0; */
	margin: 0 0 20px 0;
	width: 200px;
	/* max-height: 36px; */
	font-weight: normal;
	clear: both;
}
a.more-link::before, a.excerpt-link::before,
a.more-link::after, a.excerpt-link::after {
	content: "";
}
a.more-link:hover, a.excerpt-link:hover {
	background: #060;
}
@media screen and ( max-width: 480px ){
	a.more-link, a.excerpt-link {
		width: 100%;
	}
}

.featured-image-thumbnail {
	width: 200px;
	margin: 0 14px 14px 0;
	float: left;
}
@media screen and ( max-width: 480px ){
	.featured-image-thumbnail {
		width: 100%;
	}
}

.wp-post-image {
	margin: 0
}

.archive-separator {
	border-bottom: 1px solid #aca;
	margin-bottom: 14px;
	clear: both;
}
.p {
	line-height: 32px;
}

/*** --------------------- ***/

/* to overcome font not working on links */
.elementor-heading-title a, home-banner a, cmg-banner, cmg-banner a {
	font-family: cormorant garamond !important;
}

/**
 * Hover test elementor
 */
.hover-shrink {
	transition: all .4s ease-in-out;
}
.hover-shrink:hover {
	transition: all .4s ease-in-out;
	transform: scale(0.95);
	cursor: pointer;
	z-index: 1;
}
.hover-grow {
	transition: all .4s ease-in-out;
}
.hover-grow:hover {
	transition: all .5s ease-in-out;
	transform: scale(1.05);
	cursor: pointer;
	z-index: 1;
}


.entry-title {
	font-family: cormorant garamond;
	margin: 24px 0;
}

.archive-the-title {
	display: inline-block;
	font-family: cormorant garamond;
	font-size: 24px;
	margin-bottom: 12px;
	border-bottom: 1px solid #484;
}

a.more-link::before, a.excerpt-link::before,
a.more-link::after, a.excerpt-link::after {
	content: "";
}
/* a.more-link:hover, a.excerpt-link:hover { */
.nav-previous a,
.nav-next a {
	border: 1px solid #060;
	padding: 6px 8px;
	display: inline-block;
	float: left;
	margin-right: 12px;
}

.single-featured-image {
	margin-bottom: 24px;
}

.page-content-single {
	padding-left: 24px;
	border-left: 1px solid #484;
}
@media screen and ( max-width: 480px ) {
	.page-content-single {
		padding-left: 0;
		border-left: none;
	}
}
.post .wp-post-image img {
	width: auto;
	border: 8px solid #fff;
	box-shadow: #aaaaaa80 1px 1px 8px;
        
}
.single-prev-next-links {
	padding-bottom: 14px;
}
.single-prev-next-links a {
	padding: 6px 8px;
	border: 1px solid #080;
}

/**
 * Hover test elementor
 */
.hover-shrink {
	transition: all .4s ease-in-out;
}
.hover-shrink:hover {
	transition: all .4s ease-in-out;
	transform: scale(0.95);
	cursor: pointer;
	z-index: 1;
}
.hover-grow {
	transition: all .4s ease-in-out;
}
.hover-grow:hover {
	transition: all .5s ease-in-out;
	transform: scale(1.05);
	cursor: pointer;
	z-index: 1;
}

/*** override heading bg color
.elementor-element.elementor-element-0d80f93 {
	background:rgba(0,0,0,0.5) !important;
}
.elementor-element.elementor-element-77574e8 > .elementor-widget-container {
	background:rgba(0,0,0,0.5) !important;
}
***/