/*
Theme Name: Directory 2 Child
Theme URI: //templatic.com/
Description: Child Theme for Directory 2
Author: Jerick Dimaano
Author URI: //yellowpages.com.sg
Template: Directory
Version: 1.0.0
*/

body {
	font-size: 16px;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}

body h1 {
    font-size: 36px;
}

body h2 {
    font-size: 32px;
}

body h3 {
    font-size: 25px;	
}

footer .social_media_list .fa-facebook:before {
	position: absolute;
    left: 14px;
    top: 12px;
}

footer .social_media_list .fa-youtube-play:before {
	position: absolute;
    left: 10px;
    top: 11px;
}

.icons_section .icon_container {
	display: flex;
	justify-content: center;
	justify-content: center;
}

.icons_section .icons_container .icons_wrap {
	display: flex;
	justify-content: center;
	gap: 15px;
}

.icons_section .icons_container .icons_wrap .icon_item {
	width: 33%;
	display: flex;
    align-items: center;
}

.icons_section .icons_container .icons_wrap .icon_item i {
	color: #333;
    font-size: 45px;
    margin-right: 10px;
}

.icons_section .icons_container .icons_wrap .icon_item span {
	display: inline-block;
	padding: 0 15px;
    line-height: 22px;
}

.packageblock .panel-desc .panel-body * {
	font-size: 16px;
}

.packageblock .panel-heading h3 {
	margin-bottom: 10px;
}
#footer {
    padding-top: 30px;
}

#footer, #footer .columns {
	background-color: #f2f2f2;
}

