/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Home heading 4 **/
.home h4 {
	/* MT [ google_font: 1 | variant: italic ] */
	font-family: 'PT Serif' !important;
	color: rgb(136, 136, 136) !important;
	font-size: 17px !important;
	line-height: 1.2 !important;
	font-weight: lighter !important;
	font-style: normal !important;
}

/** General >> Uk text lead heading 3 **/
.uk-text-lead > h3 {
	/* MT [ google_font: 1 ] */
	font-family: 'Merriweather' !important;
	color: rgba(43, 43, 43, 0.39) !important;
	font-size: 25px !important;
	line-height: 1.2 !important;
	font-weight: bolder !important;
	font-style: normal !important;
	text-align: center !important;
	padding-right: 20px !important;
	padding-bottom: 10px !important;
	padding-left: 20px !important;
	border-top-color: rgb(180, 180, 180) !important;
	border-bottom-color: rgb(180, 180, 180) !important;
	border-left-color: rgb(180, 180, 180) !important;
	border-top-width: 10px !important;
	border-bottom-width: 10px !important;
	border-left-width: 10px !important;
	-o-transition-property: font-size !important;
	-moz-transition-property: font-size !important;
	-webkit-transition-property: font-size !important;
	transition-property: font-size !important;
	-o-transition-duration: 0s !important;
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.uk-text-lead > h3 > :nth-child(6) {
	grid-area: 6 / 1 / 7 / 2 !important;
}
.uk-text-lead > h3:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	font-size: +20pt !important;
}

/** General >> Tm grid expand uk grid item match **/
.tm-grid-expand > .uk-grid-item-match {
	text-align: center !important;
}

/** General >> Uk width 1 1 uk list decimal **/
.uk-width-1-1 > .uk-list-decimal {
	text-align: center !important;
	list-style-position: inside !important;
}

/** General >> El item uk margin remove **/
.el-item > .uk-margin-remove {
	/* MT [ google_font: 1 ] */
	font-family: 'Merriweather' !important;
	color: rgb(255, 209, 0) !important;
	font-size: 14px !important;
	font-weight: bolder !important;
	text-align: center !important;
}

/** General >> El item uk text meta **/
.el-item > .uk-text-meta {
	font-family: Merriweather !important;
	color: rgb(126, 125, 125) !important;
	font-size: 18px !important;
	line-height: 2 !important;
	font-weight: bolder !important;
	text-align: center !important;
}

/** General >> El content paragraph **/
.el-content > p {
	line-height: 0 !important;
	text-align: center !important;
	padding-bottom: 20px !important;
}

/** General >> Uk text lead heading 2 **/
.uk-text-lead h2 {
	color: rgb(11, 0, 0) !important;
	font-size: 25px !important;
	line-height: 1.2 !important;
	-webkit-transition: font-size linear !important;
	transition: font-size linear !important;
}
.uk-text-lead h2:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	font-size: +20pt !important;
}

/** General >> Uk list divider el item:(2) **/
.uk-list-divider > .el-item:nth-of-type(2), 
.uk-list-divider > .el-item:nth-of-type(3), 
.uk-list-divider > .el-item:nth-of-type(4), 
.uk-list-divider > .el-item:nth-of-type(5), 
.uk-list-divider > .el-item:nth-of-type(6), 
.uk-list-divider > .el-item:nth-of-type(7), 
.uk-list-divider > .el-item:nth-of-type(8), 
.uk-list-divider > .el-item:nth-of-type(9), 
.uk-list-divider > .el-item:nth-of-type(10) {
	border-top-color: rgb(255, 209, 0) !important;
}

/** General >> Tm page uk section secondary **/
.tm-page > .uk-section-secondary {
	background-color: rgb(11, 0, 0) !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	-webkit-transition-delay: 0.6s !important;
	transition-delay: 0.6s !important;
}
.tm-page > .uk-section-secondary.mt-inview_once {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	background-color: rgb(255, 209, 0) !important;
}

/** General >> Span:(1) strong:(1) **/
.uk-margin > h1 > span:nth-of-type(1) > strong:nth-of-type(1) {
	font-size: 60px !important;
	font-weight: bolder !important;
	text-align: left !important;
	padding-left: 20px !important;
}

/** General >> Uk text left el image **/
.uk-text-left > .el-image {
	padding-left: 130px !important;
}

/** General >> Uk text center uk button secondary **/
.uk-text-center > .uk-button-secondary {
	font-family: Merriweather !important;
	color: rgba(0, 0, 0, 0.52) !important;
	font-weight: bolder !important;
	box-shadow: 0 0 !important;
	background-color: rgba(51, 53, 59, 0) !important;
	border-color: rgba(0, 0, 0, 0.21) !important;
	border-style: solid !important;
	-o-transition-duration: 0s !important;
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
}

/** General >> Uk width 1 1 heading 2 **/
.uk-width-1-1 > h2 {
	/* MT [ google_font: 1 ] */
	font-family: 'Merriweather' !important;
	color: rgb(255, 209, 0) !important;
	font-size: 30px !important;
	line-height: 1.8 !important;
	font-weight: bolder !important;
}

/** General >> Tm top **/
#tm-top {
	text-align: center !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	left: 50px !important;
}

/** General >> Uk margin uk totop **/
.uk-margin > .uk-totop {
	border-color: rgb(255, 209, 0) !important;
	border-style: hidden !important;
}

/** General >> Page template default uk section secondary **/
.page-template-default > .uk-section-secondary {
	font-family: Merriweather !important;
	color: rgba(0, 0, 0, 0.52) !important;
	font-weight: bolder !important;
	font-style: italic !important;
	background-color: rgb(255, 209, 0) !important;
	height: 50px !important;
	padding-bottom: 40px !important;
}

