/*
Theme Name: SOPAsia 2020 Theme
Theme URI: https://www.sopasia.com/
Version: 1.0.0
Description: The ChillyBin child theme that can be used as a starting point for custom development.
Author: ChillyBin Web Design
Author URI: https://chillybin.com.sg
template: bb-theme


*/


html.admin-bar-showing {
	margin-top: 2em;
}

* html.admin-bar-showing body {
	margin-top: 2em;
}

html {
	font-family: 'system-ui', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

body {
	color: #000;
	fill: #000;
	font-size: 16px;
	line-height: 1.625;
}

a {
	text-decoration: underline;
	transition: all .15s ease-in-out;
}

a:visited {
}

a:hover {
	text-decoration: none;
}


ol,
ul {
	overflow: initial;
	margin: 0;
	padding: 0;
}

ol li,
ul li {
	list-style-type: none;
}

p {
	font-size: 16px;
	line-height: 1.625;
	margin: 0 0 1.5em;
}

p:last-of-type {
	margin-bottom: 0;
}

b,
strong {
	font-weight: 700;
}

iframe {
	border: none;
}

hr {
	clear: both;
	margin: 1.5em 0;
	border: none;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
}
td {
    border-top: 1px solid #eee;
    padding: 6px;
}
.fl-rich-text h1,
.fl-rich-text h2,
.fl-rich-text h3,
.fl-rich-text h4,
.fl-rich-text h5,
.fl-rich-text h6 {
	margin-bottom: 20px;
}

.fl-content ol,
.fl-content ul {
	line-height: 1.8;
	overflow: hidden;
}

.fl-content ol ol,
.fl-content ol ul,
.fl-content ul ul
.fl-content ul ol {
	margin-bottom: .5em;
	padding-left: 1.5em;
	font-size: 1em;
}

.fl-content ol > li {
	list-style-type: decimal;
}

.fl-content ul > li {
	list-style-type: disc;
}

.fl-content blockquote {
	margin: 0;
}

.footer-right p {
	font-size: 14px;
	text-align: right;
	margin-bottom: 0;
	line-height: 24px;
}

.footer-right a.chillybin {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-bottom: 0;
    filter: grayscale(100%);
    background-image: url(images/cb.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    vertical-align: middle;
    transform: scale(1, 1);
	margin:0 0 0 2px;
}

.footer-right a.chillybin:hover {
    filter: grayscale(0);
    cursor: pointer
}

.fl-post-feed-image-beside .fl-post-feed-text {
	padding-bottom: 40px;
}

.fl-post-feed-image-beside .fl-post-feed-image img {
	max-height: 180px;
}

/* Gallery
--------------------------------------------- */

.fl-rich-text .gallery {
	overflow: hidden;
}

.fl-rich-text .gallery img {
	border: 1px solid #eee !important;
	height: auto !important;
	padding: 4px !important;
}

.fl-rich-text .gallery img:focus,
.fl-rich-text .gallery img:hover {
	border: 1px solid #999 !important;
	outline: none !important;
}

.fl-rich-text .gallery-columns-1 .gallery-item {
	width: 100%;
}

.fl-rich-text .gallery-columns-2 .gallery-item {
	width: 50%;
}

.fl-rich-text .gallery-columns-3 .gallery-item {
	width: 33%;
}

.fl-rich-text .gallery-columns-4 .gallery-item {
	width: 25%;
}

.fl-rich-text .gallery-columns-5 .gallery-item {
	width: 20%;
}

.fl-rich-text .gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.fl-rich-text .gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.fl-rich-text .gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.fl-rich-text .gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.fl-rich-text .gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.fl-rich-text .gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.fl-rich-text .gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.fl-rich-text .gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.fl-rich-text .gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.fl-rich-text .gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.fl-rich-text .gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.fl-rich-text .gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
	clear: left !important;
}

.fl-rich-text .gallery .gallery-item {
	float: left;
	margin: 0 0 20px !important;
	text-align: center;
}

.fl-rich-text .gallery .gallery-item + p {
	display: none;
}

.gallery br {
    display:none;
}

.gallery:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '';
    clear: both;
    height: 0;
}

