/*!
Theme Name: Solitudes Theme
Theme URI: https://www.playfields.co/
Author: Playfields
Author URI: https://www.playfields.co/
Description: A bespoke theme for Solitudes.
Version: 1.0.0
Template: playfields-base
Text Domain: base
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

html { font-size: 16px;}

body { font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; font-size: 1.125rem; color: #000;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 300;}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: rgba(0,0,0,0.6);}

h1, .h1 { font-size: 3rem;}

h2, .h2 { font-size: 2.63rem;}

h3, .h3 { font-size: 2rem;}

h4, .h4 { font-size: 1.63rem;}

h5, .h5 { font-size: 1.38rem;}

h6, .h6 { font-size: 1.13rem;}

.lead { font-size: 1.375rem;}

.lead2 { font-size: 1.125rem;}

.intro-1, .intro-2 { font-family: 'Merriweather', 'Droid Serif', Georgia, serif; font-weight: 400;}

.intro-1 { font-size: 1.375rem; line-height: 2rem;}

.intro-2 { font-size: 1.125rem; line-height: 1.75rem;}

blockquote p:before, .blockquote p:before { left: -6rem;}

a { color: #000; text-decoration: none; border-bottom: 0.0625rem solid; padding-bottom: 0.0625rem;}

a:hover { color: rgba(0,0,0,0.6); border-bottom: 0.0625rem solid;}

.wp-block-image figcaption, figure figcaption { background: rgba(231, 208, 161, 0.3); color: #000000; font-size: 0.875rem; font-weight: 300; margin: 0; text-align: left;}

.wp-caption-text { text-align: inherit;}

/* Buttons and Form CSS */ 

.btn, button, input[type="button"], input[type="reset"], input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { background: transparent; border: none; border-bottom: 0.0625rem solid; color: inherit; font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; font-size: 1.125rem; padding: 0; text-decoration: none; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit;}

.btn:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: transparent; color: rgba(0,0,0,0.6); border-color: inherit; border: none; border-bottom: 0.0625rem solid; text-decoration: none;}

.btn:focus, .btn:active, .btn:not([disabled]):not(.disabled):active { box-shadow: none; outline: none; background: transparent; color: inherit;}

.btn-lg, .btn-group-lg > .btn { font-size: 1.25rem;}

