/*
Theme Name: The Core Child
Description: The Core is created by <a href="https://themefuse.com">ThemeFuse</a>. The Core comes with 17 different themes inside it with more to come soon. The long list of features makes The Core the only stop when searching for a cutting edge WordPress theme. Child theme for the The Core. Child themes are the recommended way of making modifications to a theme. <a href="https://codex.wordpress.org/Child_Themes">Reade More</a>
Author: ThemeFuse
Author URI: https://themefuse.com/
Template: the-core-parent
Version: 1.0
Text Domain: the-core
Tags: left-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/*------------------------------------*\
  ELDEX 2020
  *------------------------------------
  
  #GENERAL
  
  #LIST
  
  #HEADER
  
  #SITE LOGO
  
  #MAIN NAVI
  
  #SUB-NAVI
  For pages with sub-navigation menu
  
  #TABLE
  
  #FOOTER
  
  #PEOPLE PROFILE
  For layout on profile page
  
  #TABLET PORTRAIT
  
  #TABLET LANDSCAPE
  
  #MOBILE LANDSCAPE
  
  #MOBILE COLUMNS
  
  #MOBILE BUTTONS
  
\*------------------------------------*/

/*------------------------------------*\
  #GENERAL
\*------------------------------------*/
.site-main a {
	font-weight: bold;
}

.site-main ul, .site-main ol {
	margin-bottom: 1em;
}

html .opacity10 {
	opacity: .1;
}

.fw-btn {
	margin-bottom: 16px;
}


/*------------------------------------*\
  #LIST
\*------------------------------------*/
.site-main .fw-list li {
	margin: 0;
}
	.site-main .fw-list li i {
		margin-right: 4px;
	}

.site-main .fw-list.list-2-col li {
	float: left;
	width: 50%;
}

.site-main .fw-list.list-centre-align li {
	text-align: center;
}
	
/*------------------------------------*\
  #SITE LOGO
	- for desktop
\*------------------------------------*/
html .fw-logo-retina .fw-site-logo {
	width: 600px;
}

html .fw-logo-retina.header-1 .fw-header:not(.fw-header-sticky-new-logo) .primary-navigation {
	margin-top: 50px;
}

/*------------------------------------*\
  #MAIN NAVI
	- for desktop
\*------------------------------------*/
html .fw-site-navigation > ul > li > a {
	text-transform: uppercase;
}	
	html .fw-site-navigation > ul > li.current-menu-ancestor > a,
	html .fw-site-navigation > ul > li.current-page-ancestor > a {
		color: #dc1f8e;
	}
		html .fw-site-navigation > ul > li.current-menu-item > a:after,
		html .fw-site-navigation > ul > li.current-menu-ancestor > a:after {
			display: none;
		}

	/*html .fw-site-navigation .menu-item-home.current-page-ancestor a*/
	html .fw-site-navigation .menu-item-home.current-page-ancestor a {
		color: #732b8a;
	}

/*------------------------------------*\
  #TABLE
	- for desktop
\*------------------------------------*/
div.fw-table table > thead > tr > th,
div.fw-table table > tbody > tr > th,
div.fw-table table > tbody > tr > td {
	padding: 20px;
}

div.table-desc-2col .table-col-desc {
	text-align: left;
	width: 10%;
}
	div.table-desc-2col .table-col-default {
		width: 45%;
	}

div.table-desc-3col .table-col-desc {
	text-align: left;
	width: 10%;
}
	div.table-desc-3col .table-col-default {
		width: 30%;
	}

/*------------------------------------*\
  #FOOTER
	- for desktop
\*------------------------------------*/
html .site-footer .fw-footer-widgets .widget h2 {
	font-size: 36px;
	line-height: 1.2em
}

html .site-footer .fw-footer-widgets .widget h3 {
	font-size: 19px;
	line-height: 1.2em
}

html .site-footer .fw-footer-widgets .widget p {
	font-size: 16px;
	line-height: 1.6em
}

html .site-footer .fw-footer-widgets .widget a:hover {
	color: #fab714;
}

/*------------------------------------*\
 *------------------------------------
  #PEOPLE PROFILE
 *------------------------------------	
\*------------------------------------*/
.people-profile .fw-block-image-parent {
	float: left;
	width: 27% !important;
}

.people-profile .fw-imagebox-aside {
	padding: 0 0 0 3%;
	width: 70%;
}
	.people-profile .fw-imagebox-aside p {
		font-size: 17px;
		line-height: 1.5em;
	}
	
/*------------------------------------*\
  #TABLET PORTRAIT (Exclude iPad Pro)
\*------------------------------------*/
@media (max-width: 1199px) {
	/*------------------------------------*\
	  #SITE LOGO
		- for Tablet Portrait
	\*------------------------------------*/
    .header-1.fw-top-logo-left .fw-wrap-logo {
        float: left;
        width: auto;
    }

	/*------------------------------------*\
	  #MAIN NAVI
		- for Tablet Portrait
	\*------------------------------------*/	
    .header-1.fw-top-logo-left .mmenu-link {
		margin-top: 22px !important;
        float: right;
        width: auto;
    }
}

/*------------------------------------*\
  #TABLET PORTRAIT (Include iPad Pro)
\*------------------------------------*/
@media (max-width: 991px) {
	/*------------------------------------*\
	  #GENERAL
		- for Tablet Portrait
	\*------------------------------------*/

	/*------------------------------------*\
	  #FOOTER
		- for Tablet Portrait
	\*------------------------------------*/	
	html .site-footer .fw-footer-widgets .widget h2 {
		font-size: 20px;
	}
	
	html .site-footer .fw-footer-widgets .widget h3 {
		font-size: 16px;
	}
	
	html .site-footer .fw-footer-widgets .widget p, html .site-footer .fw-footer-widgets .widget p a {
		font-size: 13px;
		line-height: 1.6em;
	}
	
	html .site-footer .fw-footer-widgets .fw-col-sm-6 {
		margin-bottom: 0 !important;
		width: 47%;
		float: left;
	}
}

/*------------------------------------*\
  #MOBILE LANDSCAPE 
\*------------------------------------*/
@media (max-width: 677px) {
	/*------------------------------------*\
	  #SITE LOGO
		- for Tablet Landscape and smaller
	\*------------------------------------*/
    .header-1.fw-top-logo-left .fw-wrap-logo {
        width: 320px;
    }
	/*------------------------------------*\
	  #MOBILE COLUMNS
		- for Tablet Landscape and smaller
	\*------------------------------------*/	
	html .content-cols p {
		font-size: 13px;
		line-height: 1.6em;
	}
	
	html .content-cols h6.fw-imagebox-title {
		font-size: 13px;
		line-height: 1.6em;
	}
	
	.content-cols .fw-col-sm-2 {
		float: left;
		width: 33.333333%;
	}
	
	.content-cols .fw-col-sm-3, .content-cols .fw-col-sm-1-5 {
		float: left;
		width: 50%;
	}
	
	.content-cols .fw-col-sm-4 {
		float: left;
		width: 33.333333%;
	}
	
	.content-cols .fw-col-sm-9 {
		float: left;
		width: 66%;
	}
}

/*------------------------------------*\
  #MOBILE PORTRAIT 
\*------------------------------------*/
@media (max-width: 510px) {
	/*------------------------------------*\
	  #MOBILE BUTTONS
		- for Tablet Portrait
	\*------------------------------------*/
	.fw-btn {
		margin-bottom: 16px;
		/*
		padding-left: 16px;
		padding-right: 16px;
		font-size: 15px;
		*/
		width: 100%;
	}	
}