/** General >> Uk container expand paragraph **/
.uk-container-expand > p {
	
}

/** General >> St 1 st btn **/
#st-1 > .st-btn {
	color: rgb(119, 119, 119) !important;
	background-color: rgba(0, 0, 0, 0.87) !important;
	-webkit-transition: background-color linear !important;
	transition: background-color linear !important;
}
#st-1 > .st-btn:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	background-color: rgb(255, 209, 0) !important;
}

/** General >> Uk first column uk margin medium **/
.uk-first-column > .uk-margin-medium {
	width: 300px !important;
	border-top: 5px dotted rgba(0, 0, 0, 0.52) !important;
}

/** General >> Uk notification bottom left uk notification message warning **/
.uk-notification-bottom-left > .uk-notification-message-warning {
	font-family: Merriweather !important;
	color: rgba(0, 0, 0, 0.83) !important;
	font-weight: bolder !important;
	background-color: rgb(255, 255, 255) !important;
	width: 310px !important;
	padding: 10px !important;
	border: 6px solid rgb(255, 209, 0) !important;
}

/** General >> Uk notification message warning link **/
.uk-notification-message-warning a {
	color: rgb(255, 199, 0) !important;
	font-weight: bolder !important;
}

/** General >> Uk margin small top uk button default **/
.uk-margin-small-top > .uk-button-default {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(255, 209, 0) !important;
	border-radius: 0 !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

	/*= General =================== */

	/** General >> Span:(1) strong:(1) **/
	.uk-margin > h1 > span:nth-of-type(1) > strong:nth-of-type(1) {
	
}

	/** General >> Page template default uk section secondary **/
	.page-template-default > .uk-section-secondary {
	font-size: 15px !important;
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= General =================== */

	/** General >> Page template default uk section secondary **/
	.page-template-default > .uk-section-secondary {
	font-size: 15px !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= General =================== */

	/** General >> Uk text lead heading 3 **/
	.uk-text-lead > h3 {
	font-size: 20px !important;
	text-align: center !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General >> Home heading 4 **/
	.home h4 {
	font-weight: lighter !important;
}

	/** General >> Uk text lead heading 2 **/
	.uk-text-lead h2 {
	font-size: 20px !important;
	event-value: +10pt !important;
}

	/** General >> Tm mobile uk offcanvas bar animation **/
	#tm-mobile > .uk-offcanvas-bar-animation {
	background-color: rgb(255, 255, 255) !important;
}

	/** General >> Tm mobile menu item object custom **/
	#tm-mobile .menu-item-object-custom {
	font-family: Merriweather !important;
	color: rgb(255, 209, 0) !important;
	font-size: 20px !important;
	font-weight: bolder !important;
}

	/** General >> Page template default uk section secondary **/
	.page-template-default > .uk-section-secondary {
	font-size: 10px !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= General =================== */

	/** General >> Uk text lead heading 3 **/
	.uk-text-lead > h3 {
	font-size: 15px !important;
	text-align: center !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General >> El content paragraph **/
	.el-content > p {
	font-size: 15px !important;
	line-height: 1.4 !important;
	padding-bottom: 10px !important;
}

	/** General >> El item uk text meta **/
	.el-item > .uk-text-meta {
	font-size: 15px !important;
	line-height: 1.4 !important;
}

	/** General >> El item uk margin remove **/
	.el-item > .uk-margin-remove {
	line-height: 1.6 !important;
}

	/** General >> Uk text lead heading 2 **/
	.uk-text-lead h2 {
	font-size: 15px !important;
	-o-transition-property: font-size !important;
	-moz-transition-property: font-size !important;
	-webkit-transition-property: font-size !important;
	transition-property: font-size !important;
	-o-transition-duration: 0s !important;
	-moz-transition-duration: 0s !important;
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
.uk-text-lead h2:hover, 
.mt-hover {
	/* MT [ sub: 1 | group: transition | event: 1 | event_value: 1 ] */
	font-size: 23px !important;
}

	/** General >> Uk text left el image **/
	.uk-text-left > .el-image {
	padding-left: 70px !important;
}

	/** General >> Home heading 4 **/
	.home h4 {
	font-size: 15px !important;
}

	/** General >> Tm mobile menu item object custom **/
	#tm-mobile .menu-item-object-custom {
	font-family: Merriweather !important;
	color: rgb(255, 209, 0) !important;
	font-size: 20px !important;
	font-weight: bolder !important;
}

	/** General >> Tm mobile uk offcanvas bar animation **/
	#tm-mobile > .uk-offcanvas-bar-animation {
	background-color: rgb(255, 255, 255) !important;
}

	/** General >> Page template default uk section secondary **/
	.page-template-default > .uk-section-secondary {
	font-size: 8px !important;
	letter-spacing: 0,5 !important;
}

	/** General >> St 1 st btn **/
	#st-1 > .st-btn {
	
}

	/** General >> Uk first column uk margin medium **/
	.uk-first-column > .uk-margin-medium {
	background-color: rgb(255, 255, 255) !important;
}

	/** General >> Uk notification bottom left uk notification message warning **/
	.uk-notification-bottom-left > .uk-notification-message-warning {
	font-size: 11px !important;
	line-height: normal !important;
	width: 210px !important;
}

	/** General >> Uk margin small top uk button default **/
	.uk-margin-small-top > .uk-button-default {
	font-size: 13px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

	/** General >> Uk notification message warning link **/
	.uk-notification-message-warning a {
	font-size: 13px !important;
}


}