/*
Theme Name:     The REX Child
Theme URI:
Description:    My Child theme
Author:         BK Ninja
Author URI:
Template:       the-rex
Version:  
*/
@import url("../the-rex/style.css");
.viewall {
	background-color:#db063b;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:"PT Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:24px;
	padding:12px 60px;
	text-decoration:none;
	text-transform: uppercase
}
.viewall:hover {
background: #e23862;
text-decoration: none;
}
.viewall:active {
	position:relative;
	top:1px;
}

       
.wp-subscribe-wrap {
    background:#db063b!important;
}
.wp-subscribe-wrap .email-field {
    background:#ffffff!important;
    color:#000000!important;
}
.wp-subscribe-wrap .submit {
    color:#ffffff!important;
    background:#282828!important;
}
.sab_author_widget table, .sab_author_widget table tr {
    border:none
}
.sab_author_widget .avatar {
  border-radius:50%;
  border: solid 1px #555555;
  margin-bottom:0.3em;
}
blockquote {
    font-family: Roboto,"Times New Roman",Times,serif!important;
    color: #333333!important;
    background :#eeeeee;
    border: solid 1px #333333!important;
    clear: both;
    margin: 1.5em 0!important;
    padding: 1em!important;
    text-transform: none!important;
    font-size: 1.1em!important;
    text-align: left!important;
}
#google_language_translator {
    text-align:center;
}
.wpu-avatar .avatar {
  border-radius:50%;
  border: solid 1px #555555;
  margin: 0 0 1em 0;
}
.wpu-avatar {
text-align: center
}
.wpu-id {
	font-size:1.2em
}
.wpu-user {
	margin: 1.5em 0
}
.ed-note {
	background:#faf2cc
}
.ed-note h3 {
	margin-top: 0;
	display: block;
	background: #000000;
	color:#faf2cc;
	font-weight:normal;
	padding-left: 0.3em
}
.meta .comments, .s-post-header .meta>div.views:after {
    content:none!important;
	display:none!important
}
#main-mobile-menu .top-menu {
	display:none!important
}
#mobile-inner-header {
	padding:0 20px 20px 20px!important
}
.s-feat-img {
	text-align:center
}
#custom_html-2, #custom_html-3 {
	background:#db063b;
	color:#ffffff;
	padding:20px;
	text-align:center;
}
#custom_html-2 .widget-title, #custom_html-3 .widget-title {
	font-family: Lato;
	font-size: 22px;
    line-height: 1em;
    margin-bottom: 0;
    text-transform: uppercase;
	margin-top:0;
	border-bottom:none
}
#custom_html-2 .widget-title h3, #custom_html-3 .widget-title h3 {
	font-family: Lato;
	font-size: 22px;
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
	margin-top:1.3em;
	border-bottom:none;
	background:#db063b;
	color:#ffffff;
}
#custom_html-2 .text, #custom_html-3 .text, #custom_html-3 .hs-richtext, #custom_html-2 .hs-richtext  {
	margin:15px 0;
	opacity:0.9;
	text-align:center;
	color:#ffffff;
}
#custom_html-2 form label, #custom_html-3 form label {
	color:#ffffff;
	font-family: Lato;
    font-weight: 400;
		opacity:0.9;
}
#custom_html-2 input[type="email"], #custom_html-2 input[type="submit"], #custom_html-3 input[type="email"], #custom_html-3 input[type="submit"] {

}
#custom_html-2 .actions, #custom_html-2 .inputs-list, #custom_html-3 .actions, #custom_html-3 .inputs-list {
	margin: 0;
	padding: 0
}
#custom_html-2 .footer-text, #custom_html-3 .footer-text {
	font-size: 12px;
	text-align: center;
	opacity:0.9;
}
#custom_html-2 input[type="submit"], #custom_html-3 input[type="submit"] {
	font-family: Lato;
    font-style: normal;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    background: #282828;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
}
#custom_html-2 form .hs-form-required, #custom_html-3 form .hs-form-required {
	display: none
}
.single-page .main .article-content h2 {
	text-align:left;
    font-size: 24px;
}
div.s-post-header.container {
	padding-left:0;
	padding-right:0
}
a.inlineanchor {
    display:block;
    position:relative;
    top:-80px;
    visibility:hidden;
}
.hsbformbutton,.hsbformbutton:visited {
	background-color:#db063b;
	border:1px solid #db063b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Lato,Helvetica,Arial;
	font-size:1.4em;
	padding:6px 36px;
	text-decoration:none;
}
.hsbformbutton:hover {
	background: #e23862;
	border: solid #e23862 1px;
	color:#ffffff;
}
.hsbformbutton:active {
	position:relative;
	top:1px;
}
#custom_html-2 .hs-richtext {
	color:#ffffff
}
.read-time {
    font-family: "Archivo Narrow";
    font-weight: 400;
    font-style: normal;
}
.read-time i {
	margin-right:2px !important
}
@media (min-width: 992px)
{
.search-btn-blog {

}
}

@media (max-width: 767px){
.wpu-id {
	text-align: center
}
}


/* Adding the CSS to fixed the UWA logo Image blur issue*/
.logo-desktop,.logo-mobile, .Site.logo{
    filter: blur(0);
-webkit-filter: blur(0);
transform: translateZ(0);
-webkit-transform: translateZ(0);
}