/* Module - S&F
------------------------------------ */

.fl-content .fl-html .searchandfilter ul {
	padding-left: 0;
}
.searchandfilter ul li {
	padding: 6px 0;
}
.searchandfilter ul li.sf-field-reset {
	margin-top: 20px;
}
.searchandfilter label, 
.searchandfilter .select2-container {
	width: 100% !important;
}
.searchandfilter .select2-container .select2-selection--single, 
.searchandfilter .select2-container--default .select2-selection--multiple, 
.searchandfilter input, 
.searchandfilter .sf-field-search input[type=text], 
.searchandfilter .sf-field-reset input[type=submit] {
	min-height: 60px;
	padding: 14px;
}
.searchandfilter .select2-container--default .select2-selection--multiple {
    padding: 7px;
}
.searchandfilter input[type=submit], 
.searchandfilter .sf-field-reset input[type=submit] {
	padding-right: 20px;
	padding-left: 20px;
	background: none;
	border: 1px solid rgba(220,227,230,0.82);
	border-radius: 4px;
	color: #79252f;
	transition: all .25s ease-in-out;
}
.searchandfilter li[data-sf-field-type="taxonomy"] > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0;
}
.searchandfilter li[data-sf-field-type="taxonomy"] > ul > li {
	flex: 1 0 auto;
	margin: 0 10px 10px 0;	
	padding: 0;
	border: 1px solid rgba(220,227,230,0.82);
	border-radius: 5px;
	text-align: center;
	transition: all .25s ease-in-out;
}
.searchandfilter li[data-sf-field-type="taxonomy"] li input {
	display: none;
}
.searchandfilter li[data-sf-field-type="taxonomy"] li label {
	width: 100%;
	height: 100%;
	padding: 10px 12px;
	color: #79252f;
}
.searchandfilter li[data-sf-field-type="taxonomy"] li:hover, 
.searchandfilter li[data-sf-field-type="taxonomy"] li:focus, 
.searchandfilter li[data-sf-field-type="taxonomy"] li.sf-option-active, 
.searchandfilter input[type=submit]:hover {
	background-color: #79252f;
	color: white;
	border-radius: 5px;
}
.searchandfilter li[data-sf-field-type="taxonomy"] li:hover label, 
.searchandfilter li[data-sf-field-type="taxonomy"] li.sf-option-active label {
	color: white;
}
.searchandfilter li[data-sf-field-type="taxonomy"] li:hover, 
.searchandfilter li[data-sf-field-type="taxonomy"] label:hover {
	cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 10px;
}
.searchandfilter .select2-container--default .select2-selection--single, 
.searchandfilter .select2-container--default .select2-selection--multiple, 
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice, 
.searchandfilter .select2-container--default.select2-container--focus .select2-selection--multiple, 
.select2-dropdown, 
.select2-container--default .select2-search--dropdown .select2-search__field, 
.searchandfilter .sf-field-search input[type=text] {
	border-color: rgba(220,227,230,0.82);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #79252f;
}
.searchandfilter input, 
.select2-container--default .select2-selection--single .select2-selection__rendered, 
.select2-container--default .select2-results {
	font-size: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-weight: 700;
	color: #363636;
}
.select2-container--open .select2-dropdown--below {
	box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    padding: 3px 10px;
    font-weight: 700;
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #79252f;
    margin-right: 8px;
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
	background-color: #79252f;
	color: white;
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice:hover .select2-selection__choice__remove {
	color: white;
}

/***** CB Customisations *****/
#sopasia-logo {max-width:360px;}
#header-social-icons {width:calc(100% - 260px);}
#become-a-member {max-width:260px;float:right;}
#become-a-member .uabb-button {max-width:260px;}
#menu-primary-navigation li {margin:0;position:relative;}
#menu-primary-navigation a:after {content:'';height:3px;width:100%;left:0;bottom:0px;position:absolute;transition:all .3s ease-in-out;background:#fff;}
#menu-primary-navigation .current-menu-item a:after, #menu-primary-navigation a:hover:after {background:#79252f;transition:all .3s ease-in-out;}
#gform_1 {position:relative;}
#gform_1 .ginput_container.ginput_container_select {margin-top:0;}
.gform_footer.top_label {position:absolute;top:63px;width:33.33% !important;right:0;}
.gform_footer.top_label input {width:100% !important;padding:18px 32px;}
#gform_1 .gfield_consent_label {font-weight:normal;color:#fff;}
#gform_1 li.gfield {margin-top:0;}
#gform_1.gform_wrapper .gform_footer { margin-top: 14px;}
#home-banner-cta .fl-row-content-wrap{background-size:40%;}
body .fl-theme-builder-header-shrink {box-shadow:0px 0px 5px #aaa;}
#searchbar
{
  position: relative;right:0;
}

#searchbar #sliding-panel-outer
{
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0px;
  width: 300px;
  transition: width 0.4s ease;
	transform:translate(-60px,-50%);
}

#searchbar #sliding-panel-inner
{
  width:100%;display:flex;justify-content:space-between;
}

#searchbar .search-label
{
  width: 50px;
  height: 50px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
	border-radius:100px;
  line-height: 50px;
	transform:translate(0%,-50%);
	background:#79252f;
	cursor:pointer;transition:all .3s ease-in-out;
}
#searchbar .search-label:hover {background:#000;transition:all .3s ease-in-out;}
#searchbar .search-label .fa-times,
#searchbar.collapsed .search-label .fa-search
{
  display: inline-block;color:#fff;
}
#searchbar .search-label .fa-search,
#searchbar.collapsed .search-label .fa-times
{
  display: none;
}

#searchbar.collapsed #sliding-panel-outer
{
  width: 0px;
}
#search-submit {background:#000;transition:all .3s ease-in-out;}
#search-submit:hover {background:#79252f;transition:all .3s ease-in-out;}
#search-input {width:70%;padding:20px;}
#sliding-panel-inner input {padding:20px;height:auto !important;}
#sliding-panel-inner form {width:100%;}

.arrow {
  background:#79252f;
	  width: 50px;
height: 50px;line-height:50px;text-align:center;
	border-radius:100px;cursor:pointer;
}
.arrow a {color:#fff !important;}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.sub-menu li a{
	background-color:#ffffff !important;
	padding:20px !important;
}
.sub-menu{
	border:0px !important;
	box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
}
.sub-menu li a:hover{
	background-color:#ffffff !important;
}
#news-parts .uabb-post-thumbnail{
	width:30%;
}
#news-parts .uabb-blog-post-content{
	width:70%;
}
#event-parts .uabb-post-thumbnail{
	width:30%;
}
#event-parts .uabb-blog-post-content{
	width:70%;
}
#archive-years ul a{
	border:1px solid;
	text-align: center;
  width: 60px;
	display:block;
}
#archive-years ul{
	display: flex;
    flex-wrap: wrap;
}
#archive-years ul div{
	margin: 10px 10px 10px 0px;
}
#guideline .fl-rich-text{
	height: 300px;
  overflow-y: auto;
}
#member-logo:hover h4{
	display:flex !important;
}
/*.fl-post-content ul, .fl-post-content ol{
	margin:1.5em 0px !important;
}*/