.pricing_section .pricing_wrap .pricing_container {
    display: flex;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item {
    width: 33.33%;
    background-color: #f2f2f2;
    padding: 35px 25px;
    text-align: center;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item h4 {
    font-size: 28px;
    color: #000;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .package_price {
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin: auto;
    background-color: #ed1c24;
    font-size: 25px;
    color: #fff;
    border-radius: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .icon_list {
    text-align: left;
    max-width: 200px;
    margin: auto;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .icon_list div {
    display: flex;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .icon_list div span {
    display: inline-block;
    margin-left: 5px;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .icon_list div i {
    margin-top: 4px;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item .pricing_desc .select_package_btn {
    background: #ed1c24;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 30px;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item.lite {
    background-color: #000  ;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item.lite h4 {
    font-size: 35px;
    font-weight: 600;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item.lite .pricing_desc .package_price {
    background-color: #fff;
    color: #efa71c;
}

.pricing_section .pricing_wrap .pricing_container .pricing_item.lite .pricing_desc .select_package_btn {
    background: #fff;
    color: #efa71c;
}

body.singular-page-30 h1.page-title,
body.singular-page-30 h1.loop-title,

body.singular-page-629 h1.page-title,
body.singular-page-629 h1.loop-title,

body.singular-page-231 h1.page-title,
body.singular-page-231 h1.loop-title,

body.archive-listing h1.page-title,
body.archive-listing h1.loop-title,

body.singular-page-625 h1.page-title,
body.singular-page-625 h1.loop-title,

body.singular-page-627 h1.page-title,
body.singular-page-627 h1.loop-title{
	display:none;
}

#breadcrumb > div, .breadcrumb > div {
	font-size: 15px;
}

input.input-text, input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
	max-width: 100% !important;
}

.ac_title_class .fa {
    display: none;
}

body.singular-page #wpsm_accordion_793.wpsm_panel-group .wpsm_panel-title a,
body.singular-page #wpsm_accordion_793.wpsm_panel-group .wpsm_panel-body {
    font-size: 16px !important;
    font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
}

body.singular-post .byline {
	margin-bottom:30px;
}

.custom_listing {
    background-color: #f2f2f2;
    padding: 35px;
    margin-bottom: 35px;
}

.custom_listing h4 {
    font-size: 28px;
    color: #efa71c;
}

.custom_listing .select_package_btn {
    background: #ed1c24;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 10px;
}

div[data-id="group-custom_subject"] {
    margin-bottom: 15px;
}

.list .post .listing_img.with-logo {
    border: solid 3px #222;
    padding: 0 15px;
}

.directory-single-page .hentry .entry-header-logo {
    border: solid 3px #222;
    padding: 0 10px;
}

.social-media-share,
.view_counter {
    display: none;
}

body.singular-listing .tabs-content {
    /*display: none;*/
}

body.singular-listing #content .claim-post-wraper ul li.print {
    display: none;
}

.singular .pos_navigation {
    display: none;
}

#comments-number, #reply-title {
    padding-top: 0;
}

.singular .entry-content {
    margin-bottom: 0;
}

.accordion .google-map-wrapper,
.accordion .form_row.post_images,
.accordion .form_row.map_view {
	display: none !important;
}

.paynow_info h3 {
    color: #000 !important;
}


.paynow_info p {
    float: none !important;
}

.wpcp-carousel-section.nav-vertical-center {
    padding: 0 !important;
}

.wpcp-carousel-section ul.slick-dots {
    margin-left: 0 !important;
}

.wpcp-carousel-section .wpcp-single-item img {
    margin: 0;
    min-width: 300px;
}

.wpcp-carousel-section.nav-vertical-center .slick-prev {
    left: 5px;
}

.wpcp-carousel-section.nav-vertical-center .slick-next {
    right: 5px;
}

.form_row.search_keyword select {
    opacity: 1 !important;
}

.form_row.search_keyword input#adv_s {
    display: none !important;
}

.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video_container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.search_result_listing .twp_search_cont {
    display: none;
}

.home_page_banner .wp_es_search_form_widget {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.home_page_banner .wp_es_search_form_widget .widget-wrap {
  max-width: 1200px;
  width: 100%;
  padding: 0 25px;
}
.home_page_banner .wp_es_search_form_widget .widget-wrap .widget-title {
  border: none;
  font-size: 46px;
  color: #fff !important;
  text-align: center;
  padding: 0;
  margin-bottom: 25px;
}
.home_page_banner .wp_es_search_form_widget .widget-wrap .widget-title:before {
  display: none;
}
.home_page_banner .wp_es_search_form_widget .widget-wrap .search-form {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 25px;
}

.home_page_banner .wp_es_search_form_widget .widget-wrap .search-form:before {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  content: "";
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  z-index: -1;
}

.home_page_banner .wp_es_search_form_widget .widget-wrap .search-form input[type="submit"] {
	margin: 0;
}

.home_page_banner .wp_es_search_form_widget .widget-wrap .search-form input.searchpost {
	margin-right: 15px;
}

.directory-single-page .hentry .entry-header-title .entry-header-custom-wrap .entry-header-custom-right p.email {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    font-weight: 300 !important;
}

.singular .entry-title {
    margin: 0 20px 0 0;
    vertical-align: top;
    font-size: 24px;
    color: #000;
}

.primary_menu_wrapper,
.nav_bg .widget-nav-menu nav, div#menu-secondary .wrap, div#menu-secondary1 .wrap, div#menu-subsidiary .wrap {
	background-color: #000 !important;
}

body div#menu-secondary .menu li.current-menu-item > a {
	color: #fff !important;
}

button, input[type="reset"], input[type="submit"],
input[type="button"], a.button, .button, .uploadfilebutton,
.searchform_wdgt input[type=submit] {
	background-color: #ed1c24;
}

#footer .footer_bottom {
    background: #000 !important;
}

body div#menu-secondary .menu li a:hover {
    color: #fff !important;
}

