/*
Theme Name:   Gogreen - Child theme
Theme URI:    http://webdesign-finder.com/gogreen-v2
Description:  Extra Small child theme of Gogreen theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     gogreen
Version:      0.0.1
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  gogreen
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/

body,
button,
input,
select,
textarea {
	font-weight: 500;
}

.logo .logo-text-primary {
	font-weight: 500;
}
.page .owl-stage {
	display: flex;
    align-items: stretch;
	.owl-carousel-item {
		height: 100%;
		display: flex;
		flex-direction: column;
		.mwt-elementor-team-carousel-content-wrap {
			flex: 1;
		}
	}
}
header .header-button-wrap .theme_button {
	padding: 12px 20px;
	border-radius: 50px;
	font-weight: 400;
	
	span {
		font-size: 20px;
		line-height: 1.5;
	}	
}
.home header .header-button-wrap {
	display: none;
}

footer .widget_theme_meta.widget-1 {
	
	.widget-theme-meta-default {
		
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 16px;
		.theme-meta-img.wp-block-image {
			img {
				width: 100%;
				max-width: 240px;
				height: auto;
				max-height: unset;
			}
			& + .sub-title {
				color: #FFFFFF;
				margin: 0;
				font-size: 24px;
				font-weight: 500;
			}
		}
		.theme-meta {
			width: 100%;
		}
	}
	.theme-meta .icon-inline strong {
		color: #FFFFFF;
		margin-right: 16px;
	}
}
footer .widget_nav_menu.widget-2 {
	
	.menu {
		li:last-child {
			display: none;
		}
	}
}
@media (min-width: 1440px) {
	footer .widget_nav_menu.widget-1 {
		width: 30%;
	}
	footer .widget_nav_menu.widget-2 {
		width: 20%;
	}
}

footer .widget_text {
	display: flex;
	flex-direction: column;
	
	.widget-title {
		font-size: 16px;
		order: 2;
		
		&>span {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			text-align: center;
			
			span {
				display: block;
				line-height: 1.4;
			}
		}
	}
	
	.textwidget a {
		order: 1;
		img {
			width: 100%;
			max-width: 180px!important;
			margin: 0 auto;
		}	
	}
}

/* Single Post */
#main {
	h1, h2, h3, h4, h5, h6 {
		a {
			color: var(--colorMain);
		}	
	}
}


/* Cases Carousell */
.cases-carousell .mwt-elementor-posts-carousel-article,
.cases-carousell .mwt-elementor-posts-carousel-article a.posts-list-thumbnail,
.cases-carousell .owl-carousel .owl-item img {
	height: 100%;
	aspect-ratio: 1;
}
.owl-carousel-item.case:before {
	content: "";
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #141414CC;
    opacity: 0;
	z-index: 1;
    transition: all .2s linear;
}
.owl-carousel-item.case {
	&:hover:before {
		opacity: 1;
	}
	.mwt-elementor-posts-carousel-item-content {
		position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
		opacity: 0;
		transform: translateY(100%);
		transition: all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
		padding: 16px;
	}
	&:hover {
		.mwt-elementor-posts-carousel-item-content {
			opacity: 1;
			transform: translateY(0%);
		}
	}
}
/* Billing Table */
.billing-table {
	color: #323232;	
}

.billing-table.demolition .elementor-widget-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    
   
    
    div {
        display: flex;
        flex-direction: column;
        gap: 1px;
        width: 100%;
        border: 1px solid #54BE73;
        background: #54BE73;
        
        span {
            display: block;
            background: #9CC02680;
            font-size: 14px;
            text-align: left;
            padding: .8em .8em .8em 8.8em;
            min-height: 55.6px;
            position: relative;

			&:nth-child(1) {
				background: #A9DEB9;
				font-weight: 500;
			}
			&:nth-child(2) {
				background: #BBE5C7;
				
				ol {
					margin: 0;
					padding-left: .8em;
					text-align: left;
					align-self: flex-start;
					li {
						padding: 0;
						line-height: 1.5;
					}
				}
			}
			&:nth-child(3) {
				background: #CBEBD5;
			}
            &:before {
                display: flex;
                align-items: center;
                position: absolute;
                justify-content: center;
                left: 0;
                top: 0;
                height: 100%;
                padding: .8em .6em;
                width: 8em;
                color: white;
				background: #76CB8F;
            }
            &:first-child:before {
                content: "\9805 \76EE"; /*品項*/
            }
            &:nth-child(2):before {
                content: "\5167 \5BB9";/*內容*/
            }
            &:last-child:before {
                content: "\50F9 \683C";/*價格*/
            }
            &:last-child {
                flex: 1;
            }
        }

        &.table-header {
            display: none;
        }
    }
}

