/*
Theme Name: Approach
Theme URI: 
Author: Webriti
Author URI: https://webriti.com/
Description: Looking to sample full site editing? Check out the Approach block theme with customizable templates, colors and global styles, along with block patterns and styles such as the easily switchable header and footer patterns. Approach is designed to work with and extend the default WordPress color palette and font sizes, and comes bundled with page and post templates including a single post with featured image template.
Tags: full-site-editing, block-patterns, block-styles, grid-layout, custom-background, custom-colors, custom-menu, custom-logo, editor-style, featured-images, template-editing, blog, translation-ready
Version: 0.1
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: approach
*/

/*--------------------------------------------------------------
# - Block Styles
--------------------------------------------------------------*/

/* Flip Link Hover */
.is-style-flip-link-hover a {
	text-decoration: none;
	 color: #fe5566;
}

.is-style-flip-link-hover a:hover, .is-style-flip-link-hover a:focus, .is-style-flip-link-hover a:active {
	text-decoration: underline;
	
}
.is-style-approach_menu_style a :hover, .is-style-approach_menu_style a :focus { color: #fe5566 !important; }

/*Menu style*/

/*--------------------------------------------------------------
# - Theme Layout
--------------------------------------------------------------*/

html {
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}
html { font-size: 16px; }
@media (min-width: 768px) and (max-width: 991px) {
	html { font-size: 14px; }
}
@media (min-width: 200px) and (max-width: 768px) {
	html { font-size: 12px; }
}

body,
button,
input,
select,
textarea {
	color: #656565;
	font-family: Roboto, Arial, sans-serif;
	font-size: 1.000rem;
	font-weight: 400;
	line-height: 1.66;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3,
h4, h5, h6 {
	clear: both;
	line-height: 1.3;
	margin: 0 0 1.875rem;
	color: #333;
	font-weight: 700;
}

h1 { font-size: 3.000rem; /* 48px */ }
h2 { font-size: 2.625rem; /* 42px */  }
h3 { font-size: 2.250rem; /* 36px */ }
h4 { font-size: 1.875rem; /* 30px */ }
h5 { font-size: 1.500rem; /* 24px */ }
h6 { font-size: 1.125rem; font-weight: 600; /* 18px */ }

p { margin: 0 0 1.5em; padding: 0; word-break: break-word;}

dfn, cite, em, i { font-style: italic; }

blockquote {
	font-size: 1.500rem;
	font-style: normal;
	margin: 0 0 25px;
	overflow: hidden;
	padding: 10px 20px;
	quotes: "" "";
	color: #333333;
	font-weight: 600;
	line-height: 1.4;
}

blockquote cite { color: #a5a5a5; font-size: 1.000rem; display: block; font-style: normal; font-weight: 400; margin-top: 0.5em; }

q { quotes: "“" "”" "‘" "’"; }

blockquote:before, blockquote:after { content: ""; }

:focus {
	outline: thin dotted;
    outline-color: #000;
}
address { margin: 0 0 1.5em; }

pre {
	background: #eee;
	font-size: 1.000rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; }

code, kbd, tt, var { font-size: 1.000rem; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #eee; text-decoration: none; }

big { font-size: 125%; }

img { max-width: 100%; height: auto; }
.img-fluid.wp-post-image {
    width: unset !important;
}
iframe { border: 0;
	display: block;
    overflow: hidden;
    width: 100%;
    height: 480px;
    position: relative;
}

#wrapper { background-color: #ffffff; margin: 0px auto; }

.wp-block-post-content {
    text-align: justify;
}

label { color: #656565; display: block; font-weight: 800; margin-bottom: 0.5em; }
fieldset { margin-bottom: 1em; }
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 {
	color: #656565;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #f3f3f3;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	display: block;
	padding: 0.7em;
	width: 90%;
}

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 {
	color: #656565;
	border-color: #333;
}
.wp-block-post-title a { color:#000000;}
.wp-block-post-title a:hover {color:#fe5566;}
a{color:#333333;}
a:hover,a:focus{color:#fe5566;}
body.page a{color:#333333;}
body a:hover,body a:focus,body .current-menu-item a{color:#fe5566;}
button, input[type="button"], input[type="submit"] {
    background: #fe5566;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.938rem;
    font-weight: 600;
    line-height: 1;
    padding: 1rem 2.188rem;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
  /*===================================================================================
8.0 SOCIAL ICONS
/*===================================================================================*/

.custom-social-icons { margin: 0; padding: 0; }
@media (min-width: 991px){
    .header-sidebar .widget .custom-social-icons {
        float: left;
        padding-right: 1.188rem;
    }}
.widget .address-info i {
    padding-right: 0.625rem;
    padding-left: 0.063rem;
}
.custom-social-icons li { display: inline-block;padding: 0.438rem 0.1rem;}
.custom-social-icons li > a:hover, 
.custom-social-icons li > a:focus {
    background-color: #fff;
}
.custom-social-icons li > a:before { display: none; }
.custom-social-icons li > a {
    font-size: 0.838rem;
    line-height: 2.3;
    transition: all 0.3s;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: none;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 1.75rem;
    width: 1.75rem;
}

.contact .custom-social-icons li > a {
    background-color: #eeeeee;
}

@media (max-width: 1200px){
    .contact-form-map .row{
        margin-right: 0;
        margin-left: 0; 
    }
}
.custom-social-icons li a i { padding: 0; }
.widget em {
    font-style: normal;
    display: inline-block;
    margin: 0;
    color: #ffffff;
    font-size: 0.938rem;
    position: relative;
    padding: 0.413rem 0 0.313rem;
}
@media (min-width: 991px){
    .widget em {
        float: right;
    }
}

/*===================================================================================*/
/*New Widget Css
/*===================================================================================*/
.sidebar .wp-block-search .wp-block-search__label,.sidebar .widget.widget_block h1,.sidebar .widget.widget_block h2,.sidebar .widget.widget_block h3,.sidebar .widget.widget_block h4,.sidebar .widget.widget_block h5,.sidebar .widget.widget_block h6{
   padding: 0rem 0rem 1.188rem;
    font-weight: 600;
    margin: 0;
    z-index: 1;
    position: relative;
}
.wp-block-search .wp-block-search__label, .widget.widget_block h3{font-size:1.250rem;}
.widget .wp-block-search .wp-block-search__input {
    font-size: 0.875rem;
    padding-left: 1.25rem;
    padding-right: 1.875rem;
}
.widget .wp-block-search__button {
    position: absolute;
    right: 3rem;
    margin-top: 9px;
    top: auto;
    background: transparent;
    z-index: 3;
    display: block;
    border: 0;
}
.wp-block-search__input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.sidebar .widget.widget-block li:before,
.woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before,
.sidebar .widget li{
    list-style-type:none;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 0.813rem;
    padding-bottom: 0.813rem;
    margin: 0;
    position: relative;
}

.widget .wp-block-gallery li{padding:0;}
 .widget .wp-block-gallery li:before,.widget .custom-social-icons li:before{
    display:none;
}
.widget li:first-child,.footer-sidebar .widget li:first-child{
    padding-top:0;
}
.widget li:last-child,.footer-sidebar .widget li:last-child{
  padding-bottom: 0px;
  border-bottom: none;
}
.sidebar .widget ul,.sidebar .widget ol{
    list-style: none;
    margin-left: 0;
    padding-top: 0;
    margin: 0;
}
.wp-calendar-nav{text-align: left;}
.widget .wp-block-calendar table th {
    font-weight: 600;
    border-bottom: 2px solid #bbb;
    background:transparent; 
}
.widget .wp-block-calendar tbody td,.widget .wp-block-calendar th {
    border: 0;
    padding: 0.4em;
    text-align: left;
    }
 .widget .wp-block-tag-cloud a{
 background-color: #ececec;
    font-size: 1rem !important;
    display: inline-block;
    padding: 5px 10px;
    color: #727272;
    margin: 0 0.125rem 0.625rem;
    }   
   
.widget.widget_media_image .wp-block-image img{
    max-width: 100%;
    height: auto;
}
.wp-calendar-table #today{
    font-weight: 600;
}
.widget .wp-block-latest-comments__comment:before{display: none;}
.footer-sidebar .wp-block-search .wp-block-search__label,.footer-sidebar .widget.widget_block h1,.footer-sidebar .widget.widget_block h2,.footer-sidebar .widget.widget_block h3,.footer-sidebar .widget.widget_block h4,.footer-sidebar .widget.widget_block h5,.footer-sidebar .widget.widget_block h6{   
   position: relative;
    padding-bottom: 0.5rem;
    margin: 0 0 1rem;
}

.footer-sidebar .wp-block-search__label:after,.footer-sidebar .widget_block h1:after,
.footer-sidebar .widget_block h2:after,.footer-sidebar .widget_block h3:after,.footer-sidebar .widget_block h4:after,.footer-sidebar .widget_block h5:after,
.footer-sidebar .widget_block h6:after{
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    margin-top: 5px;
}
.footer-sidebar .wp-block-search__label{font-weight: 700;}
.footer-sidebar .wp-block-calendar table caption,.footer-sidebar .wp-block-calendar table tbody {
    color: #fff;
}
.footer-sidebar .widget .wp-block-search__button {
    right: 1rem;
}
body .widget .wp-block-search__button {
    color: transparent;font-size: 0;margin: 15px 9px;
}
.navbar-toggler,.navbar-toggler:hover, .navbar-toggler:focus {
    background-color: #fff !important;
}
.woocommerce-page .sidebar .widget li > ul,.woocommerce-page .sidebar .widget li > ol {   
    margin-bottom: 0;
    margin-left: 1.5em;
}
.sidebar .widget li:last-child {
    border-bottom: none;
}
.widget li.wp-block-rss__item:before{
  display: none;
 }
.widget .wp-block-social-links .wp-block-social-link::before {
 display: none;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    padding: 0px;
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link a {
    font-size: 1.3rem;
}
.sidebar .widget.widget_block .wp-block-tag-cloud a {
    text-decoration: none !important;
}
.wp-block-latest-comments__comment {
    line-height: 1.6;
    }
.widget_media_gallery .blocks-gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
.columns-3 .blocks-gallery-item  {
    max-width: calc((100% - 16px * 2) / 3);
    margin-bottom: 1rem !important;
}
@media (min-width: 992px) {
    .nav-rgt ul.navbar-nav  { 
        margin-top: 15px;
    }
}
.navbar1 a.text-dark:focus,.navbar1 a.text-dark:hover{
    color: #fff!important;
}
.dark .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a:before,
.dark .woocommerce .wc-block-product-categories-list-item:before {
    color: #999;    
}
.sidebar .sub-menu li.menu-item {
    margin-left: 10px;
}
.bcslider-section .wp-calendar-table tr{
    color: #fff;
}
@media only screen and (max-width: 600px) {
    .slider-caption.yes br { display: block; }
}
.search-box-outer input::-webkit-input-placeholder {
    font-size: 20px;
    line-height: 3;
}
body .home-blog .post .post-thumbnail a:focus{
display: block;
margin: 1px;
outline-color:#fff;
}
@media (min-width:768px){
.blog .list-view .right .entry-date {
    margin-top: 0.8rem;
    right: 0;
    left: auto;
    z-index:2;
}}
@media (max-width: 768px) {
    .blog .list-view .right .entry-date {
        margin-top: 0.8rem;
        margin-left: 30px;
        top: auto;
        z-index:2;
    }}
.footer-sidebar .widget p a:not(a.tag-cloud-link){
    text-decoration: underline!important;
}
.footer-sidebar blockquote {
    background-color: transparent;
}
.footer-sidebar .widget .wp-block-latest-posts__post-author,
.footer-sidebar .widget .wp-block-latest-posts__post-date{
    color: #fff;
}
.loaded div#preloader1,.loaded .spice-software-loader,.loaded div#preloader2{
display: none;
}
.content-center .custom-logo-link-url,.index5 .custom-logo-link-url {
     margin-right: 0rem; 
}
.is-style-outline>.wp-block-button__link:not(.has-background):hover, .wp-block-button__link.is-style-outline:not(.has-background):hover {
    background-color: #fe5566;
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link:hover {
    background-color: #333333 !important;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: #333333;
    color: #fff;
}

.wp-block-query-pagination-previous,.wp-block-query-pagination-next,.wp-block-post-excerpt__more-link {
	background-color:#fe5566;
    color:#ffffff;
	border-radius:30px;
	padding:10px 20px;
	text-decoration: none;
    margin: 1px;
}
.wp-block-query-pagination a:hover, .wp-block-query-pagination a:focus,  .wp-block-post-excerpt__more-text a:hover,  .wp-block-post-excerpt__more-text a:focus{
    color:#ffffff;
	background-color:#000000;
}
.wp-block-query-pagination-numbers a{background-color:#f8f8f8;padding:15px 20px;margin-right:2px;}
.wp-block-query-pagination-numbers .page-numbers.current{background-color:#fe5566;padding:15px 20px;margin-right:2px;color:#ffffff;}
@media only screen and (max-width: 1199px) {
.wp-block-group,.wp-block-query-pagination {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}
}
.wp-block-post-title a {
    text-decoration: none;
}
.wp-block-latest-posts li a {
    text-decoration: none;
}
.taxonomy-category.wp-block-post-terms > a, .taxonomy-post_tag.wp-block-post-terms > a, .wp-block-post-date a {

    text-decoration: none;
}
ul.wp-block-categories-list.wp-block-categories a {
    text-decoration: none;
}
.wp-block-site-title a {
    text-decoration: none;
}
ul.wp-block-archives-list.wp-block-archives a {
    text-decoration: none;
}
a.wp-block-post-excerpt__more-link:hover, a.wp-block-post-excerpt__more-link:focus {
    color: #ffffff ! important;
}
.wp-block-post-meta {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width:600px){
    nav.wp-block-navigation {
        margin:0 auto;
    }
    nav.wp-block-navigation button:hover,nav.wp-block-navigation button:focus,nav.wp-block-navigation button {
        background-color:#fe5566;
        padding:10px;
        color:#ffffff;
    }
    .site-header { text-align: center; }
}
body .wp-block-tag-cloud a {
    background-color: #000000;
    padding: 10px;
    color: #FFFFFF;
    margin: 3px;
    font-size: 14px !important;
}
body .wp-block-tag-cloud a:hover,body .wp-block-tag-cloud a:focus {color: #fe5566;}
body .current-menu-item.wp-block-navigation-item a,body .wp-block-navigation a:hover,body .wp-block-navigation a:focus {
    color: #FE5566;
}
body .current-menu-item.wp-block-navigation-item .wp-block-navigation__submenu-container a{
    color: #000000;
}