.btn-sm, .btn-group-sm > .btn { font-size: 0.875rem;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { background: #f4f4f4; border: 0.0625rem solid transparent; min-height: 3.125rem; color: inherit;}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { font-size: 1.125rem !important; text-transform: inherit;}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover, .gform_wrapper .gform_footer input.button:active, .gform_wrapper .gform_footer input[type=submit]:active, .gform_wrapper .gform_page_footer input.button:active, .gform_wrapper .gform_page_footer input[type=submit]:active { color: rgba(0,0,0,0.6); border-bottom:0.0625rem solid;}

.bg-red .gform_wrapper .gform_footer input.button:hover, .bg-red .gform_wrapper .gform_footer input[type=submit]:hover, .bg-red .gform_wrapper .gform_page_footer input.button:hover, .bg-red .gform_wrapper .gform_page_footer input[type=submit]:hover, .bg-red .gform_wrapper .gform_footer input.button:active, .bg-red .gform_wrapper .gform_footer input[type=submit]:active, .bg-red .gform_wrapper .gform_page_footer input.button:active, .bg-red .gform_wrapper .gform_page_footer input[type=submit]:active,

.bg-blue .gform_wrapper .gform_footer input.button:hover, .bg-blue .gform_wrapper .gform_footer input[type=submit]:hover, .bg-blue .gform_wrapper .gform_page_footer input.button:hover, .bg-blue .gform_wrapper .gform_page_footer input[type=submit]:hover, .bg-blue .gform_wrapper .gform_footer input.button:active, .bg-blue .gform_wrapper .gform_footer input[type=submit]:active, .bg-blue .gform_wrapper .gform_page_footer input.button:active, .bg-blue .gform_wrapper .gform_page_footer input[type=submit]:active,

.bg-purple .gform_wrapper .gform_footer input.button:hover, .bg-purple .gform_wrapper .gform_footer input[type=submit]:hover, .bg-purple .gform_wrapper .gform_page_footer input.button:hover, .bg-purple .gform_wrapper .gform_page_footer input[type=submit]:hover, .bg-purple .gform_wrapper .gform_footer input.button:active, .bg-purple .gform_wrapper .gform_footer input[type=submit]:active, .bg-purple .gform_wrapper .gform_page_footer input.button:active, .bg-purple .gform_wrapper .gform_page_footer input[type=submit]:active, 

.bg-dark .gform_wrapper .gform_footer input.button:hover, .bg-dark .gform_wrapper .gform_footer input[type=submit]:hover, .bg-dark .gform_wrapper .gform_page_footer input.button:hover, .bg-dark .gform_wrapper .gform_page_footer input[type=submit]:hover, .bg-dark .gform_wrapper .gform_footer input.button:active, .bg-dark .gform_wrapper .gform_footer input[type=submit]:active, .bg-dark .gform_wrapper .gform_page_footer input.button:active, .bg-dark .gform_wrapper .gform_page_footer input[type=submit]:active { color: rgba(255,255,255,0.6); border-bottom: 0.0625rem solid;}

.gform_wrapper .ginput_container_select select { border: 0.0625rem solid transparent;}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border: 0.0625rem solid #676767;}

form label { font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; font-weight: 300 !important;}

body .gform_wrapper div.gform_body ul.gform_fields li#field_1_7 { line-height: 1.6rem !important;}

.gform_wrapper textarea { font-size: inherit !important;}

.gform_wrapper .ginput_container_select select { background-image: url(images/icon-arrow-dark.svg); line-height: 1.5 !important;}

body .gform_wrapper ul li.gfield { margin-bottom: 1.5rem !important;}

.gform_wrapper label.gfield_label, .gform_wrapper label.gfield_label, .gform_wrapper .ginput_container_select select { font-size: 1.125rem !important; color: #000; font-weight: 300 !important;}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body textarea { padding: 0.2rem 0.875rem 0.5rem; font-weight: 300 !important;}

.gform_wrapper .gform_body textarea { padding: 0.65rem 0.875rem;}

.gform_wrapper .ginput_container_select select { padding-left: 0.875rem !important; }

.gform_wrapper div.validation_error, .gform_wrapper .gfield_required, .gform_wrapper .validation_message, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { letter-spacing: -0.009375rem; font-weight: 400 !important;}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea, .gform_wrapper li.gfield_error select , .gform_validation_error.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .gform_validation_error.gform_wrapper li.gfield_error textarea:focus, .gform_wrapper textarea:focus { border: 0.0625rem solid #F8364E !important;}

.gform_wrapper textarea:focus { border: 0.0625rem solid #676767 !important;}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { position: absolute; z-index: -1; opacity: 0; }

.gform_wrapper ul.gfield_checkbox li.gchoice_1_12_1 label:before, .gform_wrapper ul.gfield_radio li.gchoice_1_12_1 label:before, .gform_wrapper ul.gfield_checkbox .gchoice_1_12_1 input:checked~#label_1_12_1::before { position: absolute; top: .35rem; left: 0; display: block; background-color: #3C3C3C; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.gform_wrapper ul.gfield_checkbox li.gchoice_1_12_1 label:after, .gform_wrapper ul.gfield_radio li.gchoice_1_12_1 label:after { position: absolute; top: .25rem; left: 0; display: block; width: 1.25rem; height: 1.25rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; }

.gform_wrapper ul.gfield_checkbox .gchoice_1_12_1 { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem !important; }

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: -moz-inline-stack; display: inline-block; padding: 0; width: auto; line-height: 1.5; font-size: .875em; vertical-align: middle; max-width: 85%; white-space: normal; }

.gform_wrapper ul.gfield_checkbox li label { margin-left: 0.625rem;}

.gform_wrapper ul.gfield_checkbox li.gchoice_1_12_1 input:checked~#label_1_12_1::after { background: url(images/tick.svg) no-repeat center center; width: 0.875rem; height: 0.8125rem; left: 0.2rem; top: 0.625rem; }

body .gform_wrapper div.gform_body ul.gform_fields li.gfield a { text-decoration: none; border-bottom: 0.0625rem solid;}

.bg-red form label, .bg-blue form label, .bg-purple form label, .bg-dark form label, .bg-red .gform_wrapper label.gfield_label, .bg-red .gform_wrapper label.gfield_label, .bg-blue .gform_wrapper label.gfield_label, .bg-blue .gform_wrapper label.gfield_label, .bg-purple .gform_wrapper label.gfield_label, .bg-purple .gform_wrapper label.gfield_label, .bg-dark .gform_wrapper label.gfield_label, .bg-dark .gform_wrapper label.gfield_label { color: #fff !important;}

.bg-red .gform_wrapper .ginput_container_select select, .bg-blue .gform_wrapper .ginput_container_select select, .bg-purple .gform_wrapper .ginput_container_select select, .bg-dark .gform_wrapper .ginput_container_select select { color: #fff;}

.bg-red .gform_wrapper .ginput_container_select select, .bg-blue .gform_wrapper .ginput_container_select select, .bg-purple .gform_wrapper .ginput_container_select select, .bg-dark .gform_wrapper .ginput_container_select select { background-image: url(images/icon-arrow-light.svg); line-height: 1.5 !important;}

.bg-red input[type="text"], .bg-red input[type="email"], .bg-red input[type="url"], .bg-red input[type="password"], .bg-red input[type="search"], .bg-red input[type="number"], .bg-red input[type="tel"], .bg-red input[type="range"], .bg-red input[type="date"], .bg-red input[type="month"], .bg-red input[type="week"], .bg-red input[type="time"], .bg-red input[type="datetime"], .bg-red input[type="datetime-local"], .bg-red input[type="color"], .bg-red textarea, .bg-red select,

.bg-blue input[type="text"], .bg-blue input[type="email"], .bg-blue input[type="url"], .bg-blue input[type="password"], .bg-blue input[type="search"], .bg-blue input[type="number"], .bg-blue input[type="tel"], .bg-blue input[type="range"], .bg-blue input[type="date"], .bg-blue input[type="month"], .bg-blue input[type="week"], .bg-blue input[type="time"], .bg-blue input[type="datetime"], .bg-blue input[type="datetime-local"], .bg-blue input[type="color"], .bg-blue textarea, .bg-blue select,

.bg-purple input[type="text"], .bg-purple input[type="email"], .bg-purple input[type="url"], .bg-purple input[type="password"], .bg-purple input[type="search"], .bg-purple input[type="number"], .bg-purple input[type="tel"], .bg-purple input[type="range"], .bg-purple input[type="date"], .bg-purple input[type="month"], .bg-purple input[type="week"], .bg-purple input[type="time"], .bg-purple input[type="datetime"], .bg-purple input[type="datetime-local"], .bg-purple input[type="color"], .bg-purple textarea, .bg-purple select, 

.bg-dark input[type="text"], .bg-dark input[type="email"], .bg-dark input[type="url"], .bg-dark input[type="password"], .bg-dark input[type="search"], .bg-dark input[type="number"], .bg-dark input[type="tel"], .bg-dark input[type="range"], .bg-dark input[type="date"], .bg-dark input[type="month"], .bg-dark input[type="week"], .bg-dark input[type="time"], .bg-dark input[type="datetime"], .bg-dark input[type="datetime-local"], .bg-dark input[type="color"], .bg-dark textarea, .bg-dark select { background: #3C3C3C; color: inherit;}

/* BG color CSS */

.bg-yellow { background: #F7F1E3; color: #000;}

.bg-red { background: #8e274a; color: #fff;}

.bg-blue { background: #4c5d9f; color: #fff;}

.bg-light-blue { background: #b0bced; color: #000;}

.bg-purple { background: #66618e; color: #fff;}

.bg-dark { background: #262626 !important; color: #fff;}

.bg-yellow a, .bg-light-blue a { color: #000;}

.bg-yellow a:hover, .bg-yellow a:focus, .bg-light-blue a:hover, .bg-light-blue a:focus { color: rgba(0,0,0,0.6);}

.bg-red a, .bg-blue a, .bg-purple a, .bg-dark a { color: #fff;}

.bg-red a:hover, bg-red a:focus, .bg-blue a:hover, .bg-blue a:focus, .bg-purple a:hover, .bg-purple a:focus, .bg-dark a:hover, .bg-dark a:focus { color:rgba(255,255,255,0.6);}

/* Header CSS */

header.site-header { background: transparent; position: fixed; width: 100%; height: 6.25rem; z-index: 999999; top: 0;}

.home .head_panel_hide .main-navigation.navbar-collapse.collapse { background: transparent !important;}

.home .head_panel_hide .navbar-collapse.collapse.header-small, .head_panel_hide .navbar-collapse.collapse.header-small { background: rgba(255,255,255,1) !important;}

.home .site header.head_panel_hide { /*background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);*/ padding-bottom: 20rem; background: rgba(0,0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5))); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -o-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}

.home .site header.head_panel_hide.header-transparent { padding-bottom: 6.25rem;}

.archive header.site-header.bg-purple { background: #66618e;}

.archive header.site-header.bg-yellow { background: #F7F1E3;}

.archive header.site-header.bg-red { background: #8e274a;}

.archive header.site-header.bg-blue { background: #4c5d9f;}

.archive header.site-header.bg-light-blue { background: #b0bced;}

.archive header.site-header.bg-dark { background: #262626;}

.logo_block { position: fixed; z-index: 8; top:1.25rem; left: 1.5625rem;}

.logo_block a { border-bottom: none;}

.contact_block ul li > a:not([href]):not([tabindex]), .contact_block ul li > a:not([href]):not([tabindex]) .addthis_counter a.atc_s { color: #fff; font-size: 1.25rem; font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif;}

.navbar-collapse.collapse.header-small .contact_block ul li > a:not([href]):not([tabindex]), .contact_block ul li > aa:not([href]):not([tabindex]) .addthis_counter a.atc_s { color: #1A1A1A;}

.contact_block ul li > a:not([href]):not([tabindex]):hover, .contact_block ul li > a:not([href]):not([tabindex]) .addthis_counter a.atc_s:hover, .navbar-collapse.collapse.header-small .contact_block ul li > a:not([href]):not([tabindex]):hover, .contact_block ul li > aa:not([href]):not([tabindex]) .addthis_counter a.atc_s:hover { color: #E7D0A1;}

/*.contact_block ul li:last-child { display: none; padding-left: 1.0625rem;}*/

.contact_block ul li > a.search_icon, .contact_block ul li:last-child a { padding-right: 0;}

.menu-primary-container { margin-left: 0;}

.menu_icon_block .menu-toggle { display: none; right: 0;}

.main-navigation.navbar-collapse { display: flex; justify-content: flex-end;}

.main-navigation.navbar-collapse.collapse { height: 6.25rem !important; padding: 0 1.5625rem; background: #262626;}

.main-navigation.navbar-collapse.collapse.header-small { background: rgba(255,255,255,1);}

.main-navigation .navbar-nav > li { padding-right: 1.4375rem;}

.main-navigation .navbar-nav > li > a { font-size: 1rem; line-height: 1.5rem; color: #fff; padding: 0; border-bottom: 0.0625rem solid transparent; font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif;}

.main-navigation .navbar-nav > li > a:hover, .navbar-collapse.collapse.header-small .navbar-nav > li > a:hover { color: #E7D0A1;}

.main-navigation .navbar-nav > li.current-menu-ancestor > a, .main-navigation .navbar-nav > li.current-menu-item > a, .main-navigation .navbar-nav > li.current_page_parent > a, .main-navigation .navbar-nav > li.current-page-ancestor > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current-menu-ancestor > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current-menu-item > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current_page_parent > a, .sidenav .main-navigation .navbar-nav > li.current-menu-ancestor > a, .sidenav .main-navigation .navbar-nav > li.current-menu-item a { color: #E7D0A1; text-decoration: none; border-bottom: 0.0625rem solid #E7D0A1; line-height: 1.5;}

.main-navigation.header-small .navbar-nav > li.current-menu-ancestor > a, .main-navigation.header-small .navbar-nav > li.current-menu-item > a, .main-navigation.header-small .navbar-nav > li.current_page_parent > a, .main-navigation.header-small .navbar-nav > li.current-page-ancestor > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current-menu-ancestor > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current-menu-item > a, .navbar-collapse.collapse.header-small .navbar-nav > li.current_page_parent > a { color: #C4A86F; border-bottom: 0.0625rem solid #C4A86F;}

.navbar-collapse.collapse.header-small svg g { fill:#1A1A1A;}

.navbar-collapse.collapse.header-small .navbar-nav { display: block;}

.navbar-collapse.collapse.header-small .navbar-nav > li > a { color: #1A1A1A;}

.main-navigation .page_title { position: absolute; left: 11.25rem; z-index: 9999; display: none; }

.sidenav { background: #1A1A1A; height: 100vh;}

.menu_icon_block .menu-toggle.open span.icon-bar { background: #fff;}

.sidenav .main-navigation ul li a, .sidenav .contact_block ul li a { color: #fff;}

.sidenav .main-navigation ul li ul li a:hover, .sidenav .main-navigation ul li ul li a:focus, .sidenav .main-navigation ul li ul li.current-menu-item a, .sidenav .main-navigation ul li ul li.current-menu-item a:focus, .sidenav .main-navigation .navbar-nav > li > a:hover, .sidenav .main-navigation .navbar-nav > li > a:focus { color: #fff;}

.page-template-default .site-content .site-main .entry-content, .post-template-default .site-content .site-main .entry-content { max-width: 600px; margin: 0 auto;}

.page-template-default .site-content .site-main.events .entry-content, .post-template-default .site-content .site-main.events .entry-content { max-width: 100%;}

.footer_follow_us_block ul li a:hover { background: #A8A8A8; color: #000;}

.main-jumbotron { flex-direction: column;}

.small_header_block { padding: 3.75rem 0 4.75rem;}

.small_header_block .page_header_area_title, .header_bot_txt .page_header_area_title, .search-results .small_header_block h1 { margin: 0 0 0 -3px;}

.main-navigation.toggled li { width: auto; margin-bottom: 0;}

.page_header_area_title { text-transform: none; font-size: 3rem; font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; line-height: 3.75rem;}

.single-page-title .page_header_area_title, .events-archive .page_header_area_title a, .archive .page_header_area_title a, .search-results .page_header_area_title { font-size: 1.625rem;}

.events-archive .small_header_block .page_header_area_title a:hover, .archive .small_header_block .page_header_area_title a:hover { border-bottom: none;}

.page_tag_or_taxonomy { display: none; margin-top: 1.6818rem; border-top: 0.04545rem solid rgba(0,0,0,0.2); border-bottom: 0.04545rem solid rgba(0,0,0,0.2); font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif;}

.small_header_block .page_short_desc, .header_bot_txt .page_short_desc { font-family: 'Merriweather', 'Droid Serif', Georgia, serif; padding-top: 0.5rem; border: none; margin-top: 0.5rem;}

.small_header_block .page_header_area_title a, .header_bot_txt .page_header_area_title a, .small_header_block .page_header_area_title a:hover, .header_bot_txt .page_header_area_title a:hover {text-decoration: none; border-bottom: none; font-weight: 300;}

.bg-yellow .small_header_block .page_header_area_title, bg-yellow .header_bot_txt .page_header_area_title, .bg-light-blue .small_header_block .page_header_area_title, bg-light-blue .header_bot_txt .page_header_area_title, .bg-yellow .page_short_desc, .bg-light-blue .page_short_desc { color: inherit;}

.small_header_block .page_header_area_title a:hover, .header_bot_txt .page_header_area_title a:hover { border-bottom: 0.0625rem solid;}

.posted_block { font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; font-weight: 300; color: inherit; margin-top: 1.75rem;}

.filter_block ul li a, .filter_block ul li a:not([href]):not([tabindex]), .filter_block ul li span { color: inherit; border-bottom: none;}

.filter_block ul li a:hover, .filter_block ul li a:not([href]):not([tabindex]):hover, .filter_block ul li span:hover {color: rgba(0,0,0,0.6);}

.filter_block ul li a.active, .filter_block ul li a.active:not([href]):not([tabindex]) { border-bottom: 0.0625rem solid #000;}

.filter_block ul li a.active:hover, .filter_block ul li a.active:not([href]):not([tabindex]):hover { color: #000;}

.load-more a, .load-more a:hover, .load-more a:focus, .load-more a.btn.btn-primary, .load-more a.btn.btn-primary:link { color: inherit; border-bottom: 0.0625rem solid; background: transparent;}

.load-more a.btn.btn-primary:hover { color: inherit; opacity: 0.6;}

header + main { margin-top: 6.25rem;}

.nav_hide + main { margin-top: 0;}

.show_header_title_panel .main-jumbotron { margin-top: -6.25rem;}

header + main article > header.show_header_title_panel { padding-top: 6.25rem;}

/*header + main article.has-post-thumbnail > header.show_header_title_panel { padding-top: 0; }*/

.show_header_title_panel .main-jumbotron.bg-yellow { border-bottom: 0.0625rem solid #E7D0A1;}

.show_header_title_panel .main-jumbotron.bg-red, .show_header_title_panel .main-jumbotron.bg-blue, .show_header_title_panel .main-jumbotron.bg-light-blue, .show_header_title_panel .main-jumbotron.bg-purple, .show_header_title_panel .main-jumbotron.bg-dark { border-bottom: none;}

header + main article > section#primary .entry-content > section.vc_section.vc_section-has-fill:first-child { margin-top: -6.25rem;}

/* target IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	header + main article > section#primary .entry-content .vc_ie-flexbox-fixer section.vc_section.vc_section-has-fill { margin-top: -6.25rem;}
	.logo_block { position: absolute;}
	.main-navigation.navbar-collapse { position: absolute;}
	
	body, .btn, button, input[type="button"], input[type="reset"], input[type="submit"], .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit], form label, .contact_block ul li > a:not([href]):not([tabindex]), .contact_block ul li > a:not([href]):not([tabindex]) .addthis_counter a.atc_s, .main-navigation .navbar-nav > li > a, .page_header_area_title, .page_tag_or_taxonomy, .posted_block { font-family: 'Roboto', sans-serif;}
	
	.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 1rem !important;}
}

/* Side menu CSS */

.sidenav { opacity: 0; visibility: hidden; width: 100%; -webkit-transition: visibility 0.5s, opacity 0.5s; -moz-transition: visibility 0.5s, opacity 0.5s; -ms-transition: visibility 0.5s, opacity 0.5s; -o-transition: visibility 0.5s, opacity 0.5s; transition: visibility 0.5s, opacity 0.5s;}

.sidenav-open { opacity: 1; visibility: visible;}

/* Search Icon and search results CSS */

.search-icon-block { position: absolute; top: 6.25rem; left: 0; z-index: 0; width: 100%; background: inherit; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;}

.search-icon-block.search-show { opacity: 1; z-index: 1; visibility: visible;}

.search-icon-block form { width: 100%;}

.search-icon-block .search_block { display: flex; align-items: center; justify-content: center;}

.search-icon-block input { background: #3C3C3C; width: 43.125rem;/* 690px */ max-width: 43.125rem; min-height: 3.125rem; padding: 0.625rem 1rem; color: #fff; font-size: 1.125rem;}

.search-icon-block.search-show input { color: #fff;}

.search-icon-block input:focus { border: 0.0625rem solid #676767; color: #fff; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}

.search-icon-block .search_block button { border: none; height: 1.25rem;}

.search-icon-block .search_block button svg { width: 1.1875rem; height: 1.1875rem;}

.search-icon-block .search_block button svg g { stroke:#fff;}

.search-icon-block .search_block button:hover svg g { stroke:rgba(255,255,255,0.7);}

.header-small .search-icon-block input { background: #f4f4f4;}

.header-small .search-icon-block input:focus { border: 0.0625rem solid #676767; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}

.header-small .search-icon-block .search_block button svg g { stroke: #262626; fill:transparent;}

.header-small .search-icon-block.search-show input { color: #262626;}

.search-no-results .not_found_btn a.btn-primary, .not_found_btn a.btn-primary { color: inherit;}

.search-no-results .search_block input, .search_block input { color: inherit; padding: 0.3125rem 0.875rem; font-size: inherit;}

.search-no-results .no-results.not-found form .search_block { display: flex;}
	
.search-no-results .search_block button svg g, .search_block button svg g { stroke:#262626;}

.search-results .event-type-title, .search-results .event-type-title:last-child { border: none;}

.search-results article .entry-summary { font-size: 1.125rem;}

.search-results .entry-meta .event-type-title { padding: 0; margin-bottom: 0.5rem;}

.search-results .entry-meta .event-type-title span { font-weight: 600;}

.search-results .entry-meta .posted-on { font-weight: 400; display: none;}

.search-results .entry-header .entry-title a:hover { border: none; text-decoration: none;}

.search-results article { margin-bottom: 3.125rem;}

/* Event page CSS */

.events .event-data { margin-bottom: 3.125rem;}

.events .event-data > a { display: inline-block;}

.event-date { margin-bottom: 1rem; font-weight: 500;}

.event-title { font-weight: 300; margin-bottom: 1rem;}

.event-title a { border-bottom: none; font-weight: 300;}

.load-more { text-align: left;}

.event-single .event-meta { font-size: 1rem; font-weight: 400;}

.event-meta a { font-weight: 400; }

.event-meta span { display: block;}

.single .single-page-title { width: 100%; min-height: 5rem; display: flex; align-items: center; /*margin-top: -14.2rem;*/}

.single-page-title a { text-decoration: none; border-bottom: none; font-weight:300;}

.single .small_header_block .page_header_area_title.special-h2 { display: none;}

.events .upcoming_events_content, .events .past_events_content, .single .single-event-content .entry-content { max-width: 600px;}

.event-type-title.event-start-date { font-weight: 700;}

.event-type-title { padding: 0.9375rem 0 1.25rem; font-size: 1rem; font-weight: 400; line-height: 1.5rem; border-top: 0.0625rem solid rgba(0,0,0,0.2);}

.event-type-title:last-child { border-bottom: 0.0625rem solid rgba(0,0,0,0.2); margin-bottom: 0.9375rem;}

.event-type-title span { margin-bottom: 0; }

.event-type-title span:first-child { /*border-bottom: 0.0625rem solid; margin-bottom: 0.625rem;*/ padding-bottom: 0.1875rem; display: block;}

.event-type-title address { margin-bottom: 0;}

/* List and Grid CSS */

.filter_block{ display: none;}

.grid_block .vc_custom_post_styles_wrap { margin-bottom: 1.875rem;}

.grid_block .vc_custom_post_styles_wrap .pf_ce_content_block { background: rgba(0,0,0,0.1); min-height: 17.5rem; padding: 1rem 1.15rem;}

.grid_block .vc_custom_post_styles_wrap a:hover .pf_ce_content_block { background: rgba(255,255,255,0.1);}

.grid_block .load-more { margin-top: 0; padding: 0 0.9375rem;}

.for_load_more { padding-top: 0.9375rem; margin-top: 0;}

.grid_block .vc-custom_post-title { font-weight: 300; line-height: 2.0625rem;}

.grid_block .vc_custom_post_content { color: #fff; font-size: 1.125rem; font-weight: 300; line-height: 1.875rem; margin-top: 0.5rem;}

.grid_block .vc_custom_post_styles_wrap .pf_title_tag_block .posted-on, .grid_block .vc_custom_post_styles_wrap .pf_title_tag_block .posted-on + p { display: none;} /* display hide the date and category text for grid blocks */

.bg-red .list_block .vc_custom_post_styles_wrap .pf_title_tag_block, .bg-red .list_block .vc_custom_post_styles_wrap .vc_custom_post_content,
.bg-blue .list_block .vc_custom_post_styles_wrap .pf_title_tag_block, .bg-blue .list_block .vc_custom_post_styles_wrap .vc_custom_post_content,
.bg-purple .list_block .vc_custom_post_styles_wrap .pf_title_tag_block, .bg-purple .list_block .vc_custom_post_styles_wrap .vc_custom_post_content,
.bg-dark .list_block .vc_custom_post_styles_wrap .pf_title_tag_block, .bg-dark .list_block .vc_custom_post_styles_wrap .vc_custom_post_content { color: #fff;}

.bg-red .list_block .vc_custom_post_styles_wrap a:hover .pf_title_tag_block, .bg-red .list_block .vc_custom_post_styles_wrap a:hover .vc_custom_post_content,
.bg-blue .list_block .vc_custom_post_styles_wrap a:hover .pf_title_tag_block, .bg-blue .list_block .vc_custom_post_styles_wrap a:hover .vc_custom_post_content,
.bg-purple .list_block .vc_custom_post_styles_wrap a:hover .pf_title_tag_block, .bg-purple .list_block .vc_custom_post_styles_wrap a:hover .vc_custom_post_content,
.bg-dark .list_block .vc_custom_post_styles_wrap a:hover .pf_title_tag_block, .bg-dark .list_block .vc_custom_post_styles_wrap a:hover .vc_custom_post_content { color: rgba(255,255,255,0.6);}

.vc_custom_post_styles_wrap .pf_title_tag_block p, .vc_custom_post_styles_wrap .pf_title_tag_block .posted-on { font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; display: none;}
/* target IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.vc_custom_post_styles_wrap .pf_title_tag_block p, .vc_custom_post_styles_wrap .pf_title_tag_block .posted-on { font-family: 'Roboto', sans-serif;}	
}

.category .small_header_block h1.page_header_area_title, .author .small_header_block h1.page_header_area_title, .events-archive .small_header_block h1.page_header_area_title { margin-top: 0;}

.vc_custom_post_content { font-size: 1.125rem; line-height: 1.875rem;}

.archive .archive_content .for_load_more { width: 100%;}

.archive .archive_content .for_load_more .show_more_content { display: flex; flex-wrap: wrap;}

.list_block .vc_custom_post_styles_wrap .pf_title_tag_block { padding: 0 0 0.6818rem; margin-top: 0; }

/* Blog page CSS */

.filtered_content{ padding: 0 0.95rem;}

.blog .blog_content .for_load_more .load-more{ padding: 0 0.9375rem 0 0;}

.single-post .pagination_block, .single-events .pagination_block { display: none !important; opacity: 0 !important;}

/* Footer CSS */

footer.site-footer { padding: 0 !important;}

footer.site-footer .site-info { margin-top: 0; margin-bottom: 0;}

.footer_follow_us_block { float: left; color: #fff;}

.footer_follow_us_block h3, .sign-up-block h3 { font-weight: 300;}

.footer_follow_us_block ul { margin-top: 1.25rem;}

.footer_follow_us_block ul li a, .footer_follow_us_block ul li a:focus, .footer_follow_us_block ul li a:visited { font-size: 1.5rem; color: #000;}

.supported-block { margin-top: 2.5rem;}

.supported-block p{ color: #BBBBBB;	font-size: 1rem;}

.supported-block li { float: left; margin-right: 2.5rem;}

.supported-block li:last-child { margin-right: 0;}

.supported-block li a { border-bottom: none;}

.supported-block li a:hover svg g, .supported-block li a:hover svg g path, .supported-block li a:hover svg g polygon{ fill:#A8A8A8; transition: all 0.25s ease;}

.footer_nav_menu { margin-bottom: 0; margin-top: 1.875rem;}

.footer_nav_menu ul li { margin-right: 1.875rem; padding: 0;}

.footer_nav_menu ul li:last-child { margin-right: 0;}

.footer_nav_menu ul li a, .bg-dark .footer_nav_menu ul li a { font-weight: 300; font-size: 1rem;}

.foot_text { padding-top: 0; color: #BBBBBB;}

.blog header + main article > section, .blog header + main article > header.show_header_title_panel, .blog footer, .blog .footer_extra_block { opacity: 1; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}

footer .enquiry_form .gform_body { width: auto; float: left;}

footer .enquiry_form .gform_footer { width: auto; float: left; clear: none; padding: 0; margin: 0; min-height: 2.5rem; display: flex;}

footer .enquiry_form .gform_body ul.gform_fields li { margin-bottom: 0 !important; padding-right: 0.625rem;}

footer .enquiry_form .gform_body li input { max-width: 18.75rem; min-height: 2.5rem; margin: 0;} /* 300px */

footer .enquiry_form .gform_footer input[type=submit] { border-bottom: none; padding: 0; margin: 0; font-size: 1.875rem !important;}

footer .enquiry_form .gform_wrapper .gform_footer input[type=submit]:hover, footer .enquiry_form .gform_wrapper .gform_footer input[type=submit]:focus { border-bottom: none;}

footer .enquiry_form div.validation_error { font-size: 0.813em; padding: 0; margin-bottom: 0.9375rem; max-width: 18.75rem; text-align: left;}

footer .enquiry_form .gform_footer .gform_ajax_spinner { height: 1rem; margin-top: 0.75rem; display: none;}

/* Media Queries */

@media(min-width: 768px) and (max-width: 991px){
	
	.footer_follow_us_block ul li a, .footer_follow_us_block ul li a:focus, .footer_follow_us_block ul li a:visited { margin-right: 0.6818rem; padding: 0.3636rem; }
	
	.search-show input { width: 34.375rem; /*550px*/}
}

@media(max-width:767px){
	
	html { font-size: 14px;}
	
	body { font-size: 1.25rem;}
	
	h1, .h1 { font-size: 2.5rem;}

	h2, .h2 { font-size: 2rem;}
	
	h3, .h3 { font-size: 1.75rem;}
	
	h4, .h4 { font-size: 1.60rem;}
	
	h5, .h5, lead, .lead, .intro-1 {font-size: 1.5rem;}

	h6, .h6, .intro-2 {font-size: 1.25rem;}
	
	.logo_block { left: 0.9375rem; top: 0.9375rem;}
	
	.logo_block svg { max-width: 7.1875rem; height: auto;} /* 115px */
	
	.menu_icon_block .menu-toggle { display: block; margin-top: 1.75rem;}
	
	.menu_icon_block .menu-toggle span.icon-bar { height: 0.145rem;}
	
	header.site-header { transition: transform 0.25s; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; -ms-transition: transform 0.25s; -o-transition: transform 0.25s; will-change: transform; transform: translate3d(0, 0rem, 0); -webkit-transform: translate3d(0, 0rem, 0); -moz-transform: translate3d(0, 0rem, 0); -ms-transform: translate3d(0, 0rem, 0); -o-transform: translate3d(0, 0rem, 0);}	
	.main-navigation.navbar-collapse.collapse { transform: none; transition: none;}
	
	header.site-header.sticky-menu { position: fixed; will-change: transform; transform: translate3d(0, -5rem, 0); -webkit-transform: translate3d(0, -5rem, 0); -moz-transform: translate3d(0, -5rem, 0); -ms-transform: translate3d(0, -5rem, 0); -o-transform: translate3d(0, -5rem, 0);}
	
	.main-navigation.navbar-collapse.collapse, header.site-header { height: 4.6875rem !important;}
	
	.home .site header.head_panel_hide, .home .site header.head_panel_hide.header-transparent { padding-bottom: 4.6875rem;}
	
	header + main article > section#primary .entry-content > section.vc_section.vc_section-has-fill:first-child { margin-top: -4.6875rem;}
	
	header + main { margin-top: 4.6875rem;}
	
	.navbar-collapse.collapse.header-small .navbar-nav { display: none;}
	
	.sidenav .main-navigation ul li, .sidenav .contact_block ul li { text-align: center; margin-bottom: 0.9375rem;}
	
	.sidenav .main-navigation ul { padding-left: 0; margin-top: 15%;}
	
	.sidenav .main-navigation .navbar-nav > li.current-menu-ancestor > a, .sidenav .main-navigation .navbar-nav > li.current-menu-item a { color: #E7D0A1; display: inline;}
	
	.sidenav .main-navigation .contact_block ul li ul li { padding: 0;}
	
	.sidenav .contact_block input[type="search"], .sidenav .side_menu .contact_block .bbk_ri_search_form input[type="search"] { background: rgba(74,74,74,0.5); color: #fff; font-family: 'Noto Sans TC', 'Roboto', San Francisco, Helvetica, Tahoma, sans-serif; font-size: 1.125rem; font-weight: normal; padding: 0 0.75rem; height: 3.125rem; width: 80%; visibility: hidden; opacity: 0;}
	
	/* target IE11 */
	@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
		.sidenav .contact_block input[type="search"], .sidenav .side_menu .contact_block .bbk_ri_search_form input[type="search"] { font-family: 'Roboto', sans-serif;}
	}
	
	.sidenav.sidenav-open .contact_block input[type="search"], .sidenav.sidenav-open .side_menu .contact_block .bbk_ri_search_form input[type="search"]{ visibility: visible; opacity: 1;}
	
	.sidenav .main-navigation ul li a, .contact_block ul li > a:not([href]):not([tabindex]), .contact_block ul li > a:not([href]):not([tabindex]) .addthis_counter a.atc_s, .sidenav .main-navigation .navbar-nav > li.current-menu-ancestor > a, .sidenav .main-navigation .navbar-nav > li.current-menu-item a { font-size: 1.625rem; line-height: 2.375rem; font-weight: normal; text-align: center;}
	
	.sidenav .contact_block ul li > a:not([href]):not([tabindex]), .contact_block ul li > a:not([href]):not([tabindex]) .addthis_counter a.atc_s { display: none;}
	
	.sidenav .main-navigation .contact_block ul li ul { visibility: visible; left: 7%; display: block; opacity: 1; margin-top: 1rem;}
	
	.sidenav .main-navigation .navbar-nav > li.current_page_parent > a { color: #E7D0A1; display: inline;}
	
	.search-no-results .search_block button svg, .search_block button svg { width: 1.25rem; height: 1.25rem;}
	
	.search-no-results .search_block button svg, .search_block button svg g { stroke:#fff;}
	
	.sidenav .contact_block input[type="search"], .side_menu .contact_block .bbk_ri_search_form button[type="submit"] { width: auto; padding-top: 1rem; visibility: hidden; opacity: 0;}
	
	.sidenav.sidenav-open .contact_block input[type="search"], .sidenav.sidenav-open .side_menu .contact_block .bbk_ri_search_form button[type="submit"] { visibility: visible; opacity: 1;}
	
	.small_header_block { padding: 2rem 0 3rem;}
	
	.page_header_area_title { line-height: 2.5454rem; font-size: 2.5rem;}
		
   .event-type-title:last-child { margin-bottom: 1.25rem;}
	
	.event-single .event-meta { margin-bottom: 1.5rem;}
	
	.footer_follow_us_block { margin-top: 1.875rem;}
	
	.sign-up-block h3, .footer_follow_us_block h3 { font-size: 1.375rem; }
	
	.supported-block li:first-child svg { width: 10.9375rem;} /* 175px */
	
	.search-show { display: none;}
	
	.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body textarea { padding: 0.2rem 0.875rem 0.4rem; min-height: 3.125rem;}
	
	.gform_wrapper .gform_body textarea { padding: 0.65rem 0.875rem;}
		
	footer .enquiry_form .gform_body li input { max-width: 100%;}
	
	footer .enquiry_form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { min-height: 2.5rem;}

	.alignright, .alignleft { float: inherit; width:100%; margin:0 0 1.5em 0;}
	
	.alignright img, .alignleft img { width: 100%;}	
}

@media(max-width:575px){
	
	.list_block .vc_custom_post_styles_wrap .pf_title_tag_block { margin-top: 1.0909rem;}
}