@media (min-width: 768px) {
    .billing-table.demolition .elementor-widget-container {
        flex-direction: row;
        border: 1px solid #54BE73;
        background: #54BE73;
        gap: 1px;
        
        div {
			width: 17%;
			border: 0;
            background: none;

			&:nth-child(1) span {
				background: #76CB8F;
				color: #FFFFFF;
			}
			&:nth-child(2) span {
				background: #A9DEB9;
			}
			&:nth-child(3) span {
				background: #BBE5C7;
			}
			&:nth-child(4) span {
				background: #CBEBD5;
			}
			&:nth-child(5) span {
				background: #DDF2E3;
			}
			&:nth-child(6) span {
				background: #EEF8F1;
			}
			
			&:nth-child(4) {
				width: 21%;
			}
			&:nth-child(5), &:nth-child(6) {
				width: 15%;
			}

            span {
                font-size: 16px;
                padding: .8em;
				min-height: 88.59px;
				display: flex;
				align-items: center;
				justify-content: center;

                &:before {
                    display: none;
                }
				&:nth-child(2) {
					min-height: 205.59px;
				}
            }
                
            &.table-header {
                display: flex;
				width: 15%;

                span {
                    font-weight: 500;
                }
            }
        }
        
    }
}

@media (min-width: 1200px) {
	.billing-table.demolition .elementor-widget-container {
		div {
			span:nth-child(2) {
				min-height: 121.59px;
			}
			span:nth-child(1), span:nth-child(3) {
				min-height: 85.59px;
			}
		}
	}
}

.billing-table.clearance .elementor-widget-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    
   
    
    div {
        display: flex;
        flex-direction: column;
        gap: 1px;
        width: 100%;
        border: 1px solid #9CC026;
        background: #9CC026;
        
        span {
            display: block;
            background: #9CC02680;
            font-size: 14px;
            text-align: left;
            padding: .8em .8em .8em 8.8em;
            min-height: 55.6px;
            position: relative;

			&:nth-child(1) {
				background: #E1ECBD;
				font-weight: 500;
			}
			&:nth-child(2) {
				background: #EBF2D4;
			}
			&:nth-child(3) {
				background: #F5F9E9;
			}
            &:before {
                display: flex;
                align-items: center;
                position: absolute;
                justify-content: center;
                left: 0;
                top: 0;
                height: 100%;
                padding: .8em .6em;
                width: 8em;
                color: white;
				background: #B0CD51;
            }
            &:first-child:before {
                content: "\54C1 \9805"; /*品項*/
            }
            &:nth-child(2):before {
                content: "\50F9 \683C (\8ECA \70BA \55AE \4F4D )";/*價格(車為單位)*/
            }
            &:last-child:before {
                content: "\5783 \573E \5167 \5BB9 ";/*垃圾內容*/
            }
            &:last-child {
                flex: 1;
            }
        }

        &.table-header {
            display: none;
        }
    }
}

@media (min-width: 768px) {
    .billing-table.clearance .elementor-widget-container {
        flex-direction: row;
        border: 1px solid #9CC026;
        background: #9CC026;
        gap: 1px;
        
        div {
            width: 17%;
            border: 0;
            background: none;

			&:nth-child(1) span {
				background: #B0CD51;
				color: #FFFFFF;
			}
			&:nth-child(2) span {
				background: #CDDF92;
			}
			&:nth-child(3) span {
				background: #D7E6A8;
			}
			&:nth-child(4) span {
				background: #E1ECBD;
			}
			&:nth-child(5) span {
				background: #EBF2D4;
			}
			&:nth-child(6) span {
				background: #F5F9E9;
			}
            span {
                font-size: 16px;
                padding: .8em;
				min-height: 88.59px;
				display: flex;
				align-items: center;
				justify-content: center;

                &:before {
                    display: none;
                }
				&:nth-child(2) {
					min-height: 115.59px;
				}
            }
                
            &.table-header {
                display: flex;
                width: 15%;

                span {
                    font-weight: 500;
                }
            }
        }
        
    }
}

@media (min-width: 1200px) {
	.billing-table.clearance .elementor-widget-container {
		div {
			span:nth-child(n) {
				/*min-height: auto;*/
			}
		}
	}
}