.post_info_meta, .comment-meta a, h1, h2, h3, h4, h5, h6, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input.input-text:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus, #breadcrumb, .breadcrumb, #breadcrumb a, .breadcrumb a, .entry-meta .category, .entry-meta .post_tag, .comment-reply-link, .comment-reply-login, .view_counter b, .arclist ul li a, .flex-direction-nav li a:hover, .attending_event span.fav span.span_msg a, .attending_event span.fav span.span_msg, .attending_event span.fav a.addtofav, body .sort_order_alphabetical ul li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, body #sub_event_categories ul li a:hover, body .all_category_list_widget .category_list ul li a:hover, body .user_dsb_cf span, body #loop_listing_taxonomy.list .post .entry .bottom_line, body #loop_listing_archive.list .post .entry .bottom_line, body #loop_listing_taxonomy .post .entry .phone, body #loop_listing_archive .post .entry .phone, body.tevolution-directory .post-meta a, body.directory-single-page .hentry .entry-header-title .entry-header-custom-wrap p label, body #content .claim-post-wraper ul li a, body #content .claim-post-wraper ul li a:after, .comment-author cite, body #loop_event_atteding_list.list .post .entry .bottom_line, body.tevolution-event-manager .post-meta a, body.event-single-page .hentry .entry-header-title .entry-header-custom-wrap p label, body.tevolution-event-manager.event-single-page .entry-content h2, body #loop_event_taxonomy .post .entry p strong, body #loop_event_archive .post .entry p strong, body #loop_event_taxonomy.grid .post .entry .date, body #loop_event_archive.grid .post .entry .date, body .all_category_list_widget .category_list h3 a, body #loop_event_taxonomy.list .post .entry .bottom_line, body #loop_event_taxonomy.list .post .entry .bottom_line, body .event-organizer .event-organizer-right label, body .ui-widget-content a, body .widget_loop_taxonomy.grid .post .fp_entry .date, body #sub_listing_categories ul li a:hover, body #tev_sub_categories ul li a:hover, ul li a:hover, ol li a:hover, .error_404 h4, body .related_post_grid_view li h3 a:hover, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, body.woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, body.woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, body.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, #recentcomments a:hover, body .social_media ul li a:hover i  {
    color: #000000 !important;
}

.loop-nav span.previous:hover, .loop-nav span.next:hover, body .pagination .current, body .pos_navigation .post_left a:hover, body .pos_navigation .post_right a:hover, body .ui-datepicker-trigger, button, input[type="reset"], input[type="submit"], input[type="button"], a.button, .button, body .secondary_btn:hover, .loop-nav span.previous:hover, .loop-nav span.next:hover, body .pagination .current, body .pos_navigation .post_left a:hover, body .pos_navigation .post_right a:hover, div#menu-mobi-secondary .menu li a:hover, div#menu-mobi-secondary1 .menu li a:hover, div#menu-subsidiary .menu li a:hover, div#menu-mobi-secondary .menu li li:hover > a, div#menu-mobi-secondary1 .menu li li:hover > a, div#menu-mobi-secondary .menu li li a:hover, div#menu-mobi-secondary1 .menu li li a:hover, div#menu-subsidiary .menu li li a:hover, .nav_bg .widget-nav-menu li li a:hover, body.woocommerce nav.woocommerce-pagination ul li a:hover, body.woocommerce-page nav.woocommerce-pagination ul li a:hover, body.woocommerce #content nav.woocommerce-pagination ul li a:hover, body.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, body.woocommerce nav.woocommerce-pagination ul li span.current, body.woocommerce-page nav.woocommerce-pagination ul li span.current, body.woocommerce #content nav.woocommerce-pagination ul li span.current, body.woocommerce-page #content nav.woocommerce-pagination ul li span.current, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, body .recurrence_text, body #content .claim-post-wraper ul li a:hover, body #loop_event_atteding_list.list .post .entry .date, body #loop_event_taxonomy.list .post .entry .date, body #loop_event_archive.list .post .entry .date, body .sort_order_alphabetical ul li.active a, body .sort_order_alphabetical ul li a:hover, body.woocommerce .quantity .plus, body.woocommerce-page .quantity .plus, body.woocommerce #content .quantity .plus, body.woocommerce-page #content .quantity .plus, body.woocommerce .quantity .minus, body.woocommerce-page .quantity .minus, body.woocommerce #content .quantity .minus, body.woocommerce-page #content .quantity .minus, body .ui-datepicker-calendar th, body .widget_loop_taxonomy .post .fp_entry .date, body article .entry-header span.date, #silde_gallery .flex-direction-nav li a:hover, .pagination .page-numbers:hover, .comment-pagination .page-numbers:hover, .bbp-pagination .page-numbers:hover, .pagination .page-numbers:hover, .comment-pagination .page-numbers:hover, .bbp-pagination .page-numbers:hover {
    background-color: #ed1c24;
    color: #ffffff!important;
}