/*
* === SINGLE POST ===
*/
.single .post-info,
.single .post-meta {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.single .post-info .post-author,
.single .post-meta .post-categories {
	display: flex;
	width: 50%;
}
.single .post-meta .post-categories  {
	flex-direction: column;
}
.single .post-author-photo,
.single .fl-module-fl-author-bio .fl-author-bio-thumb {
	padding: 0;
	display: block;
	overflow: hidden;
	margin-right: 16px;
	width: 70px;
	height: 70px;
	border: 3px solid #363636;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #f5f5f5;
}
.single .post-author-photo:hover,
.single .fl-module-fl-author-bio .fl-author-bio-thumb:hover {
	border-color: #79252f;
}
.single .post-author-details,
.single .post-meta .post-category,
.single .post-meta .post-published {
    align-self: center;
}
.single .post-meta .post-category,
.single .post-meta .post-published {
	width: 100%;
}
.single .post-author-details h6,
.single .post-author-details p,
.single .post-meta p {
    margin: 0;
    padding: 0;
    color: #363636;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
}
.single .post-author-details p,
.single .post-meta p {
	font-weight: 500;
    line-height: 1.875;	
}
.single .post-meta .post-categories a {
	background: #363636;
	padding: 10px 20px;
	color: #fff;
	border-radius: 5px;
	margin: 0 0.5em 0.5em 0;
	display: inline-block;
	line-height: 1;
}
.single .post-meta .post-categories a:hover {
	background: #79252f;
}
.single .post-sharing {
	display: flex;
	width: 50%;
	margin-left: auto;
	justify-content: flex-end;
}
.single .post-sharing .scriptlesssocialsharing {
	margin: 0 0 0 auto;
	align-self: center;
}
.single .post-sharing .scriptlesssocialsharing a.button {
	opacity: 0.8;
	border: none;
	margin-left: 0.5em;
	padding: 0;
	background: none;
}
.single .post-sharing .scriptlesssocialsharing a.button svg {
	currentColor: #79252f;
	fill: #79252f;
	font-size: 24px;
    height: 1em;
    width: 1em;
}
.single .post-sharing .scriptlesssocialsharing a.button:hover {
	opacity: 1;
}
.single .fl-module-fl-author-bio .fl-module-content {
	background: #f7f7f7;
    padding: 40px;
	border-radius: 10px;
}
.single .fl-module-fl-author-bio .fl-author-bio-thumb {
	min-width: 70px;
}
.single .fl-module-fl-author-bio .fl-author-bio-thumb img {
	width: 64px;
	height: 64px;
	display: block;
}
.single .fl-module-fl-author-bio .fl-author-bio-name {
	font-size: 20px;
}
.single .fl-module-fl-author-bio .fl-author-bio-text {
	font-size: 14px;
}
.single .alignwide,
.single .alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}
.single .wp-block-group {
	margin: 1.5em auto;
}
#home-awards-posts-list .uabb-blog-posts-shadow{
	border-bottom: 4px solid #78252f;
}
#editorial-awards-lists .fl-list-item-icon{
	background: #79252f;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px;
    font-weight: 100;
    font-size: 18px !important;
}
#editorial-awards-lists .fl-list-item-heading{
	background: #fff;
    padding: 15px 20px 15px 40px;
    margin-bottom: 15px;
}
#editorial-awards-lists .fl-list-item-heading-text{
	padding-left:20px;
	padding-right: 150px;

}
#left-menu .sub-menu{
	box-shadow: none !important;
}
#left-menu .sub-menu .menu-item-text{
	display: inline-block;
    text-indent: 0px;
}
#left-menu .sub-menu li a{
	padding:10px 20px !important;
}
#header-menu .sub-menu{
}
#tablepress-1 .column-1{
	width: 30%;
}
#tablepress-1 .column-2{
	width: 35%;
}
#tablepress-1 .column-3{
	width: 35%;
}
#tablepress-2 .column-2{
	width: 60%;
}
#tablepress-2 .column-1{
	width: 40%;
}
.tablepress thead th{
	background-color: #79252f !important;
	color:#ffffff;
}
.uabb-modal-text .alignright{
	padding-left: 20px;
    padding-bottom: 20px;
}
#home-awards-three .fl-col-small .fl-col-content{
	border-bottom: 3px solid #79252f;
}
@media (max-width: 920px) {
	.single .alignwide {
		margin: 32px calc( ( 767px - 920px ) / 2 );
		max-width: 920px;
		width: 920px;
	}
}