/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you’ll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 5.4.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}



.under_box {
	color: white;
	width: 100%;
	overflow: hidden !important;
	padding: 20px !important;
	background: rgba(0,0,0,0.2) !important;
	margin-bottom: 0px !important;
}
.under_box a
{
	color: white;
	border: 1px solid white;
	border-radius: 19px;
	padding: 0px 10px;
	width: 100%;
	display: inline-block;
	text-decoration: none !important;
	transition: all 0.5s;
}
.under_box a:hover
{
	color: #44758D;
	transition: all 0.5s;
	background: white !important;
}
.under_box + p
{
	display: none !important;
}
.over_box {
	background: lightblue;
	padding: 10px 20px;
	transition: all 0.5s;
}
#floating_row .over_box,
#floating_row .over_box *,
#floating_row .over_box p
{
	color: white !important;
}
.over_box a
{
	color: whitesmoke !important;
	text-decoration: none !important;
}

.home_icon_box
{
	margin-bottom: 0px !important;
}
#floating_row > .wpb_column > .vc_column-inner 
{
	padding: 15px 0px 0px !important;
}
#floating_row > .wpb_column:nth-child(1),
#floating_row > .wpb_column:nth-child(1) .over_box,
.right-widgets > .first
{
	background: rgb(165, 206, 58);
}
#floating_row > .wpb_column:nth-child(2),
#floating_row > .wpb_column:nth-child(2) .over_box,
.right-widgets > div:nth-child(2)
{
	background: rgb(145, 184, 44);
}
#floating_row > .wpb_column:nth-child(3),
#floating_row > .wpb_column:nth-child(3) .over_box
{
	background: rgb(114, 148, 26);
}
#floating_row > .wpb_column:nth-child(4),
#floating_row > .wpb_column:nth-child(4) .over_box
{
	background: rgb(98, 128, 18);
}
#floating_row 
{
/*	position: absolute !important;
	top: 800px;
	z-index: 25;
	padding: 0 15%;
	left: 0;
	width: 100% !important;*/
	text-align: center !important;
	overflow: hidden !important;
	
}
#floating_row .aio-icon-description,
#floating_row .aio-icon-description *
{
	text-align: left !important;
}
#floating_row .aio-icon-default,
#floating_row .aio-icon-header
{
	display: inline-block !important;
}
.right-widgets > div
{
	margin: 0px !important;
	padding: 10px;
	color: white !important;
}
.right-widgets a
{
	color: white !important;
	text-decoration: none !important;
	font-size: 1.15em !important;
}
.right-widgets .text-area:nth-child(3) a
{
	color: rgba(68, 117 ,141, 1) !important;
}
.right-widgets .text-area:nth-child(3) a i
{
	color: #FFD700 !important;
}
#phantom .branding > a 
{
	margin-top: 0px !important;
}
.branding > a
{
	margin-top: -50px !important;
	padding-top: 5px !important;
}
.masthead .branding
{
	margin-bottom: 0px !important;
	margin-top: 17px !important;
}
#phantom.masthead .branding
{
	margin-bottom: 0px !important;
}
#phantom.masthead .branding > a img
{
	max-height: 125px;
	width: auto;
}
.widget-title {
	font-size: 34px;
	line-height: 44px;
}
#content #floating_row + .vc_row
{
	margin-top: 50px !important;
}
/*.active-revslide > .tp-parallax-wrap:nth-last-child(2) .tp-mask-wrap
{
	border: 2px solid white !important;
}
.active-revslide > .tp-parallax-wrap:nth-last-child(2) .tp-mask-wrap *
{
	color: white !important;
}*/
.active-revslide .tp-mask-wrap *
{
	text-decoration: none !important;
}
/*.active-revslide > .tp-parallax-wrap:nth-last-child(1) .tp-mask-wrap
{
	border: 2px solid rgba(68, 117 ,141, 1) !important;
	background: rgba(68, 117 ,141, 1) !important;
}
.active-revslide > .tp-parallax-wrap:nth-last-child(1) .tp-mask-wrap *
{
	color: white !important;
}*/
.five-cols .vc_col-sm-2
{
	width: calc(100% / 5);
}
.five-cols .vc_col-sm-2:last-child
{
	display: none;
}
#text-5
{
	background: #eaeaea !important;
	padding-top: 30px !important;
}
#sidebar .gform_widget
{
	border-top: 1px solid !important;
}
#sidebar .ginput_container_name > p
{
	display: inline-block !important;
	width: calc(50% - 8px) !important;
	float: left !important;
}
#sidebar .ginput_container_name > p > span
{
	width: 100% !important;
	padding: 0px !important;
}
#sidebar .post-content br,
#sidebar .post-content time
{
	display: none !important;
}
.callbackhome
{
	background: #44758d !important;
}
.callbackhome h2
{
	text-align: center !important;
	padding-top: 20px !important;
	color: white !important;
}
.callbackhome #gform_1 input 
{
	border-radius: 2px !important;
	color: white !important;
	background: #fff6 !important;
}
.callbackhome #gform_1 input::-webkit-input-placeholder{
    color: white;
}
.callbackhome #gform_1 input:-moz-placeholder {
    color: white;
}
#floating_row h3.aio-icon-title
{
	color: white !important;
}
#hoverrow .wpb_text_column a
{
	font-size: 1.2em !important;
	text-decoration: none !important;
}
#hoverrow .wpb_single_image
{
	margin-bottom: 15px !important;
}
@media screen and ( max-width: 1024px )
{
	.hide_on_tab
	{
		display: none;
	}	
	#hoverrow h2
	{
		color: #2daeb0 !important;
		text-align: center !important;
	}
}
@media screen and ( max-width: 1024px ) and ( min-width: 769px )
{
	div.mobile-branding > a > img
	{
		margin-top: -70px !important;
	}

}
@media screen and ( min-width: 769px )
{
	.home_icon_box:hover .over_box {
		transform: translateY(-50px);
		transition: all 0.5s;
	}
	.home_icon_box:hover .under_box {
		/*height: 47px !important;*/
		padding: 10px 10px 11px 10px !important;
		transform: translateY(-50px) scaleY(1);
		transition: all 0.5s;
	}
	.under_box {
		overflow: hidden !important;
		padding: 0px !important;
		transition: all 0.5s;
		transform: translateY(0px) scaleY(0);
		transition: transform 1s;
		margin-bottom: -50px !important;
	}
	.over_box {
		min-height: 225px !important;
	}
}
@media screen and ( min-width: 1025px )
{
	#hoverrow
	{
		position: absolute !important;
		top: 685px;
		z-index: 25;
		left: 0;
		padding: 0 15%
	}
	#hoverrow br
	{
		display: initial;
	}
}
#hoverrow br
{
	display: none;
}
.con_car_but div.vc_btn3-container:nth-child(1) > a,
.con_car_but div.vc_btn3-container:nth-child(2) > a:hover
{
	background: transparent !important;
	color: #44758d !important;
	border: 2px solid #44758d !important;
}
.con_car_but div.vc_btn3-container:nth-child(2) > a,
.con_car_but div.vc_btn3-container:nth-child(1) > a:hover
{
	background: #44758d !important;
	color: white !important;
	border: 2px solid #44758d !important;
}
#sidebar #gform_2 .gform_footer br
{
	display: none !important;
}
.vc_btn3-color-juicy-pink
{
	background-color: #487a85 !important;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h4 *, h5 *, h6 *
{
	font-family: 'Noto Sans TC', sans-serif !important;
}
.sidebar-content .widget-title
{
	color: #487a85 !important;
}
#footer .widget-title
{
	font-size: 24px !important;
}

.page-id-54 .vc_grid-item .vc_gitem-zone,
.page-id-81  .vc_grid-item .vc_gitem-zone
{
	min-height: 310px !important;
}
.wid-logo {
    padding-top: 18px !important;
}
body .gform_wrapper ul li.gfield {
	/** margin-top: -33px !important; **/
	padding-top: 0;
}

/** STYLES ADDED TO T AND S SITE AFTER MIGRATION FROM NORTHERN FOOT **/
.quote_btn {
    background-color: #81256C;
    padding-top: 10px;
	border: 2px solid transparent;
    padding-bottom: 10px;
    padding-left: 15px;
	border-radius: 0px !important;
    padding-right: 15px;
	display: inline-block;
    color: white;
    text-align: center;
	max-width: 250px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
}
.quote_btn:hover
{
	color: #81256c !important;
	background: white !important;
	border: 2px solid #81256c !important;
	font-weight: bold !important;
	transition: all 0.5s;
	opacity: 1 !important;
}
section#text-8 {
    margin-top: -30px;
}