/*Thien H on Apr 04, 2022*/
.accordion-group {
	margin-bottom: 20px;
}
.accordion-body {
	max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.accordion-body.open {
	display: block !important;
	max-height: 100vh !important;
	transition: max-height 0.4s ease-out;
}
.accordion-body .accordion-inner {
	padding-top: 20px;
}

.country-heading {
	display: block;
	font-size: 20px;
	font-weight: 600;
	padding: 0 0 0 20px;
	transition: all .1s ease-out;
	position: relative;
	border:  none;
	background: none;
	outline: none;
}
.country-heading svg {
	max-width: 8px;
	height: auto;
	position: absolute;
	left: 0;
	top: 5px;
	transition: all .2s ease-out;
}
.country-heading.active svg {
	transform: rotate(90deg);
	transition: all .2s ease-out;

}
.country-heading.active svg path {
	fill:  #db063b;
}
.country-heading:hover {
	color: #db063b;
	transition: all .1s ease-out;
}
.cat-heading {
font-family: Vollkorn;
font-weight: 700;
font-style: normal;
	text-transform: uppercase;
}
.cat-list {
	margin: 30px 0;
}
.cat-list li::marker {
	content: '';
	
}
.cat-list li a {
	font-size: 18px;
}
.cat-list li a:hover {
	color: #db063b;
}
.destination-guide-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.destination-guide-list .content_in {
	flex-basis: calc(50% - 7.5px);
	width: calc(50% - 7.5px);
margin-top: 0 !important;
}
.square-grid-2 ul li:nth-child(n+3) {
	margin-top: 15px !important;
}
.module-title.destination-guides {
margin-top: 40px;
padding-bottom: 10px !important;
}
.module-title.destination-guides .country-heading {
margin-top: 2em !important;
}
.module-title .main-title .heading {
padding: 0 20px;
background: #fff;
display: inline-block !important;
margin:  0 auto;
}
.subscription-prompt {
	color: #fff;
}
.subscription-prompt .sidebar-wrap .sidebar-wrap-inner {
	border: none;
	background: #db063b;
	color: #fff;
	text-align: center;
	padding:  40px 20px !important;
}
.subscription-prompt .sidebar-wrap .sidebar-wrap-inner
.sidebar-wrap__header h3 {
	font-weight: 400;
	font-size: 28px;
	line-height: 1.1;
	margin:  0 0 20px 0;
}
.subscription-prompt .sidebar-wrap .sidebar-wrap-inner
.sidebar-wrap__body .button--widget {
	background: #555555;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'lato';
	font-size: 14px;
	padding:  10px 25px;
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
	letter-spacing: 1px;
	transition:  all .3s ease;
}
.subscription-prompt .sidebar-wrap .sidebar-wrap-inner
.sidebar-wrap__body .button--widget:hover {
	background: #000;
	transition: all .3s ease;
}
@media screen and (min-width: 768px) {
	.cat-list {
		display: flex;
		flex-wrap: wrap;
	}
	.cat-list li {
		margin-bottom: 15px;
		flex-basis: 25%;
	}
}
@media screen and (max-width:  480px) {
.destination-guide-list .content_in {
  flex-basis: 100%;
  width: 100%;
  margin-bottom: 15px;
}
}

/***************************/
/* The new top bar styles  */
/* Deployed with ChargeBee */
/***************************/
@media screen and (min-width: 992px) {
  .site-header__wrapper .top-bar .widget-container.desktop-cart-icon-widget {
    padding-left: 15px;
    padding-right: 15px;
  }
  .site-header__wrapper .top-bar.top-bar--sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
}

.cart-icon-container button {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  position: relative;
}
.cart-icon-container button svg {
  width: 20px;
  height: 20px;
}
.cart-icon-container.--mobile {
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  display: block;
  transform: translateY(-50%);
  right: 15px;
  margin-right: 80px;
}
.cart-icon-container.--desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .cart-icon-container.--desktop {
    margin: 0;
    display: block;
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 992px) {
  .cart-icon-container {
    display: none;
  }
}

.site-header-sticky-active .nav-wrap {
  height: 72px;
  max-height: 72px;
  position: fixed;
  top: 0 !important;
}
@media screen and (min-width: 992px) {
  .site-header-sticky-active .nav-wrap {
    top: 60px !important;
  }
}

.site-header__wrapper.sticky-header .nav-wrap .logo-desktop {
  width: 220px !important;
  height: auto !important;
  transition: all .2s ease-out;
}

ul.social a {
	padding: 0 7px !important;
}

/* wp_pagenavi styles*/
/* Thien H.: May 2024 */
.wp-pagenavi {
	margin-top: 44px;
	text-align: center;
}
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .current,
.wp-pagenavi .page {
	padding: 0;
	width: 36px;
	height: 36px;
	border: 2px solid #db063b;
	display: inline-block;
	text-align: center;
	line-height: 34px;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: 400;
	color: #db063b;
}
.wp-pagenavi .current {
	color: #fff;
	background: #db063b;
	border: 2px solid #db063b !important;
}
.wp-pagenavi .first,
.wp-pagenavi .last {
	width: auto;
	padding-left: 12px;
	padding-right: 12px;
}
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .extend:hover,
.wp-pagenavi .current:hover,
.wp-pagenavi .page:hover {
	background: #db063b;
	color: #fff;
	border: 2px solid #db063b;
}