.home .flexslider .slide_layers .mwt-elementor-main-slider-layer-4,
.home .flexslider .slide_layers .mwt-elementor-main-slider-layer-5 {
	text-shadow: 0 0 8px #214C2E;
}
.home .flexslider .slide_layers .mwt-elementor-main-slider-layer-5 {
	letter-spacing: .1em;
	line-height: 1.4;
	max-width: 898px;
	margin: 0 auto 60px;
}
@media (min-width: 1200px) {
	.top-menu > li > a{
		margin: 0 16px;
		letter-spacing: 0;
	}
}

aside .widget-title {
	color: #323232;
}
footer .widget-title {
	color: #FFFFFF;
}

/* Table Colorize 2025-06-26 */

.wp-block-table {
	
	a {
		font-weight: 600;

		&:after {
			font-family: "dashicons";
			font-weight: 500;
			margin-left: 4px;
			content: "\f103";
		}
		
		&[target="_blank"]:after {
			content: "\f504";
		}
	}
	
	&:nth-of-type(odd) table.has-fixed-layout {
		th, td {
			border-color: #54BE73;
		}

		thead {
			border-bottom: 1px solid;

			th {
				background: #76CB8F;
				font-size: 110%;
				color: #FFFFFF;
				border-color: #54BE73;
			}
		}
		tbody {
			th:nth-child(1), td:nth-child(1) {
				background: #76CB8F;
				font-size: 110%;
				color: #FFFFFF;

				a {
					color: #FFFFFF;
				}
			}
			td:nth-child(2) {
				background: #A9DEB9;
				a {
					color: #505050;
				}
			}
			td:nth-child(3) {
				background: #BBE5C7;
			}
			td:nth-child(4) {
				background: #CBEBD5;
			}
			td:nth-child(5) {
				background: #DDF2E3;
			}
			td:nth-child(6) {
				background: #EEF8F1;
			}
		}
	}
	&:nth-of-type(even) table.has-fixed-layout {
		th, td {
			border-color: #9CC026;
			
			a {
				font-weight: 600;
				&[target="_blank"]:after {
					content: "\f504";
					font-family: "dashicons";
					font-weight: 400;
					margin-left: 4px;
				}
			}
		}

		thead {
			border-bottom: 1px solid;

			th {
				background: #B0CD51;
				color: #FFFFFF;
				border-color: #9CC026;
				font-size: 110%;
			}
		}
		tbody {
			th:nth-child(1), td:nth-child(1) {
				background: #B0CD51;
				font-size: 110%;
				color: #FFFFFF;
				
				a {
					color: #FFFFFF;
				}
			}
			td:nth-child(2) {
				background: #CDDF92;
				a {
					color: #505050;
				}
			}
			td:nth-child(3) {
				background: #D7E6A8;
			}
			td:nth-child(4) {
				background: #E1ECBD;
			}
			td:nth-child(5) {
				background: #EBF2D4;
			}
			td:nth-child(6) {
				background: #F5F9E9;
			}
		}
	}
}


.wp-block-table.table-rowspan {
	&:nth-of-type(odd) table.has-fixed-layout {
		td:nth-child(1) {
			color: #505050;
			font-size: 16px;
		}
		td.col-1 {
			color: #FFFFFF;
			font-size: 110%;
			font-weight: 600;
			background: #76CB8F;
		}
		td.col-2 {
			background: #A9DEB9;
		}
		td.col-3 {
			background: #BBE5C7;
		}
		td.col-4 {
			background: #CBEBD5;
		}
		td.col-5 {
			background: #DDF2E3;
		}
		td.col-6 {
			background: #EEF8F1;
		}
	}
	&:nth-of-type(even) table.has-fixed-layout {
		td:nth-child(1) {
			color: #505050;
			font-size: 16px;
		}
		td.col-1 {
			color: #FFFFFF;
			font-size: 110%;
			font-weight: 600;
			background: #B0CD51;
		}
		td.col-2 {
			background: #CDDF92;
		}
		td.col-3 {
			background: #D7E6A8;
		}
		td.col-4 {
			background: #E1ECBD;
		}
		td.col-5 {
			background: #EBF2D4;
		}
		td.col-6 {
			background: #F5F9E9;
		}
	}
}

.single-post .main {
	
	h2, h3, h4, h5, h6 {
		line-height: 1.2;
	}
	
	h2 {
		font-size: 42px;
	}

	h3 {
		font-size: 36px;
	}
	h4{
		font-size: 24px;
	}

	h5{
		font-size: 20px;
	}

	h6{
		font-size: 16px;
	}
}