.top-bar.line-content {
    max-height: 25px;
}

.text-area.show-on-desktop.near-logo-first-switch.in-menu-second-switch.first.last {
    background-color: transparent;
    top: 0px;
    margin-right: 2%!important;
	z-index:999;
}

/* form placeholder overrides - have to use !important or this doesn't work
--------------------------------------------- */
::-webkit-input-placeholder { /* Chrome */
  color: #53828C !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #53828C !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #53828C !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #53828C !important;
  opacity: 1 !important;
}
#text-9 > div
{
	text-align: center !important;
}
.reddy a
{
	color: #ff2b00 !important;
}
.greeny
{
	color: #d3d3d3 !important;
	padding: 10px;
	border-top: 1px solid;
}
footer,
footer *
{
	font-family: 'Noto Sans TC' !important;
}
footer p
{
	color: silver !important;
}
.home_icon_box .aio-icon-img
{
	vertical-align: bottom !important;
}
#text-3 .widget-title
{
	font-family: 'Noto Sans TC' !important;
}
#text-10 .textwidget
{
	text-align: center !important;
}
#text-3 p:before
{
    content: "❄";
    margin-right:5px;
	margin-left: -18px;
}
#text-3 .textwidget p
{
	padding-left: 5px !important;
}
#footer .wf-container-footer
{
	padding-top: 30px !important;
}
.page-id-341 #main
{
	padding-bottom: 0px !important;
}
#text-9 span
{
	font-family: "Noto Sans TC";
	font-size: 30px;
}
#text-11 a
{
	font-family: "Noto Sans TC" !important;
}
#sidebar .current_page_item 
{
	font-weight: bold !important;
}
.service_btn {
	background-color: #A5CE3A;
	padding-top: 10px;
	border: 2px solid transparent;
	padding-bottom: 10px;
	padding-left: 15px;
	border-radius: 0px !important;
	padding-right: 15px;
	display: inline-block;
	color: white;
	text-align: center;
	max-width: 250px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.5s;
	margin-right: 7px;
}
.toprightbuttons .service_btn
{
	margin-right: 7px !important;
}
.service_btn:hover
{
	color: #A5CE3A !important;
	background: white !important;
	border: 2px solid #A5CE3A !important;
	font-weight: bold !important;
	transition: all 0.5s;
	opacity: 1 !important;
}
#content .service_btn,
#content .quote_btn
{
	width: 100% !important;
	margin-bottom: 5px !important;
}
#rev_slider_1_1 .tp-mask-wrap .tp-caption:not(#slider-1-layer-27):not(#slider-1-layer-26)
{
	/*cursor: pointer !important;*/
}
.gfield_label.gfield_label_before_complex {
	background-color: #ded6d6;
	color: #030303;
	padding: 5px 20px;
	width: 100%;
	font-weight: bold !important;
	text-transform: uppercase;
}
#field_5_15,#field_5_16,#field_5_17,#field_5_18  {
	border: 1px solid #f6eaea;
	padding: 7px;
}
#service_items h2
{
	font-size: 1.3em !important;
}
#service_items .wpb_text_column p {
	color: #303030;
}
/* Responsive fix ups 23 Sep */
@media screen and ( min-width: 1025px )
{
	#slider-1-layer-36 span
	{
		white-space: nowrap !important;
	}
}
@media screen and ( max-width: 1024px )
{
	.mobile-header-bar span.lines,
	.mobile-header-bar span.lines:before,
	.mobile-header-bar span.lines:after
	{
		background-color: #fff !important;
	}
	.mobile-branding a
	{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.mobile-branding a img
	{
		max-width: 150px !important;
		display: inline-block !important;
	}
	.mobile-mini-widgets-in-menu .toprightbuttons a
	{
		width: 100% !important;
		margin-bottom: 5px !important;
		box-sizing: border-box !important;
		min-width: 100% !important;
		margin-right: 0px !important;
		position: relative !important;
		text-align: center !important;
	}
	.mobile-mini-widgets-in-menu > div.text-area
	{
		margin-right: 0px !important;
	}
	.mobile-mini-widgets-in-menu h2
	{
		text-align: center !important;
	}
	.mobile-mini-widgets-in-menu .toprightbuttons > div:nth-child(3) a img
	{
		margin: 0 auto !important;
	}
	#mCSB_1_container
	{
		display: inline-block !important;
	}
}
@media screen and ( max-width: 1024px ) and ( min-width: 481px )
{
	#text-9 h3
	{
		font-size: 16px !important;
	}
	footer .wf-container > section:nth-child(1),
	footer .wf-container > section:nth-child(2)
	{
		width: 50% !important;
		
	}
	footer .wf-container > section:not(:nth-child(1)):not(:nth-child(2))
	{
		width: 33.3% !important;
	}
	div#floating_row > div {
		width: 50% !important;
		float: left;
	}
	#services_icon_row h2
	{
		font-size: 20px !important;
	}
	#content h3
	{
		font-size: 18px !important;
	}
	#sidebar ul > li
	{
		width: 50% !important;
		float: left !important;
	}
	#sidebar ul > li:first-child
	{
		margin-top: 9px;
		border-top: 1px solid rgba(133,134,140,0.15) !important;
		padding-top: 10px;
	}
}