body .widget_loop_taxonomy .post h2.entry-title a {
    color: #222;
    font-size: 22px;
}

body.singular-listing header.entry-header {
    position: relative;
}

body.singular-listing header.entry-header .ribbon {
    position: absolute;
    top: -5px;
    right: 0;
}

body.singular-listing header.entry-header .ribbon > .content {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
    color: white;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
    background: var(--color, #2ca7d8) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 11px 2px 4px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width: var(--width, 45px);
    min-height: var(--height, 55px);
    transition: clip-path 1s, padding 1s, background 1s;
}

body.singular-listing header.entry-header.package-1173 .ribbon > .content {
    background: var(--color, #222222) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

body.singular-listing header.entry-header.package-924 .ribbon > .content {
    background: var(--color, #e8c35c) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

body.singular-listing header.entry-header.package-338 .ribbon > .content {
    background: var(--color, #bdbdbd) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

body.singular-listing header.entry-header.package-40 .ribbon > .content {
    background: var(--color, #dca15f) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

body.singular-listing header.entry-header.package-39 .ribbon {
    display: none;
}

.featured_banner {
    display: none;
}

.featured_banner_image {
    margin-bottom: 25px;
}

.listing_img {
    position: relative;
}

.listing_img .ribbon {
    position: absolute;
    top: 0;
    right: 5px;
}

.listing_img .ribbon > .content {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 8px), 0 100%);
    color: white;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
    background: var(--color, #2ca7d8) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 9px 2px 4px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width: var(--width, 36px);
    min-height: var(--height, 45px);
    transition: clip-path 1s, padding 1s, background 1s;
}

.listing_img.package-1173 .ribbon > .content {
    background: var(--color, #222222) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.listing_img.package-924 .ribbon > .content {
    background: var(--color, #e8c35c) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.listing_img.package-338 .ribbon > .content {
    background: var(--color, #bdbdbd) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.listing_img.package-40 .ribbon > .content {
    background: var(--color, #dca15f) linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
}

.listing_img.package-39 .ribbon {
    display: none;
}

.widget_loop_listing .list .listing_img img,
#loop_listing_taxonomy.list .listing_img img {
    margin-top: 0;
}

.categories_grid {
    display: flex;
    /*justify-content: center;*/
    flex-wrap: wrap;
    gap: 15px;
}

.categories_grid .cat_grid_item {
    width: calc(33.33% - 10px);
}

.categories_grid .cat_grid_item a {
    text-decoration: none;
}

.categories_grid .cat_grid_item a .cat_bg_image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 200px;
}

.categories_grid .cat_grid_item a p {
    text-align: center;
    color: #222;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
}

.listing_img.without-logo {
    display: none !important;
}

.wpcp-carousel-wrapper {
    max-width: 300px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .icons_section .icons_container .icons_wrap,
    .pricing_section .pricing_wrap .pricing_container {
        flex-wrap: wrap;
    }
    
    .icons_section .icons_container .icons_wrap .icon_item,
    .pricing_section .pricing_wrap .pricing_container .pricing_item {
    	width: 100%;
    }
}